mirror of https://github.com/grafana/grafana
Build testdata frontend standalone (#75833)
Andres Martinez Gotor
2 years ago
committed by
GitHub
parent
8c456ec24b
commit
157ea31b03
@ -0,0 +1 @@ |
||||
export const DIST_DIR = 'dist'; |
||||
@ -0,0 +1,19 @@ |
||||
{ |
||||
"name": "@grafana/plugin-configs", |
||||
"description": "Shared dependencies and files for core plugins", |
||||
"private": true, |
||||
"version": "10.2.0-pre", |
||||
"dependencies": { |
||||
"tslib": "2.6.0" |
||||
}, |
||||
"devDependencies": { |
||||
"@grafana/tsconfig": "^1.2.0-rc1", |
||||
"copy-webpack-plugin": "11.0.0", |
||||
"eslint-webpack-plugin": "4.0.1", |
||||
"fork-ts-checker-webpack-plugin": "8.0.0", |
||||
"glob": "10.3.3", |
||||
"replace-in-file-webpack-plugin": "1.0.6", |
||||
"webpack": "5.88.1" |
||||
}, |
||||
"packageManager": "yarn@3.6.0" |
||||
} |
||||
@ -0,0 +1,19 @@ |
||||
{ |
||||
"compilerOptions": { |
||||
"alwaysStrict": true, |
||||
"declaration": false, |
||||
"resolveJsonModule": true |
||||
}, |
||||
"ts-node": { |
||||
"compilerOptions": { |
||||
"module": "commonjs", |
||||
"target": "es5", |
||||
"esModuleInterop": true |
||||
}, |
||||
"transpileOnly": true |
||||
}, |
||||
"extends": "@grafana/tsconfig", |
||||
|
||||
"exclude": ["**/*.test.ts", "**/*.test.tsx", "**/*.spec.ts", "**/*.spec.tsx"], |
||||
"include": ["./types", "."] |
||||
} |
||||
@ -0,0 +1,37 @@ |
||||
// Image declarations
|
||||
declare module '*.gif' { |
||||
const src: string; |
||||
export default src; |
||||
} |
||||
|
||||
declare module '*.jpg' { |
||||
const src: string; |
||||
export default src; |
||||
} |
||||
|
||||
declare module '*.jpeg' { |
||||
const src: string; |
||||
export default src; |
||||
} |
||||
|
||||
declare module '*.png' { |
||||
const src: string; |
||||
export default src; |
||||
} |
||||
|
||||
declare module '*.webp' { |
||||
const src: string; |
||||
export default src; |
||||
} |
||||
|
||||
declare module '*.svg' { |
||||
const content: string; |
||||
export default content; |
||||
} |
||||
|
||||
// Font declarations
|
||||
declare module '*.woff'; |
||||
declare module '*.woff2'; |
||||
declare module '*.eot'; |
||||
declare module '*.ttf'; |
||||
declare module '*.otf'; |
||||
@ -0,0 +1,26 @@ |
||||
import fs from 'fs'; |
||||
import { glob } from 'glob'; |
||||
import path from 'path'; |
||||
import process from 'process'; |
||||
|
||||
export function getPackageJson() { |
||||
return require(path.resolve(process.cwd(), 'package.json')); |
||||
} |
||||
|
||||
export function getPluginJson() { |
||||
return require(path.resolve(process.cwd(), 'plugin.json')); |
||||
} |
||||
|
||||
export async function getEntries(): Promise<Record<string, string>> { |
||||
const pluginModules = await glob(path.resolve(process.cwd(), `module.{ts,tsx}`)); |
||||
if (pluginModules.length > 0) { |
||||
return { |
||||
module: pluginModules[0], |
||||
}; |
||||
} |
||||
throw new Error('Could not find module.ts or module.tsx file'); |
||||
} |
||||
|
||||
export function hasLicense() { |
||||
return fs.existsSync(path.resolve(process.cwd(), 'LICENSE')); |
||||
} |
||||
@ -0,0 +1,208 @@ |
||||
import CopyWebpackPlugin from 'copy-webpack-plugin'; |
||||
import ESLintPlugin from 'eslint-webpack-plugin'; |
||||
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'; |
||||
import path from 'path'; |
||||
import ReplaceInFileWebpackPlugin from 'replace-in-file-webpack-plugin'; |
||||
import { Configuration } from 'webpack'; |
||||
|
||||
import { DIST_DIR } from './constants'; |
||||
import { getPackageJson, getPluginJson, getEntries, hasLicense } from './utils'; |
||||
|
||||
function skipFiles(f: string): boolean { |
||||
if (f.includes('/dist/')) { |
||||
// avoid copying files already in dist
|
||||
return false; |
||||
} |
||||
if (f.includes('/tsconfig.json')) { |
||||
// avoid copying tsconfig.json
|
||||
return false; |
||||
} |
||||
return true; |
||||
} |
||||
|
||||
const config = async (env: any): Promise<Configuration> => { |
||||
const pluginJson = getPluginJson(); |
||||
const baseConfig: Configuration = { |
||||
cache: { |
||||
type: 'filesystem', |
||||
buildDependencies: { |
||||
config: [__filename], |
||||
}, |
||||
}, |
||||
|
||||
context: process.cwd(), |
||||
|
||||
devtool: env.production ? 'source-map' : 'eval-source-map', |
||||
|
||||
entry: await getEntries(), |
||||
|
||||
externals: [ |
||||
'lodash', |
||||
'jquery', |
||||
'moment', |
||||
'slate', |
||||
'emotion', |
||||
'@emotion/react', |
||||
'@emotion/css', |
||||
'prismjs', |
||||
'slate-plain-serializer', |
||||
'@grafana/slate-react', |
||||
'react', |
||||
'react-dom', |
||||
'react-redux', |
||||
'redux', |
||||
'rxjs', |
||||
'react-router', |
||||
'react-router-dom', |
||||
'd3', |
||||
'angular', |
||||
'@grafana/ui', |
||||
'@grafana/runtime', |
||||
'@grafana/data', |
||||
|
||||
// Mark legacy SDK imports as external if their name starts with the "grafana/" prefix
|
||||
({ request }, callback) => { |
||||
const prefix = 'grafana/'; |
||||
const hasPrefix = (request: any) => request.indexOf(prefix) === 0; |
||||
const stripPrefix = (request: any) => request.substr(prefix.length); |
||||
|
||||
if (hasPrefix(request)) { |
||||
return callback(undefined, stripPrefix(request)); |
||||
} |
||||
|
||||
callback(); |
||||
}, |
||||
], |
||||
|
||||
mode: env.production ? 'production' : 'development', |
||||
|
||||
module: { |
||||
rules: [ |
||||
{ |
||||
exclude: /(node_modules)/, |
||||
test: /\.[tj]sx?$/, |
||||
use: { |
||||
loader: 'swc-loader', |
||||
options: { |
||||
jsc: { |
||||
baseUrl: '.', |
||||
target: 'es2015', |
||||
loose: false, |
||||
parser: { |
||||
syntax: 'typescript', |
||||
tsx: true, |
||||
decorators: false, |
||||
dynamicImport: true, |
||||
}, |
||||
}, |
||||
}, |
||||
}, |
||||
}, |
||||
{ |
||||
test: /\.css$/, |
||||
use: ['style-loader', 'css-loader'], |
||||
}, |
||||
{ |
||||
test: /\.s[ac]ss$/, |
||||
use: ['style-loader', 'css-loader', 'sass-loader'], |
||||
}, |
||||
{ |
||||
test: /\.(png|jpe?g|gif|svg)$/, |
||||
type: 'asset/resource', |
||||
generator: { |
||||
// Keep publicPath relative for host.com/grafana/ deployments
|
||||
publicPath: `public/plugins/${pluginJson.id}/img/`, |
||||
outputPath: 'img/', |
||||
filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]', |
||||
}, |
||||
}, |
||||
{ |
||||
test: /\.(woff|woff2|eot|ttf|otf)(\?v=\d+\.\d+\.\d+)?$/, |
||||
type: 'asset/resource', |
||||
generator: { |
||||
// Keep publicPath relative for host.com/grafana/ deployments
|
||||
publicPath: `public/plugins/${pluginJson.id}/fonts/`, |
||||
outputPath: 'fonts/', |
||||
filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]', |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
|
||||
output: { |
||||
clean: { |
||||
keep: new RegExp(`(.*?_(amd64|arm(64)?)(.exe)?|go_plugin_build_manifest)`), |
||||
}, |
||||
filename: '[name].js', |
||||
library: { |
||||
type: 'amd', |
||||
}, |
||||
path: path.resolve(process.cwd(), DIST_DIR), |
||||
publicPath: `public/plugins/${pluginJson.id}/`, |
||||
}, |
||||
|
||||
plugins: [ |
||||
new CopyWebpackPlugin({ |
||||
patterns: [ |
||||
// To `compiler.options.output`
|
||||
{ from: 'README.md', to: '.', force: true }, |
||||
{ from: 'plugin.json', to: '.' }, |
||||
{ from: hasLicense() ? 'LICENSE' : '../../../../../LICENSE', to: '.' }, // Point to Grafana License by default
|
||||
{ from: 'CHANGELOG.md', to: '.', force: true }, |
||||
{ from: '**/*.json', to: '.', filter: skipFiles }, // TODO<Add an error for checking the basic structure of the repo>
|
||||
{ from: '**/*.svg', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
{ from: '**/*.png', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
{ from: '**/*.html', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
{ from: 'img/**/*', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
{ from: 'libs/**/*', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
{ from: 'static/**/*', to: '.', noErrorOnMissing: true, filter: skipFiles }, // Optional
|
||||
], |
||||
}), |
||||
// Replace certain template-variables in the README and plugin.json
|
||||
new ReplaceInFileWebpackPlugin([ |
||||
{ |
||||
dir: path.resolve(DIST_DIR), |
||||
files: ['plugin.json', 'README.md'], |
||||
rules: [ |
||||
{ |
||||
search: /\%VERSION\%/g, |
||||
replace: env.commit ? `${getPackageJson().version}-${env.commit}` : getPackageJson().version, |
||||
}, |
||||
{ |
||||
search: /\%TODAY\%/g, |
||||
replace: new Date().toISOString().substring(0, 10), |
||||
}, |
||||
{ |
||||
search: /\%PLUGIN_ID\%/g, |
||||
replace: pluginJson.id, |
||||
}, |
||||
], |
||||
}, |
||||
]), |
||||
new ForkTsCheckerWebpackPlugin({ |
||||
async: Boolean(env.development), |
||||
issue: { |
||||
include: [{ file: '**/*.{ts,tsx}' }], |
||||
}, |
||||
typescript: { configFile: path.join(process.cwd(), 'tsconfig.json') }, |
||||
}), |
||||
new ESLintPlugin({ |
||||
extensions: ['.ts', '.tsx'], |
||||
lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
|
||||
}), |
||||
], |
||||
|
||||
resolve: { |
||||
extensions: ['.js', '.jsx', '.ts', '.tsx'], |
||||
unsafeCache: true, |
||||
}, |
||||
|
||||
watchOptions: { |
||||
ignored: ['**/node_modules', '**/dist', '**/.yarn'], |
||||
}, |
||||
}; |
||||
|
||||
return baseConfig; |
||||
}; |
||||
|
||||
export default config; |
||||
@ -0,0 +1,2 @@ |
||||
# TS generate from cue by cuetsy |
||||
**/*.gen.ts |
||||
@ -0,0 +1 @@ |
||||
# Changelog |
||||
@ -0,0 +1,3 @@ |
||||
# Grafana TestData data source |
||||
|
||||
This data source is used for testing and development of Grafana. Generates test data in different forms. |
||||
@ -0,0 +1,42 @@ |
||||
{ |
||||
"name": "@grafana-plugins/grafana-testdata-datasource", |
||||
"description": "Generates test data in different forms", |
||||
"private": true, |
||||
"version": "10.2.0-pre", |
||||
"dependencies": { |
||||
"@emotion/css": "11.11.2", |
||||
"@grafana/data": "10.2.0-pre", |
||||
"@grafana/experimental": "1.7.0", |
||||
"@grafana/runtime": "10.2.0-pre", |
||||
"@grafana/schema": "10.2.0-pre", |
||||
"@grafana/ui": "10.2.0-pre", |
||||
"lodash": "4.17.21", |
||||
"react": "18.2.0", |
||||
"react-use": "17.4.0", |
||||
"rxjs": "7.8.1", |
||||
"tslib": "2.6.0" |
||||
}, |
||||
"devDependencies": { |
||||
"@grafana/e2e-selectors": "10.2.0-pre", |
||||
"@grafana/plugin-configs": "10.2.0-pre", |
||||
"@testing-library/react": "14.0.0", |
||||
"@testing-library/user-event": "14.4.3", |
||||
"@types/jest": "29.5.4", |
||||
"@types/lodash": "4.14.195", |
||||
"@types/node": "18.16.16", |
||||
"@types/react": "18.2.15", |
||||
"@types/testing-library__jest-dom": "5.14.8", |
||||
"swc-loader": "0.2.3", |
||||
"ts-node": "10.9.1", |
||||
"webpack": "5.88.1" |
||||
}, |
||||
"peerDependencies": { |
||||
"@grafana/runtime": "*" |
||||
}, |
||||
"scripts": { |
||||
"build": "webpack -c ./webpack.config.ts --env production", |
||||
"build:commit": "webpack -c ./webpack.config.ts --env production --env commit=$(git rev-parse --short HEAD)", |
||||
"dev": "webpack -w -c ./webpack.config.ts --env development" |
||||
}, |
||||
"packageManager": "yarn@3.6.0" |
||||
} |
||||
@ -0,0 +1,4 @@ |
||||
{ |
||||
"extends": "@grafana/plugin-configs/tsconfig.json", |
||||
"include": ["."] |
||||
} |
||||
@ -0,0 +1,3 @@ |
||||
import config from '@grafana/plugin-configs/webpack.config'; |
||||
|
||||
export default config; |
||||
Loading…
Reference in new issue