/dist
   ...           // Дистрибутив плагина. Grafana использует только эту папку.
/src
   /img
      logo.svg   // иконка, в любом формате 
   /partials             // дополнительные шаблоны
      config.html        // настройки для подключения. Стандартный, http.
      query.editor.html  // отображение строк метрик при редактировании. Ключевой.
   datasource.js // Класс реализующий получение данных из источника
   module.js     // Точка входа в плагин
   plugin.json   // Мета-данные плагина
   query_ctrl.js // Класс, связывающий html-шаблоны и данные
   README.md     // Описание, отображаемое при просмотре деталей плагина в Grafana
gruntfile.js // Набор команд для сборщика
LICENSE.txt  // Лицензия
package.json // Мета-данные Node.js проекта, включающего зависимости
README.md    // Описание Node.js проекта 

{
  "name": "имя-проекта",
  "version": "0.1.0",
  "description": "короткое-описание-проекта",
  "repository": {
    "type": "git",
    "url": "git+https://ссылка-github-репозитария"
  },
  "author": "ваше-имя",
  "license": "MIT",
  "devDependencies": {
    "babel": "~6.5.1",
    "grunt": "~0.4.5",
    "grunt-babel": "~6.0.0",
    "grunt-contrib-clean": "~0.6.0",
    "grunt-contrib-copy": "~0.8.2",
    "grunt-contrib-uglify": "~0.11.0",
    "grunt-contrib-watch": "^0.6.1",
    "grunt-execute": "~0.2.2",
    "grunt-sass": "^1.1.0",
    "grunt-systemjs-builder": "^0.2.5",
    "load-grunt-tasks": "~3.2.0",
    "babel-plugin-transform-es2015-for-of": "^6.6.0",
    "babel-plugin-transform-es2015-modules-systemjs": "^6.24.1",
    "babel-preset-es2015": "^6.24.1"
  },
  "dependencies": {},
  "homepage": "https://домашняя-страница-проекта"
}

module.exports = function(grunt) {

  require('load-grunt-tasks')(grunt);

  grunt.loadNpmTasks('grunt-execute');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-build-number');

  grunt.initConfig({

    clean: ["dist"],

    copy: {
      src_to_dist: {
        cwd: 'src',
        expand: true,
        src: [
          '**/*',
          '!*.js',
          '!module.js',
          '!**/*.scss'
        ],
        dest: 'dist/'
      },
      pluginDef: {
        expand: true,
        src: ['plugin.json'],
        dest: 'dist/',
      }
    },

    watch: {
      rebuild_all: {
        files: ['src/**/*', 'plugin.json'],
        tasks: ['default'],
        options: {spawn: false}
      },
    },

    babel: {
      options: {
        sourceMap: true,
        presets:  ["es2015"],
        plugins: ['transform-es2015-modules-systemjs', "transform-es2015-for-of"],
      },
      dist: {
        files: [{
          cwd: 'src',
          expand: true,
          src: [
            '*.js',
            'module.js',
          ],
          dest: 'dist/'
        }]
      },
    },

    sass: {
      options: {
        sourceMap: true
      },
      dist: {
        files: {
          
        }
      }
    }

  });

  grunt.registerTask('default', [
    'clean',
    'copy:src_to_dist',
    'copy:pluginDef',
    'babel',
    'sass'
  ]);
}

{
  "name": "Имя-источника",
  "id": "Уникальный-идентификатор-плагина",
  "type": "datasource",

  "metrics": true,
  "alerting": false,
  "annotations": false,

  "info": {
    "description": "Краткое-описание",
    "author": {
      "name": "Ваше-имя",		
      "url": "Ваш-сайт"
    },
    "logos": {
      "small": "img/logo.svg",
      "large": "img/logo.svg"
    },
    "links": [
      {
        "name": "GitHub",
        "url": "https://ссылка-github-репозитария"
      },
      {
        "name": "Лицензия",
        "url": "https://ссылка-на-файл-лицензии"
      }
    ],
    "version": "0.1.0",
    "updated": "2018-05-10"
  },

  "dependencies": {
    "grafanaVersion": "5.x",
    "plugins": []
  }
}

<datasource-http-settings current="ctrl.current"></datasource-http-settings>

<query-editor-row query-ctrl="ctrl" class="mydatasource-datasource-query-row">
	<div class="gf-form-inline">
		<div class="gf-form max-width-12">
			<gf-form-dropdown 
				model="ctrl.target.myprop"
				class = "max-width-12"
				lookup-text="true"
				custom = "false"
				get-options="ctrl.getMyProps()"
				on-change = "ctrl.updateMyParams()"
				>
			</gf-form-dropdown>
		</div>

		<div class="gf-form" ng-if = "ctrl.panel.type == 'graph'">
			<label class="gf-form-label width-5">Name</label>			
			<input type="text"
				ng-model="ctrl.target.label"
				class="gf-form-input width-12"
				spellcheck="false"
			>
		</div>

		<div class="gf-form" ng-if = "ctrl.target.myparams.length > 0">
			<label class="gf-form-label width-5">Params</label>
			
			<input type="text"
				ng-repeat = "param in ctrl.target.myparams"
				ng-model="ctrl.target.myparams[param]"
				class="gf-form-input width-12"
				spellcheck="false"
				placeholder = "{{param}}"
				ng-change = "ctrl.panelCtrl.refresh();"			
			>
		</div>

		<div class="gf-form gf-form--grow">
			<div class="gf-form-label gf-form-label--grow"></div>
		</div>
	</div>
</query-editor-row>

{
   "timezone":"browser",
   "panelId":6,
   "dashboardId":1,
   "range":{
      "from":"2018-05-10T23:30:42.318Z",
      "to":"2018-05-10T23:47:11.566Z",
      "raw":{
         "from":"2018-05-10T23:30:42.318Z",
         "to":"2018-05-10T23:47:11.566Z"
      }
   },
   "rangeRaw":{
      "from":"2018-05-10T23:30:42.318Z",
      "to":"2018-05-10T23:47:11.566Z"
   },
   "interval":"2s",
   "intervalMs":2000,
   "targets":[
      {
         "myprop":"value1",
         "myparams":{
            "column":"val",
            "table":"t"
         },
         "refId":"A",
         "$$hashKey":"object:174"
      },
      {
         "refId":"B",
         "$$hashKey":"object:185",
         "myprop":"value2",
         "myparams":{
            "column":"val2",
            "table":"t2"
         },
         "datatype":"table"
      }
   ],
   "maxDataPoints":320,
   "scopedVars":{
      "__interval":{
         "text":"2s",
         "value":"2s"
      },
      "__interval_ms":{
         "text":2000,
         "value":2000
      }
   }
}