mirror of
https://github.com/grafana/grafana.git
synced 2024-12-02 05:29:42 -06:00
145 lines
4.0 KiB
TypeScript
145 lines
4.0 KiB
TypeScript
import System from 'systemjs/dist/system.js';
|
|
import _ from 'lodash';
|
|
import * as sdk from 'app/plugins/sdk';
|
|
import kbn from 'app/core/utils/kbn';
|
|
import moment from 'moment';
|
|
import angular from 'angular';
|
|
import jquery from 'jquery';
|
|
import config from 'app/core/config';
|
|
import TimeSeries from 'app/core/time_series2';
|
|
import TableModel from 'app/core/table_model';
|
|
import { coreModule, appEvents, contextSrv } from 'app/core/core';
|
|
import * as datemath from 'app/core/utils/datemath';
|
|
import * as fileExport from 'app/core/utils/file_export';
|
|
import * as flatten from 'app/core/utils/flatten';
|
|
import * as ticks from 'app/core/utils/ticks';
|
|
import impressionSrv from 'app/core/services/impression_srv';
|
|
import builtInPlugins from './built_in_plugins';
|
|
import * as d3 from 'd3';
|
|
|
|
// rxjs
|
|
import { Observable } from 'rxjs/Observable';
|
|
import { Subject } from 'rxjs/Subject';
|
|
|
|
// these imports add functions to Observable
|
|
import 'rxjs/add/observable/empty';
|
|
import 'rxjs/add/observable/from';
|
|
import 'rxjs/add/operator/map';
|
|
import 'rxjs/add/operator/combineAll';
|
|
|
|
System.config({
|
|
baseURL: 'public',
|
|
defaultExtension: 'js',
|
|
packages: {
|
|
plugins: {
|
|
defaultExtension: 'js',
|
|
},
|
|
},
|
|
map: {
|
|
text: 'vendor/plugin-text/text.js',
|
|
css: 'vendor/plugin-css/css.js',
|
|
},
|
|
meta: {
|
|
'*': {
|
|
esModule: true,
|
|
authorization: true,
|
|
},
|
|
},
|
|
});
|
|
|
|
// add cache busting
|
|
var systemLocate = System.locate;
|
|
System.cacheBust = '?bust=' + Date.now();
|
|
System.locate = function(load) {
|
|
var System = this;
|
|
return Promise.resolve(systemLocate.call(this, load)).then(function(address) {
|
|
return address + System.cacheBust;
|
|
});
|
|
};
|
|
|
|
function exposeToPlugin(name: string, component: any) {
|
|
System.registerDynamic(name, [], true, function(require, exports, module) {
|
|
module.exports = component;
|
|
});
|
|
}
|
|
|
|
exposeToPlugin('lodash', _);
|
|
exposeToPlugin('moment', moment);
|
|
exposeToPlugin('jquery', jquery);
|
|
exposeToPlugin('angular', angular);
|
|
exposeToPlugin('d3', d3);
|
|
exposeToPlugin('rxjs/Subject', Subject);
|
|
exposeToPlugin('rxjs/Observable', Observable);
|
|
|
|
// backward compatible path
|
|
exposeToPlugin('vendor/npm/rxjs/Rx', {
|
|
Subject: Subject,
|
|
Observable: Observable,
|
|
});
|
|
|
|
exposeToPlugin('app/features/dashboard/impression_store', {
|
|
impressions: impressionSrv,
|
|
__esModule: true,
|
|
});
|
|
|
|
exposeToPlugin('app/plugins/sdk', sdk);
|
|
exposeToPlugin('app/core/utils/datemath', datemath);
|
|
exposeToPlugin('app/core/utils/file_export', fileExport);
|
|
exposeToPlugin('app/core/utils/flatten', flatten);
|
|
exposeToPlugin('app/core/utils/kbn', kbn);
|
|
exposeToPlugin('app/core/utils/ticks', ticks);
|
|
|
|
exposeToPlugin('app/core/config', config);
|
|
exposeToPlugin('app/core/time_series', TimeSeries);
|
|
exposeToPlugin('app/core/time_series2', TimeSeries);
|
|
exposeToPlugin('app/core/table_model', TableModel);
|
|
exposeToPlugin('app/core/app_events', appEvents);
|
|
exposeToPlugin('app/core/core_module', coreModule);
|
|
exposeToPlugin('app/core/core', {
|
|
coreModule: coreModule,
|
|
appEvents: appEvents,
|
|
contextSrv: contextSrv,
|
|
__esModule: true,
|
|
});
|
|
|
|
import 'vendor/flot/jquery.flot';
|
|
import 'vendor/flot/jquery.flot.selection';
|
|
import 'vendor/flot/jquery.flot.time';
|
|
import 'vendor/flot/jquery.flot.stack';
|
|
import 'vendor/flot/jquery.flot.pie';
|
|
import 'vendor/flot/jquery.flot.stackpercent';
|
|
import 'vendor/flot/jquery.flot.fillbelow';
|
|
import 'vendor/flot/jquery.flot.crosshair';
|
|
import 'vendor/flot/jquery.flot.dashes';
|
|
|
|
const flotDeps = [
|
|
'jquery.flot',
|
|
'jquery.flot.pie',
|
|
'jquery.flot.time',
|
|
'jquery.flot.fillbelow',
|
|
'jquery.flot.crosshair',
|
|
'jquery.flot.stack',
|
|
'jquery.flot.selection',
|
|
'jquery.flot.stackpercent',
|
|
'jquery.flot.events',
|
|
];
|
|
for (let flotDep of flotDeps) {
|
|
exposeToPlugin(flotDep, { fakeDep: 1 });
|
|
}
|
|
|
|
export function importPluginModule(path: string): Promise<any> {
|
|
let builtIn = builtInPlugins[path];
|
|
if (builtIn) {
|
|
return Promise.resolve(builtIn);
|
|
}
|
|
return System.import(path);
|
|
}
|
|
|
|
export function loadPluginCss(options) {
|
|
if (config.bootData.user.lightTheme) {
|
|
System.import(options.light + '!css');
|
|
} else {
|
|
System.import(options.dark + '!css');
|
|
}
|
|
}
|