mirror of
https://github.com/grafana/grafana.git
synced 2024-11-23 01:16:31 -06:00
Chore: Delete Input Datasource (#83163)
* chore(input-datasource): delete bundled plugin for grafana 11 * chore(betterer): refresh results file * chore(yarn): run dedupe to clean up deps * chore(yarn): pin playwright to 1.41.2 to see if CI passes * chore(yarn): pin playwright to 1.42.1
This commit is contained in:
Jack Westbrook
GitHub
parent
6204f1e847
commit
1de4187a6e
@ -1133,9 +1133,6 @@ exports[`better eslint`] = {
|
||||
"packages/grafana-ui/src/utils/useAsyncDependency.ts:5381": [
|
||||
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
|
||||
],
|
||||
"plugins-bundled/internal/input-datasource/src/InputDatasource.ts:5381": [
|
||||
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]
|
||||
],
|
||||
"public/app/core/TableModel.ts:5381": [
|
||||
[0, 0, 0, "Unexpected any. Specify a different type.", "0"],
|
||||
[0, 0, 0, "Unexpected any. Specify a different type.", "1"],
|
||||
@ -6293,9 +6290,6 @@ exports[`no gf-form usage`] = {
|
||||
[0, 0, 0, "gf-form usage has been deprecated. Use a component from @grafana/ui or custom CSS instead.", "5381"],
|
||||
[0, 0, 0, "gf-form usage has been deprecated. Use a component from @grafana/ui or custom CSS instead.", "5381"]
|
||||
],
|
||||
"plugins-bundled/internal/input-datasource/src/InputConfigEditor.tsx:5381": [
|
||||
[0, 0, 0, "gf-form usage has been deprecated. Use a component from @grafana/ui or custom CSS instead.", "5381"]
|
||||
],
|
||||
"public/app/angular/components/code_editor/code_editor.ts:5381": [
|
||||
[0, 0, 0, "gf-form usage has been deprecated. Use a component from @grafana/ui or custom CSS instead.", "5381"]
|
||||
],
|
||||
|
||||
@ -1 +0,0 @@
|
||||
.yarn
|
||||
@ -1,3 +0,0 @@
|
||||
# Direct Input Data Source - Bundled Plugin
|
||||
|
||||
This data source lets you define results directly in CSV. The values are stored either in a shared data source, or directly in panels.
|
||||
@ -1 +0,0 @@
|
||||
module.exports = {};
|
||||
@ -1,18 +0,0 @@
|
||||
module.exports = {
|
||||
testEnvironment: 'jest-environment-jsdom',
|
||||
preset: 'ts-jest',
|
||||
extensionsToTreatAsEsm: ['.ts'],
|
||||
transform: {
|
||||
'^.+\\.(t|j)sx?$': [
|
||||
'ts-jest',
|
||||
{
|
||||
useESM: true,
|
||||
isolatedModules: true,
|
||||
allowJs: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
moduleNameMapper: {
|
||||
'^d3-interpolate$': '<rootDir>/__mocks__/d3-interpolate.ts',
|
||||
},
|
||||
};
|
||||
@ -1,36 +0,0 @@
|
||||
{
|
||||
"name": "@grafana-plugins/input-datasource",
|
||||
"version": "11.0.0-pre",
|
||||
"description": "Input Datasource",
|
||||
"private": true,
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "http://github.com/grafana/grafana.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "yarn test && webpack -c webpack.config.ts --env production",
|
||||
"dev": "webpack -w -c webpack.config.ts --env development",
|
||||
"test": "jest -c jest.config.js"
|
||||
},
|
||||
"author": "Grafana Labs",
|
||||
"devDependencies": {
|
||||
"@grafana/tsconfig": "^1.3.0-rc1",
|
||||
"@types/jest": "26.0.15",
|
||||
"@types/react": "18.0.28",
|
||||
"copy-webpack-plugin": "11.0.0",
|
||||
"eslint-webpack-plugin": "4.0.0",
|
||||
"fork-ts-checker-webpack-plugin": "8.0.0",
|
||||
"jest": "29.3.1",
|
||||
"jest-environment-jsdom": "29.3.1",
|
||||
"swc-loader": "0.2.3",
|
||||
"ts-jest": "29.0.5",
|
||||
"ts-node": "10.9.2",
|
||||
"webpack": "5.76.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@grafana/data": "11.0.0-pre",
|
||||
"@grafana/ui": "11.0.0-pre",
|
||||
"react": "18.2.0",
|
||||
"tslib": "2.5.0"
|
||||
}
|
||||
}
|
||||
@ -1,69 +0,0 @@
|
||||
// Libraries
|
||||
import React, { PureComponent } from 'react';
|
||||
|
||||
// Types
|
||||
import { DataSourcePluginOptionsEditorProps, DataFrame, MutableDataFrame } from '@grafana/data';
|
||||
import { TableInputCSV } from '@grafana/ui';
|
||||
|
||||
import { InputOptions } from './types';
|
||||
import { dataFrameToCSV } from './utils';
|
||||
|
||||
interface Props extends DataSourcePluginOptionsEditorProps<InputOptions> {}
|
||||
|
||||
interface State {
|
||||
text: string;
|
||||
}
|
||||
|
||||
export class InputConfigEditor extends PureComponent<Props, State> {
|
||||
state = {
|
||||
text: '',
|
||||
};
|
||||
|
||||
componentDidMount() {
|
||||
const { options } = this.props;
|
||||
if (options.jsonData.data) {
|
||||
const text = dataFrameToCSV(options.jsonData.data);
|
||||
this.setState({ text });
|
||||
}
|
||||
}
|
||||
|
||||
onSeriesParsed = (data: DataFrame[], text: string) => {
|
||||
const { options, onOptionsChange } = this.props;
|
||||
if (!data) {
|
||||
data = [new MutableDataFrame()];
|
||||
}
|
||||
// data is a property on 'jsonData'
|
||||
const jsonData = {
|
||||
...options.jsonData,
|
||||
data,
|
||||
};
|
||||
|
||||
onOptionsChange({
|
||||
...options,
|
||||
jsonData,
|
||||
});
|
||||
this.setState({ text });
|
||||
};
|
||||
|
||||
render() {
|
||||
const { text } = this.state;
|
||||
return (
|
||||
<div>
|
||||
<div className="gf-form-group">
|
||||
<h4>Shared Data:</h4>
|
||||
<span>Enter CSV</span>
|
||||
<TableInputCSV text={text} onSeriesParsed={this.onSeriesParsed} width={'100%'} height={200} />
|
||||
</div>
|
||||
|
||||
<div className="grafana-info-box">
|
||||
This data is stored in the datasource json and is returned to every user in the initial request for any
|
||||
datasource. This is an appropriate place to enter a few values. Large datasets will perform better in other
|
||||
datasources.
|
||||
<br />
|
||||
<br />
|
||||
<b>NOTE:</b> Changes to this data will only be reflected after a browser refresh.
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
import {
|
||||
DataFrame,
|
||||
DataFrameDTO,
|
||||
DataSourceInstanceSettings,
|
||||
MutableDataFrame,
|
||||
PluginMeta,
|
||||
readCSV,
|
||||
} from '@grafana/data';
|
||||
|
||||
import InputDatasource, { describeDataFrame } from './InputDatasource';
|
||||
import { getQueryOptions } from './testHelpers';
|
||||
import { InputOptions, InputQuery } from './types';
|
||||
|
||||
describe('InputDatasource', () => {
|
||||
const data = readCSV('a,b,c\n1,2,3\n4,5,6');
|
||||
const instanceSettings: DataSourceInstanceSettings<InputOptions> = {
|
||||
id: 1,
|
||||
uid: 'xxx',
|
||||
type: 'x',
|
||||
name: 'xxx',
|
||||
meta: {} as PluginMeta,
|
||||
access: 'proxy',
|
||||
readOnly: false,
|
||||
jsonData: {
|
||||
data,
|
||||
},
|
||||
};
|
||||
|
||||
describe('when querying', () => {
|
||||
test('should return the saved data with a query', () => {
|
||||
const ds = new InputDatasource(instanceSettings);
|
||||
const options = getQueryOptions<InputQuery>({
|
||||
targets: [{ refId: 'Z' }],
|
||||
});
|
||||
|
||||
return ds.query(options).then((rsp) => {
|
||||
expect(rsp.data.length).toBe(1);
|
||||
|
||||
const series: DataFrame = rsp.data[0];
|
||||
expect(series.refId).toBe('Z');
|
||||
expect(series.fields[0].values).toEqual(data[0].fields[0].values);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test('DataFrame descriptions', () => {
|
||||
expect(describeDataFrame([])).toEqual('');
|
||||
expect(describeDataFrame(null as unknown as Array<DataFrameDTO | DataFrame>)).toEqual('');
|
||||
expect(
|
||||
describeDataFrame([
|
||||
new MutableDataFrame({
|
||||
name: 'x',
|
||||
fields: [{ name: 'a' }],
|
||||
}),
|
||||
])
|
||||
).toEqual('1 Fields, 0 Rows');
|
||||
});
|
||||
});
|
||||
@ -1,124 +0,0 @@
|
||||
// Types
|
||||
import {
|
||||
DataQueryRequest,
|
||||
DataQueryResponse,
|
||||
TestDataSourceResponse,
|
||||
DataSourceApi,
|
||||
DataSourceInstanceSettings,
|
||||
MetricFindValue,
|
||||
DataFrame,
|
||||
DataFrameDTO,
|
||||
toDataFrame,
|
||||
} from '@grafana/data';
|
||||
|
||||
import { InputQuery, InputOptions } from './types';
|
||||
|
||||
export class InputDatasource extends DataSourceApi<InputQuery, InputOptions> {
|
||||
data: DataFrame[] = [];
|
||||
|
||||
constructor(instanceSettings: DataSourceInstanceSettings<InputOptions>) {
|
||||
super(instanceSettings);
|
||||
|
||||
if (instanceSettings.jsonData.data) {
|
||||
this.data = instanceSettings.jsonData.data.map((v) => toDataFrame(v));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Convert a query to a simple text string
|
||||
*/
|
||||
getQueryDisplayText(query: InputQuery): string {
|
||||
if (query.data) {
|
||||
return 'Panel Data: ' + describeDataFrame(query.data);
|
||||
}
|
||||
return `Shared Data From: ${this.name} (${describeDataFrame(this.data)})`;
|
||||
}
|
||||
|
||||
metricFindQuery(query: string, options?: any): Promise<MetricFindValue[]> {
|
||||
return new Promise((resolve, reject) => {
|
||||
const names = [];
|
||||
for (const series of this.data) {
|
||||
for (const field of series.fields) {
|
||||
// TODO, match query/options?
|
||||
names.push({
|
||||
text: field.name,
|
||||
});
|
||||
}
|
||||
}
|
||||
resolve(names);
|
||||
});
|
||||
}
|
||||
|
||||
query(options: DataQueryRequest<InputQuery>): Promise<DataQueryResponse> {
|
||||
const results: DataFrame[] = [];
|
||||
for (const query of options.targets) {
|
||||
if (query.hide) {
|
||||
continue;
|
||||
}
|
||||
let data = this.data;
|
||||
if (query.data) {
|
||||
data = query.data.map((v) => toDataFrame(v));
|
||||
}
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
results.push({
|
||||
...data[i],
|
||||
refId: query.refId,
|
||||
});
|
||||
}
|
||||
}
|
||||
return Promise.resolve({ data: results });
|
||||
}
|
||||
|
||||
testDatasource(): Promise<TestDataSourceResponse> {
|
||||
return new Promise((resolve, reject) => {
|
||||
let rowCount = 0;
|
||||
let info = `${this.data.length} Series:`;
|
||||
for (const series of this.data) {
|
||||
const length = series.length;
|
||||
info += ` [${series.fields.length} Fields, ${length} Rows]`;
|
||||
rowCount += length;
|
||||
}
|
||||
|
||||
if (rowCount > 0) {
|
||||
resolve({
|
||||
status: 'success',
|
||||
message: info,
|
||||
});
|
||||
}
|
||||
reject({
|
||||
status: 'error',
|
||||
message: 'No Data Entered',
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function getLength(data?: DataFrameDTO | DataFrame) {
|
||||
if (!data || !data.fields || !data.fields.length) {
|
||||
return 0;
|
||||
}
|
||||
if ('length' in data) {
|
||||
return data.length;
|
||||
}
|
||||
return data.fields[0].values!.length;
|
||||
}
|
||||
|
||||
export function describeDataFrame(data: Array<DataFrameDTO | DataFrame>): string {
|
||||
if (!data || !data.length) {
|
||||
return '';
|
||||
}
|
||||
if (data.length > 1) {
|
||||
const count = data.reduce((acc, series) => {
|
||||
return acc + getLength(series);
|
||||
}, 0);
|
||||
return `${data.length} Series, ${count} Rows`;
|
||||
}
|
||||
const series = data[0];
|
||||
if (!series.fields) {
|
||||
return 'Missing Fields';
|
||||
}
|
||||
const length = getLength(series);
|
||||
return `${series.fields.length} Fields, ${length} Rows`;
|
||||
}
|
||||
|
||||
export default InputDatasource;
|
||||
@ -1,86 +0,0 @@
|
||||
// Libraries
|
||||
import React, { PureComponent } from 'react';
|
||||
|
||||
// Types
|
||||
import { DataFrame, toCSV, SelectableValue, MutableDataFrame, QueryEditorProps } from '@grafana/data';
|
||||
import { Select, TableInputCSV, LinkButton, Icon, InlineField } from '@grafana/ui';
|
||||
|
||||
import { InputDatasource, describeDataFrame } from './InputDatasource';
|
||||
import { InputQuery, InputOptions } from './types';
|
||||
import { dataFrameToCSV } from './utils';
|
||||
|
||||
type Props = QueryEditorProps<InputDatasource, InputQuery, InputOptions>;
|
||||
|
||||
const options = [
|
||||
{ value: 'panel', label: 'Panel', description: 'Save data in the panel configuration.' },
|
||||
{ value: 'shared', label: 'Shared', description: 'Save data in the shared datasource object.' },
|
||||
];
|
||||
|
||||
interface State {
|
||||
text: string;
|
||||
}
|
||||
|
||||
export class InputQueryEditor extends PureComponent<Props, State> {
|
||||
state = {
|
||||
text: '',
|
||||
};
|
||||
|
||||
onComponentDidMount() {
|
||||
const { query } = this.props;
|
||||
const text = dataFrameToCSV(query.data);
|
||||
this.setState({ text });
|
||||
}
|
||||
|
||||
onSourceChange = (item: SelectableValue<string>) => {
|
||||
const { datasource, query, onChange, onRunQuery } = this.props;
|
||||
let data: DataFrame[] | undefined = undefined;
|
||||
if (item.value === 'panel') {
|
||||
if (query.data) {
|
||||
return;
|
||||
}
|
||||
data = [...datasource.data];
|
||||
if (!data) {
|
||||
data = [new MutableDataFrame()];
|
||||
}
|
||||
this.setState({ text: toCSV(data) });
|
||||
}
|
||||
onChange({ ...query, data });
|
||||
onRunQuery();
|
||||
};
|
||||
|
||||
onSeriesParsed = (data: DataFrame[], text: string) => {
|
||||
const { query, onChange, onRunQuery } = this.props;
|
||||
this.setState({ text });
|
||||
if (!data) {
|
||||
data = [new MutableDataFrame()];
|
||||
}
|
||||
onChange({ ...query, data });
|
||||
onRunQuery();
|
||||
};
|
||||
|
||||
render() {
|
||||
const { datasource, query } = this.props;
|
||||
const { uid, name } = datasource;
|
||||
const { text } = this.state;
|
||||
|
||||
const selected = query.data ? options[0] : options[1];
|
||||
return (
|
||||
<div>
|
||||
<InlineField label="Data" labelWidth={8}>
|
||||
<>
|
||||
<Select width={20} options={options} value={selected} onChange={this.onSourceChange} />
|
||||
{query.data ? (
|
||||
<div style={{ alignSelf: 'center' }}>{describeDataFrame(query.data)}</div>
|
||||
) : (
|
||||
<LinkButton fill="text" href={`datasources/edit/${uid}/`}>
|
||||
{name}: {describeDataFrame(datasource.data)}
|
||||
<Icon name="pen" />
|
||||
</LinkButton>
|
||||
)}
|
||||
</>
|
||||
</InlineField>
|
||||
{query.data && <TableInputCSV text={text} onSeriesParsed={this.onSeriesParsed} width={'100%'} height={200} />}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||
<defs>
|
||||
<style>.cls-1{fill:url(#linear-gradient);}</style>
|
||||
<linearGradient id="linear-gradient" x1="50" y1="101.02" x2="50" y2="4.05" gradientTransform="matrix(1, 0, 0, -1, 0, 102)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#70b0df"/>
|
||||
<stop offset="0.5" stop-color="#1b81c5"/>
|
||||
<stop offset="1" stop-color="#4a98ce"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g><path class="cls-1" d="M889.5,814.1h-201v50.2H701c20.8,0,37.7,16.9,37.7,37.7c0,20.8-16.9,37.7-37.7,37.7H600.5c-20.8,0-37.7-16.9-37.7-37.7c0-20.8,16.9-37.7,37.7-37.7h12.6v-50.2H110.5C55,814.1,10,769.1,10,713.6V286.5c0-55.5,45-100.5,100.5-100.5h502.6v-50.3h-12.6c-20.8,0-37.7-16.9-37.7-37.7c0-20.8,16.9-37.7,37.7-37.7H701c20.8,0,37.7,16.9,37.7,37.7c0,20.8-16.9,37.7-37.7,37.7h-12.6v50.3h201c55.5,0,100.5,45,100.5,100.5v427.2C990,769.1,945,814.1,889.5,814.1z M562.8,738.8h50.3V261.3h-50.3 M688.5,261.3v477.5h50.3V261.3H688.5z"/></g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,10 +0,0 @@
|
||||
import { DataSourcePlugin } from '@grafana/data';
|
||||
|
||||
import { InputConfigEditor } from './InputConfigEditor';
|
||||
import { InputDatasource } from './InputDatasource';
|
||||
import { InputQueryEditor } from './InputQueryEditor';
|
||||
import { InputOptions, InputQuery } from './types';
|
||||
|
||||
export const plugin = new DataSourcePlugin<InputDatasource, InputQuery, InputOptions>(InputDatasource)
|
||||
.setConfigEditor(InputConfigEditor)
|
||||
.setQueryEditor(InputQueryEditor);
|
||||
@ -1,21 +0,0 @@
|
||||
{
|
||||
"type": "datasource",
|
||||
"name": "Direct Input",
|
||||
"id": "input",
|
||||
"state": "alpha",
|
||||
|
||||
"metrics": true,
|
||||
|
||||
"info": {
|
||||
"version": "1.0.0",
|
||||
"description": "Data source that supports manual table & CSV input",
|
||||
"author": {
|
||||
"name": "Grafana Labs",
|
||||
"url": "https://grafana.com"
|
||||
},
|
||||
"logos": {
|
||||
"small": "img/input.svg",
|
||||
"large": "img/input.svg"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
import { DataQueryRequest, DataQuery, CoreApp, dateTime } from '@grafana/data';
|
||||
|
||||
export function getQueryOptions<TQuery extends DataQuery>(
|
||||
options: Partial<DataQueryRequest<TQuery>>
|
||||
): DataQueryRequest<TQuery> {
|
||||
const raw = { from: 'now', to: 'now-1h' };
|
||||
const range = { from: dateTime(), to: dateTime(), raw: raw };
|
||||
|
||||
const defaults: DataQueryRequest<TQuery> = {
|
||||
requestId: 'TEST',
|
||||
app: CoreApp.Dashboard,
|
||||
range: range,
|
||||
targets: [],
|
||||
scopedVars: {},
|
||||
timezone: 'browser',
|
||||
panelId: 1,
|
||||
dashboardUID: 'test-uid-1',
|
||||
interval: '60s',
|
||||
intervalMs: 60000,
|
||||
maxDataPoints: 500,
|
||||
startTime: 0,
|
||||
};
|
||||
|
||||
Object.assign(defaults, options);
|
||||
|
||||
return defaults;
|
||||
}
|
||||
@ -1,11 +0,0 @@
|
||||
import { DataQuery, DataSourceJsonData, DataFrameDTO } from '@grafana/data';
|
||||
|
||||
export interface InputQuery extends DataQuery {
|
||||
// Data saved in the panel
|
||||
data?: DataFrameDTO[];
|
||||
}
|
||||
|
||||
export interface InputOptions extends DataSourceJsonData {
|
||||
// Saved in the datasource and download with bootData
|
||||
data?: DataFrameDTO[];
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
import { toDataFrame, DataFrameDTO, toCSV } from '@grafana/data';
|
||||
|
||||
export function dataFrameToCSV(dto?: DataFrameDTO[]) {
|
||||
if (!dto || !dto.length) {
|
||||
return '';
|
||||
}
|
||||
return toCSV(dto.map((v) => toDataFrame(v)));
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
{
|
||||
"extends": "@grafana/tsconfig",
|
||||
"include": ["src", "types"],
|
||||
"compilerOptions": {
|
||||
"declaration": false,
|
||||
"rootDir": "./src",
|
||||
"baseUrl": "./src"
|
||||
},
|
||||
"ts-node": {
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"target": "es5",
|
||||
"esModuleInterop": true
|
||||
},
|
||||
"transpileOnly": true
|
||||
}
|
||||
}
|
||||
@ -1,159 +0,0 @@
|
||||
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 { Configuration } from 'webpack';
|
||||
|
||||
const SOURCE_DIR = path.resolve(__dirname, 'src');
|
||||
const DIST_DIR = path.resolve(__dirname, 'dist');
|
||||
const PLUGIN_ID = require(path.join(SOURCE_DIR, 'plugin.json')).id;
|
||||
|
||||
const config = async (env: Record<string, string>): Promise<Configuration> => ({
|
||||
cache: {
|
||||
type: 'filesystem',
|
||||
buildDependencies: {
|
||||
config: [__filename],
|
||||
},
|
||||
},
|
||||
|
||||
context: path.join(process.cwd(), SOURCE_DIR),
|
||||
|
||||
devtool: env.production ? 'source-map' : 'eval-source-map',
|
||||
|
||||
entry: {
|
||||
module: path.join(SOURCE_DIR, 'module.ts'),
|
||||
},
|
||||
|
||||
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: string) => request.indexOf(prefix) === 0;
|
||||
const stripPrefix = (request: string) => request.substring(prefix.length);
|
||||
|
||||
if (request && 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: path.resolve(__dirname),
|
||||
target: 'es2015',
|
||||
loose: false,
|
||||
parser: {
|
||||
syntax: 'typescript',
|
||||
tsx: true,
|
||||
decorators: false,
|
||||
dynamicImport: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg)$/,
|
||||
type: 'asset/resource',
|
||||
generator: {
|
||||
// Keep publicPath relative for host.com/grafana/ deployments
|
||||
publicPath: `public/plugins/${PLUGIN_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/${PLUGIN_ID}/fonts`,
|
||||
outputPath: 'fonts/',
|
||||
filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
output: {
|
||||
clean: {
|
||||
keep: new RegExp(`.*?_(amd64|arm(64)?)(.exe)?`),
|
||||
},
|
||||
filename: '[name].js',
|
||||
library: {
|
||||
type: 'amd',
|
||||
},
|
||||
path: DIST_DIR,
|
||||
publicPath: '/',
|
||||
},
|
||||
|
||||
plugins: [
|
||||
new CopyWebpackPlugin({
|
||||
patterns: [
|
||||
{ from: '../README.md', to: '.', force: true, context: SOURCE_DIR },
|
||||
{ from: 'plugin.json', to: '.', context: SOURCE_DIR },
|
||||
{ from: '**/*.json', to: '.', context: SOURCE_DIR },
|
||||
{ from: '**/*.svg', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
{ from: '**/*.png', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
{ from: '**/*.html', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
{ from: 'img/**/*', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
{ from: 'libs/**/*', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
{ from: 'static/**/*', to: '.', noErrorOnMissing: true, context: SOURCE_DIR }, // Optional
|
||||
],
|
||||
}),
|
||||
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'],
|
||||
// handle resolving "rootDir" paths
|
||||
modules: [path.resolve(process.cwd(), 'src'), 'node_modules'],
|
||||
unsafeCache: true,
|
||||
},
|
||||
});
|
||||
|
||||
export default config;
|
||||
Loading…
Reference in New Issue
Block a user