[WIP] GraphiQL editor and rework usages of MyQuery

.circleci/config.yml

@@ -22,10 +22,10 @@ workflows:
 executors:
   default_exec: # declares a reusable executor
     docker:
-      - image: srclosson/grafana-plugin-ci-alpine:latest
+      - image: grafana/grafana-plugin-ci:1.4.1-alpine
   e2e_exec:
     docker:
-      - image: srclosson/grafana-plugin-ci-e2e:latest
+      - image: grafana/grafana-plugin-ci-e2e:latest
 
 jobs:
   build:

.editorconfig

@@ -0,0 +1,17 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.js]
+charset = utf-8
+indent_style = space
+indent_size = 2
+
+[*.json]
+indent_style = space
+indent_size = 2
+

.github/workflows/ci.yml

@@ -20,7 +20,7 @@ jobs:
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
       - run: yarn install
       - run: yarn test
 

.github/workflows/release.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v2.1.2
         with:
-          node-version: '12.x'
+          node-version: '16.x'
 
       - name: Setup Go environment
         uses: actions/setup-go@v2

README.md

@@ -122,18 +122,29 @@ query {
 }
 ```
 
+Query Configuration
 - Data path: `events`
-- Time path: `timestamp`
-- End time path: `end_timestamp`
+- Time paths: `timestamp,end_timestamp`
+
+Additional Texts Configuration
 - Title: `$field_name`
 - Text: `$field_description`
 - Tags: `tag1, tag2`
 
+Configuration
+- Time path: `timestamp`
+- End time path: `end_timestamp`
+
 The above annotation example is similar to regular queries. You are able to
-define a data path, time path, and time format. Similar to the last example, you
+define a data path, and time format. Similar to the last example, you
 can also substitute values into the title, text, and tags by using
 `$field_<field name>`. Tags are separated by commas. The above example has two
 tags: "tag1" and "tag2".
+You do not have to create additional text fields to use for the title, text, and tags.
+If you would like to use one of the fields from your query directly, you can do that.
+
+Note that as of the most recent Grafana version, if you select time, timeEnd, title, text, tags, or ID,
+you cannot "unset" them without editing the JSON of the dashboard yourself.
 
 If the optional end time field is defined and present, the annotation will be
 shown over a period of time.