2017-10-12 03:53:42 -05:00
# Plugin Development
2019-01-28 09:58:32 -06:00
This document is not meant as a complete guide for developing plugins but more as a changelog for changes in
Grafana that can impact plugin development. Whenever you as a plugin author encounter an issue with your plugin after
2017-10-12 03:53:42 -05:00
upgrading Grafana please check here before creating an issue.
## Links
2018-10-06 10:09:41 -05:00
- [Datasource plugin written in TypeScript ](https://github.com/grafana/typescript-template-datasource )
- [Simple JSON datasource plugin ](https://github.com/grafana/simple-json-datasource )
2017-10-12 03:53:42 -05:00
- [Plugin development guide ](http://docs.grafana.org/plugins/developing/development/ )
2018-04-02 23:21:36 -05:00
- [Webpack Grafana plugin template project ](https://github.com/CorpGlory/grafana-plugin-template-webpack )
2017-10-12 03:53:42 -05:00
## Changes in v4.6
This version of Grafana has big changes that will impact a limited set of plugins. We moved from systemjs to webpack
for built-in plugins & everything internal. External plugins still use systemjs but now with a limited
set of Grafana components they can import. Plugins can depend on libs like lodash & moment and internal components
2017-10-12 04:32:33 -05:00
like before using the same import paths. However since everything in Grafana is no longer accessible, a few plugins could encounter issues when importing a Grafana dependency.
2017-10-12 03:53:42 -05:00
[List of exposed components plugins can import/require ](https://github.com/grafana/grafana/blob/master/public/app/features/plugins/plugin_loader.ts#L48 )
If you think we missed exposing a crucial lib or Grafana component let us know by opening an issue.
2017-10-12 04:31:04 -05:00
### Deprecated components
2017-10-12 03:53:42 -05:00
2017-10-16 18:10:40 -05:00
The angular directive `<spectrum-picker>` is now deprecated (will still work for a version more) but we recommend plugin authors
2017-10-12 03:53:42 -05:00
to upgrade to new `<color-picker color="ctrl.color" onChange="ctrl.onSparklineColorChange"></color-picker>`
