├── .config
    ├── .eslintrc
    ├── .prettierrc.js
    ├── Dockerfile
    ├── README.md
    ├── jest-setup.js
    ├── jest.config.js
    ├── jest
    │   ├── mocks
    │   │   └── react-inlinesvg.tsx
    │   └── utils.js
    ├── tsconfig.json
    ├── types
    │   └── custom.d.ts
    └── webpack
    │   ├── constants.ts
    │   ├── utils.ts
    │   └── webpack.config.ts
├── .eslintrc
├── .github.rem
    └── workflows
    │   ├── ci.yml
    │   ├── release darwin.yml
    │   ├── release linux.yml
    │   ├── release windows.yml
    │   └── release.yml
├── .gitignore
├── .nvmrc
├── .prettierrc.js
├── CHANGELOG.md
├── LICENSE
├── Makefile
├── README.md
├── appveyor.yml
├── azure-pipelines.yml
├── backend
    ├── .gitignore
    ├── .linux.build.csproj
    ├── .osx.build.csproj
    ├── .win.build.csproj
    ├── Alias.cs
    ├── ApplicationConfigurationFactory.cs
    ├── Converters.cs
    ├── DashboardData.cs
    ├── DashboardMappingData.cs
    ├── DashboardResolver.cs
    ├── DataFrame.cs
    ├── DataService.cs
    ├── DataValueSubscription.cs
    ├── Datasource.cs
    ├── DiagnosticsService.cs
    ├── EventDataResponse.cs
    ├── EventSubscription.cs
    ├── Interfaces
    │   └── IDashboardDb.cs
    ├── NanoTimestampArray.cs
    ├── OpcUAConnection.cs
    ├── Plugin.cs
    ├── Properties
    │   └── PublishProfiles
    │   │   ├── SetupProfile.pubxml
    │   │   └── SetupProfile.pubxml.user
    ├── Proto
    │   ├── Backend.cs
    │   └── BackendGrpc.cs
    ├── README.md
    ├── ReadRawKey.cs
    ├── ResourceService.cs
    ├── Sqlite.cs
    ├── StreamService.cs
    ├── SubscriptionReaper.cs
    ├── TraceLogConverter.cs
    ├── UaConstants.cs
    ├── ValueDataResponse.cs
    ├── appsettings.json
    ├── models
    │   └── settings.cs
    ├── plugin-dotnet.csproj
    └── plugin-dotnet.sln
├── cspell.config.json
├── docker-compose.yaml
├── docs
    └── sources
    │   └── _index.md
├── jest-setup.js
├── jest.config.js
├── omnisharp.json
├── package.json
├── proto
    ├── backend.orig
    ├── backend.proto
    └── generate.sh
├── scripts
    ├── ci-build-linux.sh
    ├── ci-build-plugin.sh
    ├── ci-build-windows.sh
    └── ci-package-plugin.sh
├── src
    ├── ConfigEditor.tsx
    ├── DataSource.ts
    ├── QueryEditor.tsx
    ├── components
    │   ├── AddEventFieldForm.tsx
    │   ├── AddEventFilter.tsx
    │   ├── BrowsePathEditor.tsx
    │   ├── BrowsePathTextEditor.tsx
    │   ├── BrowserDialog.tsx
    │   ├── BrowserTable.tsx
    │   ├── BrowserTree.tsx
    │   ├── ButtonCascader
    │   │   └── ButtonCascader.tsx
    │   ├── Cascader
    │   │   ├── Cascader.mdx
    │   │   ├── Cascader.tsx
    │   │   └── optionMappings.ts
    │   ├── EventFieldTable.tsx
    │   ├── EventFilterTable.tsx
    │   ├── EventQueryEditor.tsx
    │   ├── NodeEditor.tsx
    │   ├── NodeQueryEditor.tsx
    │   ├── NodeTextEditor.tsx
    │   ├── QualifiedNameEditor.tsx
    │   ├── SegmentFrame.tsx
    │   ├── SelectOptionGroup.tsx
    │   ├── ThemesGetter.tsx
    │   ├── TreeEditor.css
    │   ├── TreeEditor.tsx
    │   ├── TreeEditorDark.less
    │   ├── TreeEditorLight.less
    │   └── TreeNode.tsx
    ├── img
    │   ├── PrediktorLogo_thumb.png
    │   ├── dashboard1.png
    │   ├── dashboard2.png
    │   ├── logo.svg
    │   └── opc_logo.png
    ├── module.test.ts
    ├── module.ts
    ├── plugin.json
    ├── types.ts
    └── utils
    │   ├── CascaderOption.tsx
    │   ├── ConvertRemToPixels.tsx
    │   ├── EventColumn.ts
    │   ├── EventFilter.ts
    │   ├── NodeId.tsx
    │   ├── Nodeclass.ts
    │   ├── Operands.ts
    │   ├── Overlay.tsx
    │   └── QualifiedName.ts
├── tsconfig.json
└── yarn.lock


/.config/.eslintrc:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in
 5 |  * https://grafana.com/developers/plugin-tools/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-eslint-config
 6 |  */
 7 |  {
 8 |   "extends": ["@grafana/eslint-config"],
 9 |   "root": true,
10 |   "rules": {
11 |     "react/prop-types": "off"
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/.config/.prettierrc.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in .config/README.md
 5 |  */
 6 | 
 7 | module.exports = {
 8 |   "endOfLine": "auto",
 9 |   "printWidth": 120,
10 |   "trailingComma": "es5",
11 |   "semi": true,
12 |   "jsxSingleQuote": false,
13 |   "singleQuote": true,
14 |   "useTabs": false,
15 |   "tabWidth": 2
16 | };


--------------------------------------------------------------------------------
/.config/Dockerfile:
--------------------------------------------------------------------------------
 1 | ARG grafana_version=latest
 2 | ARG grafana_image=grafana-enterprise
 3 | 
 4 | FROM grafana/${grafana_image}:${grafana_version}
 5 | 
 6 | # Make it as simple as possible to access the grafana instance for development purposes
 7 | # Do NOT enable these settings in a public facing / production grafana instance
 8 | ENV GF_AUTH_ANONYMOUS_ORG_ROLE "Admin"
 9 | ENV GF_AUTH_ANONYMOUS_ENABLED "true"
10 | ENV GF_AUTH_BASIC_ENABLED "false"
11 | # Set development mode so plugins can be loaded without the need to sign
12 | ENV GF_DEFAULT_APP_MODE "development"
13 | 
14 | # Inject livereload script into grafana index.html
15 | USER root
16 | RUN sed -i 's/<\/body><\/html>/<script src=\"http:\/\/localhost:35729\/livereload.js\"><\/script><\/body><\/html>/g' /usr/share/grafana/public/views/index.html


--------------------------------------------------------------------------------
/.config/README.md:
--------------------------------------------------------------------------------
  1 | # Default build configuration by Grafana
  2 | 
  3 | **This is an auto-generated directory and is not intended to be changed! ⚠️**
  4 | 
  5 | The `.config/` directory holds basic configuration for the different tools
  6 | that are used to develop, test and build the project. In order to make it updates easier we ask you to
  7 | not edit files in this folder to extend configuration.
  8 | 
  9 | ## How to extend the basic configs?
 10 | 
 11 | Bear in mind that you are doing it at your own risk, and that extending any of the basic configuration can lead
 12 | to issues around working with the project.
 13 | 
 14 | ### Extending the ESLint config
 15 | 
 16 | Edit the `.eslintrc` file in the project root in order to extend the ESLint configuration.
 17 | 
 18 | **Example:**
 19 | 
 20 | ```json
 21 | {
 22 |   "extends": "./.config/.eslintrc",
 23 |   "rules": {
 24 |     "react/prop-types": "off"
 25 |   }
 26 | }
 27 | ```
 28 | 
 29 | ---
 30 | 
 31 | ### Extending the Prettier config
 32 | 
 33 | Edit the `.prettierrc.js` file in the project root in order to extend the Prettier configuration.
 34 | 
 35 | **Example:**
 36 | 
 37 | ```javascript
 38 | module.exports = {
 39 |   // Prettier configuration provided by Grafana scaffolding
 40 |   ...require('./.config/.prettierrc.js'),
 41 | 
 42 |   semi: false,
 43 | };
 44 | ```
 45 | 
 46 | ---
 47 | 
 48 | ### Extending the Jest config
 49 | 
 50 | There are two configuration in the project root that belong to Jest: `jest-setup.js` and `jest.config.js`.
 51 | 
 52 | **`jest-setup.js`:** A file that is run before each test file in the suite is executed. We are using it to
 53 | set up the Jest DOM for the testing library and to apply some polyfills. ([link to Jest docs](https://jestjs.io/docs/configuration#setupfilesafterenv-array))
 54 | 
 55 | **`jest.config.js`:** The main Jest configuration file that extends the Grafana recommended setup. ([link to Jest docs](https://jestjs.io/docs/configuration))
 56 | 
 57 | #### ESM errors with Jest
 58 | 
 59 | A common issue found with the current jest config involves importing an npm package which only offers an ESM build. These packages cause jest to error with `SyntaxError: Cannot use import statement outside a module`. To work around this we provide a list of known packages to pass to the `[transformIgnorePatterns](https://jestjs.io/docs/configuration#transformignorepatterns-arraystring)` jest configuration property. If need be this can be extended in the following way:
 60 | 
 61 | ```javascript
 62 | process.env.TZ = 'UTC';
 63 | const { grafanaESModules, nodeModulesToTransform } = require('./config/jest/utils');
 64 | 
 65 | module.exports = {
 66 |   // Jest configuration provided by Grafana
 67 |   ...require('./.config/jest.config'),
 68 |   // Inform jest to only transform specific node_module packages.
 69 |   transformIgnorePatterns: [nodeModulesToTransform([...grafanaESModules, 'packageName'])],
 70 | };
 71 | ```
 72 | 
 73 | ---
 74 | 
 75 | ### Extending the TypeScript config
 76 | 
 77 | Edit the `tsconfig.json` file in the project root in order to extend the TypeScript configuration.
 78 | 
 79 | **Example:**
 80 | 
 81 | ```json
 82 | {
 83 |   "extends": "./.config/tsconfig.json",
 84 |   "compilerOptions": {
 85 |     "preserveConstEnums": true
 86 |   }
 87 | }
 88 | ```
 89 | 
 90 | ---
 91 | 
 92 | ### Extending the Webpack config
 93 | 
 94 | Follow these steps to extend the basic Webpack configuration that lives under `.config/`:
 95 | 
 96 | #### 1. Create a new Webpack configuration file
 97 | 
 98 | Create a new config file that is going to extend the basic one provided by Grafana.
 99 | It can live in the project root, e.g. `webpack.config.ts`.
100 | 
101 | #### 2. Merge the basic config provided by Grafana and your custom setup
102 | 
103 | We are going to use [`webpack-merge`](https://github.com/survivejs/webpack-merge) for this.
104 | 
105 | ```typescript
106 | // webpack.config.ts
107 | import type { Configuration } from 'webpack';
108 | import { merge } from 'webpack-merge';
109 | import grafanaConfig from './.config/webpack/webpack.config';
110 | 
111 | const config = async (env): Promise<Configuration> => {
112 |   const baseConfig = await grafanaConfig(env);
113 | 
114 |   return merge(baseConfig, {
115 |     // Add custom config here...
116 |     output: {
117 |       asyncChunks: true,
118 |     },
119 |   });
120 | };
121 | 
122 | export default config;
123 | ```
124 | 
125 | #### 3. Update the `package.json` to use the new Webpack config
126 | 
127 | We need to update the `scripts` in the `package.json` to use the extended Webpack configuration.
128 | 
129 | **Update for `build`:**
130 | 
131 | ```diff
132 | -"build": "webpack -c ./.config/webpack/webpack.config.ts --env production",
133 | +"build": "webpack -c ./webpack.config.ts --env production",
134 | ```
135 | 
136 | **Update for `dev`:**
137 | 
138 | ```diff
139 | -"dev": "webpack -w -c ./.config/webpack/webpack.config.ts --env development",
140 | +"dev": "webpack -w -c ./webpack.config.ts --env development",
141 | ```
142 | 
143 | ### Configure grafana image to use when running docker
144 | 
145 | By default `grafana-enterprise` will be used as the docker image for all docker related commands. If you want to override this behaviour simply alter the `docker-compose.yaml` by adding the following build arg `grafana_image`. 
146 | 
147 | **Example:**
148 | 
149 | ```yaml
150 | version: '3.7'
151 | 
152 | services:
153 |   grafana:
154 |     container_name: 'myorg-basic-app'
155 |     build:
156 |       context: ./.config
157 |       args:
158 |         grafana_version: ${GRAFANA_VERSION:-9.1.2}
159 |         grafana_image: ${GRAFANA_IMAGE:-grafana}
160 | ```
161 | 
162 | In this example we are assigning the environment variable `GRAFANA_IMAGE` to the build arg `grafana_image` with a default value of `grafana`. This will give you the possibility to set the value while running the docker-compose commands which might be convinent in some scenarios.
163 | 
164 | ---
165 | 


--------------------------------------------------------------------------------
/.config/jest-setup.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in
 5 |  * https://grafana.com/developers/plugin-tools/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-jest-config
 6 |  */
 7 | 
 8 | import '@testing-library/jest-dom';
 9 | 
10 | // https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
11 | Object.defineProperty(global, 'matchMedia', {
12 |   writable: true,
13 |   value: jest.fn().mockImplementation((query) => ({
14 |     matches: false,
15 |     media: query,
16 |     onchange: null,
17 |     addListener: jest.fn(), // deprecated
18 |     removeListener: jest.fn(), // deprecated
19 |     addEventListener: jest.fn(),
20 |     removeEventListener: jest.fn(),
21 |     dispatchEvent: jest.fn(),
22 |   })),
23 | });
24 | 
25 | HTMLCanvasElement.prototype.getContext = () => {};
26 | 


--------------------------------------------------------------------------------
/.config/jest.config.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in
 5 |  * https://grafana.com/developers/plugin-tools/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-jest-config
 6 |  */
 7 | 
 8 | const path = require('path');
 9 | const { grafanaESModules, nodeModulesToTransform } = require('./jest/utils');
10 | 
11 | module.exports = {
12 |   moduleNameMapper: {
13 |     '\\.(css|scss|sass)$': 'identity-obj-proxy',
14 |     'react-inlinesvg': path.resolve(__dirname, 'jest', 'mocks', 'react-inlinesvg.tsx'),
15 |   },
16 |   modulePaths: ['<rootDir>/src'],
17 |   setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
18 |   testEnvironment: 'jest-environment-jsdom',
19 |   testMatch: [
20 |     '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
21 |     '<rootDir>/src/**/*.{spec,test,jest}.{js,jsx,ts,tsx}',
22 |     '<rootDir>/src/**/*.{spec,test,jest}.{js,jsx,ts,tsx}',
23 |   ],
24 |   transform: {
25 |     '^.+\\.(t|j)sx?$': [
26 |       '@swc/jest',
27 |       {
28 |         sourceMaps: 'inline',
29 |         jsc: {
30 |           parser: {
31 |             syntax: 'typescript',
32 |             tsx: true,
33 |             decorators: false,
34 |             dynamicImport: true,
35 |           },
36 |         },
37 |       },
38 |     ],
39 |   },
40 |   // Jest will throw `Cannot use import statement outside module` if it tries to load an
41 |   // ES module without it being transformed first. ./config/README.md#esm-errors-with-jest
42 |   transformIgnorePatterns: [nodeModulesToTransform(grafanaESModules)],
43 | };
44 | 


--------------------------------------------------------------------------------
/.config/jest/mocks/react-inlinesvg.tsx:
--------------------------------------------------------------------------------
 1 | // Due to the grafana/ui Icon component making fetch requests to
 2 | // `/public/img/icon/<icon_name>.svg` we need to mock react-inlinesvg to prevent
 3 | // the failed fetch requests from displaying errors in console.
 4 | 
 5 | import React from 'react';
 6 | 
 7 | type Callback = (...args: any[]) => void;
 8 | 
 9 | export interface StorageItem {
10 |   content: string;
11 |   queue: Callback[];
12 |   status: string;
13 | }
14 | 
15 | export const cacheStore: { [key: string]: StorageItem } = Object.create(null);
16 | 
17 | const SVG_FILE_NAME_REGEX = /(.+)\/(.+)\.svg$/;
18 | 
19 | const InlineSVG = ({ src }: { src: string }) => {
20 |   // testId will be the file name without extension (e.g. `public/img/icons/angle-double-down.svg` -> `angle-double-down`)
21 |   const testId = src.replace(SVG_FILE_NAME_REGEX, '$2');
22 |   return <svg xmlns="http://www.w3.org/2000/svg" data-testid={testId} viewBox="0 0 24 24" />;
23 | };
24 | 
25 | export default InlineSVG;
26 | 


--------------------------------------------------------------------------------
/.config/jest/utils.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in .config/README.md
 5 |  */
 6 | 
 7 | /*
 8 |  * This utility function is useful in combination with jest `transformIgnorePatterns` config
 9 |  * to transform specific packages (e.g.ES modules) in a projects node_modules folder.
10 |  */
11 | const nodeModulesToTransform = (moduleNames) => `node_modules\/(?!.*(${moduleNames.join('|')})\/.*)`;
12 | 
13 | // Array of known nested grafana package dependencies that only bundle an ESM version
14 | const grafanaESModules = [
15 |   '.pnpm', // Support using pnpm symlinked packages
16 |   '@grafana/schema',
17 |   'd3',
18 |   'd3-color',
19 |   'd3-force',
20 |   'd3-interpolate',
21 |   'd3-scale-chromatic',
22 |   'ol',
23 |   'react-colorful',
24 |   'rxjs',
25 |   'uuid',
26 | ];
27 | 
28 | module.exports = {
29 |   nodeModulesToTransform,
30 |   grafanaESModules,
31 | };
32 | 


--------------------------------------------------------------------------------
/.config/tsconfig.json:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
 3 |  *
 4 |  * In order to extend the configuration follow the steps in
 5 |  * https://grafana.com/developers/plugin-tools/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-typescript-config
 6 |  */
 7 |  {
 8 |   "compilerOptions": {
 9 |     "alwaysStrict": true,
10 |     "declaration": false,
11 |     "rootDir": "../src",
12 |     "baseUrl": "../src",
13 |     "typeRoots": ["../node_modules/@types"],
14 |     "resolveJsonModule": true
15 |   },
16 |   "ts-node": {
17 |     "compilerOptions": {
18 |       "module": "commonjs",
19 |       "target": "es5",
20 |       "esModuleInterop": true
21 |     },
22 |     "transpileOnly": true
23 |   },
24 |   "include": ["../src", "./types"],
25 |   "extends": "@grafana/tsconfig"
26 | }
27 | 


--------------------------------------------------------------------------------
/.config/types/custom.d.ts:
--------------------------------------------------------------------------------
 1 | // Image declarations
 2 | declare module '*.gif' {
 3 |   const src: string;
 4 |   export default src;
 5 | }
 6 | 
 7 | declare module '*.jpg' {
 8 |   const src: string;
 9 |   export default src;
10 | }
11 | 
12 | declare module '*.jpeg' {
13 |   const src: string;
14 |   export default src;
15 | }
16 | 
17 | declare module '*.png' {
18 |   const src: string;
19 |   export default src;
20 | }
21 | 
22 | declare module '*.webp' {
23 |   const src: string;
24 |   export default src;
25 | }
26 | 
27 | declare module '*.svg' {
28 |   const content: string;
29 |   export default content;
30 | }
31 | 
32 | // Font declarations
33 | declare module '*.woff';
34 | declare module '*.woff2';
35 | declare module '*.eot';
36 | declare module '*.ttf';
37 | declare module '*.otf';
38 | 


--------------------------------------------------------------------------------
/.config/webpack/constants.ts:
--------------------------------------------------------------------------------
1 | export const SOURCE_DIR = 'src';
2 | export const DIST_DIR = 'dist';
3 | 


--------------------------------------------------------------------------------
/.config/webpack/utils.ts:
--------------------------------------------------------------------------------
 1 | import fs from 'fs';
 2 | import process from 'process';
 3 | import os from 'os';
 4 | import path from 'path';
 5 | import util from 'util';
 6 | import { glob } from 'glob';
 7 | import { SOURCE_DIR } from './constants';
 8 | 
 9 | 
10 | export function isWSL() {
11 |   if (process.platform !== 'linux') {
12 |     return false;
13 |   }
14 | 
15 |   if (os.release().toLowerCase().includes('microsoft')) {
16 |     return true;
17 |   }
18 | 
19 |   try {
20 |     return fs.readFileSync('/proc/version', 'utf8').toLowerCase().includes('microsoft');
21 |   } catch {
22 |     return false;
23 |   }
24 | } 
25 | 
26 | export function getPackageJson() {
27 |   return require(path.resolve(process.cwd(), 'package.json'));
28 | }
29 | 
30 | export function getPluginJson() {
31 |   return require(path.resolve(process.cwd(), `${SOURCE_DIR}/plugin.json`));
32 | }
33 | 
34 | export function hasReadme() {
35 |   return fs.existsSync(path.resolve(process.cwd(), SOURCE_DIR, 'README.md'));
36 | }
37 | 
38 | // Support bundling nested plugins by finding all plugin.json files in src directory
39 | // then checking for a sibling module.[jt]sx? file.
40 | export async function getEntries(): Promise<Record<string, string>> {
41 |   const pluginsJson = await glob('**/src/**/plugin.json', { absolute: true });
42 | 
43 |   const plugins = await Promise.all(pluginsJson.map((pluginJson) => {
44 |       const folder = path.dirname(pluginJson);
45 |       return glob(`${folder}/module.{ts,tsx,js,jsx}`, { absolute: true });
46 |     })
47 |   );
48 | 
49 |   return plugins.reduce((result, modules) => {
50 |     return modules.reduce((result, module) => {
51 |       const pluginPath = path.dirname(module);
52 |       const pluginName = path.relative(process.cwd(), pluginPath).replace(/src\/?/i, '');
53 |       const entryName = pluginName === '' ? 'module' : `${pluginName}/module`;
54 | 
55 |       result[entryName] = module;
56 |       return result;
57 |     }, result);
58 |   }, {});
59 | }
60 | 


--------------------------------------------------------------------------------
/.config/webpack/webpack.config.ts:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
  3 |  *
  4 |  * In order to extend the configuration follow the steps in
  5 |  * https://grafana.com/developers/plugin-tools/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-webpack-config
  6 |  */
  7 | 
  8 | import CopyWebpackPlugin from 'copy-webpack-plugin';
  9 | import ESLintPlugin from 'eslint-webpack-plugin';
 10 | import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 11 | import LiveReloadPlugin from 'webpack-livereload-plugin';
 12 | import path from 'path';
 13 | import ReplaceInFileWebpackPlugin from 'replace-in-file-webpack-plugin';
 14 | import { Configuration } from 'webpack';
 15 | 
 16 | import { getPackageJson, getPluginJson, hasReadme, getEntries, isWSL } from './utils';
 17 | import { SOURCE_DIR, DIST_DIR } from './constants';
 18 | 
 19 | const pluginJson = getPluginJson();
 20 | 
 21 | const config = async (env): Promise<Configuration> => {
 22 |   const baseConfig: Configuration = {
 23 |     cache: {
 24 |       type: 'filesystem',
 25 |       buildDependencies: {
 26 |         config: [__filename],
 27 |       },
 28 |     },
 29 | 
 30 |     context: path.join(process.cwd(), SOURCE_DIR),
 31 | 
 32 |     devtool: env.production ? 'source-map' : 'eval-source-map',
 33 | 
 34 |     entry: await getEntries(),
 35 | 
 36 |     externals: [
 37 |       'lodash',
 38 |       'jquery',
 39 |       'moment',
 40 |       'slate',
 41 |       'emotion',
 42 |       '@emotion/react',
 43 |       '@emotion/css',
 44 |       'prismjs',
 45 |       'slate-plain-serializer',
 46 |       '@grafana/slate-react',
 47 |       'react',
 48 |       'react-dom',
 49 |       'react-redux',
 50 |       'redux',
 51 |       'rxjs',
 52 |       'react-router',
 53 |       'react-router-dom',
 54 |       'd3',
 55 |       'angular',
 56 |       '@grafana/ui',
 57 |       '@grafana/runtime',
 58 |       '@grafana/data',
 59 | 
 60 |       // Mark legacy SDK imports as external if their name starts with the "grafana/" prefix
 61 |       ({ request }, callback) => {
 62 |         const prefix = 'grafana/';
 63 |         const hasPrefix = (request) => request.indexOf(prefix) === 0;
 64 |         const stripPrefix = (request) => request.substr(prefix.length);
 65 | 
 66 |         if (hasPrefix(request)) {
 67 |           return callback(undefined, stripPrefix(request));
 68 |         }
 69 | 
 70 |         callback();
 71 |       },
 72 |     ],
 73 | 
 74 |     mode: env.production ? 'production' : 'development',
 75 | 
 76 |     module: {
 77 |       rules: [
 78 |         {
 79 |           exclude: /(node_modules)/,
 80 |           test: /\.[tj]sx?$/,
 81 |           use: {
 82 |             loader: 'swc-loader',
 83 |             options: {
 84 |               jsc: {
 85 |                 baseUrl: './src',
 86 |                 target: 'es2015',
 87 |                 loose: false,
 88 |                 parser: {
 89 |                   syntax: 'typescript',
 90 |                   tsx: true,
 91 |                   decorators: false,
 92 |                   dynamicImport: true,
 93 |                 },
 94 |               },
 95 |             },
 96 |           },
 97 |         },
 98 |         {
 99 |           test: /\.css$/,
100 |           use: ["style-loader", "css-loader"]
101 |         },
102 |         {
103 |           test: /\.s[ac]ss$/,
104 |           use: ['style-loader', 'css-loader', 'sass-loader'],
105 |         },
106 |         {
107 |           test: /\.(png|jpe?g|gif|svg)$/,
108 |           type: 'asset/resource',
109 |           generator: {
110 |             // Keep publicPath relative for host.com/grafana/ deployments
111 |             publicPath: `public/plugins/${pluginJson.id}/img/`,
112 |             outputPath: 'img/',
113 |             filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]',
114 |           },
115 |         },
116 |         {
117 |           test: /\.(woff|woff2|eot|ttf|otf)(\?v=\d+\.\d+\.\d+)?$/,
118 |           type: 'asset/resource',
119 |           generator: {
120 |             // Keep publicPath relative for host.com/grafana/ deployments
121 |             publicPath: `public/plugins/${pluginJson.id}/fonts/`,
122 |             outputPath: 'fonts/',
123 |             filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]',
124 |           },
125 |         },
126 |       ],
127 |     },
128 | 
129 |     output: {
130 |       clean: {
131 |         keep: new RegExp(`(.*?_(amd64|arm(64)?)(.exe)?|go_plugin_build_manifest)`),
132 |       },
133 |       filename: '[name].js',
134 |       library: {
135 |         type: 'amd',
136 |       },
137 |       path: path.resolve(process.cwd(), DIST_DIR),
138 |       publicPath: '/',
139 |     },
140 | 
141 |     plugins: [
142 |       new CopyWebpackPlugin({
143 |         patterns: [
144 |           // If src/README.md exists use it; otherwise the root README
145 |           // To `compiler.options.output`
146 |           { from: hasReadme() ? 'README.md' : '../README.md', to: '.', force: true },
147 |           { from: 'plugin.json', to: '.' },
148 |           { from: '../LICENSE', to: '.' },
149 |           { from: '../CHANGELOG.md', to: '.', force: true },
150 |           { from: '**/*.json', to: '.' }, // TODO<Add an error for checking the basic structure of the repo>
151 |           { from: '**/*.svg', to: '.', noErrorOnMissing: true }, // Optional
152 |           { from: '**/*.png', to: '.', noErrorOnMissing: true }, // Optional
153 |           { from: '**/*.html', to: '.', noErrorOnMissing: true }, // Optional
154 |           { from: 'img/**/*', to: '.', noErrorOnMissing: true }, // Optional
155 |           { from: 'libs/**/*', to: '.', noErrorOnMissing: true }, // Optional
156 |           { from: 'static/**/*', to: '.', noErrorOnMissing: true }, // Optional
157 |         ],
158 |       }),
159 |       // Replace certain template-variables in the README and plugin.json
160 |       new ReplaceInFileWebpackPlugin([
161 |         {
162 |           dir: DIST_DIR,
163 |           files: ['plugin.json', 'README.md'],
164 |           rules: [
165 |             {
166 |               search: /\%VERSION\%/g,
167 |               replace: getPackageJson().version,
168 |             },
169 |             {
170 |               search: /\%TODAY\%/g,
171 |               replace: new Date().toISOString().substring(0, 10),
172 |             },
173 |             {
174 |               search: /\%PLUGIN_ID\%/g,
175 |               replace: pluginJson.id,
176 |             },
177 |           ],
178 |         },
179 |       ]),
180 |       new ForkTsCheckerWebpackPlugin({
181 |         async: Boolean(env.development),
182 |         issue: {
183 |           include: [{ file: '**/*.{ts,tsx}' }],
184 |         },
185 |         typescript: { configFile: path.join(process.cwd(), 'tsconfig.json') },
186 |       }),
187 |       new ESLintPlugin({
188 |         extensions: ['.ts', '.tsx'],
189 |         lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
190 |       }),
191 |       ...(env.development ? [new LiveReloadPlugin()] : []),
192 |     ],
193 | 
194 |     resolve: {
195 |       extensions: ['.js', '.jsx', '.ts', '.tsx'],
196 |       // handle resolving "rootDir" paths
197 |       modules: [path.resolve(process.cwd(), 'src'), 'node_modules'],
198 |       unsafeCache: true,
199 |     },
200 |   }
201 | 
202 |   if(isWSL()) {
203 |     baseConfig.watchOptions = {
204 |       poll: 3000,
205 |       ignored: /node_modules/,
206 |     }}
207 | 
208 | 
209 |   return baseConfig;
210 | 
211 | };
212 | 
213 | export default config;
214 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "./.config/.eslintrc"
3 | }


--------------------------------------------------------------------------------
/.github.rem/workflows/ci.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 |   pull_request:
 8 |     branches:
 9 |       - main
10 | jobs:
11 |   build:
12 |     runs-on: ubuntu-latest
13 |     steps:
14 |       - uses: actions/checkout@v2
15 | 
16 |       - name: Setup Node.js environment
17 |         uses: actions/setup-node@v2.1.2
18 |         with:
19 |           node-version: "18.x"
20 | 
21 |       - name: Get yarn cache directory path
22 |         id: yarn-cache-dir-path
23 |         run: echo "::set-output name=dir::$(yarn cache dir)"
24 | 
25 |       - name: Cache yarn cache
26 |         uses: actions/cache@v2
27 |         id: cache-yarn-cache
28 |         with:
29 |           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
30 |           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
31 |           restore-keys: |
32 |             ${{ runner.os }}-yarn-
33 | 
34 |       - name: Cache node_modules
35 |         id: cache-node-modules
36 |         uses: actions/cache@v2
37 |         with:
38 |           path: node_modules
39 |           key: ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
40 |           restore-keys: |
41 |             ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-
42 | 
43 |       - name: Install dependencies
44 |         run: yarn install --frozen-lockfile
45 | 
46 |       - name: Build and test frontend
47 |         run: yarn build
48 | 
49 |       - name: Setup .NET
50 |         uses: actions/setup-dotnet@v3
51 |         with:
52 |           dotnet-version: '3.1.x'
53 | 
54 |       - name: Build backend
55 |         run: make linux && make windows && make darwin
56 |         
57 |       # - name: Test backend
58 |       #   if: steps.check-for-backend.outputs.has-backend == 'true'
59 |       #   uses: magefile/mage-action@v1
60 |       #   with:
61 |       #     version: latest
62 |       #     args: coverage
63 | 
64 | 


--------------------------------------------------------------------------------
/.github.rem/workflows/release darwin.yml:
--------------------------------------------------------------------------------
  1 | name: Release
  2 | 
  3 | on:
  4 |   push:
  5 |     tags:
  6 |       - "v*.*.*" # Run workflow on version tags, e.g. v1.0.0.
  7 | 
  8 | jobs:
  9 |   release:
 10 |     runs-on: ubuntu-latest
 11 | 
 12 |     steps:
 13 |       - uses: actions/checkout@v2
 14 | 
 15 |       - name: Setup Node.js environment
 16 |         uses: actions/setup-node@v2.1.2
 17 |         with:
 18 |           node-version: "18.x"
 19 | 
 20 |       - name: Setup Go environment
 21 |         uses: actions/setup-go@v2
 22 |         with:
 23 |           go-version: "1.19"
 24 | 
 25 |       - name: Get yarn cache directory path
 26 |         id: yarn-cache-dir-path
 27 |         run: echo "::set-output name=dir::$(yarn cache dir)"
 28 | 
 29 |       - name: Cache yarn cache
 30 |         uses: actions/cache@v2
 31 |         id: cache-yarn-cache
 32 |         with:
 33 |           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
 34 |           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
 35 |           restore-keys: |
 36 |             ${{ runner.os }}-yarn-
 37 | 
 38 |       - name: Cache node_modules
 39 |         id: cache-node-modules
 40 |         uses: actions/cache@v2
 41 |         with:
 42 |           path: node_modules
 43 |           key: ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
 44 |           restore-keys: |
 45 |             ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-
 46 | 
 47 |       - name: Install dependencies
 48 |         run: yarn install --frozen-lockfile;
 49 |         if: |
 50 |           steps.cache-yarn-cache.outputs.cache-hit != 'true' ||
 51 |           steps.cache-node-modules.outputs.cache-hit != 'true'
 52 | 
 53 |       - name: Build and test frontend
 54 |         run: yarn build
 55 | 
 56 |       - name: Setup .NET
 57 |         uses: actions/setup-dotnet@v3
 58 |         with:
 59 |           dotnet-version: '3.1.x'
 60 | 
 61 |       - name: Build backend
 62 |         run: make darwin
 63 | 
 64 |       - name: Sign plugin
 65 |         run: yarn sign --rootUrls=localhost:3000
 66 |         env:
 67 |           GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }} # Requires a Grafana API key from Grafana.com.
 68 | 
 69 |       - name: Get plugin metadata
 70 |         id: metadata
 71 |         run: |
 72 |           sudo apt-get install jq
 73 | 
 74 |           export GRAFANA_PLUGIN_ID=$(cat dist/plugin.json | jq -r .id)
 75 |           export GRAFANA_PLUGIN_VERSION=$(cat dist/plugin.json | jq -r .info.version)
 76 |           export GRAFANA_PLUGIN_TYPE=$(cat dist/plugin.json | jq -r .type)
 77 |           export GRAFANA_PLUGIN_ARTIFACT=${GRAFANA_PLUGIN_ID}-${GRAFANA_PLUGIN_VERSION}.zip
 78 |           export GRAFANA_PLUGIN_ARTIFACT_CHECKSUM=${GRAFANA_PLUGIN_ARTIFACT}.md5
 79 | 
 80 |           echo "::set-output name=plugin-id::${GRAFANA_PLUGIN_ID}"
 81 |           echo "::set-output name=plugin-version::${GRAFANA_PLUGIN_VERSION}"
 82 |           echo "::set-output name=plugin-type::${GRAFANA_PLUGIN_TYPE}"
 83 |           echo "::set-output name=archive::${GRAFANA_PLUGIN_ARTIFACT}"
 84 |           echo "::set-output name=archive-checksum::${GRAFANA_PLUGIN_ARTIFACT_CHECKSUM}"
 85 | 
 86 |           echo ::set-output name=github-tag::${GITHUB_REF#refs/*/}
 87 | 
 88 |       - name: Read changelog
 89 |         id: changelog
 90 |         run: |
 91 |           awk '/^## / {s++} s == 1 {print}' CHANGELOG.md > release_notes.md
 92 |           echo "::set-output name=path::release_notes.md"
 93 | 
 94 |       - name: Check package version
 95 |         run: if [ "v${{ steps.metadata.outputs.plugin-version }}" != "${{ steps.metadata.outputs.github-tag }}" ]; then printf "\033[0;31mPlugin version doesn't match tag name\033[0m\n"; exit 1; fi
 96 | 
 97 |       - name: Package plugin
 98 |         id: package-plugin
 99 |         run: |
100 |           mv dist ${{ steps.metadata.outputs.plugin-id }}
101 |           zip ${{ steps.metadata.outputs.archive }} ${{ steps.metadata.outputs.plugin-id }} -r
102 |           md5sum ${{ steps.metadata.outputs.archive }} > ${{ steps.metadata.outputs.archive-checksum }}
103 |           echo "::set-output name=checksum::$(cat ./${{ steps.metadata.outputs.archive-checksum }} | cut -d' ' -f1)"
104 | 
105 |       # - name: Validate plugin
106 |       #   run: |
107 |       #     git clone https://github.com/grafana/plugin-validator
108 |       #     pushd ./plugin-validator/pkg/cmd/plugincheck2
109 |       #     go install
110 |       #     popd
111 |       #     plugincheck2 -config ./validator-config.yaml ${{ steps.metadata.outputs.archive }}
112 | 
113 |       - name: Create release
114 |         id: create_release
115 |         uses: actions/create-release@v1
116 |         env:
117 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
118 |         with:
119 |           tag_name: ${{ github.ref }}
120 |           release_name: Release ${{ github.ref }}
121 |           body_path: ${{ steps.changelog.outputs.path }}
122 |           draft: true
123 | 
124 |       - name: Add plugin to release
125 |         id: upload-plugin-asset
126 |         uses: actions/upload-release-asset@v1
127 |         env:
128 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
129 |         with:
130 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
131 |           asset_path: ./${{ steps.metadata.outputs.archive }}
132 |           asset_name: ${{ steps.metadata.outputs.archive }}
133 |           asset_content_type: application/zip
134 | 
135 |       - name: Add checksum to release
136 |         id: upload-checksum-asset
137 |         uses: actions/upload-release-asset@v1
138 |         env:
139 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
140 |         with:
141 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
142 |           asset_path: ./${{ steps.metadata.outputs.archive-checksum }}
143 |           asset_name: ${{ steps.metadata.outputs.archive-checksum }}
144 |           asset_content_type: text/plain
145 | 
146 |       - name: Publish to Grafana.com
147 |         run: |
148 |           echo A draft release has been created for your plugin. Please review and publish it. Then submit your plugin to grafana.com/plugins by opening a PR to https://github.com/grafana/grafana-plugin-repository with the following entry:
149 |           echo
150 |           echo '{ "id": "${{ steps.metadata.outputs.plugin-id }}", "type": "${{ steps.metadata.outputs.plugin-type }}", "url": "https://github.com/${{ github.repository }}", "versions": [ { "version": "${{ steps.metadata.outputs.plugin-version }}", "commit": "${{ github.sha }}", "url": "https://github.com/${{ github.repository }}", "download": { "any": { "url": "https://github.com/${{ github.repository }}/releases/download/v${{ steps.metadata.outputs.plugin-version }}/${{ steps.metadata.outputs.archive }}", "md5": "${{ steps.package-plugin.outputs.checksum }}" } } } ] }' | jq .
151 | 


--------------------------------------------------------------------------------
/.github.rem/workflows/release linux.yml:
--------------------------------------------------------------------------------
  1 | name: Release
  2 | 
  3 | on:
  4 |   push:
  5 |     tags:
  6 |       - "v*.*.*" # Run workflow on version tags, e.g. v1.0.0.
  7 | 
  8 | jobs:
  9 |   release:
 10 |     runs-on: ubuntu-latest
 11 | 
 12 |     steps:
 13 |       - uses: actions/checkout@v2
 14 | 
 15 |       - name: Setup Node.js environment
 16 |         uses: actions/setup-node@v2.1.2
 17 |         with:
 18 |           node-version: "18.x"
 19 | 
 20 |       - name: Setup Go environment
 21 |         uses: actions/setup-go@v2
 22 |         with:
 23 |           go-version: "1.19"
 24 | 
 25 |       - name: Get yarn cache directory path
 26 |         id: yarn-cache-dir-path
 27 |         run: echo "::set-output name=dir::$(yarn cache dir)"
 28 | 
 29 |       - name: Cache yarn cache
 30 |         uses: actions/cache@v2
 31 |         id: cache-yarn-cache
 32 |         with:
 33 |           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
 34 |           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
 35 |           restore-keys: |
 36 |             ${{ runner.os }}-yarn-
 37 | 
 38 |       - name: Cache node_modules
 39 |         id: cache-node-modules
 40 |         uses: actions/cache@v2
 41 |         with:
 42 |           path: node_modules
 43 |           key: ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
 44 |           restore-keys: |
 45 |             ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-
 46 | 
 47 |       - name: Install dependencies
 48 |         run: yarn install --frozen-lockfile;
 49 |         if: |
 50 |           steps.cache-yarn-cache.outputs.cache-hit != 'true' ||
 51 |           steps.cache-node-modules.outputs.cache-hit != 'true'
 52 | 
 53 |       - name: Build and test frontend
 54 |         run: yarn build
 55 | 
 56 |       - name: Setup .NET
 57 |         uses: actions/setup-dotnet@v3
 58 |         with:
 59 |           dotnet-version: '3.1.x'
 60 | 
 61 |       - name: Build backend
 62 |         run: make linux
 63 |         
 64 |       - name: Sign plugin
 65 |         run: yarn sign --rootUrls=localhost:3000
 66 |         env:
 67 |           GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }} # Requires a Grafana API key from Grafana.com.
 68 | 
 69 |       - name: Get plugin metadata
 70 |         id: metadata
 71 |         run: |
 72 |           sudo apt-get install jq
 73 | 
 74 |           export GRAFANA_PLUGIN_ID=$(cat dist/plugin.json | jq -r .id)
 75 |           export GRAFANA_PLUGIN_VERSION=$(cat dist/plugin.json | jq -r .info.version)
 76 |           export GRAFANA_PLUGIN_TYPE=$(cat dist/plugin.json | jq -r .type)
 77 |           export GRAFANA_PLUGIN_ARTIFACT=${GRAFANA_PLUGIN_ID}-${GRAFANA_PLUGIN_VERSION}.zip
 78 |           export GRAFANA_PLUGIN_ARTIFACT_CHECKSUM=${GRAFANA_PLUGIN_ARTIFACT}.md5
 79 | 
 80 |           echo "::set-output name=plugin-id::${GRAFANA_PLUGIN_ID}"
 81 |           echo "::set-output name=plugin-version::${GRAFANA_PLUGIN_VERSION}"
 82 |           echo "::set-output name=plugin-type::${GRAFANA_PLUGIN_TYPE}"
 83 |           echo "::set-output name=archive::${GRAFANA_PLUGIN_ARTIFACT}"
 84 |           echo "::set-output name=archive-checksum::${GRAFANA_PLUGIN_ARTIFACT_CHECKSUM}"
 85 | 
 86 |           echo ::set-output name=github-tag::${GITHUB_REF#refs/*/}
 87 | 
 88 |       - name: Read changelog
 89 |         id: changelog
 90 |         run: |
 91 |           awk '/^## / {s++} s == 1 {print}' CHANGELOG.md > release_notes.md
 92 |           echo "::set-output name=path::release_notes.md"
 93 | 
 94 |       - name: Check package version
 95 |         run: if [ "v${{ steps.metadata.outputs.plugin-version }}" != "${{ steps.metadata.outputs.github-tag }}" ]; then printf "\033[0;31mPlugin version doesn't match tag name\033[0m\n"; exit 1; fi
 96 | 
 97 |       - name: Package plugin
 98 |         id: package-plugin
 99 |         run: |
100 |           mv dist ${{ steps.metadata.outputs.plugin-id }}
101 |           zip ${{ steps.metadata.outputs.archive }} ${{ steps.metadata.outputs.plugin-id }} -r
102 |           md5sum ${{ steps.metadata.outputs.archive }} > ${{ steps.metadata.outputs.archive-checksum }}
103 |           echo "::set-output name=checksum::$(cat ./${{ steps.metadata.outputs.archive-checksum }} | cut -d' ' -f1)"
104 | 
105 |       # - name: Validate plugin
106 |       #   run: |
107 |       #     git clone https://github.com/grafana/plugin-validator
108 |       #     pushd ./plugin-validator/pkg/cmd/plugincheck2
109 |       #     go install
110 |       #     popd
111 |       #     plugincheck2 -config ./validator-config.yaml ${{ steps.metadata.outputs.archive }}
112 | 
113 |       - name: Create release
114 |         id: create_release
115 |         uses: actions/create-release@v1
116 |         env:
117 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
118 |         with:
119 |           tag_name: ${{ github.ref }}
120 |           release_name: Release ${{ github.ref }}
121 |           body_path: ${{ steps.changelog.outputs.path }}
122 |           draft: true
123 | 
124 |       - name: Add plugin to release
125 |         id: upload-plugin-asset
126 |         uses: actions/upload-release-asset@v1
127 |         env:
128 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
129 |         with:
130 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
131 |           asset_path: ./${{ steps.metadata.outputs.archive }}
132 |           asset_name: ${{ steps.metadata.outputs.archive }}
133 |           asset_content_type: application/zip
134 | 
135 |       - name: Add checksum to release
136 |         id: upload-checksum-asset
137 |         uses: actions/upload-release-asset@v1
138 |         env:
139 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
140 |         with:
141 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
142 |           asset_path: ./${{ steps.metadata.outputs.archive-checksum }}
143 |           asset_name: ${{ steps.metadata.outputs.archive-checksum }}
144 |           asset_content_type: text/plain
145 | 
146 |       - name: Publish to Grafana.com
147 |         run: |
148 |           echo A draft release has been created for your plugin. Please review and publish it. Then submit your plugin to grafana.com/plugins by opening a PR to https://github.com/grafana/grafana-plugin-repository with the following entry:
149 |           echo
150 |           echo '{ "id": "${{ steps.metadata.outputs.plugin-id }}", "type": "${{ steps.metadata.outputs.plugin-type }}", "url": "https://github.com/${{ github.repository }}", "versions": [ { "version": "${{ steps.metadata.outputs.plugin-version }}", "commit": "${{ github.sha }}", "url": "https://github.com/${{ github.repository }}", "download": { "any": { "url": "https://github.com/${{ github.repository }}/releases/download/v${{ steps.metadata.outputs.plugin-version }}/${{ steps.metadata.outputs.archive }}", "md5": "${{ steps.package-plugin.outputs.checksum }}" } } } ] }' | jq .
151 | 


--------------------------------------------------------------------------------
/.github.rem/workflows/release windows.yml:
--------------------------------------------------------------------------------
  1 | name: Release
  2 | 
  3 | on:
  4 |   push:
  5 |     tags:
  6 |       - "v*.*.*" # Run workflow on version tags, e.g. v1.0.0.
  7 | 
  8 | jobs:
  9 |   release:
 10 |     runs-on: ubuntu-latest
 11 | 
 12 |     steps:
 13 |       - uses: actions/checkout@v2
 14 | 
 15 |       - name: Setup Node.js environment
 16 |         uses: actions/setup-node@v2.1.2
 17 |         with:
 18 |           node-version: "18.x"
 19 | 
 20 |       - name: Setup Go environment
 21 |         uses: actions/setup-go@v2
 22 |         with:
 23 |           go-version: "1.19"
 24 | 
 25 |       - name: Get yarn cache directory path
 26 |         id: yarn-cache-dir-path
 27 |         run: echo "::set-output name=dir::$(yarn cache dir)"
 28 | 
 29 |       - name: Cache yarn cache
 30 |         uses: actions/cache@v2
 31 |         id: cache-yarn-cache
 32 |         with:
 33 |           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
 34 |           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
 35 |           restore-keys: |
 36 |             ${{ runner.os }}-yarn-
 37 | 
 38 |       - name: Cache node_modules
 39 |         id: cache-node-modules
 40 |         uses: actions/cache@v2
 41 |         with:
 42 |           path: node_modules
 43 |           key: ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
 44 |           restore-keys: |
 45 |             ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-
 46 | 
 47 |       - name: Install dependencies
 48 |         run: yarn install --frozen-lockfile;
 49 |         if: |
 50 |           steps.cache-yarn-cache.outputs.cache-hit != 'true' ||
 51 |           steps.cache-node-modules.outputs.cache-hit != 'true'
 52 | 
 53 |       - name: Build and test frontend
 54 |         run: yarn build
 55 | 
 56 |       - name: Setup .NET
 57 |         uses: actions/setup-dotnet@v3
 58 |         with:
 59 |           dotnet-version: '3.1.x'
 60 | 
 61 |       - name: Build backend
 62 |         run: make windows
 63 | 
 64 |       - name: Sign plugin
 65 |         run: yarn sign --rootUrls=localhost:3000
 66 |         env:
 67 |           GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }} # Requires a Grafana API key from Grafana.com.
 68 | 
 69 |       - name: Get plugin metadata
 70 |         id: metadata
 71 |         run: |
 72 |           sudo apt-get install jq
 73 | 
 74 |           export GRAFANA_PLUGIN_ID=$(cat dist/plugin.json | jq -r .id)
 75 |           export GRAFANA_PLUGIN_VERSION=$(cat dist/plugin.json | jq -r .info.version)
 76 |           export GRAFANA_PLUGIN_TYPE=$(cat dist/plugin.json | jq -r .type)
 77 |           export GRAFANA_PLUGIN_ARTIFACT=${GRAFANA_PLUGIN_ID}-${GRAFANA_PLUGIN_VERSION}.zip
 78 |           export GRAFANA_PLUGIN_ARTIFACT_CHECKSUM=${GRAFANA_PLUGIN_ARTIFACT}.md5
 79 | 
 80 |           echo "::set-output name=plugin-id::${GRAFANA_PLUGIN_ID}"
 81 |           echo "::set-output name=plugin-version::${GRAFANA_PLUGIN_VERSION}"
 82 |           echo "::set-output name=plugin-type::${GRAFANA_PLUGIN_TYPE}"
 83 |           echo "::set-output name=archive::${GRAFANA_PLUGIN_ARTIFACT}"
 84 |           echo "::set-output name=archive-checksum::${GRAFANA_PLUGIN_ARTIFACT_CHECKSUM}"
 85 | 
 86 |           echo ::set-output name=github-tag::${GITHUB_REF#refs/*/}
 87 | 
 88 |       - name: Read changelog
 89 |         id: changelog
 90 |         run: |
 91 |           awk '/^## / {s++} s == 1 {print}' CHANGELOG.md > release_notes.md
 92 |           echo "::set-output name=path::release_notes.md"
 93 | 
 94 |       - name: Check package version
 95 |         run: if [ "v${{ steps.metadata.outputs.plugin-version }}" != "${{ steps.metadata.outputs.github-tag }}" ]; then printf "\033[0;31mPlugin version doesn't match tag name\033[0m\n"; exit 1; fi
 96 | 
 97 |       - name: Package plugin
 98 |         id: package-plugin
 99 |         run: |
100 |           mv dist ${{ steps.metadata.outputs.plugin-id }}
101 |           zip ${{ steps.metadata.outputs.archive }} ${{ steps.metadata.outputs.plugin-id }} -r
102 |           md5sum ${{ steps.metadata.outputs.archive }} > ${{ steps.metadata.outputs.archive-checksum }}
103 |           echo "::set-output name=checksum::$(cat ./${{ steps.metadata.outputs.archive-checksum }} | cut -d' ' -f1)"
104 | 
105 |       # - name: Validate plugin
106 |       #   run: |
107 |       #     git clone https://github.com/grafana/plugin-validator
108 |       #     pushd ./plugin-validator/pkg/cmd/plugincheck2
109 |       #     go install
110 |       #     popd
111 |       #     plugincheck2 -config ./validator-config.yaml ${{ steps.metadata.outputs.archive }}
112 | 
113 |       - name: Create release
114 |         id: create_release
115 |         uses: actions/create-release@v1
116 |         env:
117 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
118 |         with:
119 |           tag_name: ${{ github.ref }}
120 |           release_name: Release ${{ github.ref }}
121 |           body_path: ${{ steps.changelog.outputs.path }}
122 |           draft: true
123 | 
124 |       - name: Add plugin to release
125 |         id: upload-plugin-asset
126 |         uses: actions/upload-release-asset@v1
127 |         env:
128 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
129 |         with:
130 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
131 |           asset_path: ./${{ steps.metadata.outputs.archive }}
132 |           asset_name: ${{ steps.metadata.outputs.archive }}
133 |           asset_content_type: application/zip
134 | 
135 |       - name: Add checksum to release
136 |         id: upload-checksum-asset
137 |         uses: actions/upload-release-asset@v1
138 |         env:
139 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
140 |         with:
141 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
142 |           asset_path: ./${{ steps.metadata.outputs.archive-checksum }}
143 |           asset_name: ${{ steps.metadata.outputs.archive-checksum }}
144 |           asset_content_type: text/plain
145 | 
146 |       - name: Publish to Grafana.com
147 |         run: |
148 |           echo A draft release has been created for your plugin. Please review and publish it. Then submit your plugin to grafana.com/plugins by opening a PR to https://github.com/grafana/grafana-plugin-repository with the following entry:
149 |           echo
150 |           echo '{ "id": "${{ steps.metadata.outputs.plugin-id }}", "type": "${{ steps.metadata.outputs.plugin-type }}", "url": "https://github.com/${{ github.repository }}", "versions": [ { "version": "${{ steps.metadata.outputs.plugin-version }}", "commit": "${{ github.sha }}", "url": "https://github.com/${{ github.repository }}", "download": { "any": { "url": "https://github.com/${{ github.repository }}/releases/download/v${{ steps.metadata.outputs.plugin-version }}/${{ steps.metadata.outputs.archive }}", "md5": "${{ steps.package-plugin.outputs.checksum }}" } } } ] }' | jq .
151 | 


--------------------------------------------------------------------------------
/.github.rem/workflows/release.yml:
--------------------------------------------------------------------------------
  1 | name: Release
  2 | 
  3 | on:
  4 |   push:
  5 |     tags:
  6 |       - "v*.*.*" # Run workflow on version tags, e.g. v1.0.0.
  7 | 
  8 | jobs:
  9 |   release:
 10 |     runs-on: ubuntu-latest
 11 | 
 12 |     steps:
 13 |       - uses: actions/checkout@v2
 14 | 
 15 |       - name: Setup Node.js environment
 16 |         uses: actions/setup-node@v2.1.2
 17 |         with:
 18 |           node-version: "18.x"
 19 | 
 20 |       - name: Setup Go environment
 21 |         uses: actions/setup-go@v2
 22 |         with:
 23 |           go-version: "1.19"
 24 | 
 25 |       - name: Get yarn cache directory path
 26 |         id: yarn-cache-dir-path
 27 |         run: echo "::set-output name=dir::$(yarn cache dir)"
 28 | 
 29 |       - name: Cache yarn cache
 30 |         uses: actions/cache@v2
 31 |         id: cache-yarn-cache
 32 |         with:
 33 |           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
 34 |           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
 35 |           restore-keys: |
 36 |             ${{ runner.os }}-yarn-
 37 | 
 38 |       - name: Cache node_modules
 39 |         id: cache-node-modules
 40 |         uses: actions/cache@v2
 41 |         with:
 42 |           path: node_modules
 43 |           key: ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
 44 |           restore-keys: |
 45 |             ${{ runner.os }}-${{ matrix.node-version }}-nodemodules-
 46 | 
 47 |       - name: Install dependencies
 48 |         run: yarn install --frozen-lockfile;
 49 |         if: |
 50 |           steps.cache-yarn-cache.outputs.cache-hit != 'true' ||
 51 |           steps.cache-node-modules.outputs.cache-hit != 'true'
 52 | 
 53 |       - name: Build and test frontend
 54 |         run: yarn build
 55 | 
 56 |       - name: Setup .NET
 57 |         uses: actions/setup-dotnet@v3
 58 |         with:
 59 |           dotnet-version: '3.1.x'
 60 | 
 61 |       - name: Build backend
 62 |         run: make darwin
 63 | 
 64 |       - name: Sign plugin
 65 |         run: yarn sign --rootUrls=localhost:3000
 66 |         env:
 67 |           GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }} # Requires a Grafana API key from Grafana.com.
 68 | 
 69 |       - name: Get plugin metadata
 70 |         id: metadata
 71 |         run: |
 72 |           sudo apt-get install jq
 73 | 
 74 |           export GRAFANA_PLUGIN_ID=$(cat dist/plugin.json | jq -r .id)
 75 |           export GRAFANA_PLUGIN_VERSION=$(cat dist/plugin.json | jq -r .info.version)
 76 |           export GRAFANA_PLUGIN_TYPE=$(cat dist/plugin.json | jq -r .type)
 77 |           export GRAFANA_PLUGIN_ARTIFACT=${GRAFANA_PLUGIN_ID}-${GRAFANA_PLUGIN_VERSION}.zip
 78 |           export GRAFANA_PLUGIN_ARTIFACT_CHECKSUM=${GRAFANA_PLUGIN_ARTIFACT}.md5
 79 | 
 80 |           echo "::set-output name=plugin-id::${GRAFANA_PLUGIN_ID}"
 81 |           echo "::set-output name=plugin-version::${GRAFANA_PLUGIN_VERSION}"
 82 |           echo "::set-output name=plugin-type::${GRAFANA_PLUGIN_TYPE}"
 83 |           echo "::set-output name=archive::${GRAFANA_PLUGIN_ARTIFACT}"
 84 |           echo "::set-output name=archive-checksum::${GRAFANA_PLUGIN_ARTIFACT_CHECKSUM}"
 85 | 
 86 |           echo ::set-output name=github-tag::${GITHUB_REF#refs/*/}
 87 | 
 88 |       - name: Read changelog
 89 |         id: changelog
 90 |         run: |
 91 |           awk '/^## / {s++} s == 1 {print}' CHANGELOG.md > release_notes.md
 92 |           echo "::set-output name=path::release_notes.md"
 93 | 
 94 |       - name: Check package version
 95 |         run: if [ "v${{ steps.metadata.outputs.plugin-version }}" != "${{ steps.metadata.outputs.github-tag }}" ]; then printf "\033[0;31mPlugin version doesn't match tag name\033[0m\n"; exit 1; fi
 96 | 
 97 |       - name: Package plugin
 98 |         id: package-plugin
 99 |         run: |
100 |           mv dist ${{ steps.metadata.outputs.plugin-id }}
101 |           zip ${{ steps.metadata.outputs.archive }} ${{ steps.metadata.outputs.plugin-id }} -r
102 |           md5sum ${{ steps.metadata.outputs.archive }} > ${{ steps.metadata.outputs.archive-checksum }}
103 |           echo "::set-output name=checksum::$(cat ./${{ steps.metadata.outputs.archive-checksum }} | cut -d' ' -f1)"
104 | 
105 |       # - name: Validate plugin
106 |       #   run: |
107 |       #     git clone https://github.com/grafana/plugin-validator
108 |       #     pushd ./plugin-validator/pkg/cmd/plugincheck2
109 |       #     go install
110 |       #     popd
111 |       #     plugincheck2 -config ./validator-config.yaml ${{ steps.metadata.outputs.archive }}
112 | 
113 |       - name: Create release
114 |         id: create_release
115 |         uses: actions/create-release@v1
116 |         env:
117 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
118 |         with:
119 |           tag_name: ${{ github.ref }}
120 |           release_name: Release ${{ github.ref }}
121 |           body_path: ${{ steps.changelog.outputs.path }}
122 |           draft: true
123 | 
124 |       - name: Add plugin to release
125 |         id: upload-plugin-asset
126 |         uses: actions/upload-release-asset@v1
127 |         env:
128 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
129 |         with:
130 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
131 |           asset_path: ./${{ steps.metadata.outputs.archive }}
132 |           asset_name: ${{ steps.metadata.outputs.archive }}
133 |           asset_content_type: application/zip
134 | 
135 |       - name: Add checksum to release
136 |         id: upload-checksum-asset
137 |         uses: actions/upload-release-asset@v1
138 |         env:
139 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
140 |         with:
141 |           upload_url: ${{ steps.create_release.outputs.upload_url }}
142 |           asset_path: ./${{ steps.metadata.outputs.archive-checksum }}
143 |           asset_name: ${{ steps.metadata.outputs.archive-checksum }}
144 |           asset_content_type: text/plain
145 | 
146 |       - name: Publish to Grafana.com
147 |         run: |
148 |           echo A draft release has been created for your plugin. Please review and publish it. Then submit your plugin to grafana.com/plugins by opening a PR to https://github.com/grafana/grafana-plugin-repository with the following entry:
149 |           echo
150 |           echo '{ "id": "${{ steps.metadata.outputs.plugin-id }}", "type": "${{ steps.metadata.outputs.plugin-type }}", "url": "https://github.com/${{ github.repository }}", "versions": [ { "version": "${{ steps.metadata.outputs.plugin-version }}", "commit": "${{ github.sha }}", "url": "https://github.com/${{ github.repository }}", "download": { "any": { "url": "https://github.com/${{ github.repository }}/releases/download/v${{ steps.metadata.outputs.plugin-version }}/${{ steps.metadata.outputs.archive }}", "md5": "${{ steps.package-plugin.outputs.checksum }}" } } } ] }' | jq .
151 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | node_modules/
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # Compiled binary addons (https://nodejs.org/api/addons.html)
23 | dist/
24 | artifacts/
25 | work/
26 | ci/
27 | e2e-results/
28 | 
29 | yarn.lock
30 | 
31 | .vs/
32 | .vscode/
33 | pkg/cgoopc/out/build/*
34 | pkg/dotnet/.vs
35 | pkg/dotnet/.vs/Greeter
36 | pkg/dotnet/plugin-dotnet/.vs
37 | /pkg/dotnet/plugin-dotnet/Properties/PublishProfiles/FolderProfile.pubxml.user
38 | /pkg/dotnet/plugin-dotnet/Properties/PublishProfiles/FolderProfile.pubxml
39 | /backend/Properties/PublishProfiles/FolderProfile.pubxml.user
40 | /backend/Properties/PublishProfiles/FolderProfile.pubxml
41 | /pkg/go/cgoopc/out/build/x64-Debug (default)
42 | /pkg/dotnet/plugin-dotnet/published
43 | /pkg/dotnet/plugin-dotnet/plugin-dotnet.csproj.user
44 | /pkg/dotnet/plugin-dotnet/bin
45 | /pkg/dotnet/plugin-dotnet/obj
46 | /backend/plugin-dotnet.csproj.user
47 | 
48 | # For macos
49 | .DS_Store


--------------------------------------------------------------------------------
/.nvmrc:
--------------------------------------------------------------------------------
1 | 20
2 | 


--------------------------------------------------------------------------------
/.prettierrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   // Prettier configuration provided by Grafana scaffolding
3 |   ...require("./.config/.prettierrc.js")
4 | };


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Change Log
 2 | 
 3 | ## [1.3.8] - 2024-01-10
 4 | - Plugin officially marked as deprecated. This deprecation means that this plugin won’t receive any feature updates or bug fixes except critical security fixes. After 6 months (End of June 2024), the plugin will reach EOL and there won’t be any fixes afterwards.
 5 | 
 6 | ## [1.3.7] - 2024-01-03
 7 | - 1.3.6 was not published properly, so this is a re-release of 1.3.6
 8 | 
 9 | ## [1.3.6] - 2023-09-29
10 | - Updated to grafana 10
11 | - Various changes to support updated coding standards
12 | - Fixed issue #82 - Unable to fill in url-field in datasource
13 | 
14 | ## [1.2.0-beta.1] - 2022-05-06
15 | - Added the ability to select timestamps from either the OPC server, or OPC client/device/source
16 | 
17 | ## [1.1.6] - 2022-04-05
18 | - Removed all references to Dashboard Mapping (dashboard.db)
19 | - Exchanged BinaryFormatter for BinaryWriter due to security issues with BinaryFormatter
20 | 
21 | ## [1.1.5] - 2022-01-24
22 | - Fixed issue with dynamic files in the MANIFEST.txt
23 | - Removed log4net; all logging goes through grafana logs
24 | - The dashboard mapping database, dashboardmapping.db, is moved out of the plugins directory. If the file already exists in the old location, it will be moved
25 | 
26 | ## [1.1.4] - 2021-11-14
27 | - Plugin published on grafana.com
28 | 
29 | ## [1.1.2] - 2021-06-10
30 | - Mostly fixes needed for Successfully registering in the Grafana Plugin Registry
31 | 
32 | ## [1.0.1] - 2021-05-6
33 | - Exchanged the UA Client to Prediktor.UA.Client (https://www.nuget.org/packages/Prediktor.UA.Client/)
34 | - Added Alarms and Events; historic and subscription
35 | - Config UI and persistence have been changed, not backwards compatible
36 | - Added support for dashboard mapping from instance/type. This is to support complementary Grafana panel plugins at https://github.com/PrediktorAS/grafana
37 | 
38 | ## [1.0.0] - 2020-06-15
39 | 
40 | - Initial official release that will be submitted to grafana.com
41 | - OPC DA/HDA reads working
42 | - Certificate and "no security" authentication working
43 | 
44 | 
45 | 


--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
 1 | DSNAME=grafana-opcua-datasource
 2 | ifeq ($(OS),Windows_NT) 
 3 |     BUILD_OS := windows
 4 | else
 5 |     BUILD_OS := $(shell sh -c '(uname 2>/dev/null | tr A-Z a-z) || echo linux')
 6 | endif
 7 | 
 8 | all: build
 9 | 
10 | restore: 
11 | 	dotnet restore ./pkg/dotnet/plugin-dotnet/plugin-dotnet.csproj -r linux-x64 
12 | 
13 | build:
14 | ifeq (${BUILD_OS},windows)
15 | 	dotnet publish ./backend/.win.build.csproj -r win-x64 --self-contained true
16 | endif
17 | ifeq (${BUILD_OS},darwin)
18 | 	dotnet publish ./backend/.osx.build.csproj -r osx-x64 --self-contained true
19 | endif
20 | ifeq (${BUILD_OS},linux)
21 | 	dotnet publish ./backend/.linux.build.csproj -r linux-x64 --self-contained true
22 | endif
23 | 
24 | linux:
25 | 	dotnet publish ./backend/.linux.build.csproj -r linux-x64 --self-contained true
26 | 
27 | windows:
28 | 	dotnet publish ./backend/.win.build.csproj -r win-x64 --self-contained true
29 | 
30 | darwin:
31 | 	dotnet publish ./backend/.osx.build.csproj -r osx-x64 --self-contained true
32 | 
33 | watch:
34 | ifeq (${BUILD_OS},windows)
35 | 	dotnet watch -p ./backend/.win.build.csproj publish .windows.build.csproj -r win-x64 --self-contained true
36 | endif
37 | ifeq (${BUILD_OS},darwin)
38 | 	dotnet watch -p ./backend/.osx.build.csproj publish .osx.build.csproj -r osx-x64 --self-contained true
39 | endif
40 | ifeq (${BUILD_OS},linux)
41 | 	dotnet watch -p ./backend/.linux.build.csproj publish .linux.build.csproj -r linux-x64 --self-contained true
42 | endif
43 |  
44 | .PHONY: vendor
45 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # OPC UA Datasource plugin for Grafana
 2 | 
 3 | ## STATUS
 4 | 
 5 | > [!CAUTION]
 6 | > This plugin is now deprecated. This deprecation means that this plugin won't receive any feature updates or bug fixes except critical security fixes. After 6 months (End of June 2024), the plugin will reach EOL and there won't be any fixes afterwards. Existing installations of the plugin will continue to work. Reach out to [Grafana Community Forum](https://community.grafana.com/) if you need any further assistance on this plugin.
 7 | 
 8 | ## Introduction
 9 | 
10 | Utilizing the datasource plugin framework, this projects allows you to access data from OPC UA servers directly from Grafana.
11 | 
12 | ![full dashboard](https://raw.githubusercontent.com/srclosson/grafana-opcua-datasource/master/src/img/dashboard2.png)
13 | 
14 | ## What works
15 | 
16 | * Browsing and adding multiple servers
17 | * Authenticated connection with certificate or no security
18 | * Graphical query editor
19 | * Data Access (DA)
20 | * Historical Access (HA / HDA)
21 | * Alarms & Conditions (AC / AE)
22 | 
23 | ## What needs to be implemented
24 | 
25 | * OPCUA DA Subscriptions: These are the ones where you will not need to hit the refresh button. If you have subscribed to a data point at 500ms, you will get an unsolicited update every 500ms.
26 | * Password authentication
27 | * Two-way communication with the OPC UA server (currently read only)
28 | 
29 | ## Description and Architecture
30 | 
31 | This plugin uses GRPC and a C# backend to communicate with Grafana directly. See `pkg/dotnet` directory for the backend component
32 | 
33 | ## Building
34 | 
35 | * `yarn install` to install dependencies
36 | * `yarn build | yarn dev` to build the plugin
37 | * `make build` to build the backend component
38 | 
39 | Restart Grafana and you should have the datasource installed.
40 | 
41 | ## Contributing
42 | 
43 | Contributions that addresses the needs above or other feature you'd like to see are most welcome. Fork the project and commit a PR with your requests.
44 | 
45 | ![Prediktor](https://raw.githubusercontent.com/srclosson/grafana-opcua-datasource/master/src/img/PrediktorLogo_thumb.png) is a proud contributor
46 | Open Software like this project and open standards like OPC UA fits perfectly with our quest to give our clients the freedom to operate. To know more about our offerings and get in touch, check out [https://prediktor.com](https://prediktor.com).
47 | 
48 | ## Q&A
49 | 
50 | Q: **Can it read OPC Classic DA/HDA/AE?**
51 | 
52 | A: Yes, provided use use the OPC Foundations COMIOP wrapper, which you can find [here](https://github.com/OPCFoundation/UA-.NETStandard). You will need to configure IOP to wrap your OPC COM server. Tested against Matrikon OPC Desktop Historian and Matrikon OPC Simulation Server.
53 | 


--------------------------------------------------------------------------------
/appveyor.yml:
--------------------------------------------------------------------------------
 1 | # Test against the latest version of this Node.js version
 2 | environment:
 3 |   nodejs_version: "10"
 4 | 
 5 | # Local NPM Modules
 6 | cache:
 7 |   - node_modules
 8 | 
 9 | # Install scripts. (runs after repo cloning)
10 | install:
11 |   # Get the latest stable version of Node.js or io.js
12 |   - ps: Install-Product node $env:nodejs_version
13 |   # install modules
14 |   - npm install -g yarn --quiet
15 |   - yarn install --pure-lockfile
16 | 
17 | # Post-install test scripts.
18 | test_script:
19 |   # Output useful info for debugging.
20 |   - node --version
21 |   - npm --version
22 | 
23 | # Run the build
24 | build_script:
25 |   - yarn dev   # This will also run prettier!
26 |   - yarn build # make sure both scripts work
27 | 


--------------------------------------------------------------------------------
/azure-pipelines.yml:
--------------------------------------------------------------------------------
 1 | # Starter pipeline
 2 | # Start with a minimal pipeline that you can customize to build and deploy your code.
 3 | # Add steps that build, run tests, deploy, and more:
 4 | # https://aka.ms/yaml
 5 | 
 6 | trigger:
 7 | - prediktor-opc-ae
 8 | 
 9 | pool:
10 |   vmImage: 'ubuntu-latest'
11 | 
12 | steps:
13 | - script: echo Hello, world!
14 |   displayName: 'Run a one-line script'
15 | 
16 | - script: |
17 |     echo Add other tasks to build, test, and deploy your project.
18 |     echo See https://aka.ms/yaml
19 |   displayName: 'Run a multi-line script'
20 | 


--------------------------------------------------------------------------------
/backend/.gitignore:
--------------------------------------------------------------------------------
1 | bin
2 | obj
3 | go-plugins
4 | 


--------------------------------------------------------------------------------
/backend/.linux.build.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 | 
 3 |   <PropertyGroup>
 4 |     <OutputType>Exe</OutputType>
 5 |     <TargetFramework>net6.0</TargetFramework>
 6 |     <RootNamespace>plugin_dotnet</RootNamespace>
 7 |     <LangVersion>LATEST</LangVersion>
 8 |     <Configurations>Debug;Release;Setup_Release</Configurations>
 9 |     <OutDir>../dist</OutDir>
10 |     <InvariantGlobalization>true</InvariantGlobalization>
11 |   </PropertyGroup>
12 | 
13 |   <!--<Target Name="Pre Build Event" BeforeTargets="BeforeBuild">
14 |     <Exec Command="(ps -ef | grep gpx_opcua | grep -v grep | awk '{print $2}' | kill -s 2 >/dev/null 2>&amp;1 || true)"/>
15 |   </Target>-->
16 |   
17 |   <ItemGroup>
18 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-just-want-to-generate-proto-and-grpc-c-sources-from-my-proto-files-no-c-compile -->
19 |     <Protobuf Include="../proto/*.proto" OutputDir="./Proto" CompileOutputs="false" />
20 |   </ItemGroup>
21 |   <PropertyGroup>
22 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-am-getting-a-warning-about-a-missing-expected-file -->
23 |     <Protobuf_NoWarnMissingExpected>true</Protobuf_NoWarnMissingExpected>
24 |     <AssemblyName>gpx_opcua_linux_amd64</AssemblyName>
25 |   </PropertyGroup>
26 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Setup_Release|AnyCPU'">
27 |     <Optimize>true</Optimize>
28 |   </PropertyGroup>
29 | 
30 |   <!--<Target Name="Post Build Event" AfterTargets="Build">
31 |     <Exec Command="(ps -ef | grep gpx_opcua | grep -v grep | awk '{print $2}' | kill -s 2 >/dev/null 2>&amp;1 || true)"/>
32 |   </Target>-->
33 | 
34 |   <ItemGroup>
35 |     <DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" />
36 |     <PackageReference Include="Apache.Arrow" Version="11.0.0" />
37 |     <PackageReference Include="Google.Protobuf" Version="3.22.3" />
38 |     <PackageReference Include="Grpc" Version="2.46.6" />
39 |     <PackageReference Include="Grpc.Tools" Version="2.54.0" PrivateAssets="All" />
40 |     <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="7.0.0" />
41 |     <PackageReference Include="Microsoft.Extensions.Logging" Version="7.0.0" />
42 |     <PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
43 |     <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="7.0.0" />
44 |     <PackageReference Include="Microsoft.Extensions.Logging.Log4Net.AspNetCore" Version="6.1.0" />
45 |     <PackageReference Include="OPCFoundation.NetStandard.Opc.Ua" Version="1.4.371.86" />
46 |     <PackageReference Include="Prediktor.UA.Client" Version="1.0.17" />
47 |     <PackageReference Include="System.Security.Cryptography.X509Certificates" Version="4.3.2" />
48 |     <PackageReference Include="System.Data.SQLite.Core" Version="1.0.117" />
49 |     <PackageReference Include="System.Text.Json" Version="7.0.2" />
50 |     <PackageReference Include="Microsoft.Data.Analysis" Version="0.20.1" />
51 |     <PackageReference Include="Prediktor.Log" Version="1.0.8" />
52 |   </ItemGroup>
53 | 
54 |   <ItemGroup>
55 |     <Folder Include="Proto\" />
56 |   </ItemGroup>
57 | 
58 |   <ItemGroup>
59 |     <None Update="appsettings.json">
60 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
61 |     </None>
62 |     <None Update="log4net.config">
63 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
64 |     </None>
65 |   </ItemGroup>
66 | 
67 |   <ItemGroup>
68 |     <Content Include="..\..\..\dist\**\*">
69 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
70 |     </Content>
71 |   </ItemGroup>
72 |   <Target Name="YarnInstall" BeforeTargets="PreBuild" Condition="'$(Configuration)' == 'Setup_Release'">
73 |     <Exec Command="yarn install" WorkingDirectory="..\..\..\" />
74 |   </Target>
75 |   <Target Name="PreBuild" BeforeTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Setup_Release'">
76 |     <Exec Command="yarn build" WorkingDirectory="..\..\..\" />
77 |   </Target>
78 | </Project>
79 | 


--------------------------------------------------------------------------------
/backend/.osx.build.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 | 
 3 |   <PropertyGroup>
 4 |     <OutputType>Exe</OutputType>
 5 |     <TargetFramework>net6.0</TargetFramework>
 6 |     <RootNamespace>plugin_dotnet</RootNamespace>
 7 |     <LangVersion>LATEST</LangVersion>
 8 |     <Configurations>Debug;Release;Setup_Release</Configurations>
 9 |     <OutDir>../dist</OutDir>
10 |     <InvariantGlobalization>true</InvariantGlobalization>
11 |   </PropertyGroup>
12 | 
13 |   <Target Name="Pre Build Event" BeforeTargets="BeforeBuild">
14 |     <Exec Command="pidof -k gpx_opcua || true"/>
15 |   </Target>
16 | 
17 |   <ItemGroup>
18 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-just-want-to-generate-proto-and-grpc-c-sources-from-my-proto-files-no-c-compile -->
19 |     <Protobuf Include="../proto/*.proto" OutputDir="./Proto" CompileOutputs="false" />
20 |   </ItemGroup>
21 |   <PropertyGroup>
22 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-am-getting-a-warning-about-a-missing-expected-file -->
23 |     <Protobuf_NoWarnMissingExpected>true</Protobuf_NoWarnMissingExpected>
24 |     <AssemblyName>gpx_opcua_darwin_amd64</AssemblyName>
25 |   </PropertyGroup>
26 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Setup_Release|AnyCPU'">
27 |     <Optimize>true</Optimize>
28 |   </PropertyGroup>
29 | 
30 |   <Target Name="Post Build Event" AfterTargets="Build">
31 |     <Exec Command="pidof -k gpx_opcua || true"/>
32 |   </Target>
33 | 
34 |   <ItemGroup>
35 |     <DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" />
36 |     <PackageReference Include="Apache.Arrow" Version="11.0.0" />
37 |     <PackageReference Include="Google.Protobuf" Version="3.22.3" />
38 |     <PackageReference Include="Grpc" Version="2.46.6" />
39 |     <PackageReference Include="Grpc.Tools" Version="2.54.0" PrivateAssets="All" />
40 |     <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="7.0.0" />
41 |     <PackageReference Include="Microsoft.Extensions.Logging" Version="7.0.0" />
42 |     <PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
43 |     <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="7.0.0" />
44 |     <PackageReference Include="Microsoft.Extensions.Logging.Log4Net.AspNetCore" Version="6.1.0" />
45 |     <PackageReference Include="OPCFoundation.NetStandard.Opc.Ua" Version="1.4.371.86" />
46 |     <PackageReference Include="Prediktor.UA.Client" Version="1.0.17" />
47 |     <PackageReference Include="System.Security.Cryptography.X509Certificates" Version="4.3.2" />
48 |     <PackageReference Include="System.Data.SQLite.Core" Version="1.0.117" />
49 |     <PackageReference Include="System.Text.Json" Version="7.0.2" />
50 |     <PackageReference Include="Microsoft.Data.Analysis" Version="0.20.1" />
51 |     <PackageReference Include="Prediktor.Log" Version="1.0.8" />
52 |   </ItemGroup>
53 | 
54 |   <ItemGroup>
55 |     <Folder Include="Proto\" />
56 |   </ItemGroup>
57 | 
58 |   <ItemGroup>
59 |     <None Update="appsettings.json">
60 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
61 |     </None>
62 |     <None Update="log4net.config">
63 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
64 |     </None>
65 |   </ItemGroup>
66 | 
67 |   <ItemGroup>
68 |     <Content Include="..\..\..\dist\**\*">
69 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
70 |     </Content>
71 |   </ItemGroup>
72 |   <Target Name="YarnInstall" BeforeTargets="PreBuild" Condition="'$(Configuration)' == 'Setup_Release'">
73 |     <Exec Command="yarn install" WorkingDirectory="..\..\..\" />
74 |   </Target>
75 |   <Target Name="PreBuild" BeforeTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Setup_Release'">
76 |     <Exec Command="yarn build" WorkingDirectory="..\..\..\" />
77 |   </Target>
78 | </Project>
79 | 


--------------------------------------------------------------------------------
/backend/.win.build.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 | 
 3 |   <PropertyGroup>
 4 |     <OutputType>Exe</OutputType>
 5 |     <TargetFramework>net6.0</TargetFramework>
 6 |     <RootNamespace>plugin_dotnet</RootNamespace>
 7 |     <LangVersion>LATEST</LangVersion>
 8 |     <Configurations>Debug;Release;Setup_Release</Configurations>
 9 |     <OutDir>../dist</OutDir>
10 |     <InvariantGlobalization>true</InvariantGlobalization>
11 |   </PropertyGroup>
12 | 
13 |   <ItemGroup>
14 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-just-want-to-generate-proto-and-grpc-c-sources-from-my-proto-files-no-c-compile -->
15 |     <Protobuf Include="../proto/*.proto" OutputDir="./Proto" CompileOutputs="false" />
16 |   </ItemGroup>
17 |   <PropertyGroup>
18 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-am-getting-a-warning-about-a-missing-expected-file -->
19 |     <Protobuf_NoWarnMissingExpected>true</Protobuf_NoWarnMissingExpected>
20 |     <AssemblyName>gpx_opcua_windows_amd64</AssemblyName>
21 |   </PropertyGroup>
22 | 
23 |   <ItemGroup>
24 |     <DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" />
25 |     <PackageReference Include="Apache.Arrow" Version="11.0.0" />
26 |     <PackageReference Include="Google.Protobuf" Version="3.22.3" />
27 |     <PackageReference Include="Grpc" Version="2.46.6" />
28 |     <PackageReference Include="Grpc.Tools" Version="2.54.0" PrivateAssets="All" />
29 |     <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="7.0.0" />
30 |     <PackageReference Include="Microsoft.Extensions.Logging" Version="7.0.0" />
31 |     <PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
32 |     <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="7.0.0" />
33 |     <PackageReference Include="Microsoft.Extensions.Logging.Log4Net.AspNetCore" Version="6.1.0" />
34 |     <PackageReference Include="OPCFoundation.NetStandard.Opc.Ua" Version="1.4.371.86" />
35 |     <PackageReference Include="Prediktor.UA.Client" Version="1.0.17" />
36 |     <PackageReference Include="System.Security.Cryptography.X509Certificates" Version="4.3.2" />
37 |     <PackageReference Include="System.Data.SQLite.Core" Version="1.0.117" />
38 |     <PackageReference Include="System.Text.Json" Version="7.0.2" />
39 |     <PackageReference Include="Microsoft.Data.Analysis" Version="0.20.1" />
40 |     <PackageReference Include="Prediktor.Log" Version="1.0.8" />
41 |   </ItemGroup>
42 | 
43 |   <ItemGroup>
44 |     <Folder Include="Proto\" />
45 |   </ItemGroup>
46 | 
47 |   <ItemGroup>
48 |     <None Update="appsettings.json">
49 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
50 |     </None>
51 |     <None Update="log4net.config">
52 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
53 |     </None>
54 |   </ItemGroup>
55 | 
56 |   <ItemGroup>
57 |     <Content Include="..\..\..\dist\**\*">
58 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
59 |     </Content>
60 |   </ItemGroup>
61 |   <Target Name="YarnInstall" BeforeTargets="PreBuild" Condition="'$(Configuration)' == 'Setup_Release'">
62 |     <Exec Command="yarn install" WorkingDirectory="..\..\..\" />
63 |   </Target>
64 |   <Target Name="PreBuild" BeforeTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Setup_Release'">
65 |     <Exec Command="yarn build" WorkingDirectory="..\..\..\" />
66 |   </Target>
67 | </Project>
68 | 


--------------------------------------------------------------------------------
/backend/Alias.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | namespace plugin_dotnet
 3 | {
 4 |     public class Alias
 5 |     {
 6 |         public Alias()
 7 |         {
 8 |         }
 9 |     }
10 | }
11 | 


--------------------------------------------------------------------------------
/backend/ApplicationConfigurationFactory.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Text;
 4 | 
 5 | namespace plugin_dotnet
 6 | {
 7 |     internal static class ApplicationConfigurationFactory
 8 |     {
 9 |         internal static Opc.Ua.ApplicationConfiguration CreateApplicationConfiguration()
10 |         {
11 |             Opc.Ua.CertificateValidator certificateValidator = new Opc.Ua.CertificateValidator();
12 |             certificateValidator.CertificateValidation += (sender, eventArgs) =>
13 |             {
14 |                 if (Opc.Ua.ServiceResult.IsGood(eventArgs.Error))
15 |                     eventArgs.Accept = true;
16 |                 else if (eventArgs.Error.StatusCode.Code == Opc.Ua.StatusCodes.BadCertificateUntrusted)
17 |                     eventArgs.Accept = true;
18 |                 else
19 |                     throw new Exception(string.Format("Failed to validate certificate with error code {0}: {1}", eventArgs.Error.Code, eventArgs.Error.AdditionalInfo));
20 |             };
21 | 
22 |             Opc.Ua.SecurityConfiguration securityConfigurationcv = new Opc.Ua.SecurityConfiguration
23 |             {
24 |                 AutoAcceptUntrustedCertificates = true,
25 |                 RejectSHA1SignedCertificates = false,
26 |                 MinimumCertificateKeySize = 1024,
27 |             };
28 |             certificateValidator.Update(securityConfigurationcv);
29 | 
30 |             return new Opc.Ua.ApplicationConfiguration
31 |             {
32 |                 ApplicationName = "Grafana",
33 |                 ApplicationType = Opc.Ua.ApplicationType.Client,
34 |                 CertificateValidator = certificateValidator,
35 |                 ServerConfiguration = new Opc.Ua.ServerConfiguration
36 |                 {
37 |                     MaxSubscriptionCount = 100000,
38 |                     MaxMessageQueueSize = 1000000,
39 |                     MaxNotificationQueueSize = 1000000,
40 |                     MaxPublishRequestCount = 10000000,
41 |                 },
42 | 
43 |                 SecurityConfiguration = new Opc.Ua.SecurityConfiguration
44 |                 {
45 |                     AutoAcceptUntrustedCertificates = true,
46 |                     RejectSHA1SignedCertificates = false,
47 |                     MinimumCertificateKeySize = 1024,
48 |                 },
49 | 
50 |                 TransportQuotas = new Opc.Ua.TransportQuotas
51 |                 {
52 |                     OperationTimeout = 6000000,
53 |                     MaxStringLength = int.MaxValue,
54 |                     MaxByteStringLength = int.MaxValue,
55 |                     MaxArrayLength = 65535,
56 |                     MaxMessageSize = 419430400,
57 |                     MaxBufferSize = 65535,
58 |                     ChannelLifetime = -1,
59 |                     SecurityTokenLifetime = -1
60 |                 },
61 |                 ClientConfiguration = new Opc.Ua.ClientConfiguration
62 |                 {
63 |                     DefaultSessionTimeout = -1,
64 |                     MinSubscriptionLifetime = -1,
65 |                 },
66 |                 DisableHiResClock = true
67 |             };
68 |         }
69 | 
70 |     }
71 | }
72 | 


--------------------------------------------------------------------------------
/backend/DashboardData.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Text;
 4 | 
 5 | namespace plugin_dotnet
 6 | {
 7 | 	public class DashboardData
 8 | 	{
 9 | 		public DashboardData(int id, string name)
10 | 		{
11 | 			Id = id;
12 | 			Name = name;
13 | 		}
14 | 
15 | 		public int Id { get; }
16 | 		public string Name { get; }
17 | 	}
18 | }
19 | 


--------------------------------------------------------------------------------
/backend/DashboardMappingData.cs:
--------------------------------------------------------------------------------
 1 | using Opc.Ua;
 2 | using Opc.Ua.Client;
 3 | using System;
 4 | using System.Collections.Generic;
 5 | using System.Text;
 6 | 
 7 | namespace plugin_dotnet
 8 | {
 9 | 	public class DashboardMappingData
10 | 	{
11 | 		public DashboardMappingData(Session uaConnection, string nodeId, string nodeIdJson, string typeNodeIdJson, bool useType, string[] interfacesIds,
12 | 			string dashboard, string existingDashboard, string perspective, Opc.Ua.NamespaceTable nsTable)
13 | 		{
14 | 			UaConnection = uaConnection;
15 | 			NodeId = nodeId;
16 | 			NodeIdJson = nodeIdJson;
17 | 			TypeNodeIdJson = typeNodeIdJson;
18 | 			UseType = useType;
19 | 			InterfacesIds = interfacesIds;
20 | 			Dashboard = dashboard;
21 | 			Perspective = perspective;
22 | 			ExisingDashboard = existingDashboard;
23 | 			NsTable = nsTable;
24 | 		}
25 | 
26 | 		internal Session UaConnection { get; }
27 | 		internal string NodeId { get; }
28 | 		internal string NodeIdJson { get; set; }
29 | 		internal string TypeNodeIdJson { get; set; }
30 | 		internal bool UseType { get; }
31 | 		public string[] InterfacesIds { get; }
32 | 		internal string Dashboard { get; }
33 | 		internal string Perspective { get; }
34 | 		internal string ExisingDashboard { get; }
35 | 		internal NamespaceTable NsTable { get; }
36 | 	}
37 | }
38 | 


--------------------------------------------------------------------------------
/backend/DiagnosticsService.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Text;
 4 | using Pluginv2;
 5 | using Grpc.Core;
 6 | using System.Threading.Tasks;
 7 | using Opc.Ua;
 8 | using Opc.Ua.Client;
 9 | using System.Text.Json;
10 | using System.Security.Cryptography.X509Certificates;
11 | using Google.Protobuf;
12 | using System.Globalization;
13 | using Grpc.Core.Logging;
14 | 
15 | namespace plugin_dotnet
16 | {
17 |     public class DiagnosticsService : Diagnostics.DiagnosticsBase
18 |     {
19 |         private IConnections _connections;
20 |         private ILogger log;
21 |         public DiagnosticsService(ILogger logIn, IConnections connections)
22 |         {
23 |             log = logIn;
24 |             _connections = connections;
25 |         }
26 | 
27 |         public override Task<CheckHealthResponse> CheckHealth(CheckHealthRequest request, ServerCallContext context)
28 |         {
29 |             log.Debug("Check Health Request {0}", request);
30 | 
31 |             Settings settings = RawSettingsParser.Parse(request.PluginContext.DataSourceInstanceSettings);
32 |             IConnection connection = _connections.Get(settings);
33 |             log.Debug("Check Health Request Connection {0}", connection);
34 | 
35 |             CheckHealthResponse checkHealthResponse = new CheckHealthResponse
36 |             {
37 |                 Status = connection.Session.Connected ? CheckHealthResponse.Types.HealthStatus.Ok : CheckHealthResponse.Types.HealthStatus.Error,
38 |                 Message = connection.Session.Connected ? "Connected Successfully" : "Connection Failed",
39 |             };
40 |             return Task.FromResult(checkHealthResponse);
41 |         }
42 | 
43 |         public override Task<CollectMetricsResponse> CollectMetrics(CollectMetricsRequest request, ServerCallContext context)
44 |         {
45 |             log.Info(String.Format("Request Received: {0}", request));
46 |             return base.CollectMetrics(request, context);
47 |         }
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/backend/Interfaces/IDashboardDb.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Text;
 4 | 
 5 | namespace plugin_dotnet
 6 | {
 7 | 	public interface IDashboardDb
 8 | 	{
 9 | 		bool QueryDashboard(string[] dashKeys, string perspective, out DashboardData dashboard);
10 | 		UaResult AddDashboardMapping(string[] dashKeys, string dashboard, string perspective);
11 | 		UaResult RemoveDashboardMapping(string[] dashKeys, string perspective);
12 | 		void RemoveMapping(string dashKey, string perspective);
13 | 	}
14 | 
15 | }
16 | 


--------------------------------------------------------------------------------
/backend/NanoTimestampArray.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using Apache.Arrow.Memory;
 5 | using Apache.Arrow.Types;
 6 | using Grpc.Core.Logging;
 7 | 
 8 | namespace Apache.Arrow
 9 | {
10 |     public class NanoTimestampArrayBuiler : TimestampArray.Builder {
11 |         private static readonly DateTimeOffset s_epoch = new DateTimeOffset(1970, 1, 1, 0, 0, 0, 0, TimeSpan.Zero);
12 | 
13 |         protected override long ConvertTo(DateTimeOffset value)
14 |         {
15 |             TimeSpan timeSpan = value - s_epoch;
16 |             long ticks = timeSpan.Ticks;
17 |             return ticks * 100;
18 |             // return base.ConvertTo(value);
19 |         }
20 |     }
21 |        
22 | }
23 | 


--------------------------------------------------------------------------------
/backend/Plugin.cs:
--------------------------------------------------------------------------------
 1 | 
 2 | using System;
 3 | using System.IO;
 4 | using System.Threading.Tasks;
 5 | using Grpc.Core;
 6 | using Microsoft.Extensions.Configuration;
 7 | using Microsoft.Extensions.DependencyInjection;
 8 | using Grpc.Core.Logging;
 9 | using Pluginv2;
10 | 
11 | namespace plugin_dotnet
12 | {
13 |     class Plugin
14 |     {
15 |         public const int AppProtoVersion = 1;
16 | 
17 |         private static void ConfigureServices(IServiceCollection services)
18 |         {
19 |             // Build configuration
20 |             IConfigurationRoot configuration = new ConfigurationBuilder()
21 |                 .SetBasePath(Directory.GetParent(AppContext.BaseDirectory).FullName)
22 |                 .AddJsonFile("appsettings.json", false)
23 |                 .Build();
24 |             services.AddSingleton<IConfiguration>(configuration);
25 |         }
26 | 
27 |         static async Task Main(string[] args)
28 |         {
29 |             ILogger logger = new ConsoleLogger();
30 | 
31 |             ServiceCollection serviceCollection = new ServiceCollection();
32 |             ConfigureServices(serviceCollection);
33 |             ServiceProvider serviceProvider = serviceCollection.BuildServiceProvider();
34 | 
35 |             logger.Debug("Ua plugin starting");
36 |             var configuration = serviceProvider.GetService<IConfiguration>();
37 |             int servicePort = configuration.GetValue("ServicePort", 6061);
38 |             string serviceHost = configuration.GetValue("ServiceHost", "localhost");
39 |             logger.Debug("Port: " + servicePort);
40 |             try
41 |             {
42 |                 TraceLogConverter traceLogConverter = new TraceLogConverter(logger);
43 |                 Prediktor.Log.LogManager.TraceLogFactory = (name => traceLogConverter);
44 |                 NodeCacheFactory nodeCacheFactory = new NodeCacheFactory(logger);
45 |                 Connections connections = new Connections(logger, new Prediktor.UA.Client.SessionFactory(c => true), 
46 |                     nodeCacheFactory, ApplicationConfigurationFactory.CreateApplicationConfiguration);
47 | 
48 |                 // Build a server to host the plugin over gRPC
49 |                 Server server = new Server
50 |                 {
51 |                     Ports = { { serviceHost, servicePort, ServerCredentials.Insecure } },
52 |                     Services = {
53 |                     { Diagnostics.BindService(new DiagnosticsService(logger, connections)) },
54 |                     { Resource.BindService(new ResourceService(logger, connections)) },
55 |                     { Data.BindService(new DataService(logger, connections, nodeCacheFactory)) },
56 |                     { Pluginv2.Stream.BindService(new StreamService(logger, connections))},
57 |                 }
58 |                 };
59 | 
60 |                 server.Start();
61 | 
62 |                 // Part of the go-plugin handshake:
63 |                 //  https://github.com/hashicorp/go-plugin/blob/master/docs/guide-plugin-write-non-go.md#4-output-handshake-information
64 |                 await Console.Out.WriteAsync($"1|2|tcp|{serviceHost}:{servicePort}|grpc\n");
65 |                 await Console.Out.FlushAsync();
66 | 
67 |                 while (Console.Read() == -1)
68 |                     await Task.Delay(1000);
69 | 
70 |                 await server.ShutdownAsync();
71 |             }
72 |             catch (Exception e)
73 |             {
74 |                 logger.Error(e, "Ua Plugin stopped unexpectedly");
75 |             }
76 |         }
77 |     }
78 | }
79 | 


--------------------------------------------------------------------------------
/backend/Properties/PublishProfiles/SetupProfile.pubxml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!--
 3 | https://go.microsoft.com/fwlink/?LinkID=208121. 
 4 | -->
 5 | <Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 6 |   <PropertyGroup>
 7 |     <PublishProtocol>FileSystem</PublishProtocol>
 8 |     <Configuration>Setup_Release</Configuration>
 9 |     <Platform>x64</Platform>
10 |     <TargetFramework>netcoreapp3.1</TargetFramework>
11 |     <PublishDir>bin\Release\netcoreapp3.1\publish\</PublishDir>
12 |     <SelfContained>True</SelfContained>
13 |     <RuntimeIdentifier>win-x64</RuntimeIdentifier>
14 |     <PublishSingleFile>False</PublishSingleFile>
15 |     <PublishReadyToRun>False</PublishReadyToRun>
16 |     <PublishTrimmed>False</PublishTrimmed>
17 |   </PropertyGroup>
18 | </Project>


--------------------------------------------------------------------------------
/backend/Properties/PublishProfiles/SetupProfile.pubxml.user:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!--
3 | https://go.microsoft.com/fwlink/?LinkID=208121. 
4 | -->
5 | <Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
6 | </Project>


--------------------------------------------------------------------------------
/backend/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | # OPC UA Backend Component
 3 | Broken into 3 services:
 4 | - DataService: Which queries and returns data from OPC UA Servers
 5 | - ResourceService: Which handles metadata queries and browsing
 6 | - DiagnosticsService: Which handles health, and health checks. 
 7 | 
 8 | # Other important files:
 9 | - DataFrame.cs: Handles all the conversion between the grafana dataframe standard, and an Apache Arrow Table.
10 | 
11 | # Logging
12 | - Logging goes through grafana logs
13 | 


--------------------------------------------------------------------------------
/backend/ReadRawKey.cs:
--------------------------------------------------------------------------------
  1 | using System;
  2 | using System.Collections.Generic;
  3 | using System.Text;
  4 | 
  5 | namespace plugin_dotnet
  6 | {
  7 | 	public sealed class ReadRawKey
  8 | 	{
  9 | 		public ReadRawKey(DateTime startTime, DateTime endTime, int maxValues)
 10 | 		{
 11 | 			StartTime = startTime;
 12 | 			EndTime = endTime;
 13 | 			MaxValues = maxValues;
 14 | 		}
 15 | 
 16 | 		public DateTime StartTime { get; }
 17 | 
 18 | 		public DateTime EndTime { get; }
 19 | 
 20 | 		public int MaxValues { get; }
 21 | 
 22 | 		public override bool Equals(object obj)
 23 | 		{
 24 | 			ReadRawKey other = obj as ReadRawKey;
 25 | 			if (other != null)
 26 | 			{
 27 | 				return this.StartTime.Equals(other.StartTime) && this.EndTime.Equals(other.EndTime) && this.MaxValues == other.MaxValues;
 28 | 			}
 29 | 			return base.Equals(obj);
 30 | 		}
 31 | 
 32 | 		public override int GetHashCode()
 33 | 		{
 34 | 			return StartTime.GetHashCode() + EndTime.GetHashCode() * 31 + MaxValues * 31 * 31;
 35 | 		}
 36 | 
 37 | 	}
 38 | 
 39 | 
 40 | 
 41 | 	public sealed class ReadProcessedKey
 42 | 	{
 43 | 		public ReadProcessedKey(DateTime startTime, DateTime endTime, Opc.Ua.NodeId aggregate, double resampleInterval)
 44 | 		{
 45 | 			StartTime = startTime;
 46 | 			EndTime = endTime;
 47 | 			Aggregate = aggregate;
 48 | 			ResampleInterval = resampleInterval;
 49 | 		}
 50 | 
 51 | 		public DateTime StartTime { get; }
 52 | 
 53 | 		public DateTime EndTime { get; }
 54 | 
 55 | 		public Opc.Ua.NodeId Aggregate { get; }
 56 | 
 57 | 		public double ResampleInterval { get; }
 58 | 		public override bool Equals(object obj)
 59 | 		{
 60 | 			ReadProcessedKey other = obj as ReadProcessedKey;
 61 | 			if (other != null)
 62 | 			{
 63 | 				return this.StartTime.Equals(other.StartTime) && this.EndTime.Equals(other.EndTime) && this.ResampleInterval.Equals(other.ResampleInterval) && Aggregate.Equals(other.Aggregate);
 64 | 			}
 65 | 			return base.Equals(obj);
 66 | 		}
 67 | 
 68 | 		public override int GetHashCode()
 69 | 		{
 70 | 			return StartTime.GetHashCode() + EndTime.GetHashCode() * 31 + ResampleInterval.GetHashCode() * 31 * 31 + Aggregate.GetHashCode() * 31;
 71 | 		}
 72 | 
 73 | 	}
 74 | 
 75 | 	public sealed class ReadEventKey
 76 | 	{
 77 | 		public ReadEventKey(DateTime startTime, DateTime endTime, uint numValuesPerNode)
 78 | 		{
 79 | 			StartTime = startTime;
 80 | 			EndTime = endTime;
 81 | 			NumValuesPerNode = numValuesPerNode;
 82 | 		}
 83 | 
 84 | 		public DateTime StartTime { get; }
 85 | 
 86 | 		public DateTime EndTime { get; }
 87 | 
 88 | 		public uint NumValuesPerNode { get; }
 89 | 
 90 | 		public override bool Equals(object obj)
 91 | 		{
 92 | 			ReadEventKey other = obj as ReadEventKey;
 93 | 			if (other != null)
 94 | 			{
 95 | 				return this.StartTime.Equals(other.StartTime) && this.EndTime.Equals(other.EndTime) && this.NumValuesPerNode.Equals(other.NumValuesPerNode);
 96 | 			}
 97 | 			return base.Equals(obj);
 98 | 		}
 99 | 
100 | 		public override int GetHashCode()
101 | 		{
102 | 			return StartTime.GetHashCode() + EndTime.GetHashCode() * 31 + NumValuesPerNode.GetHashCode() * 31 * 31;
103 | 		}
104 | 	}
105 | }
106 | 


--------------------------------------------------------------------------------
/backend/Sqlite.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Data;
 3 | using System.Data.Common;
 4 | using System.Data.SQLite;
 5 | using System.IO;
 6 | 
 7 | namespace plugin_dotnet
 8 | {
 9 | 	public class Sqlite
10 | 	{
11 | 
12 | 		public const string _connectionStringTemplate = "Data Source={0}; Version=3; JournalMode = Off; Synchronous=Off; Enlist=N;foreign keys=true;";
13 | 		public const string _requireExisting = " FailIfMissing=True;";
14 | 
15 | 		public static SQLiteConnection ConnectDatabase(string connectionStringTemplate, string filename, string requireExisting)
16 | 		{
17 | 			string connectionString = string.Format(connectionStringTemplate, filename) + requireExisting;
18 | 			return new SQLiteConnection(connectionString, true).OpenAndReturn();
19 | 		}
20 | 
21 | 		public static SQLiteConnection ConnectDatabase(string filename)
22 | 		{
23 | 			return ConnectDatabase(_connectionStringTemplate, filename, _requireExisting);
24 | 		}
25 | 
26 | 		internal static int ExecuteVoidCommand(SQLiteConnection connection, string commandText)
27 | 		{
28 | 			using (DbCommand cmd = connection.CreateCommand())
29 | 			{
30 | 				cmd.CommandText = commandText;
31 | 				cmd.CommandType = CommandType.Text;
32 | 				int numRowsAffected = cmd.ExecuteNonQuery();
33 | 				return numRowsAffected;
34 | 			}
35 | 		}
36 | 
37 | 		internal static SQLiteConnection CreateDatabase(string filename, string[] tableCreates)
38 | 		{
39 | 			if (EnsurePath(filename))
40 | 			{
41 | 				string connectionString = string.Format(_connectionStringTemplate, filename);
42 | 
43 | 				SQLiteConnection connection = new SQLiteConnection(connectionString, true);
44 | 
45 | 				connection.Open();
46 | 				foreach (string create_table_statement in tableCreates)
47 | 				{
48 | 					ExecuteVoidCommand(connection, create_table_statement);
49 | 				}
50 | 
51 | 				return connection;
52 | 			}
53 | 
54 | 			throw new ArgumentException($"Unable to create database {filename}", nameof(filename));
55 | 		}
56 | 
57 | 		internal static bool EnsurePath(string fileName)
58 | 		{
59 | 
60 | 			int pathEnd = fileName.LastIndexOf(Path.DirectorySeparatorChar);
61 | 			string path = fileName.Substring(0, pathEnd);
62 | 
63 | 			DirectoryInfo info = Directory.CreateDirectory(path);
64 | 			return info.Exists;
65 | 		}
66 | 
67 | 	}
68 | 
69 | }
70 | 


--------------------------------------------------------------------------------
/backend/StreamService.cs:
--------------------------------------------------------------------------------
 1 | using Pluginv2;
 2 | using Grpc.Core.Logging;
 3 | using System.Threading.Tasks;
 4 | using Grpc.Core;
 5 | 
 6 | namespace plugin_dotnet
 7 | {
 8 |     public class StreamService : Stream.StreamBase
 9 |     {
10 |         private Grpc.Core.Logging.ILogger log = new Grpc.Core.Logging.ConsoleLogger();
11 |         private Connections connections;
12 |         public StreamService(ILogger logger, Connections connections)
13 |         {
14 |             this.connections = connections;
15 |         }
16 | 
17 |         public override Task<PublishStreamResponse> PublishStream(PublishStreamRequest request, ServerCallContext context)
18 |         {
19 |             log.Debug(string.Format("We got a Publish stream request [{0}] Context [{1}]", request, context));
20 |             return base.PublishStream(request, context);
21 |         }
22 | 
23 |         public override Task RunStream(RunStreamRequest request, IServerStreamWriter<StreamPacket> responseStream, ServerCallContext context)
24 |         {
25 |             log.Debug(string.Format("We got a Run Stream stream request [{0}] ResonseStream [{1}] Context [{2}]", request, responseStream, context));
26 |             return base.RunStream(request, responseStream, context);
27 |         }
28 | 
29 |         public override Task<SubscribeStreamResponse> SubscribeStream(SubscribeStreamRequest request, ServerCallContext context)
30 |         {
31 |             log.Debug(string.Format("We got a Subscribe stream request [{0}] Context [{1}]", request, context));
32 |             return base.SubscribeStream(request, context);
33 |         }
34 | 
35 |     }
36 | }


--------------------------------------------------------------------------------
/backend/SubscriptionReaper.cs:
--------------------------------------------------------------------------------
 1 | using Grpc.Core.Logging;
 2 | using System;
 3 | using System.Collections.Generic;
 4 | using System.Text;
 5 | using System.Threading;
 6 | 
 7 | namespace plugin_dotnet
 8 | {
 9 | 	public interface ISubscriptionReaper : IDisposable
10 | 	{
11 | 		event EventHandler<EventArgs> OnTimer;
12 | 		void Start();
13 | 
14 | 		void Stop();
15 | 	}
16 | 
17 | 	public class SubscriptionReaper : ISubscriptionReaper
18 | 	{
19 | 		private ILogger _logger;
20 | 		private Timer _reaperTimer;
21 | 		private int _timerInterval; 
22 | 		public SubscriptionReaper(ILogger logger, int timerInterval)
23 | 		{
24 | 			_logger = logger;
25 | 			_timerInterval = timerInterval;
26 | 			_reaperTimer = new Timer(state => DoWork());
27 | 		}
28 | 
29 | 		public event EventHandler<EventArgs> OnTimer;
30 | 
31 | 		public void Dispose()
32 | 		{
33 | 			_reaperTimer.Dispose();
34 | 		}
35 | 
36 | 		public void Start()
37 | 		{
38 | 			_logger.Debug("Starting timer with interval [ms]: {0}", _timerInterval);
39 | 			_reaperTimer.Change(0, int.MaxValue);
40 | 		}
41 | 
42 | 		public void Stop()
43 | 		{
44 | 			_logger.Debug("Stopping timer with interval [ms]: {0}", _timerInterval);
45 | 			_reaperTimer.Change(int.MaxValue, int.MaxValue);
46 | 		}
47 | 
48 | 		private void DoWork()
49 | 		{
50 | 			try
51 | 			{
52 | 				OnTimer?.Invoke(this, EventArgs.Empty);
53 | 			}
54 | 			catch (Exception e)
55 | 			{
56 | 				_logger.Error(e, "Error in timer invoke");
57 | 			}
58 | 			_reaperTimer.Change(_timerInterval, int.MaxValue);
59 | 		}
60 | 	}
61 | }
62 | 


--------------------------------------------------------------------------------
/backend/TraceLogConverter.cs:
--------------------------------------------------------------------------------
  1 | using Grpc.Core.Logging;
  2 | using Prediktor.Log;
  3 | using System;
  4 | using System.Collections.Generic;
  5 | using System.Text;
  6 | 
  7 | namespace plugin_dotnet
  8 | {
  9 | 	public class TraceLogConverter : ITraceLog
 10 | 	{
 11 | 		private ILogger _log;
 12 | 		public TraceLogConverter(ILogger log)
 13 | 		{
 14 | 			_log = log;
 15 | 		}
 16 | 		public bool IsDebugEnabled => true;
 17 | 
 18 | 		public bool IsInfoEnabled => true;
 19 | 
 20 | 		public bool IsWarnEnabled => true;
 21 | 
 22 | 		public bool IsErrorEnabled => true;
 23 | 
 24 | 		public bool IsFatalEnabled => true;
 25 | 
 26 | 		public void Debug(object logEntry)
 27 | 		{
 28 | 			_log.Debug(logEntry?.ToString());
 29 | 		}
 30 | 
 31 | 		public void Debug(object logEntry, Exception e)
 32 | 		{
 33 | 			_log.Debug(logEntry?.ToString(), e);
 34 | 		}
 35 | 
 36 | 		public void DebugFormat(string formatString, params object[] args)
 37 | 		{
 38 | 			_log.Debug(formatString, args);
 39 | 		}
 40 | 
 41 | 		public void Error(object logEntry)
 42 | 		{
 43 | 			_log.Error(logEntry?.ToString());
 44 | 		}
 45 | 
 46 | 		public void Error(object logEntry, Exception e)
 47 | 		{
 48 | 			_log.Error(e, logEntry?.ToString());
 49 | 		}
 50 | 
 51 | 		public void ErrorFormat(string formatString, params object[] args)
 52 | 		{
 53 | 			_log.Error(formatString, args);
 54 | 		}
 55 | 
 56 | 		public void Fatal(object logEntry)
 57 | 		{
 58 | 			Error(logEntry);
 59 | 		}
 60 | 
 61 | 		public void Fatal(object logEntry, Exception e)
 62 | 		{
 63 | 			Error(logEntry, e);
 64 | 		}
 65 | 
 66 | 		public void FatalFormat(string formatString, params object[] args)
 67 | 		{
 68 | 			ErrorFormat(formatString, args);
 69 | 		}
 70 | 
 71 | 		public void Info(object logEntry)
 72 | 		{
 73 | 			_log.Info(logEntry?.ToString());
 74 | 		}
 75 | 
 76 | 		public void Info(object logEntry, Exception e)
 77 | 		{
 78 | 			_log.Info(logEntry?.ToString(), e);
 79 | 		}
 80 | 
 81 | 		public void InfoFormat(string formatString, params object[] args)
 82 | 		{
 83 | 			_log.Info(formatString, args);
 84 | 		}
 85 | 
 86 | 		public void Warn(object logEntry)
 87 | 		{
 88 | 			_log.Warning(logEntry?.ToString());
 89 | 		}
 90 | 
 91 | 		public void Warn(object logEntry, Exception e)
 92 | 		{
 93 | 			_log.Warning(e, logEntry?.ToString());
 94 | 		}
 95 | 
 96 | 		public void WarnFormat(string formatString, params object[] args)
 97 | 		{
 98 | 			_log.Warning(formatString, args);
 99 | 		}
100 | 	}
101 | }
102 | 


--------------------------------------------------------------------------------
/backend/UaConstants.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Text;
 4 | 
 5 | namespace plugin_dotnet
 6 | {
 7 | 	class UaConstants
 8 | 	{
 9 | 		private static readonly uint _nodeClassAll = 255u;
10 | 		private static readonly string _hasInterface = "i=17603";
11 | 		private static readonly string _definedByEquipmentClass = "{\"namespaceUrl\":\"http://www.OPCFoundation.org/UA/2013/01/ISA95\",\"id\":\"i=4919\"}";
12 | 
13 | 		public static uint NodeClassAll { get { return _nodeClassAll; } }
14 | 
15 | 		public static string HasInterface { get { return _hasInterface; } }
16 | 
17 | 		public static string DefinedByEquipmentClass { get { return _definedByEquipmentClass; } }
18 | 	}
19 | }
20 | 


--------------------------------------------------------------------------------
/backend/ValueDataResponse.cs:
--------------------------------------------------------------------------------
  1 | using Grpc.Core.Logging;
  2 | using Opc.Ua;
  3 | using Pluginv2;
  4 | using Prediktor.UA.Client;
  5 | using System;
  6 | using System.Linq;
  7 | using System.Text;
  8 | 
  9 | namespace plugin_dotnet
 10 | {
 11 |     class ValueDataResponse
 12 |     {
 13 |         private static readonly DateTime _lowLimit = new DateTime(2, 1, 1, 0, 0, 0, DateTimeKind.Utc);
 14 |         private static readonly DateTime _highLimit = new DateTime(9998, 1, 1, 0, 0, 0, DateTimeKind.Utc);
 15 | 
 16 |         internal static string GetFieldName(OpcUAQuery query, BrowsePath relativePath)
 17 |         {
 18 |             string fieldName = query.alias;
 19 |             if (string.IsNullOrEmpty(fieldName))
 20 |             {
 21 |                 fieldName = string.Join(" / ", query.nodePath.browsePath.Select(a => a.name).ToArray());
 22 |                 if (relativePath?.RelativePath?.Elements?.Count > 0)
 23 |                 {
 24 |                     StringBuilder sb = new StringBuilder();
 25 |                     sb.Append(fieldName);
 26 |                     RelativePathElementCollection pelemt = relativePath.RelativePath.Elements;
 27 |                     for (int i = 0; i < pelemt.Count; i++)
 28 |                     {
 29 |                         _ = sb.Append(" / ");
 30 |                         sb.Append(pelemt[i].TargetName.Name);
 31 |                     }
 32 |                     fieldName = sb.ToString();
 33 |                 }
 34 |             }
 35 |             return fieldName;
 36 |         }
 37 | 
 38 | 
 39 |         internal static Result<DataResponse> CreateHistoryDataResponse(Result<HistoryData> valuesResult, OpcUAQuery query, BrowsePath relativePath, Settings settings)
 40 |         {
 41 |             if (valuesResult.Success)
 42 |             {
 43 |                 DataResponse dataResponse = new DataResponse();
 44 |                 DataFrame dataFrame = new DataFrame(query.refId);
 45 |                 Field timeField = dataFrame.AddField("Time", typeof(DateTime));
 46 |                 Field valueField = null;
 47 |                 foreach (DataValue entry in valuesResult.Value.DataValues)
 48 |                 {
 49 |                     if (valueField == null && entry.Value != null)
 50 |                     {
 51 |                         string fieldName = GetFieldName(query, relativePath);
 52 |                         valueField = dataFrame.AddField(fieldName, entry.Value.GetType());
 53 |                     }
 54 | 
 55 |                     if (valueField != null)
 56 |                     {
 57 |                         valueField.Append(entry.Value);
 58 |                         switch (settings.TimestampSource)
 59 |                         {
 60 |                             case OPCTimestamp.Server:
 61 |                                 timeField.Append(LimitDateTime(entry.ServerTimestamp));
 62 |                                 break;
 63 |                             case OPCTimestamp.Source:
 64 |                                 timeField.Append(LimitDateTime(entry.SourceTimestamp));
 65 |                                 break;
 66 |                             default:
 67 |                                 timeField.Append(LimitDateTime(entry.ServerTimestamp));
 68 |                                 break;
 69 |                         }
 70 |                     }
 71 |                 }
 72 |                 dataResponse.Frames.Add(dataFrame.ToGprcArrowFrame());
 73 |                 return new Result<DataResponse>(dataResponse);
 74 |             }
 75 |             else
 76 |             {
 77 |                 return new Result<DataResponse>(valuesResult.StatusCode, valuesResult.Error);
 78 |             }
 79 |         }
 80 | 
 81 |         private static DateTime LimitDateTime(DateTime dt)
 82 |         {
 83 |             if (dt.CompareTo(_lowLimit) < 0)
 84 |                 return _lowLimit;
 85 |             if (dt.CompareTo(_highLimit) > 0)
 86 |                 return _highLimit;
 87 |             return dt;
 88 |         }
 89 | 
 90 |         internal static Result<DataResponse> GetDataResponseForDataValue(ILogger log, Settings settings, DataValue dataValue, NodeId nodeId, OpcUAQuery query, BrowsePath relativePath)
 91 |         {
 92 |             try
 93 |             {
 94 |                 if (Opc.Ua.StatusCode.IsGood(dataValue.StatusCode))
 95 |                 {
 96 |                     DataResponse dataResponse = new DataResponse();
 97 |                     DataFrame dataFrame = new DataFrame(query.refId);
 98 | 
 99 |                     Field timeField = dataFrame.AddField("Time", typeof(DateTime));
100 |                     string fieldName = GetFieldName(query, relativePath);
101 |                     Field valueField = dataFrame.AddField(fieldName, dataValue?.Value != null ? dataValue.Value.GetType() : typeof(string));
102 |                     switch (settings.TimestampSource) {
103 |                         case OPCTimestamp.Server:
104 |                             timeField.Append(LimitDateTime(dataValue.ServerTimestamp));
105 |                             break;
106 |                         case OPCTimestamp.Source:
107 |                             timeField.Append(LimitDateTime(dataValue.SourceTimestamp));
108 |                             break;
109 |                         default:
110 |                             timeField.Append(LimitDateTime(dataValue.ServerTimestamp));
111 |                             break;
112 |                     }
113 |                     valueField.Append(dataValue?.Value != null ? dataValue?.Value : "");
114 |                     dataResponse.Frames.Add(dataFrame.ToGprcArrowFrame());
115 |                     return new Result<DataResponse>(dataResponse);
116 |                 }
117 |                 else
118 |                 {
119 |                     return new Result<DataResponse>(dataValue.StatusCode, string.Format("Error reading node with id {0}", nodeId.ToString()));
120 |                 }
121 |             }
122 |             catch (Exception e)
123 |             {
124 |                 log.Error(e.Message);
125 |                 return new Result<DataResponse>(dataValue.StatusCode, string.Format("Error reading node with id {0}: {1}", nodeId.ToString(), e.Message));
126 |             }
127 | 
128 |         }
129 |     }
130 | }
131 | 


--------------------------------------------------------------------------------
/backend/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "ServiceHost":"localhost",
3 |   "ServicePort": 6062
4 | }


--------------------------------------------------------------------------------
/backend/models/settings.cs:
--------------------------------------------------------------------------------
 1 | 
 2 | using System;
 3 | using System.Text;
 4 | using System.Text.Json;
 5 | using System.Text.Json.Serialization;
 6 | using Google.Protobuf;
 7 | using Grpc.Core.Logging;
 8 | using Pluginv2;
 9 | 
10 | namespace plugin_dotnet {
11 |     public class Settings {
12 |         public string ID { get; set; }
13 |         public string URL { get; set; }
14 |         #nullable enable
15 |         public string? TLSClientCert { get; set; }
16 |         public string? TLSClientKey { get; set; }
17 |         public Exception? Error { get; set; }
18 |         #nullable disable
19 |         public OPCTimestamp TimestampSource { get; set; }
20 |         
21 |     }
22 | 
23 |     public class JSONSettings {
24 |         public string TimestampSource { get; set; }
25 |     }
26 | 
27 |     public static class RawSettingsParser {
28 |         private static ILogger logger = new ConsoleLogger();
29 |         public static Settings Parse(DataSourceInstanceSettings rawSettings) {
30 |             Settings s = new Settings();
31 |             try {
32 |                 string decodedJsonData = rawSettings.JsonData.ToString(Encoding.UTF8);
33 |                 JSONSettings js = JsonSerializer.Deserialize<JSONSettings>(decodedJsonData);
34 |                 s.URL = rawSettings.Url;
35 |                 s.ID = rawSettings.Url + decodedJsonData;
36 | 
37 |                 if (js.TimestampSource == "source") {
38 |                     s.TimestampSource = OPCTimestamp.Source;
39 |                 } else {
40 |                     s.TimestampSource = OPCTimestamp.Server;
41 |                 }
42 | 
43 |                 if (rawSettings.DecryptedSecureJsonData.ContainsKey("tlsClientCert")) {
44 |                     s.TLSClientCert = rawSettings.DecryptedSecureJsonData["tlsClientCert"];
45 |                 }
46 |                 
47 |                 if (rawSettings.DecryptedSecureJsonData.ContainsKey("tlsClientKey")) {
48 |                     s.TLSClientKey = rawSettings.DecryptedSecureJsonData["tlsClientKey"];
49 |                 }
50 |             } catch(Exception ex) {
51 |                 logger.Error("Tried parsing settings but failed: {0}", ex);
52 |                 s.Error = ex;
53 |             }
54 |             return s;
55 |         }
56 |     }
57 | }


--------------------------------------------------------------------------------
/backend/plugin-dotnet.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 | 
 3 |   <PropertyGroup>
 4 |     <OutputType>Exe</OutputType>
 5 |     <TargetFramework>net6.0</TargetFramework>
 6 |     <RootNamespace>plugin_dotnet</RootNamespace>
 7 |     <LangVersion>LATEST</LangVersion>
 8 |     <Configurations>Setup_Release;Debug;Release</Configurations>
 9 |     <Platforms>AnyCPU;x64</Platforms>
10 |   </PropertyGroup>
11 | 
12 |   <ItemGroup>
13 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-just-want-to-generate-proto-and-grpc-c-sources-from-my-proto-files-no-c-compile -->
14 |     <Protobuf Include="../proto/*.proto" OutputDir="./Proto" CompileOutputs="false" />
15 |   </ItemGroup>
16 |   <PropertyGroup>
17 |     <!-- https://github.com/grpc/grpc/blob/master/src/csharp/BUILD-INTEGRATION.md#i-am-getting-a-warning-about-a-missing-expected-file -->
18 |     <Protobuf_NoWarnMissingExpected>true</Protobuf_NoWarnMissingExpected>
19 |     <AssemblyName>gpx_opcua_windows_amd64</AssemblyName>
20 |   </PropertyGroup>
21 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Setup_Release|AnyCPU'">
22 |     <Optimize>true</Optimize>
23 |   </PropertyGroup>
24 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Setup_Release|x64'">
25 |     <Optimize>true</Optimize>
26 |   </PropertyGroup>
27 |   <PropertyGroup>
28 |     <AutoGenerateBindingRedirects>true</AutoGenerateBindingRedirects>
29 |     <GenerateBindingRedirectsOutputType>true</GenerateBindingRedirectsOutputType>
30 |   </PropertyGroup>
31 | 
32 |   <ItemGroup>
33 |     <DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" />
34 |     <PackageReference Include="Apache.Arrow" Version="11.0.0" />
35 |     <PackageReference Include="Google.Protobuf" Version="3.22.3" />
36 |     <PackageReference Include="Grpc" Version="2.46.6" />
37 |     <PackageReference Include="Grpc.Tools" Version="2.54.0" PrivateAssets="All" />
38 |     <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="7.0.0" />
39 |     <PackageReference Include="Microsoft.Extensions.Logging" Version="7.0.0" />
40 |     <PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
41 |     <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="7.0.0" />
42 |     <PackageReference Include="Microsoft.Extensions.Logging.Log4Net.AspNetCore" Version="6.1.0" />
43 |     <PackageReference Include="OPCFoundation.NetStandard.Opc.Ua" Version="1.4.371.86" />
44 |     <PackageReference Include="Prediktor.UA.Client" Version="1.0.17" />
45 |     <PackageReference Include="System.Security.Cryptography.X509Certificates" Version="4.3.2" />
46 |     <PackageReference Include="System.Data.SQLite.Core" Version="1.0.117" />
47 |     <PackageReference Include="System.Text.Json" Version="7.0.2" />
48 |     <PackageReference Include="Microsoft.Data.Analysis" Version="0.20.1" />
49 |     <PackageReference Include="Prediktor.Log" Version="1.0.8" />
50 |   </ItemGroup>
51 |   
52 |   <ItemGroup>
53 |     <Folder Include="Proto\" />
54 |   </ItemGroup>
55 |   
56 |   <ItemGroup>
57 |     <None Update="appsettings.json">
58 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
59 |     </None>
60 |     <None Update="log4net.config">
61 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
62 |     </None>
63 |     <None Update="log4net.win.config">
64 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
65 |     </None>
66 |   </ItemGroup>
67 | 
68 |   <ItemGroup>
69 |     <Content Include="..\dist\**\*">
70 |       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
71 |     </Content>
72 |   </ItemGroup>
73 |   <Target Name="YarnInstall" BeforeTargets="PreBuild" Condition="'$(Configuration)' == 'Setup_Release'">
74 |     <Exec Command="yarn install" WorkingDirectory="..\" />
75 |   </Target>
76 |   <Target Name="PreBuild" BeforeTargets="PreBuildEvent" Condition="'$(Configuration)' == 'Setup_Release'">
77 |     <Exec Command="yarn build" WorkingDirectory="..\" />
78 |   </Target>
79 | </Project>
80 | 


--------------------------------------------------------------------------------
/backend/plugin-dotnet.sln:
--------------------------------------------------------------------------------
 1 | 
 2 | Microsoft Visual Studio Solution File, Format Version 12.00
 3 | # Visual Studio Version 16
 4 | VisualStudioVersion = 16.0.29613.14
 5 | MinimumVisualStudioVersion = 10.0.40219.1
 6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "plugin-dotnet", "plugin-dotnet.csproj", "{15E5AB5B-257B-45BE-AED7-15152B13C234}"
 7 | EndProject
 8 | Global
 9 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
10 | 		Debug|Any CPU = Debug|Any CPU
11 | 		Release|Any CPU = Release|Any CPU
12 | 	EndGlobalSection
13 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
14 | 		{15E5AB5B-257B-45BE-AED7-15152B13C234}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
15 | 		{15E5AB5B-257B-45BE-AED7-15152B13C234}.Debug|Any CPU.Build.0 = Debug|Any CPU
16 | 		{15E5AB5B-257B-45BE-AED7-15152B13C234}.Release|Any CPU.ActiveCfg = Release|Any CPU
17 | 		{15E5AB5B-257B-45BE-AED7-15152B13C234}.Release|Any CPU.Build.0 = Release|Any CPU
18 | 	EndGlobalSection
19 | 	GlobalSection(SolutionProperties) = preSolution
20 | 		HideSolutionNode = FALSE
21 | 	EndGlobalSection
22 | 	GlobalSection(ExtensibilityGlobals) = postSolution
23 | 		SolutionGuid = {4CE23843-E847-4A01-AC66-45739DA651E4}
24 | 	EndGlobalSection
25 | EndGlobal
26 | 


--------------------------------------------------------------------------------
/cspell.config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ignorePaths": [
 3 |     "node_modules/**",
 4 |     "dist/**",
 5 |     "src/components/TreeEditor.css",
 6 |     "backend/obj/**",
 7 |     "backend/bin/**",
 8 |     "mage_output_file.go"
 9 |   ],
10 |   "words": [
11 |     "Acked",
12 |     "antd",
13 |     "Cascader",
14 |     "COMIOP",
15 |     "dashboardmapping",
16 |     "dataframe",
17 |     "dataproxy",
18 |     "datasource",
19 |     "datasources",
20 |     "Matrikon",
21 |     "Nodeclass",
22 |     "nodename",
23 |     "opcua",
24 |     "Prediktor",
25 |     "qname",
26 |     "qnames",
27 |     "TLDR",
28 |     "typecheck"
29 |   ],
30 |   "language": "en-US"
31 | }
32 | 


--------------------------------------------------------------------------------
/docker-compose.yaml:
--------------------------------------------------------------------------------
 1 | version: '3.0'
 2 | 
 3 | services:
 4 |   grafana:
 5 |     container_name: 'grafana-opcua-datasource'
 6 |     platform: "linux/amd64"
 7 |     build:
 8 |       context: ./.config
 9 |       args:
10 |         grafana_image: ${GRAFANA_IMAGE:-grafana-enterprise}
11 |         grafana_version: ${GRAFANA_VERSION:-10.0.3}
12 |     ports:
13 |       - 3000:3000/tcp
14 |     volumes:
15 |       - ./dist:/var/lib/grafana/plugins/grafana-opcua-datasource
16 |       - ./provisioning:/etc/grafana/provisioning
17 | 


--------------------------------------------------------------------------------
/docs/sources/_index.md:
--------------------------------------------------------------------------------
 1 | # OPC UA Datasource plugin for Grafana
 2 | Utilizing the datasource plugin framework, this projects allows you to access data from OPC UA servers directly from Grafana.
 3 | 
 4 | ### TLDR;
 5 | To build on any platform:
 6 | * `yarn build`
 7 | 
 8 | ![full dashboard](https://raw.githubusercontent.com/srclosson/grafana-opcua-datasource/master/src/img/dashboard2.png)
 9 | 
10 | # Status
11 | Currently used in production and under active maintenance
12 | 
13 | ## What works
14 | * Browsing and adding multiple servers
15 | * Authenticated connection with certificate or no security
16 | * Graphical query editor
17 | * Data Access (DA)
18 | * Historical Access (HA / HDA)
19 | * Alarms & Conditions (AC / AE)
20 | 
21 | ## What needs to be implemented
22 | * OPCUA DA Subscriptions: These are the ones where you will not need to hit the refresh button. If you have subscribed to a data point at 500ms, you will get an unsolicited update every 500ms. 
23 | * Password authentication
24 | * Two-way communication with the OPC UA server (currently read only)
25 | 
26 | # Description and Architecture
27 | This plugin uses GRPC and a C# backend to communicate with Grafana directly. See `pkg/dotnet` directory for the backend component
28 | 
29 | # Building
30 | * `yarn install` to install dependencies
31 | * `yarn build | yarn dev` to build the plugin
32 | * `make build` to build the backend component
33 | 
34 | Restart Grafana and you should have the datasource installed.
35 | 
36 | # Configuration
37 | You will need to add a plugin specific configuration section to your configuration file (`grafana.conf`)
38 | 
39 | ```
40 | [plugin.grafana-opcua-datasource]
41 | data_dir = "/some/path/to/config/grafana-opcua-datasource"
42 | ```
43 | 
44 | An example of this using common linux default paths would be
45 | 
46 | ```
47 | [plugin.grafana-opcua-datasource]
48 | data_dir = "/var/lib/grafana-opcua-datasource"
49 | ```
50 | 
51 | # Contributing
52 | Contributions that addresses the needs above or other feature you'd like to see are most welcome. Fork the project and commit a PR with your requests.
53 | 
54 | ![Prediktor](https://raw.githubusercontent.com/srclosson/grafana-opcua-datasource/master/src/img/PrediktorLogo_thumb.png) is a proud contributor
55 | Open Software like this project and open standards like OPC UA fits perfectly with our quest to give our clients the freedom to operate. To know more about our offerings and get in touch, check out https://prediktor.com.
56 | 
57 | * [Prediktor](https://prediktor.com) has a public test OPC UA Server running at opc.tcp://opcua.prediktor.com:4880.
58 | It provides a small information model with Realtime/Historic data and Alarms&Events. Feel free to use it
59 | 
60 | * You can find complementary OPC UA Grafana panel plugins at https://github.com/PrediktorAS/grafana
61 | 
62 | # Q&A
63 | Q: **Can it read OPC Classic DA/HDA/AE?**
64 | 
65 | A: Yes, provided use use the OPC Foundations COMIOP wrapper, which you can find [here](https://github.com/OPCFoundation/UA-.NETStandard). You will need to configure IOP to wrap your OPC COM server. Tested against Matrikon OPC Desktop Historian and Matrikon OPC Simulation Server.
66 | 
67 | # Vision
68 | The OPC UA datasource should be
69 | - Easy to use
70 | - Graphically configurable
71 | - Smart (ie: Able to use metadata from the browsing of tags to ease configuration in whatever panel the datasource is interacting with)
72 | - Robust and Reliable (of course!)
73 | 


--------------------------------------------------------------------------------
/jest-setup.js:
--------------------------------------------------------------------------------
1 | // Jest setup provided by Grafana scaffolding
2 | import './.config/jest-setup';
3 | 


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | // force timezone to UTC to allow tests to work regardless of local timezone
2 | // generally used by snapshots, but can affect specific tests
3 | process.env.TZ = 'UTC';
4 | 
5 | module.exports = {
6 |   // Jest configuration provided by Grafana scaffolding
7 |   ...require('./.config/jest.config'),
8 | };
9 | 


--------------------------------------------------------------------------------
/omnisharp.json:
--------------------------------------------------------------------------------
1 | {
2 |     "MsBuild": {
3 |         "UseLegacySdkResolver": true
4 |     }
5 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "grafana-opcua-datasource",
 3 |   "version": "1.3.8",
 4 |   "description": "Reads data from OPC UA Servers",
 5 |   "scripts": {
 6 |     "build": "webpack -c ./.config/webpack/webpack.config.ts --env production",
 7 |     "dev": "webpack -w -c ./.config/webpack/webpack.config.ts --env development",
 8 |     "e2e": "yarn exec cypress install && yarn exec grafana-e2e run",
 9 |     "e2e:update": "yarn exec cypress install && yarn exec grafana-e2e run --update-screenshots",
10 |     "lint": "eslint --cache --ignore-path ./.gitignore --ext .js,.jsx,.ts,.tsx .",
11 |     "spellcheck": "cspell -c cspell.config.json \"**/*.{ts,tsx,js,go,md,mdx,yml,yaml,json,scss,css}\"",
12 |     "lint:fix": "yarn run lint --fix",
13 |     "server": "docker-compose up --build",
14 |     "sign": "npx --yes @grafana/sign-plugin@latest",
15 |     "test": "jest --watch --onlyChanged",
16 |     "test:ci": "jest --passWithNoTests --maxWorkers 4",
17 |     "typecheck": "tsc --noEmit"
18 |   },
19 |   "author": "srclosson@gmail.com",
20 |   "license": "AGPL-3.0-only",
21 |   "private": true,
22 |   "homepage": "https://github.com/grafana/opcua-datasource",
23 |   "keywords": [
24 |     "opcua-plugin",
25 |     "opcua",
26 |     "opc"
27 |   ],
28 |   "bugs": "https://github.com/grafana/opcua-datasource/issues",
29 |   "devDependencies": {
30 |     "@babel/core": "^7.21.4",
31 |     "@grafana/e2e": "10.0.3",
32 |     "@grafana/e2e-selectors": "10.0.3",
33 |     "@grafana/eslint-config": "^6.0.0",
34 |     "@grafana/tsconfig": "^1.2.0-rc1",
35 |     "@swc/core": "1.3.75",
36 |     "@swc/helpers": "^0.5.0",
37 |     "@swc/jest": "^0.2.26",
38 |     "@testing-library/jest-dom": "^5.16.5",
39 |     "@testing-library/react": "^12.1.4",
40 |     "@types/jest": "^29.5.0",
41 |     "@types/lodash": "^4.14.194",
42 |     "@types/node": "^18.15.11",
43 |     "copy-webpack-plugin": "^11.0.0",
44 |     "cspell": "6.26.3",
45 |     "css-loader": "^6.7.3",
46 |     "eslint-webpack-plugin": "^4.0.1",
47 |     "fork-ts-checker-webpack-plugin": "^8.0.0",
48 |     "glob": "^10.2.7",
49 |     "identity-obj-proxy": "3.0.0",
50 |     "is-svg": "^4.3.2",
51 |     "jest": "^29.5.0",
52 |     "jest-environment-jsdom": "^29.5.0",
53 |     "lodash": "^4.17.15",
54 |     "postcss": "^8.4.6",
55 |     "prettier": "^2.8.7",
56 |     "replace-in-file-webpack-plugin": "^1.0.6",
57 |     "sass": "1.63.2",
58 |     "sass-loader": "13.3.1",
59 |     "style-loader": "3.3.3",
60 |     "swc-loader": "^0.2.3",
61 |     "ts-node": "^10.9.1",
62 |     "tsconfig-paths": "^4.2.0",
63 |     "typescript": "4.8.4",
64 |     "webpack": "^5.86.0",
65 |     "webpack-cli": "^5.1.4",
66 |     "webpack-livereload-plugin": "^3.0.2"
67 |   },
68 |   "dependencies": {
69 |     "@ant-design/dark-theme": "^1.0.3",
70 |     "@emotion/css": "^11.1.3",
71 |     "@grafana/data": "^10.1.2",
72 |     "@grafana/runtime": "^10.1.2",
73 |     "@grafana/ui": "^10.1.2",
74 |     "@material-ui/core": "^4.10.2",
75 |     "@types/react-select": "^3.0.8",
76 |     "antd": "^3.24.1",
77 |     "rc-cascader": "1.0.1",
78 |     "react": "17.0.2",
79 |     "react-dom": "17.0.2",
80 |     "react-icons": "^3.11.0",
81 |     "react-select": "^3.0.8",
82 |     "react-window": "^1.8.5",
83 |     "tslib": "2.5.3"
84 |   },
85 |   "packageManager": "yarn@1.22.19"
86 | }
87 | 


--------------------------------------------------------------------------------
/proto/backend.orig:
--------------------------------------------------------------------------------
  1 | syntax = "proto3";
  2 | package pluginv2;
  3 | 
  4 | option go_package = ".;pluginv2";
  5 | 
  6 | //-----------------------------------------------
  7 | // Common
  8 | //-----------------------------------------------
  9 | 
 10 | message AppInstanceSettings {
 11 |   bytes jsonData = 3;
 12 |   map<string,string> decryptedSecureJsonData = 4;
 13 |   int64 lastUpdatedMS = 5;
 14 | }
 15 | 
 16 | message DataSourceInstanceSettings {
 17 |   int64 id = 1;
 18 |   string name = 2;
 19 |   string url = 3;
 20 |   string user = 4;
 21 |   string database = 5;
 22 |   bool basicAuthEnabled = 6;
 23 |   string basicAuthUser = 7;
 24 |   bytes jsonData = 8;
 25 |   map<string,string> decryptedSecureJsonData = 9;
 26 |   int64 lastUpdatedMS = 10;
 27 | }
 28 | 
 29 | message User {
 30 |   string login = 1;
 31 |   string name = 2;
 32 |   string email = 3;
 33 |   string role = 4;
 34 | }
 35 | 
 36 | message PluginContext {
 37 |   // The Grafana organization id the request originating from.
 38 |   int64 orgId = 1;
 39 | 
 40 |   // The unique identifier of the plugin the request  originating from.
 41 |   string pluginId = 2;
 42 | 
 43 |   // The Grafana user the request originating from.
 44 |   //
 45 |   // Will not be provided if Grafana backend initiated the request.
 46 |   User user = 3;
 47 | 
 48 |   // App plugin instance settings is the configured app instance settings.
 49 |   // In Grafana an app instance is an enabled app plugin in a
 50 |   // Grafana organization.
 51 |   //
 52 |   // Will only be set if request targeting an app instance.
 53 |   AppInstanceSettings appInstanceSettings = 4;
 54 | 
 55 |   // Data source instance settings is the configured data source instance
 56 |   // settings. In Grafana a data source instance is a created data source
 57 |   // in a Grafana organization.
 58 |   //
 59 |   // Will only be set if request targeting a data source instance.
 60 |   DataSourceInstanceSettings dataSourceInstanceSettings = 5;
 61 | }
 62 | 
 63 | //---------------------------------------------------------
 64 | // Resource service enables HTTP-style requests over gRPC.
 65 | //---------------------------------------------------------
 66 | 
 67 | service Resource {
 68 |   rpc CallResource(CallResourceRequest) returns (stream CallResourceResponse);
 69 | }
 70 | 
 71 | message StringList {
 72 |   repeated string values = 1;
 73 | }
 74 | 
 75 | message CallResourceRequest {
 76 |   PluginContext pluginContext = 1;
 77 |   string path = 2;
 78 |   string method = 3;
 79 |   string url = 4;
 80 |   map<string,StringList> headers = 5;
 81 |   bytes body = 6;
 82 | }
 83 | 
 84 | message CallResourceResponse {
 85 |   int32 code = 1;
 86 |   map<string,StringList> headers = 2;
 87 |   bytes body = 3;
 88 | }
 89 | 
 90 | //-----------------------------------------------
 91 | // Data
 92 | //-----------------------------------------------
 93 | 
 94 | service Data {
 95 |   rpc QueryData(QueryDataRequest) returns (QueryDataResponse);
 96 | }
 97 | 
 98 | message TimeRange {
 99 |   int64 fromEpochMS = 1;
100 |   int64 toEpochMS = 2;
101 | }
102 | 
103 | message DataQuery {
104 |   string refId = 1;
105 |   int64 maxDataPoints = 2;
106 |   int64 intervalMS = 3;
107 |   TimeRange timeRange = 4;
108 |   bytes json = 5;
109 |   string queryType = 6;
110 | }
111 | 
112 | // QueryDataRequest
113 | message QueryDataRequest {
114 |   PluginContext pluginContext = 1;
115 | 
116 |   // Environment info
117 |   map<string,string> headers = 2;
118 | 
119 |   // List of data queries
120 |   repeated DataQuery queries = 3;
121 | }
122 | 
123 | message QueryDataResponse {
124 |   // Map of refId to response
125 |   map<string,DataResponse> responses = 1;
126 | }
127 | 
128 | message DataResponse {
129 |   // Arrow encoded DataFrames
130 |   // Frame has its own meta, warnings, and repeats refId
131 |   repeated bytes frames = 1;
132 |   string error = 2;
133 |   bytes jsonMeta = 3; // Warning: Current ignored by frontend. Would be for metadata about the query.
134 | }
135 | 
136 | //-----------------------------------------------
137 | // Diagnostics
138 | //-----------------------------------------------
139 | 
140 | service Diagnostics {
141 |   rpc CheckHealth(CheckHealthRequest) returns (CheckHealthResponse);
142 |   rpc CollectMetrics(CollectMetricsRequest) returns (CollectMetricsResponse);
143 | }
144 | 
145 | message CollectMetricsRequest {
146 |   PluginContext pluginContext = 1;
147 | }
148 | 
149 | message CollectMetricsResponse {
150 |   message Payload {
151 |     bytes prometheus = 1;
152 |   }
153 | 
154 |   Payload metrics = 1;
155 | }
156 | 
157 | message CheckHealthRequest {
158 |   PluginContext pluginContext = 1;
159 | }
160 | 
161 | message CheckHealthResponse {
162 |   enum HealthStatus {
163 |     UNKNOWN = 0;
164 |     OK = 1;
165 |     ERROR = 2;
166 |   }
167 | 
168 |   HealthStatus status = 1;
169 |   string message = 2;
170 |   bytes jsonDetails = 3;
171 | }
172 | 
173 | //-----------------------------------------------
174 | // Transform - Very experimental
175 | //-----------------------------------------------
176 | 
177 | service Transform {
178 |   rpc TransformData(QueryDataRequest) returns (QueryDataResponse);
179 | }
180 | 
181 | service TransformDataCallBack {
182 |   rpc QueryData(QueryDataRequest) returns (QueryDataResponse);
183 | }
184 | 


--------------------------------------------------------------------------------
/proto/backend.proto:
--------------------------------------------------------------------------------
  1 | syntax = "proto3";
  2 | package pluginv2;
  3 | 
  4 | option go_package = "./;pluginv2";
  5 | 
  6 | //-----------------------------------------------
  7 | // Common
  8 | //-----------------------------------------------
  9 | 
 10 | message AppInstanceSettings {
 11 |   bytes jsonData = 3;
 12 |   map<string,string> decryptedSecureJsonData = 4;
 13 |   int64 lastUpdatedMS = 5;
 14 | }
 15 | 
 16 | message DataSourceInstanceSettings {
 17 |   int64 id = 1;
 18 |   string name = 2;
 19 |   string url = 3;
 20 |   string user = 4;
 21 |   string database = 5;
 22 |   bool basicAuthEnabled = 6;
 23 |   string basicAuthUser = 7;
 24 |   bytes jsonData = 8;
 25 |   map<string,string> decryptedSecureJsonData = 9;
 26 |   int64 lastUpdatedMS = 10;
 27 |   string uid = 11;
 28 | }
 29 | 
 30 | message User {
 31 |   string login = 1;
 32 |   string name = 2;
 33 |   string email = 3;
 34 |   string role = 4;
 35 | }
 36 | 
 37 | message PluginContext {
 38 |   // The Grafana organization id the request originating from.
 39 |   int64 orgId = 1;
 40 | 
 41 |   // The unique identifier of the plugin the request  originating from.
 42 |   string pluginId = 2;
 43 | 
 44 |   // The Grafana user the request originating from.
 45 |   //
 46 |   // Will not be provided if Grafana backend initiated the request.
 47 |   User user = 3;
 48 | 
 49 |   // App plugin instance settings is the configured app instance settings.
 50 |   // In Grafana an app instance is an enabled app plugin in a
 51 |   // Grafana organization.
 52 |   //
 53 |   // Will only be set if request targeting an app instance.
 54 |   AppInstanceSettings appInstanceSettings = 4;
 55 | 
 56 |   // Data source instance settings is the configured data source instance
 57 |   // settings. In Grafana a data source instance is a created data source
 58 |   // in a Grafana organization.
 59 |   //
 60 |   // Will only be set if request targeting a data source instance.
 61 |   DataSourceInstanceSettings dataSourceInstanceSettings = 5;
 62 | }
 63 | 
 64 | //---------------------------------------------------------
 65 | // Resource service enables HTTP-style requests over gRPC.
 66 | //---------------------------------------------------------
 67 | 
 68 | service Resource {
 69 |   rpc CallResource(CallResourceRequest) returns (stream CallResourceResponse);
 70 | }
 71 | 
 72 | message StringList {
 73 |   repeated string values = 1;
 74 | }
 75 | 
 76 | message CallResourceRequest {
 77 |   PluginContext pluginContext = 1;
 78 |   string path = 2;
 79 |   string method = 3;
 80 |   string url = 4;
 81 |   map<string,StringList> headers = 5;
 82 |   bytes body = 6;
 83 | }
 84 | 
 85 | message CallResourceResponse {
 86 |   int32 code = 1;
 87 |   map<string,StringList> headers = 2;
 88 |   bytes body = 3;
 89 | }
 90 | 
 91 | //-----------------------------------------------
 92 | // Data
 93 | //-----------------------------------------------
 94 | 
 95 | service Data {
 96 |   rpc QueryData(QueryDataRequest) returns (QueryDataResponse);
 97 | }
 98 | 
 99 | message TimeRange {
100 |   int64 fromEpochMS = 1;
101 |   int64 toEpochMS = 2;
102 | }
103 | 
104 | message DataQuery {
105 |   string refId = 1;
106 |   int64 maxDataPoints = 2;
107 |   int64 intervalMS = 3;
108 |   TimeRange timeRange = 4;
109 |   bytes json = 5;
110 |   string queryType = 6;
111 | }
112 | 
113 | // QueryDataRequest
114 | message QueryDataRequest {
115 |   PluginContext pluginContext = 1;
116 | 
117 |   // Environment info
118 |   map<string,string> headers = 2;
119 | 
120 |   // List of data queries
121 |   repeated DataQuery queries = 3;
122 | }
123 | 
124 | message QueryDataResponse {
125 |   // Map of refId to response
126 |   map<string,DataResponse> responses = 1;
127 | }
128 | 
129 | message DataResponse {
130 |   // Arrow encoded DataFrames
131 |   // Frame has its own meta, warnings, and repeats refId
132 |   repeated bytes frames = 1;
133 |   string error = 2;
134 |   bytes jsonMeta = 3; // Warning: Current ignored by frontend. Would be for metadata about the query.
135 | }
136 | 
137 | //-----------------------------------------------
138 | // Diagnostics
139 | //-----------------------------------------------
140 | 
141 | service Diagnostics {
142 |   rpc CheckHealth(CheckHealthRequest) returns (CheckHealthResponse);
143 |   rpc CollectMetrics(CollectMetricsRequest) returns (CollectMetricsResponse);
144 | }
145 | 
146 | message CollectMetricsRequest {
147 |   PluginContext pluginContext = 1;
148 | }
149 | 
150 | message CollectMetricsResponse {
151 |   message Payload {
152 |     bytes prometheus = 1;
153 |   }
154 | 
155 |   Payload metrics = 1;
156 | }
157 | 
158 | message CheckHealthRequest {
159 |   PluginContext pluginContext = 1;
160 | }
161 | 
162 | message CheckHealthResponse {
163 |   enum HealthStatus {
164 |     UNKNOWN = 0;
165 |     OK = 1;
166 |     ERROR = 2;
167 |   }
168 | 
169 |   HealthStatus status = 1;
170 |   string message = 2;
171 |   bytes jsonDetails = 3;
172 | }
173 | 
174 | //-----------------------------------------------------------------
175 | // Stream -- EXPERIMENTAL and is subject to change until 8.0
176 | //-----------------------------------------------------------------
177 | 
178 | service Stream {
179 |   // SubscribeStream called when a user tries to subscribe to a plugin/datasource
180 |   // managed channel path – thus plugin can check subscribe permissions and communicate
181 |   // options with Grafana Core.
182 |   rpc SubscribeStream(SubscribeStreamRequest) returns (SubscribeStreamResponse);
183 | 
184 |   // PublishStream called when a user tries to publish to a plugin/datasource
185 |   // managed channel path. Here plugin can check publish permissions and
186 |   // modify publication data if required.
187 |   rpc PublishStream(PublishStreamRequest) returns (PublishStreamResponse);
188 | 
189 |   // RunStream will be initiated by Grafana to consume a stream where use_run_stream
190 |   // option set to true. In this case RunStream will only be called once for the
191 |   // first client successfully subscribed to a channel path. When Grafana detects
192 |   // that there are no longer any subscribers inside a channel, the call will be
193 |   // terminated until next active subscriber appears. Call termination can happen
194 |   // with a delay.
195 |   rpc RunStream(RunStreamRequest) returns (stream StreamPacket);
196 | }
197 | 
198 | message SubscribeStreamRequest {
199 |   PluginContext pluginContext = 1;
200 | 
201 |   // path part of channel.
202 |   string path = 2;
203 | }
204 | 
205 | message SubscribeStreamResponse {
206 |   enum Status {
207 |     OK = 0;
208 |     NOT_FOUND = 1;
209 |     PERMISSION_DENIED = 2;
210 |   }
211 |   // status of subscribe response.
212 |   Status status = 1;
213 | 
214 |   // JSON-encoded data to return to a client in a successful
215 |   // subscription result.
216 |   // For data frame streams this can be a JSON-encoded frame schema.
217 |   bytes data = 2;
218 | 
219 |   // use_run_stream tells Grafana to use RunStream call to consume streaming
220 |   // packets from a plugin. See comments for RunStream for details.
221 |   bool use_run_stream = 3;
222 | }
223 | 
224 | message PublishStreamRequest {
225 |   PluginContext pluginContext = 1;
226 | 
227 |   // path part of a channel.
228 |   string path = 2;
229 |   // data that user wants to publish into a stream
230 |   // (only JSON-encoded at the moment).
231 |   bytes data = 3;
232 | }
233 | 
234 | message PublishStreamResponse {
235 |   enum Status {
236 |     OK = 0;
237 |     NOT_FOUND = 1;
238 |     PERMISSION_DENIED = 2;
239 |   }
240 |   // status of publish response.
241 |   Status status = 1;
242 | 
243 |   // JSON-encoded data to publish into a channel. This can be
244 |   // unmodified data from a PublishRequest or any modified data.
245 |   // If empty data returned here then Grafana won't publish data
246 |   // to a channel itself but will return a successful result to a
247 |   // client (supposing plugin published data to a channel itself).
248 |   bytes data = 2;
249 | }
250 | 
251 | message RunStreamRequest {
252 |   PluginContext pluginContext = 1;
253 | 
254 |   // path part of a channel.
255 |   string path = 2;
256 | }
257 | 
258 | message StreamPacket {
259 |   // JSON-encoded data to publish into a channel.
260 |   bytes data = 1;
261 | }


--------------------------------------------------------------------------------
/proto/generate.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # To compile all protobuf files in this repository, run
 4 | # "make protobuf" at the top-level.
 5 | 
 6 | set -eu
 7 | 
 8 | DST_DIR=../backend/Proto
 9 | 
10 | SOURCE="${BASH_SOURCE[0]}"
11 | while [ -h "$SOURCE" ] ; do SOURCE="$(readlink "$SOURCE")"; done
12 | DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )"
13 | 
14 | cd "$DIR"
15 | 
16 | protoc -I ./ backend.proto --csharp_out=${DST_DIR}
17 | 


--------------------------------------------------------------------------------
/scripts/ci-build-linux.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | set -e
 4 | 
 5 | dotnet publish ./backend/.linux.build.csproj -r linux-x64 --self-contained true
 6 | 
 7 | # upload step needs grabpl
 8 | mkdir -p build-pipeline/bin
 9 | curl -fL -o build-pipeline/bin/grabpl https://grafana-downloads.storage.googleapis.com/grafana-build-pipeline/v2.9.51/grabpl
10 | chmod +x build-pipeline/bin/grabpl
11 | 


--------------------------------------------------------------------------------
/scripts/ci-build-plugin.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | set -e
 4 | 
 5 | [ ! -d ci/jobs/build_backend ] && mkdir -pv ci/jobs/build_backend || echo "build backend already created"
 6 | [ ! -d ci/jobs/build-and-test-frontend ] && mkdir -pv ci/jobs/build-and-test-frontend || echo "build frontend already created"
 7 | 
 8 | # Build Linux
 9 | [ ! -d dist ] && mkdir -pv dist || echo "Linux build: dist already created"
10 | dotnet publish ./backend/.linux.build.csproj -r linux-x64 --self-contained true
11 | mv -v dist ci/jobs/build_backend/linux
12 | 
13 | # Build Windows
14 | [ ! -d dist ] && mkdir -pv dist || echo "Windows build: dist already created"
15 | dotnet publish ./backend/.win.build.csproj -r win-x64 --self-contained true
16 | mv -v dist ci/jobs/build_backend/windows
17 | 
18 | # Build OSX
19 | [ ! -d dist ] && mkdir -pv dist || echo "Darwin build: dist already created"
20 | dotnet publish ./backend/.osx.build.csproj -r osx-x64 --self-contained true
21 | mv -v dist ci/jobs/build_backend/darwin
22 | 


--------------------------------------------------------------------------------
/scripts/ci-build-windows.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | set -e
 4 | 
 5 | dotnet publish ./backend/.win.build.csproj -r win-x64 --self-contained true
 6 | 
 7 | # upload step needs grabpl
 8 | mkdir -p build-pipeline/bin
 9 | curl -fL -o build-pipeline/bin/grabpl https://grafana-downloads.storage.googleapis.com/grafana-build-pipeline/v2.9.51/grabpl
10 | chmod +x build-pipeline/bin/grabpl
11 | 


--------------------------------------------------------------------------------
/scripts/ci-package-plugin.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | set -e
 4 | 
 5 | mkdir -pv ci/dist/grafana-opcua-datasource || true
 6 | cp -rfv ci/jobs/build-and-test-frontend/dist/* ci/dist/grafana-opcua-datasource/
 7 | 
 8 | #
 9 | # ci-package will create the zip file
10 | # move to the dist folder that package uses
11 | mv -v ci/jobs/build_backend/linux ci/jobs/build_backend/dist
12 | ./node_modules/.bin/grafana-toolkit plugin:ci-package
13 | PLUGIN_NAME=`cat ci/dist/plugin.json|jq '.id'| sed s/\"//g`
14 | VERSION=`cat ci/dist/plugin.json|jq '.info.version'| sed s/\"//g`
15 | echo "Plugin Name: ${PLUGIN_NAME}"
16 | echo "Plugin Version: ${VERSION}"
17 | 
18 | # Used in the plugin publish. Need to be in meta.
19 | mkdir -pv ci/meta || true
20 | cp -v ci/dist/plugin.json ci/meta/
21 | 
22 | #
23 | # Building separate linux and windows zip files
24 | #
25 | # 1. rename to linux package
26 | #
27 | mv ci/packages/${PLUGIN_NAME}-${VERSION}.zip \
28 |   ci/packages/${PLUGIN_NAME}-${VERSION}.linux_amd64.zip
29 | mv ci/packages/${PLUGIN_NAME}-${VERSION}.zip.sha1 \
30 |   ci/packages/${PLUGIN_NAME}-${VERSION}.linux_amd64.zip.sha1
31 | #
32 | # 2. update info.json with new zip file name
33 | #
34 | sed -i 's/zip/linux_amd64\.zip/g' ci/packages/info.json
35 | #
36 | # 3. move into linux subdir
37 | #
38 | mkdir -p temp_ci/packages/linux
39 | cp -p ci/packages/info.json temp_ci/packages/linux
40 | cp -p ci/packages/info.json temp_ci/packages/linux/info-linux_amd64.json
41 | mv ci/packages/${PLUGIN_NAME}* temp_ci/packages/linux
42 | mv -v ci/jobs/build_backend/dist ci/jobs/build_backend/linux
43 | #
44 | # now create the windows package
45 | #
46 | # 1. remove dist
47 | #
48 | mv -v ci/jobs/build_backend/windows ci/jobs/build_backend/dist
49 | echo "Windows dist"
50 | ls -lR ci/jobs/build_backend/dist
51 | ./node_modules/.bin/grafana-toolkit plugin:ci-package
52 | mv ci/packages/${PLUGIN_NAME}-${VERSION}.zip \
53 |   ci/packages/${PLUGIN_NAME}-${VERSION}.windows_amd64.zip
54 | mv ci/packages/${PLUGIN_NAME}-${VERSION}.zip.sha1 \
55 |   ci/packages/${PLUGIN_NAME}-${VERSION}.windows_amd64.zip.sha1
56 | #
57 | # update info.json with new zip file name
58 | #
59 | sed -i 's/zip/windows_amd64\.zip/g' ci/packages/info.json
60 | cp ci/packages/info.json ci/packages/info-windows_amd64.json
61 | #
62 | # 6. put the linux builds back into place
63 | #
64 | cp temp_ci/packages/linux/* ci/packages
65 | 
66 | # create a package job folder (referenced by other steps) and copy dist
67 | mkdir -p ci/jobs/package
68 | [ -d ci/jobs/package/dist ] && /bin/rm -rf ci/jobs/package/dist || echo "Skipping [ci/jobs/package/dist]: No need to remove dist directory"
69 | [ ! -d ci/jobs/package/dist ] && cp -r ci/jobs/build-and-test-frontend/dist ci/jobs/package/dist || echo "Skipping frontent dist copy"
70 | cp -r -v ci/jobs/build_backend/* ci/jobs/package
71 | 
72 | # DONE
73 | ls -lR ci/packages


--------------------------------------------------------------------------------
/src/ConfigEditor.tsx:
--------------------------------------------------------------------------------
 1 | import React, { FC } from 'react';
 2 | import { DataSourceHttpSettings, Label, RadioButtonGroup } from '@grafana/ui';
 3 | import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
 4 | import { OPCTimestamp, OpcUaDataSourceOptions } from './types';
 5 | 
 6 | interface Props extends DataSourcePluginOptionsEditorProps<OpcUaDataSourceOptions> {}
 7 | 
 8 | export const ConfigEditor: FC<Props> = (props: Props) => {
 9 |   const { options, onOptionsChange } = props;
10 |   const description =
11 |     options.jsonData.timestamp === OPCTimestamp.Server
12 |       ? 'Read the timestamp from the OPC Server'
13 |       : 'Read the timestamp from the OPC Source/Device/Client';
14 |   return (
15 |     <div className="gf-form-group">
16 |       <DataSourceHttpSettings
17 |         defaultUrl={'opc.tcp://nodename.host.net:62550/Path/OpcUAServer'}
18 |         dataSourceConfig={options}
19 |         onChange={(o) => onOptionsChange(o)}
20 |       />
21 |       <Label description={description}>OPC Timestamp Source</Label>
22 |       <RadioButtonGroup
23 |         options={[
24 |           { label: 'Server', value: OPCTimestamp.Server },
25 |           { label: 'Source', value: OPCTimestamp.Source },
26 |         ]}
27 |         value={options.jsonData.timestamp}
28 |         onChange={(timestamp: OPCTimestamp | undefined) =>
29 |           onOptionsChange({ ...options, jsonData: { ...options.jsonData, timestamp: timestamp! } })
30 |         }
31 |       />
32 |     </div>
33 |   );
34 | };
35 | 


--------------------------------------------------------------------------------
/src/DataSource.ts:
--------------------------------------------------------------------------------
 1 | import { DataQueryRequest, DataQueryResponse, DataSourceInstanceSettings } from '@grafana/data';
 2 | 
 3 | import { OpcUaQuery, OpcUaDataSourceOptions } from './types';
 4 | import { DataSourceWithBackend, getTemplateSrv } from '@grafana/runtime';
 5 | import { Observable } from 'rxjs';
 6 | 
 7 | export class DataSource extends DataSourceWithBackend<OpcUaQuery, OpcUaDataSourceOptions> {
 8 |   config: DataSourceInstanceSettings<OpcUaDataSourceOptions>;
 9 |   constructor(instanceSettings: DataSourceInstanceSettings<OpcUaDataSourceOptions>) {
10 |     super(instanceSettings);
11 |     this.config = instanceSettings;
12 |   }
13 | 
14 |   query(request: DataQueryRequest<OpcUaQuery>): Observable<DataQueryResponse> {
15 |     return super.query(request);
16 |   }
17 | 
18 |   getTemplateVariable(tempVar: string): string {
19 |     if (typeof tempVar === 'undefined' || tempVar.length === 0) {
20 |       return '$ObjectId';
21 |     }
22 |     return tempVar;
23 |   }
24 | 
25 |   applyTemplateVariables(query: OpcUaQuery): OpcUaQuery {
26 |     let templateSrv = getTemplateSrv();
27 |     if (query.useTemplate) {
28 |       query.nodePath.node.nodeId = templateSrv.replace(this.getTemplateVariable(query.templateVariable));
29 |     }
30 |     return query;
31 |   }
32 | 
33 |   getResource(path: string, params?: any): Promise<any> {
34 |     return super.getResource(path, params);
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/src/components/AddEventFieldForm.tsx:
--------------------------------------------------------------------------------
 1 | import React, { PureComponent } from 'react';
 2 | import { SegmentFrame } from './SegmentFrame';
 3 | 
 4 | export interface AddEventFieldFormProps {
 5 |   add(browseName: string, alias: string): void;
 6 | }
 7 | 
 8 | type State = {
 9 |   browseName: string;
10 |   alias: string;
11 | };
12 | 
13 | export class AddEventFieldForm extends PureComponent<AddEventFieldFormProps, State> {
14 |   constructor(props: AddEventFieldFormProps) {
15 |     super(props);
16 |     this.state = {
17 |       browseName: '',
18 |       alias: '',
19 |     };
20 |     this.handleSubmit = this.handleSubmit.bind(this);
21 |     this.changeBrowseName = this.changeBrowseName.bind(this);
22 |     this.changeAlias = this.changeAlias.bind(this);
23 |   }
24 | 
25 |   handleSubmit(event: { preventDefault: () => void }) {
26 |     this.props.add(this.state.browseName, this.state.alias);
27 |     event.preventDefault();
28 |   }
29 | 
30 |   changeBrowseName(event: { target: any }) {
31 |     const target = event.target;
32 |     const value = target.value;
33 | 
34 |     this.setState({
35 |       browseName: value,
36 |     });
37 |   }
38 | 
39 |   changeAlias(event: { target: any }) {
40 |     const target = event.target;
41 |     const value = target.value;
42 | 
43 |     this.setState({
44 |       alias: value,
45 |     });
46 |   }
47 | 
48 |   render() {
49 |     return (
50 |       <div>
51 |         <br />
52 |         <form onSubmit={this.handleSubmit}>
53 |           <SegmentFrame label="Browse name">
54 |             <input name="browseName" type="input" value={this.state.browseName} onChange={this.changeBrowseName} />
55 |           </SegmentFrame>
56 |           <SegmentFrame label="Alias" marginLeft>
57 |             <input name="alias" type="input" value={this.state.alias} onChange={this.changeAlias} />
58 |           </SegmentFrame>
59 |           <input type="submit" value="Add Column" />
60 |         </form>
61 |       </div>
62 |     );
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/src/components/BrowsePathEditor.tsx:
--------------------------------------------------------------------------------
 1 | import React, { PureComponent } from 'react';
 2 | import { QualifiedName, OpcUaBrowseResults, BrowseFilter } from '../types';
 3 | import { BrowsePathTextEditor } from './BrowsePathTextEditor';
 4 | import { BrowserDialog } from './BrowserDialog';
 5 | import { GrafanaTheme } from '@grafana/data';
 6 | import { FaSearch } from 'react-icons/fa';
 7 | 
 8 | type Props = {
 9 |   browsePath: QualifiedName[];
10 |   rootNodeId: string;
11 |   theme: GrafanaTheme | null;
12 |   browse(nodeId: string, browseFilter: BrowseFilter): Promise<OpcUaBrowseResults[]>;
13 |   openBrowser(id: string): void;
14 |   closeBrowser(id: string): void;
15 |   isBrowserOpen(id: string): boolean;
16 |   onChangeBrowsePath(browsePath: QualifiedName[]): void;
17 |   getNamespaceIndices(): Promise<string[]>;
18 |   id: string;
19 | };
20 | 
21 | type State = {};
22 | 
23 | export class BrowsePathEditor extends PureComponent<Props, State> {
24 |   constructor(props: Props) {
25 |     super(props);
26 |     this.state = {};
27 |   }
28 | 
29 |   toggleBrowsePathBrowser = () => {
30 |     if (!this.props.isBrowserOpen(this.props.id)) {
31 |       this.props.openBrowser(this.props.id);
32 |     } else {
33 |       this.props.closeBrowser(this.props.id);
34 |     }
35 |   };
36 | 
37 |   renderBrowsePathBrowser = (rootNodeId: OpcUaBrowseResults) => {
38 |     if (this.props.isBrowserOpen(this.props.id)) {
39 |       return (
40 |         <div
41 |           data-id="Treeview-MainDiv"
42 |           style={{
43 |             border: 'lightgrey 1px solid',
44 |             borderRadius: '1px',
45 |             cursor: 'pointer',
46 |             padding: '2px',
47 |             position: 'fixed',
48 |             left: 30,
49 |             bottom: 10,
50 |             zIndex: 10,
51 |           }}
52 |         >
53 |           <BrowserDialog
54 |             theme={this.props.theme}
55 |             closeBrowser={() => this.props.closeBrowser(this.props.id)}
56 |             closeOnSelect={true}
57 |             browse={(nodeId, filter) => this.props.browse(nodeId, filter)}
58 |             getNamespaceIndices={() => this.props.getNamespaceIndices()}
59 |             ignoreRootNode={true}
60 |             rootNodeId={rootNodeId}
61 |             onNodeSelectedChanged={(node, browsePath) => {
62 |               this.props.onChangeBrowsePath(browsePath);
63 |             }}
64 |           ></BrowserDialog>
65 |         </div>
66 |       );
67 |     }
68 |     return <></>;
69 |   };
70 | 
71 |   render() {
72 |     let rootNodeId: OpcUaBrowseResults = {
73 |       browseName: { name: '', namespaceUrl: '' },
74 |       displayName: '',
75 |       isForward: true,
76 |       nodeClass: 0,
77 |       nodeId: this.props.rootNodeId,
78 |     };
79 |     return (
80 |       <div className="gf-form-inline" style={{ flexWrap: 'nowrap', margin: 2 }}>
81 |         <BrowsePathTextEditor
82 |           getNamespaceIndices={() => this.props.getNamespaceIndices()}
83 |           browsePath={this.props.browsePath}
84 |           onBrowsePathChanged={(bp) => this.props.onChangeBrowsePath(bp)}
85 |         />
86 |         <div
87 |           style={{ display: 'inline-block', marginLeft: 5, marginTop: 5, marginRight: 10, cursor: 'pointer' }}
88 |           onClick={(e) => this.toggleBrowsePathBrowser()}
89 |         >
90 |           <FaSearch fill="currentColor" size={20}></FaSearch>
91 |         </div>
92 |         <div style={{ position: 'relative' }}>{this.renderBrowsePathBrowser(rootNodeId)}</div>
93 |       </div>
94 |     );
95 |   }
96 | }
97 | 


--------------------------------------------------------------------------------
/src/components/BrowsePathTextEditor.tsx:
--------------------------------------------------------------------------------
 1 | import React, { PureComponent } from 'react';
 2 | import { QualifiedName } from '../types';
 3 | import { Input } from '@grafana/ui';
 4 | import { browsePathToString, stringToBrowsePath } from '../utils/QualifiedName';
 5 | 
 6 | export interface Props {
 7 |   browsePath: QualifiedName[];
 8 |   onBrowsePathChanged(browsePath: QualifiedName[]): void;
 9 |   getNamespaceIndices(): Promise<string[]>;
10 | }
11 | 
12 | type State = {
13 |   shortenedPath: string;
14 |   indexedPath: string;
15 |   nsTable: string[];
16 |   nsTableFetched: boolean;
17 |   edit: boolean;
18 | };
19 | 
20 | export class BrowsePathTextEditor extends PureComponent<Props, State> {
21 |   constructor(props: Props) {
22 |     super(props);
23 |     let browsePath = this.props.browsePath;
24 |     if (typeof browsePath === 'undefined') {
25 |       browsePath = [];
26 |     }
27 |     let shortenedPath = browsePath.map((p) => p.name).join('/');
28 | 
29 |     this.state = {
30 |       shortenedPath,
31 |       indexedPath: '',
32 |       nsTable: [],
33 |       nsTableFetched: false,
34 |       edit: false,
35 |     };
36 |   }
37 | 
38 |   render() {
39 |     if (!this.state.nsTableFetched) {
40 |       this.props.getNamespaceIndices().then((nsTable) => {
41 |         let indexedPath = browsePathToString(browsePath, this.state.nsTable);
42 |         this.setState({ nsTable: nsTable, nsTableFetched: true, indexedPath: indexedPath });
43 |       });
44 |     }
45 | 
46 |     let browsePath = this.props.browsePath;
47 |     if (typeof browsePath === 'undefined') {
48 |       browsePath = [];
49 |     }
50 | 
51 |     if (!this.state.edit) {
52 |       let shortenedPath = browsePath.map((p) => p.name).join('/');
53 |       let indexedPath = browsePathToString(browsePath, this.state.nsTable);
54 |       this.setState({
55 |         shortenedPath,
56 |         indexedPath: indexedPath,
57 |       });
58 |     }
59 | 
60 |     return this.state.edit ? (
61 |       <Input
62 |         title={this.state.indexedPath}
63 |         value={this.state.indexedPath}
64 |         onChange={(e) => this.onChangeIndexedPath(e)}
65 |         placeholder={'Path'}
66 |         onBlur={(e) => this.onChangeBrowsePath()}
67 |         onKeyPress={(k) => {
68 |           if (k.key === 'Enter') {
69 |             this.onChangeBrowsePath();
70 |           }
71 |         }}
72 |       ></Input>
73 |     ) : (
74 |       <Input
75 |         title={this.state.indexedPath}
76 |         value={this.state.shortenedPath}
77 |         placeholder={'Path'}
78 |         onClick={() => this.setState({ edit: true })}
79 |       ></Input>
80 |     );
81 |   }
82 | 
83 |   onChangeIndexedPath(e: React.FormEvent<HTMLInputElement>): void {
84 |     let s: string = e.currentTarget.value;
85 |     this.setState({ indexedPath: s });
86 |   }
87 | 
88 |   onChangeBrowsePath(): void {
89 |     //let s: string = e.currentTarget.value;
90 |     let browsePath = stringToBrowsePath(this.state.indexedPath, this.state.nsTable);
91 |     this.props.onBrowsePathChanged(browsePath);
92 |     this.setState({ edit: false });
93 |   }
94 | }
95 | 


--------------------------------------------------------------------------------
/src/components/BrowserDialog.tsx:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react';
  2 | import { convertRemToPixels } from '../utils/ConvertRemToPixels';
  3 | import { OpcUaBrowseResults, QualifiedName, BrowseFilter } from '../types';
  4 | import { GrafanaTheme } from '@grafana/data';
  5 | import { BrowserTree } from './BrowserTree';
  6 | import { BrowserTable } from './BrowserTable';
  7 | import { Checkbox } from '@grafana/ui';
  8 | import { FaWindowClose } from 'react-icons/fa';
  9 | type Props = {
 10 |   browse: (nodeId: string, browseFilter: BrowseFilter) => Promise<OpcUaBrowseResults[]>;
 11 |   getNamespaceIndices(): Promise<string[]>;
 12 |   rootNodeId: OpcUaBrowseResults;
 13 |   ignoreRootNode: boolean;
 14 |   closeOnSelect: boolean;
 15 |   theme: GrafanaTheme | null;
 16 |   onNodeSelectedChanged: (nodeId: OpcUaBrowseResults, browsePath: QualifiedName[]) => void;
 17 |   closeBrowser: () => void;
 18 | };
 19 | 
 20 | type State = {
 21 |   table: boolean;
 22 | };
 23 | 
 24 | /**
 25 |  * Displays nodes in a tree and allows users to select an entity for display.
 26 |  */
 27 | export class BrowserDialog extends Component<Props, State> {
 28 |   /**
 29 |    *
 30 |    * @param {*} props sets the data structure
 31 |    */
 32 |   constructor(props: Props) {
 33 |     super(props);
 34 |     this.state = { table: false };
 35 |   }
 36 | 
 37 |   /**
 38 |    * Renders the component.
 39 |    */
 40 |   render() {
 41 |     let bg = '';
 42 |     if (this.props.theme != null) {
 43 |       bg = this.props.theme.colors.bg2;
 44 |     }
 45 | 
 46 |     return (
 47 |       <div
 48 |         style={{
 49 |           background: bg,
 50 |         }}
 51 |       >
 52 |         <span
 53 |           data-id="Treeview-CloseSpan"
 54 |           onClick={() => this.handleClose()}
 55 |           onMouseOver={this.handleHoverClose}
 56 |           onMouseOut={this.handleUnHoverClose}
 57 |           //ref={(spn) => (this.closeSpan = spn)}
 58 |           style={{
 59 |             //border: this.props.theme.colors.border1,
 60 |             cursor: 'pointer',
 61 |             padding: convertRemToPixels('0.5rem'),
 62 |             float: 'right',
 63 |           }}
 64 |         >
 65 |           <FaWindowClose />
 66 |         </span>
 67 |         <div style={{ height: '18px' }}> </div>
 68 |         <div style={{ whiteSpace: 'nowrap' }}>
 69 |           <Checkbox
 70 |             label="Tree"
 71 |             checked={!this.state.table}
 72 |             onChange={(e) => this.changeBrowser(false)}
 73 |           ></Checkbox>
 74 |           <Checkbox
 75 |             label="Table"
 76 |             checked={this.state.table}
 77 |             onChange={(e) => this.changeBrowser(true)}
 78 |           ></Checkbox>
 79 |         </div>
 80 |         <div
 81 |           data-id="Treeview-ScrollDiv"
 82 |           style={{
 83 |             height: convertRemToPixels('20rem'),
 84 |             overflowX: 'hidden',
 85 |             overflowY: 'auto',
 86 |           }}
 87 |         >
 88 |           {this.renderBrowser()}
 89 |         </div>
 90 |       </div>
 91 |     );
 92 |   }
 93 | 
 94 |   changeBrowser(useTable: boolean): void {
 95 |     this.setState({ table: useTable });
 96 |   }
 97 | 
 98 |   renderTree() {
 99 |     return (
100 |       <BrowserTree
101 |         theme={this.props.theme}
102 |         closeBrowser={() => this.props.closeBrowser()}
103 |         closeOnSelect={this.props.closeOnSelect}
104 |         browse={(nodeId) =>
105 |           this.props.browse(nodeId, {
106 |             browseName: '',
107 |             maxResults: 0,
108 |           })
109 |         }
110 |         ignoreRootNode={true}
111 |         rootNodeId={this.props.rootNodeId}
112 |         onNodeSelectedChanged={(node, browsePath) => {
113 |           this.props.onNodeSelectedChanged(node, browsePath);
114 |         }}
115 |       ></BrowserTree>
116 |     );
117 |   }
118 | 
119 |   renderTable() {
120 |     return (
121 |       <BrowserTable
122 |         getNamespaceIndices={() => this.props.getNamespaceIndices()}
123 |         theme={this.props.theme}
124 |         closeBrowser={() => this.props.closeBrowser()}
125 |         closeOnSelect={this.props.closeOnSelect}
126 |         browse={(nodeId, filter) => this.props.browse(nodeId, filter)}
127 |         ignoreRootNode={true}
128 |         rootNodeId={this.props.rootNodeId}
129 |         onNodeSelectedChanged={(node, browsePath) => {
130 |           this.props.onNodeSelectedChanged(node, browsePath);
131 |         }}
132 |       ></BrowserTable>
133 |     );
134 |   }
135 | 
136 |   renderBrowser(): React.ReactNode {
137 |     if (this.state.table) {
138 |       return this.renderTable();
139 |     } else {
140 |       return this.renderTree();
141 |     }
142 |   }
143 | 
144 |   handleClose = () => {
145 |     this.props.closeBrowser();
146 |   };
147 | 
148 |   handleHoverClose = () => {};
149 | 
150 |   handleUnHoverClose = () => {};
151 | }
152 | 


--------------------------------------------------------------------------------
/src/components/BrowserTree.tsx:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react';
  2 | import TreeNode from './TreeNode';
  3 | import { convertRemToPixels } from '../utils/ConvertRemToPixels';
  4 | import { OpcUaBrowseResults, QualifiedName } from '../types';
  5 | import { GrafanaTheme } from '@grafana/data';
  6 | 
  7 | type Props = {
  8 |   browse: (nodeId: string) => Promise<OpcUaBrowseResults[]>;
  9 |   rootNodeId: OpcUaBrowseResults;
 10 |   ignoreRootNode: boolean;
 11 |   closeOnSelect: boolean;
 12 |   theme: GrafanaTheme | null;
 13 |   onNodeSelectedChanged: (nodeId: OpcUaBrowseResults, browsePath: QualifiedName[]) => void;
 14 |   closeBrowser: () => void;
 15 | };
 16 | 
 17 | type State = {
 18 |   fetchedChildren: boolean;
 19 |   rootNode: OpcUaBrowseResults;
 20 |   children: OpcUaBrowseResults[];
 21 | };
 22 | 
 23 | /**
 24 |  * Displays nodes in a tree and allows users to select an entity for display.
 25 |  */
 26 | export class BrowserTree extends Component<Props, State> {
 27 |   /**
 28 |    *
 29 |    * @param {*} props sets the data structure
 30 |    */
 31 |   constructor(props: Props) {
 32 |     super(props);
 33 |     this.state = {
 34 |       rootNode: {
 35 |         browseName: { name: '', namespaceUrl: '' },
 36 |         displayName: '',
 37 |         isForward: false,
 38 |         nodeClass: -1,
 39 |         nodeId: '',
 40 |       },
 41 |       children: [],
 42 |       fetchedChildren: false,
 43 |     };
 44 |   }
 45 | 
 46 |   handleClose = () => {
 47 |     this.props.closeBrowser();
 48 |   };
 49 | 
 50 |   handleHoverClose = () => {};
 51 | 
 52 |   nodeSelect = (node: OpcUaBrowseResults, browsePath: QualifiedName[]) => {
 53 |     this.props.onNodeSelectedChanged(node, browsePath);
 54 |     if (this.props.closeOnSelect) {
 55 |       this.props.closeBrowser();
 56 |     }
 57 |   };
 58 | 
 59 |   renderNode = (node: OpcUaBrowseResults) => {
 60 |     return (
 61 |       <TreeNode
 62 |         node={node}
 63 |         browse={this.props.browse}
 64 |         onNodeSelect={this.nodeSelect}
 65 |         level={0}
 66 |         marginRight={4}
 67 |         parentNode={null}
 68 |       />
 69 |     );
 70 |   };
 71 | 
 72 |   renderNodes = (rootNodeId: OpcUaBrowseResults, ignoreRoot: boolean) => {
 73 |     if (!ignoreRoot) {
 74 |       return this.renderNode(rootNodeId);
 75 |     } else {
 76 |       if (!this.state.fetchedChildren) {
 77 |         this.props
 78 |           .browse(rootNodeId.nodeId)
 79 |           .then((response) => {
 80 |             this.setState({ children: response, fetchedChildren: true });
 81 |           })
 82 |           .catch((c) => console.log(c));
 83 |         return <></>;
 84 |       } else {
 85 |         return this.state.children.map((a) => this.renderNode(a));
 86 |       }
 87 |     }
 88 |   };
 89 | 
 90 |   /**
 91 |    * Renders the component.
 92 |    */
 93 |   render() {
 94 |     const rootNodeId = this.props.rootNodeId;
 95 |     if (this.state.rootNode.nodeId !== rootNodeId.nodeId) {
 96 |       this.setState({ children: [], fetchedChildren: false, rootNode: rootNodeId });
 97 |     }
 98 |     let bg = '';
 99 |     if (this.props.theme != null) {
100 |       bg = this.props.theme.colors.bg2;
101 |     }
102 |     return (
103 |       <div
104 |         style={{
105 |           background: bg,
106 |         }}
107 |       >
108 |         <div
109 |           data-id="Treeview-ScrollDiv"
110 |           style={{
111 |             height: convertRemToPixels('20rem'),
112 |             overflowX: 'hidden',
113 |             overflowY: 'auto',
114 |           }}
115 |         >
116 |           {this.renderNodes(rootNodeId, this.props.ignoreRootNode)}
117 |         </div>
118 |       </div>
119 |     );
120 |   }
121 | }
122 | 


--------------------------------------------------------------------------------
/src/components/ButtonCascader/ButtonCascader.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Icon, stylesFactory, useTheme } from '@grafana/ui';
 3 | import { css, cx } from '@emotion/css';
 4 | 
 5 | // @ts-ignore
 6 | import RCCascader from 'rc-cascader';
 7 | import { CascaderOption } from 'rc-cascader/lib/Cascader';
 8 | import { GrafanaTheme } from '@grafana/data';
 9 | 
10 | export interface ButtonCascaderProps {
11 |   options: CascaderOption[];
12 |   children: string;
13 |   disabled?: boolean;
14 |   value?: string[];
15 |   fieldNames?: { label: string; value: string; children: string };
16 |   loadData?: (selectedOptions: CascaderOption[]) => void;
17 |   onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
18 |   onPopupVisibleChange?: (visible: boolean) => void;
19 |   className?: string;
20 | }
21 | 
22 | const getStyles = stylesFactory((theme: GrafanaTheme) => {
23 |   return {
24 |     popup: css`
25 |       label: popup;
26 |       z-index: ${theme.zIndex.dropdown};
27 |     `,
28 |     icon: css`
29 |       margin: 1px 0 0 4px;
30 |     `,
31 |   };
32 | });
33 | 
34 | export const ButtonCascader: React.FC<ButtonCascaderProps> = (props) => {
35 |   const { onChange, className, loadData, ...rest } = props;
36 |   const theme = useTheme();
37 |   const styles = getStyles(theme);
38 | 
39 |   return (
40 |     <RCCascader
41 |       onChange={onChange}
42 |       loadData={loadData}
43 |       changeOnSelect={true}
44 |       popupClassName={styles.popup}
45 |       {...rest}
46 |       expandIcon={null}
47 |     >
48 |       <button className={cx('gf-form-label', className)} disabled={props.disabled}>
49 |         {props.children} <Icon name="angle-down" className={styles.icon} />
50 |       </button>
51 |     </RCCascader>
52 |   );
53 | };
54 | 
55 | ButtonCascader.displayName = 'ButtonCascader';
56 | 


--------------------------------------------------------------------------------
/src/components/Cascader/Cascader.mdx:
--------------------------------------------------------------------------------
1 | import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
2 | import { Cascader } from './Cascader';
3 | 
4 | # Cascader with search
5 | 
6 | <Meta title="MDX|Cascader" component={Cascader} />
7 | 
8 | <Props of={Cascader}/>


--------------------------------------------------------------------------------
/src/components/Cascader/Cascader.tsx:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import { Icon, Select, Input } from '@grafana/ui';
  3 | import RCCascader from '../../../node_modules/rc-cascader/lib';
  4 | import { SelectableValue } from '@grafana/data';
  5 | import { css } from '@emotion/css';
  6 | import { onChangeCascader, onLoadDataCascader } from './optionMappings';
  7 | 
  8 | interface CascaderProps {
  9 |   /** The separator between levels in the search */
 10 |   separator?: string;
 11 |   placeholder?: string;
 12 |   options?: CascaderOption[];
 13 |   loadData?: (selectedOptions: CascaderOption[]) => void;
 14 |   onChange: (selected: string[], selectedOptions: CascaderOption[]) => void;
 15 |   onSelect(val: string): void;
 16 |   /** Sets the width to a multiple of 8px. Should only be used with inline forms. Setting width of the container is preferred in other cases.*/
 17 |   width?: number;
 18 |   initialValue?: string;
 19 |   allowCustomValue?: boolean;
 20 |   onSelectChange: boolean;
 21 |   /** A function for formatting the message for custom value creation. Only applies when allowCustomValue is set to true*/
 22 |   formatCreateLabel?: (val: string) => string;
 23 | }
 24 | 
 25 | interface CascaderState {
 26 |   isSearching: boolean;
 27 |   //searchableOptions: Array<SelectableValue<string[]>>;
 28 |   focusCascade: boolean;
 29 |   //Array for cascade navigation
 30 |   //rcValue: SelectableValue<string[]>;
 31 |   //activeLabel: string;
 32 | }
 33 | 
 34 | export interface CascaderOption {
 35 |   /**
 36 |    *  The value used under the hood
 37 |    */
 38 |   value: any;
 39 |   /**
 40 |    *  The label to display in the UI
 41 |    */
 42 |   label: string;
 43 |   /** Items will be just flattened into the main list of items recursively. */
 44 |   items?: CascaderOption[];
 45 |   disabled?: boolean;
 46 |   /** Avoid using */
 47 |   title?: string;
 48 |   /**  Children will be shown in a submenu. Use 'items' instead, as 'children' exist to ensure backwards compatibility.*/
 49 |   children?: CascaderOption[];
 50 |   isLeaf?: boolean;
 51 | }
 52 | 
 53 | const disableDivFocus = css(`
 54 | &:focus{
 55 |   outline: none;
 56 | }
 57 | `);
 58 | 
 59 | export class Cascader extends React.PureComponent<CascaderProps, CascaderState> {
 60 |   constructor(props: CascaderProps) {
 61 |     super(props);
 62 |     //const searchableOptions = this.flattenOptions(props.options);
 63 |     //const { rcValue, activeLabel } = this.setInitialValue(searchableOptions, props.initialValue);
 64 |     this.state = {
 65 |       isSearching: false,
 66 |       focusCascade: false,
 67 |       // searchableOptions,
 68 |       // rcValue,
 69 |       // activeLabel,
 70 |     };
 71 |   }
 72 | 
 73 |   flattenOptions = (options: CascaderOption[], optionPath: CascaderOption[] = []) => {
 74 |     let selectOptions: Array<SelectableValue<string[]>> = [];
 75 |     for (const option of options) {
 76 |       const cpy = [...optionPath];
 77 |       cpy.push(option);
 78 |       if (!option.items) {
 79 |         selectOptions.push({
 80 |           singleLabel: cpy[cpy.length - 1].label,
 81 |           label: cpy.map((o) => o.label).join(this.props.separator || ' / '),
 82 |           //value: cpy.map(o => o.value),
 83 |         });
 84 |       } else {
 85 |         selectOptions = [...selectOptions, ...this.flattenOptions(option.items, cpy)];
 86 |       }
 87 |     }
 88 |     return selectOptions;
 89 |   };
 90 | 
 91 |   setInitialValue(searchableOptions: Array<SelectableValue<string[]>>, initValue?: string) {
 92 |     if (!initValue) {
 93 |       return { rcValue: [], activeLabel: '' };
 94 |     }
 95 |     for (const option of searchableOptions) {
 96 |       const optionPath = option.value || [];
 97 | 
 98 |       if (optionPath.indexOf(initValue) === optionPath.length - 1) {
 99 |         return {
100 |           rcValue: optionPath,
101 |           activeLabel: option.singleLabel || '',
102 |         };
103 |       }
104 |     }
105 |     if (this.props.allowCustomValue) {
106 |       return { rcValue: [], activeLabel: initValue };
107 |     }
108 |     return { rcValue: [], activeLabel: '' };
109 |   }
110 | 
111 |   //For rc-cascader
112 |   onChange = (value: string[], selectedOptions: CascaderOption[]) => {
113 |     this.setState({
114 |       //rcValue: value,
115 |       focusCascade: true,
116 |       //activeLabel: selectedOptions[selectedOptions.length - 1].label,
117 |     });
118 | 
119 |     this.props.onChange(value, selectedOptions);
120 |     this.props.onSelect(selectedOptions[selectedOptions.length - 1].value);
121 |   };
122 | 
123 |   //For select
124 |   onSelect = (obj: SelectableValue<string[]>) => {
125 |     const valueArray = obj.value || [];
126 |     this.setState({
127 |       //activeLabel: obj.singleLabel || '',
128 |       //rcValue: valueArray,
129 |       isSearching: false,
130 |     });
131 |     this.props.onSelect(valueArray[valueArray.length - 1]);
132 |   };
133 | 
134 |   onCreateOption = (value: string) => {
135 |     this.setState({
136 |       //activeLabel: value,
137 |       //rcValue: [],
138 |       isSearching: false,
139 |     });
140 |     this.props.onSelect(value);
141 |   };
142 | 
143 |   onBlur = () => {
144 |     this.setState({
145 |       isSearching: false,
146 |       focusCascade: false,
147 |     });
148 | 
149 |     // if (this.state.activeLabel === '') {
150 |     //   this.setState({
151 |     //     rcValue: [],
152 |     //   });
153 |     // }
154 |   };
155 | 
156 |   onBlurCascade = () => {
157 |     this.setState({
158 |       focusCascade: false,
159 |     });
160 |   };
161 | 
162 |   onInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
163 |     if (
164 |       e.key === 'ArrowDown' ||
165 |       e.key === 'ArrowUp' ||
166 |       e.key === 'Enter' ||
167 |       e.key === 'ArrowLeft' ||
168 |       e.key === 'ArrowRight'
169 |     ) {
170 |       return;
171 |     }
172 |     this.setState({
173 |       focusCascade: false,
174 |       isSearching: true,
175 |     });
176 |   };
177 | 
178 |   render() {
179 |     const { allowCustomValue, placeholder, width, loadData } = this.props;
180 |     //const { focusCascade, isSearching, searchableOptions, rcValue, activeLabel } = this.state;
181 |     const { focusCascade, isSearching } = this.state;
182 | 
183 |     return (
184 |       <div>
185 |         {isSearching ? (
186 |           <Select
187 |             allowCustomValue={allowCustomValue}
188 |             placeholder={placeholder}
189 |             autoFocus={!focusCascade}
190 |             onChange={this.onSelect}
191 |             onBlur={this.onBlur}
192 |             //options={searchableOptions}
193 |             onCreateOption={this.onCreateOption}
194 |             formatCreateLabel={this.props.formatCreateLabel}
195 |             width={width}
196 |           />
197 |         ) : (
198 |           <RCCascader
199 |             onChange={onChangeCascader(this.onChange)}
200 |             options={this.props.options}
201 |             loadData={onLoadDataCascader(loadData)}
202 |             changeOnSelect={true}
203 |             //value={rcValue.value}
204 |             fieldNames={{ label: 'label', value: 'value', children: 'items' }}
205 |             expandIcon={null}
206 |             // Required, otherwise the portal that the popup is shown in will render under other components
207 |             popupClassName={css`
208 |               z-index: 9999;
209 |             `}
210 |           >
211 |             <div className={disableDivFocus}>
212 |               <Input
213 |                 width={width}
214 |                 placeholder={placeholder}
215 |                 onBlur={this.onBlurCascade}
216 |                 //value={activeLabel}
217 |                 onKeyDown={this.onInputKeyDown}
218 |                 onChange={this.onSelect}
219 |                 suffix={
220 |                   focusCascade ? (
221 |                     <Icon name="angle-up" />
222 |                   ) : (
223 |                     <Icon name="angle-down" style={{ marginBottom: 0, marginLeft: '4px' }} />
224 |                   )
225 |                 }
226 |               />
227 |             </div>
228 |           </RCCascader>
229 |         )}
230 |       </div>
231 |     );
232 |   }
233 | }
234 | 


--------------------------------------------------------------------------------
/src/components/Cascader/optionMappings.ts:
--------------------------------------------------------------------------------
 1 | import { CascaderOption as RCCascaderOption } from 'rc-cascader/lib/Cascader';
 2 | import { CascaderOption } from './Cascader';
 3 | 
 4 | type onChangeType = ((values: string[], options: CascaderOption[]) => void) | undefined;
 5 | 
 6 | export const onChangeCascader = (onChanged: onChangeType) => (values: string[], options: RCCascaderOption[]) => {
 7 |   if (onChanged) {
 8 |     onChanged(values, fromRCOptions(options));
 9 |   }
10 | };
11 | 
12 | type onLoadDataType = ((options: CascaderOption[]) => void) | undefined;
13 | 
14 | export const onLoadDataCascader = (onLoadData: onLoadDataType) => (options: RCCascaderOption[]) => {
15 |   if (onLoadData) {
16 |     onLoadData(fromRCOptions(options));
17 |   }
18 | };
19 | 
20 | const fromRCOptions = (options: RCCascaderOption[]): CascaderOption[] => {
21 |   return options.map(fromRCOption);
22 | };
23 | 
24 | const fromRCOption = (option: RCCascaderOption): CascaderOption => {
25 |   return {
26 |     value: option.value ?? '',
27 |     label: (option.label as unknown) as string,
28 |   };
29 | };
30 | 


--------------------------------------------------------------------------------
/src/components/EventFilterTable.tsx:
--------------------------------------------------------------------------------
  1 | import React, { PureComponent } from 'react';
  2 | import Table from '@material-ui/core/Table';
  3 | import TableBody from '@material-ui/core/TableBody';
  4 | import TableCell from '@material-ui/core/TableCell';
  5 | //import TableHead from "@material-ui/core/TableHead";
  6 | import TableRow from '@material-ui/core/TableRow';
  7 | //import { withStyles, makeStyles } from '@material-ui/core/styles';
  8 | import { Paper, TableHead } from '@material-ui/core';
  9 | import { FilterOperator, EventFilter } from '../types';
 10 | import { GrafanaTheme } from '@grafana/data';
 11 | import { EventFilterOperatorUtil } from '../utils/Operands';
 12 | 
 13 | export interface Props {
 14 |   rows: EventFilter[];
 15 |   theme: GrafanaTheme | null;
 16 |   onDelete(idx: number): void;
 17 |   getNamespaceIndices(): Promise<string[]>;
 18 | }
 19 | 
 20 | type State = {
 21 |   nsTable: string[];
 22 |   nsTableFetched: boolean;
 23 | };
 24 | 
 25 | const imageHeight = 20;
 26 | const imageWidth = 20;
 27 | 
 28 | export class EventFilterTable extends PureComponent<Props, State> {
 29 |   constructor(props: Props) {
 30 |     super(props);
 31 |     this.state = { nsTable: [], nsTableFetched: false };
 32 |   }
 33 | 
 34 |   renderCompareOperatorRow(row: EventFilter, index: number, bg: string, txt: string) {
 35 |     return (
 36 |       <TableRow style={{ height: 14 }} key={index}>
 37 |         <TableCell style={{ color: txt, border: 0, padding: 0 }}>
 38 |           {EventFilterOperatorUtil.GetOperandString(row.operands[0], this.state.nsTable)}
 39 |         </TableCell>
 40 |         <TableCell style={{ color: txt, border: 0, padding: 0 }}>
 41 |           {EventFilterOperatorUtil.GetString(row.operator)}
 42 |         </TableCell>
 43 |         <TableCell style={{ color: txt, border: 0, padding: 0 }}>
 44 |           {EventFilterOperatorUtil.GetOperandString(row.operands[1], this.state.nsTable)}
 45 |         </TableCell>
 46 |         <TableCell style={{ color: txt, border: 0, padding: 0 }}>{this.renderTrashBin(index)}</TableCell>
 47 |       </TableRow>
 48 |     );
 49 |   }
 50 | 
 51 |   renderTrashBin(index: number) {
 52 |     // Courtesy of OG.
 53 |     return (
 54 |       <div style={{ display: 'inline-block', marginLeft: '5', cursor: 'pointer' }}>
 55 |         <svg
 56 |           xmlns="http://www.w3.org/2000/svg"
 57 |           width={imageWidth}
 58 |           height={imageHeight}
 59 |           viewBox="0 0 24 24"
 60 |           fill="currentColor"
 61 |           onClick={() => this.props.onDelete(index)}
 62 |         >
 63 |           <path d="M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18ZM20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Zm-3-1a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z"></path>
 64 |         </svg>
 65 |       </div>
 66 |     );
 67 |   }
 68 | 
 69 |   renderDefaultRow(row: EventFilter, index: number, txt: string) {
 70 |     return (
 71 |       <TableRow style={{ height: 14 }} key={index}>
 72 |         <TableCell align="right" style={{ color: txt, border: 0, padding: 0 }}>
 73 |           {row.operator}
 74 |         </TableCell>
 75 |         {row.operands.map((operand, idx) => (
 76 |           <TableCell key={`EventFilterTable-${idx}`} style={{ color: txt, border: 0, padding: 0 }}>
 77 |             {' '}
 78 |             {EventFilterOperatorUtil.GetOperandString(operand, this.state.nsTable)}{' '}
 79 |           </TableCell>
 80 |         ))}
 81 |       </TableRow>
 82 |     );
 83 |   }
 84 | 
 85 |   render() {
 86 |     let bg = '';
 87 |     let txt = '';
 88 |     let bgBlue = '';
 89 |     if (this.props.theme != null) {
 90 |       bg = this.props.theme.colors.bg2;
 91 |       txt = this.props.theme.colors.text;
 92 |       bgBlue = this.props.theme.colors.bgBlue1;
 93 |     }
 94 |     if (!this.state.nsTableFetched) {
 95 |       this.props.getNamespaceIndices().then((nsTable) => this.setState({ nsTable: nsTable, nsTableFetched: true }));
 96 |       return <></>;
 97 |     }
 98 | 
 99 |     return (
100 |       <div className="panel-container" style={{ width: '100' }}>
101 |         <Paper>
102 |           <Table>
103 |             <TableHead style={{ backgroundColor: bg, color: txt }}>
104 |               <TableRow style={{ height: 20 }}>
105 |                 <TableCell style={{ color: txt, border: 0, padding: 2, whiteSpace: 'nowrap' }}>Operand</TableCell>
106 |                 <TableCell style={{ color: txt, border: 0, padding: 2, whiteSpace: 'nowrap' }}>Operator</TableCell>
107 |                 <TableCell style={{ color: txt, border: 0, padding: 2, whiteSpace: 'nowrap' }}>Operand</TableCell>
108 |                 <TableCell style={{ color: txt, border: 0, padding: 2, whiteSpace: 'nowrap' }}></TableCell>
109 |               </TableRow>
110 |             </TableHead>
111 |             <TableBody style={{ backgroundColor: bg, color: txt }}>
112 |               {this.props.rows.map((row, index) => {
113 |                 switch (row.operator) {
114 |                   case FilterOperator.GreaterThan:
115 |                   case FilterOperator.GreaterThanOrEqual:
116 |                   case FilterOperator.LessThan:
117 |                   case FilterOperator.LessThanOrEqual:
118 |                   case FilterOperator.Equals:
119 |                     return this.renderCompareOperatorRow(row, index, bgBlue, txt);
120 |                 }
121 |                 return this.renderDefaultRow(row, index, txt);
122 |               })}
123 |             </TableBody>
124 |           </Table>
125 |         </Paper>
126 |       </div>
127 |     );
128 |   }
129 | }
130 | 


--------------------------------------------------------------------------------
/src/components/NodeEditor.tsx:
--------------------------------------------------------------------------------
  1 | import React, { PureComponent } from 'react';
  2 | import { OpcUaBrowseResults, OpcUaNodeInfo, QualifiedName, NodePath, BrowseFilter } from '../types';
  3 | import { NodeTextEditor } from './NodeTextEditor';
  4 | import { BrowserDialog } from './BrowserDialog';
  5 | import { GrafanaTheme } from '@grafana/data';
  6 | import { FaSearch } from 'react-icons/fa';
  7 | 
  8 | type Props = {
  9 |   rootNodeId: string;
 10 |   node: NodePath;
 11 |   theme: GrafanaTheme | null;
 12 |   browse(nodeId: string, browseFilter: BrowseFilter): Promise<OpcUaBrowseResults[]>;
 13 |   getNamespaceIndices(): Promise<string[]>;
 14 |   onChangeNode(node: NodePath): void;
 15 |   readNode(nodeId: string): Promise<OpcUaNodeInfo>;
 16 |   getNodePath(nodeId: string, rootId: string): Promise<NodePath>;
 17 |   placeholder: string;
 18 |   openBrowser(id: string): void;
 19 |   closeBrowser(id: string): void;
 20 |   isBrowserOpen(id: string): boolean;
 21 |   id: string;
 22 | };
 23 | 
 24 | type State = {
 25 |   node: OpcUaNodeInfo;
 26 | };
 27 | 
 28 | export class NodeEditor extends PureComponent<Props, State> {
 29 |   constructor(props: Props) {
 30 |     super(props);
 31 |     this.state = {
 32 |       node: {
 33 |         browseName: { name: '', namespaceUrl: '' },
 34 |         displayName: '',
 35 |         nodeClass: -1,
 36 |         nodeId: '',
 37 |       },
 38 |     };
 39 |   }
 40 | 
 41 |   toggleBrowser = () => {
 42 |     if (this.props.isBrowserOpen(this.props.id)) {
 43 |       this.props.closeBrowser(this.props.id);
 44 |     } else {
 45 |       this.props.openBrowser(this.props.id);
 46 |     }
 47 |   };
 48 | 
 49 |   renderNodeBrowser = (rootNodeId: OpcUaBrowseResults) => {
 50 |     if (this.props.isBrowserOpen(this.props.id)) {
 51 |       return (
 52 |         <div
 53 |           data-id="Treeview-MainDiv"
 54 |           style={{
 55 |             border: 'lightgrey 1px solid',
 56 |             borderRadius: '1px',
 57 |             cursor: 'pointer',
 58 |             padding: '2px',
 59 |             position: 'absolute',
 60 |             left: 30,
 61 |             top: 10,
 62 |             zIndex: 10,
 63 |           }}
 64 |         >
 65 |           <BrowserDialog
 66 |             theme={this.props.theme}
 67 |             getNamespaceIndices={() => this.props.getNamespaceIndices()}
 68 |             closeBrowser={() => this.props.closeBrowser(this.props.id)}
 69 |             closeOnSelect={true}
 70 |             browse={(nodeId, filter) => this.props.browse(nodeId, filter)}
 71 |             ignoreRootNode={true}
 72 |             rootNodeId={rootNodeId}
 73 |             onNodeSelectedChanged={(node, browsePath) => {
 74 |               this.onChangeNode(node, browsePath);
 75 |             }}
 76 |           ></BrowserDialog>
 77 |         </div>
 78 |       );
 79 |     }
 80 |     return <></>;
 81 |   };
 82 | 
 83 |   onChangeNode(node: OpcUaNodeInfo, path: QualifiedName[]) {
 84 |     let nodePath: NodePath = { node: node, browsePath: path };
 85 |     this.setState({ node: node }, () => this.props.onChangeNode(nodePath));
 86 |   }
 87 | 
 88 |   render() {
 89 |     let rootNodeId: OpcUaBrowseResults = {
 90 |       browseName: { name: '', namespaceUrl: '' },
 91 |       displayName: '',
 92 |       isForward: true,
 93 |       nodeClass: 0,
 94 |       nodeId: this.props.rootNodeId,
 95 |     };
 96 |     return (
 97 |       <div className="gf-form-inline">
 98 |         <NodeTextEditor
 99 |           getNamespaceIndices={() => this.props.getNamespaceIndices()}
100 |           placeholder={this.props.placeholder}
101 |           getNodePath={(s) => this.props.getNodePath(s, this.props.rootNodeId)}
102 |           node={this.props.node}
103 |           onNodeChanged={(n: OpcUaNodeInfo, path: QualifiedName[]) => this.onChangeNode(n, path)}
104 |         />
105 | 
106 |         <div
107 |           style={{ display: 'inline-block', marginLeft: 0, marginTop: 5, marginRight: 10, cursor: 'pointer' }}
108 |           onClick={(e) => this.toggleBrowser()}
109 |         >
110 |           <FaSearch fill="currentColor" size={20}></FaSearch>
111 |         </div>
112 |         <div style={{ position: 'relative' }}>{this.renderNodeBrowser(rootNodeId)}</div>
113 |       </div>
114 |     );
115 |   }
116 | }
117 | 


--------------------------------------------------------------------------------
/src/components/NodeTextEditor.tsx:
--------------------------------------------------------------------------------
  1 | import React, { PureComponent } from 'react';
  2 | import { Input } from '@grafana/ui';
  3 | import { NodePath, NSNodeId, OpcUaNodeInfo, QualifiedName } from '../types';
  4 | import { browsePathToShortString } from '../utils/QualifiedName';
  5 | import { areNodesEqual, nodeIdToShortString } from '../utils/NodeId';
  6 | import { FaEdit } from 'react-icons/fa';
  7 | 
  8 | export interface Props {
  9 |   node: NodePath;
 10 |   onNodeChanged(node: OpcUaNodeInfo, path: QualifiedName[]): void;
 11 |   getNamespaceIndices(): Promise<string[]>;
 12 |   getNodePath(nodeId: string): Promise<NodePath>;
 13 |   placeholder: string;
 14 | }
 15 | 
 16 | type State = {
 17 |   node: NodePath | null;
 18 |   edit: boolean;
 19 |   nsTable: string[];
 20 |   nsTableFetched: boolean;
 21 |   editNode: string;
 22 |   preEditNode: string;
 23 | };
 24 | 
 25 | export class NodeTextEditor extends PureComponent<Props, State> {
 26 |   constructor(props: Props) {
 27 |     super(props);
 28 |     this.state = {
 29 |       edit: false,
 30 |       node: null,
 31 |       nsTable: [],
 32 |       nsTableFetched: false,
 33 |       editNode: '',
 34 |       preEditNode: '',
 35 |     };
 36 |   }
 37 | 
 38 |   getNodeId(nId: string | null): NSNodeId | null {
 39 |     if (nId === null) {
 40 |       return null;
 41 |     }
 42 |     let nsNodeId: NSNodeId | null = null;
 43 |     if (nId !== null && nId.length > 0) {
 44 |       try {
 45 |         nsNodeId = JSON.parse(nId);
 46 |       } catch (e) {
 47 |         console.log(e);
 48 |       }
 49 |     }
 50 |     return nsNodeId;
 51 |   }
 52 | 
 53 |   onUpdateNode(nodePath: NodePath): void {
 54 |     let nsNodeId = this.getNodeId(nodePath.node.nodeId);
 55 |     if (nsNodeId != null) {
 56 |       this.setState({ edit: false }, () => this.props.onNodeChanged(nodePath.node, nodePath.browsePath));
 57 |     } else {
 58 |       this.setState({ edit: false, editNode: this.state.preEditNode });
 59 |     }
 60 |   }
 61 | 
 62 |   onSubmit = () => {
 63 |     let currentNodeId = this.getNodeId(this.state.node != null ? this.state.node.node.nodeId : null);
 64 |     let s = nodeIdToShortString(currentNodeId, this.state.nsTable);
 65 |     if (s !== this.state.editNode) {
 66 |       this.props
 67 |         .getNodePath(this.state.editNode)
 68 |         .then((result) => this.onUpdateNode(result))
 69 |         .catch((r) => this.setState({ editNode: this.state.preEditNode, edit: false }));
 70 |     } else {
 71 |       this.setState({ edit: false });
 72 |     }
 73 |   };
 74 | 
 75 |   onChange = (e: React.FormEvent<HTMLInputElement>) => {
 76 |     this.setState({ editNode: e.currentTarget.value });
 77 |   };
 78 | 
 79 |   render() {
 80 |     if (!this.state.nsTableFetched) {
 81 |       this.props.getNamespaceIndices().then((ind) => {
 82 |         this.setState({ nsTable: ind, nsTableFetched: true });
 83 |       });
 84 |       return <></>;
 85 |     }
 86 | 
 87 |     if (this.state.node === null || !areNodesEqual(this.props.node.node, this.state.node.node)) {
 88 |       let nodeId = this.getNodeId(this.props.node.node.nodeId);
 89 |       let editNode = nodeIdToShortString(nodeId, this.state.nsTable);
 90 |       this.setState({ node: this.props.node, editNode, preEditNode: editNode });
 91 |     }
 92 | 
 93 |     return this.state.edit ? (
 94 |       <div>
 95 |         <Input
 96 |           autoFocus={true}
 97 |           placeholder={this.props.placeholder}
 98 |           value={this.state.editNode}
 99 |           onBlur={() => this.onSubmit()}
100 |           onChange={(e) => this.onChange(e)}
101 |           onKeyPress={(k) => {
102 |             if (k.key === 'Enter') {
103 |               this.onSubmit();
104 |             }
105 |           }}
106 |         ></Input>
107 |       </div>
108 |     ) : (
109 |       <div
110 |         onClick={() => this.setState({ edit: true })}
111 |         style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}
112 |       >
113 |         <span placeholder={this.props.placeholder} style={{ minWidth: 200, display: 'inline-block' }}>
114 |           {browsePathToShortString(this.state.node != null ? this.state.node.browsePath : null)}
115 |         </span>
116 |         <FaEdit style={{ marginLeft: 10, marginRight: 10, flexWrap: 'nowrap' }} size={20}></FaEdit>
117 |       </div>
118 |     );
119 |   }
120 | }
121 | 


--------------------------------------------------------------------------------
/src/components/QualifiedNameEditor.tsx:
--------------------------------------------------------------------------------
 1 | import React, { PureComponent } from 'react';
 2 | import { Input } from '@grafana/ui';
 3 | import { QualifiedName } from '../types';
 4 | 
 5 | export interface Props {
 6 |   namespaceUrl: string;
 7 |   name: string;
 8 |   id: number;
 9 |   selectBrowseNamespace(id: number, current: string): void;
10 |   onchange(id: number, t: QualifiedName): void;
11 | }
12 | 
13 | type State = {};
14 | 
15 | export class QualifiedNameEditor extends PureComponent<Props, State> {
16 |   constructor(props: Props) {
17 |     super(props);
18 |   }
19 | 
20 |   onChangeNamespaceUrl = (e: React.FormEvent<HTMLInputElement>) => {
21 |     let v = e.currentTarget.value;
22 |     let qm: QualifiedName = { name: this.props.name, namespaceUrl: v };
23 |     this.props.onchange(this.props.id, qm);
24 |   };
25 |   onChangeName = (e: React.FormEvent<HTMLInputElement>) => {
26 |     let v = e.currentTarget.value;
27 |     let qm: QualifiedName = { name: v, namespaceUrl: this.props.namespaceUrl };
28 |     this.props.onchange(this.props.id, qm);
29 |   };
30 | 
31 |   render() {
32 |     return (
33 |       <div>
34 |         <Input
35 |           value={this.props.namespaceUrl}
36 |           placeholder={'Namespace Url'}
37 |           onChange={(e) => this.onChangeNamespaceUrl(e)}
38 |           width={30}
39 |         ></Input>
40 |         <button onClick={(e) => this.props.selectBrowseNamespace(this.props.id, this.props.namespaceUrl)}></button>
41 |         <Input
42 |           value={this.props.name}
43 |           placeholder={'Name'}
44 |           onChange={(e) => this.onChangeName(e)}
45 |           width={30}
46 |         ></Input>
47 |       </div>
48 |     );
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/src/components/SegmentFrame.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | //import { SegmentAsync } from '@grafana/ui';
 3 | 
 4 | // const AddButton = (
 5 | //   <a className="gf-form-label query-part">
 6 | //     <i className="fa fa-plus" />
 7 | //   </a>
 8 | // );
 9 | 
10 | export const SegmentLabel = ({ label, marginLeft }: any) => (
11 |   <>
12 |     <span style={marginLeft ? { marginLeft: '4px' } : {}} className="gf-form-label query-keyword">
13 |       {label}
14 |     </span>
15 |   </>
16 | );
17 | 
18 | //<SegmentAsync Component={AddButton} onChange={onChange} loadOptions={loadOptions} />
19 | export const SegmentFrame = ({ label, onChange, loadOptions, children }: any) => (
20 |   <>
21 |     <div className="gf-form-inline">
22 |       <div className="gf-form">
23 |         <SegmentLabel label={label} />
24 |       </div>
25 |       {children}
26 |     </div>
27 |   </>
28 | );
29 | 


--------------------------------------------------------------------------------
/src/components/SelectOptionGroup.tsx:
--------------------------------------------------------------------------------
 1 | import React, { PureComponent } from 'react';
 2 | import { GroupProps } from 'react-select';
 3 | 
 4 | interface ExtendedGroupProps extends GroupProps<any, false> {
 5 |   data: {
 6 |     label: string;
 7 |     expanded: boolean;
 8 |     options: any[];
 9 |     onExpand: (e: any) => void;
10 |   };
11 | }
12 | 
13 | interface State {
14 |   expanded: boolean;
15 | }
16 | 
17 | export default class SelectOptionGroup extends PureComponent<ExtendedGroupProps, State> {
18 |   state = {
19 |     expanded: false,
20 |   };
21 | 
22 |   componentDidMount() {
23 |     if (this.props.data.expanded) {
24 |       this.setState({ expanded: true });
25 |     } else if (this.props.selectProps && this.props.selectProps.value) {
26 |       const { value } = this.props.selectProps.value;
27 | 
28 |       if (value && this.props.options.some((option) => option.value === value)) {
29 |         this.setState({ expanded: true });
30 |       }
31 |     }
32 |   }
33 | 
34 |   componentDidUpdate(nextProps: ExtendedGroupProps) {
35 |     if (nextProps.selectProps.inputValue !== '') {
36 |       this.setState({ expanded: true });
37 |     }
38 |   }
39 | 
40 |   onToggleChildren = () => {
41 |     this.setState((prevState) => ({
42 |       expanded: !prevState.expanded,
43 |     }));
44 |     this.props.data.onExpand(this);
45 |   };
46 | 
47 |   render() {
48 |     const { children, label } = this.props;
49 |     const { expanded } = this.state;
50 | 
51 |     return (
52 |       <div className="gf-form-select-box__option-group">
53 |         <div className="gf-form-select-box__option-group__header" onClick={this.onToggleChildren}>
54 |           <span className="flex-grow-1">{label}</span>
55 |           <i className={`fa ${expanded ? 'fa-caret-left' : 'fa-caret-down'}`} />{' '}
56 |         </div>
57 |         {expanded && children}
58 |       </div>
59 |     );
60 |   }
61 | }
62 | 


--------------------------------------------------------------------------------
/src/components/ThemesGetter.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | // @ts-ignore
 3 | import { useTheme } from '@grafana/ui';
 4 | import { GrafanaTheme } from '@grafana/data';
 5 | 
 6 | export interface ThemeGetterProps {
 7 |   onTheme(theme: GrafanaTheme): void;
 8 | }
 9 | 
10 | export const ThemeGetter: React.FC<ThemeGetterProps> = (props) => {
11 |   const { onTheme } = props;
12 |   const theme = useTheme();
13 |   onTheme(theme);
14 |   return <></>;
15 | };
16 | 


--------------------------------------------------------------------------------
/src/components/TreeEditor.tsx:
--------------------------------------------------------------------------------
  1 | //import defaults from 'lodash/defaults';
  2 | 
  3 | import React, { PureComponent } from 'react';
  4 | import { QueryEditorProps } from '@grafana/data';
  5 | import { DataSource } from '../DataSource';
  6 | import { OpcUaQuery, OpcUaDataSourceOptions, OpcUaBrowseResults } from '../types';
  7 | import { Transfer, Tree } from 'antd';
  8 | import { TransferProps, TransferItem } from 'antd/lib/transfer';
  9 | import './TreeEditorDark.less';
 10 | const rootNode = 'i=85';
 11 | const loadingText = 'Loading Data...';
 12 | const loadingItem: TransferItem = {
 13 |   key: loadingText,
 14 |   title: loadingText,
 15 |   children: [],
 16 | };
 17 | 
 18 | type Props = QueryEditorProps<DataSource, OpcUaQuery, OpcUaDataSourceOptions>;
 19 | 
 20 | interface TreeTransferProps extends TransferProps {
 21 |   onExpand: (nodeId: string) => void;
 22 | }
 23 | 
 24 | // Customize Table Transfer
 25 | const { TreeNode } = Tree;
 26 | 
 27 | const isChecked = (selectedKeys: any[], eventKey: any): any => {
 28 |   return selectedKeys.indexOf(eventKey) !== -1;
 29 | };
 30 | 
 31 | const generateTree = (treeNodes: any[] = [], checkedKeys: any[] = []) => {
 32 |   return treeNodes.map(({ children, ...props }) => (
 33 |     <TreeNode {...props} disabled={checkedKeys.includes(props.key)} key={props.key}>
 34 |       {generateTree(children, checkedKeys)}
 35 |     </TreeNode>
 36 |   ));
 37 | };
 38 | 
 39 | const TreeTransfer = ({ dataSource, targetKeys, ...restProps }: TreeTransferProps) => {
 40 |   const transferDataSource: TransferItem[] = [];
 41 |   function flatten(list: TransferItem[] = []) {
 42 |     list.forEach((item: TransferItem) => {
 43 |       transferDataSource.push(item);
 44 |       flatten(item.children);
 45 |     });
 46 |   }
 47 |   flatten(dataSource);
 48 | 
 49 |   return (
 50 |     <Transfer
 51 |       {...restProps}
 52 |       targetKeys={targetKeys}
 53 |       dataSource={transferDataSource}
 54 |       className="tree-transfer"
 55 |       render={(item) => item.title || 'Unknown Title'}
 56 |       showSelectAll={false}
 57 |     >
 58 |       {({ direction, onItemSelect, selectedKeys }) => {
 59 |         if (direction === 'left') {
 60 |           const checkedKeys = [...selectedKeys, ...(targetKeys || [])];
 61 |           return (
 62 |             <Tree
 63 |               blockNode
 64 |               checkable
 65 |               checkStrictly
 66 |               defaultExpandAll
 67 |               checkedKeys={checkedKeys}
 68 |               onExpand={(_, ae) => {
 69 |                 if (ae.expanded && ae.node.props.eventKey) {
 70 |                   restProps.onExpand(ae.node.props.eventKey);
 71 |                 }
 72 |               }}
 73 |               onCheck={(
 74 |                 _,
 75 |                 {
 76 |                   node: {
 77 |                     props: { eventKey },
 78 |                   },
 79 |                 }
 80 |               ) => {
 81 |                 if (typeof eventKey !== 'undefined') {
 82 |                   onItemSelect(eventKey, !isChecked(checkedKeys, eventKey));
 83 |                 }
 84 |               }}
 85 |               onSelect={(
 86 |                 _,
 87 |                 {
 88 |                   node: {
 89 |                     props: { eventKey },
 90 |                   },
 91 |                 }
 92 |               ) => {
 93 |                 if (typeof eventKey !== 'undefined') {
 94 |                   onItemSelect(eventKey, !isChecked(checkedKeys, eventKey));
 95 |                 }
 96 |               }}
 97 |             >
 98 |               {generateTree(dataSource, targetKeys)}
 99 |             </Tree>
100 |           );
101 |         }
102 | 
103 |         return null;
104 |       }}
105 |     </Transfer>
106 |   );
107 | };
108 | 
109 | interface State {
110 |   dataSource: TransferItem[];
111 |   targetKeys: string[];
112 |   listStyle: any;
113 | }
114 | 
115 | export class TreeEditor extends PureComponent<Props, State> {
116 |   constructor(props: Props) {
117 |     super(props);
118 | 
119 |     //const { query } = this.props;
120 |     this.state = {
121 |       dataSource: [loadingItem],
122 |       targetKeys: [],
123 |       listStyle: {},
124 |     };
125 | 
126 |     this.getTreeData(rootNode).then((results: TransferItem[]) => {
127 |       this.setState({
128 |         dataSource: results,
129 |         //targetKeys: query.value ? [query.value.join(separator)] : [],
130 |       });
131 |     });
132 |   }
133 | 
134 |   onChange = (targetKeys: string[], direction: string, moveKeys: string[]) => {
135 |     console.log('onChange', targetKeys, direction, moveKeys);
136 |     this.setState({ ...this.state, targetKeys });
137 |   };
138 | 
139 |   onSelectChange = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {
140 |     console.log('Source', sourceSelectedKeys, 'target', targetSelectedKeys);
141 |   };
142 | 
143 |   findNode = (nodeId: string, dataSource: TransferItem[]): TransferItem | undefined => {
144 |     for (const item of dataSource) {
145 |       if (item.key === nodeId) {
146 |         return item;
147 |       } else {
148 |         const found = item.hasOwnProperty('children') ? this.findNode(nodeId, item.children) : false;
149 |         if (found) {
150 |           return found;
151 |         }
152 |       }
153 |     }
154 | 
155 |     return undefined;
156 |   };
157 | 
158 |   onExpand = (nodeId: string) => {
159 |     const { dataSource } = this.state;
160 |     const entry = this.findNode(nodeId, dataSource);
161 |     if (entry) {
162 |       this.getTreeData(nodeId).then((children: TransferItem[]) => {
163 |         entry.children = children;
164 |         this.updateDataSource([...dataSource]);
165 |       });
166 |     }
167 |   };
168 | 
169 |   updateDataSource = (ds: TransferItem[]) => {
170 |     console.log('updating ds', ds);
171 |     this.setState({
172 |       dataSource: ds,
173 |     });
174 |   };
175 | 
176 |   updateTargetKeys = (tk: string[]) => {
177 |     this.setState({
178 |       targetKeys: tk,
179 |     });
180 |   };
181 | 
182 |   getTreeData = (nodeId: string): Promise<TransferItem[]> => {
183 |     return this.props.datasource.getResource('browse', { nodeId }).then((results: OpcUaBrowseResults[]) =>
184 |       results.map((item: OpcUaBrowseResults) => {
185 |         if (item.nodeClass !== 2 && item.isForward) {
186 |           return {
187 |             key: item.nodeId,
188 |             title: item.displayName,
189 |             children: [loadingItem],
190 |             checkable: true,
191 |           };
192 |         } else {
193 |           console.log('item', item);
194 |           return {
195 |             key: item.nodeId,
196 |             title: item.displayName,
197 |             checkable: true,
198 |           };
199 |         }
200 |       })
201 |     );
202 |   };
203 | 
204 |   render() {
205 |     const { targetKeys, dataSource, listStyle } = this.state;
206 |     console.log('treeview::render', targetKeys, dataSource);
207 | 
208 |     return (
209 |       <div className="gf-form-inline">
210 |         <TreeTransfer
211 |           showSearch={false}
212 |           dataSource={dataSource}
213 |           targetKeys={targetKeys}
214 |           onChange={this.onChange}
215 |           onSelectChange={this.onSelectChange}
216 |           listStyle={listStyle}
217 |           onExpand={this.onExpand}
218 |           style={{ width: '100%' }}
219 |         />
220 |       </div>
221 |     );
222 |   }
223 | }
224 | 


--------------------------------------------------------------------------------
/src/components/TreeEditorLight.less:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grafana/opcua-datasource/774e46001fe2eb6ef4874df0207668a17c75893d/src/components/TreeEditorLight.less


--------------------------------------------------------------------------------
/src/components/TreeNode.tsx:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react';
  2 | import { OpcUaBrowseResults, QualifiedName } from '../types';
  3 | import { FaChevronDown, FaChevronRight } from 'react-icons/fa';
  4 | 
  5 | type Props = {
  6 |   browse: (nodeId: string) => Promise<OpcUaBrowseResults[]>;
  7 |   node: OpcUaBrowseResults;
  8 |   parentNode: TreeNode | null;
  9 |   onNodeSelect: (node: OpcUaBrowseResults, browsePath: QualifiedName[]) => void;
 10 |   level: number;
 11 |   marginRight: number;
 12 | };
 13 | 
 14 | type State = {
 15 |   isOpen: boolean;
 16 |   fetchedChildren: boolean;
 17 |   node: OpcUaBrowseResults;
 18 |   children: OpcUaBrowseResults[];
 19 | };
 20 | 
 21 | /**
 22 |  * The root component allow for display/use of sub components
 23 |  */
 24 | export default class TreeNode extends Component<Props, State> {
 25 |   constructor(props: Props) {
 26 |     super(props);
 27 |     this.state = {
 28 |       isOpen: false,
 29 |       fetchedChildren: false,
 30 |       node: {
 31 |         browseName: { name: '', namespaceUrl: '' },
 32 |         displayName: '',
 33 |         isForward: false,
 34 |         nodeClass: -1,
 35 |         nodeId: '',
 36 |       },
 37 |       children: [],
 38 |     };
 39 | 
 40 |     this.setState({ isOpen: false });
 41 |     this.setState({});
 42 |   }
 43 | 
 44 |   static defaultProps = {
 45 |     level: 0,
 46 |   };
 47 | 
 48 |   onToggle = () => {
 49 |     let isOpen = this.state.isOpen;
 50 |     this.setState({ isOpen: !isOpen });
 51 |   };
 52 | 
 53 |   getBrowsePath = (): QualifiedName[] => {
 54 |     let browsePaths: QualifiedName[] = [];
 55 |     browsePaths.push(this.props.node.browseName);
 56 |     let parentNode = this.props.parentNode;
 57 |     while (parentNode != null && typeof parentNode !== 'undefined') {
 58 |       browsePaths.push(parentNode.props.node.browseName);
 59 |       parentNode = parentNode.props.parentNode;
 60 |     }
 61 |     return browsePaths.reverse();
 62 |   };
 63 | 
 64 |   renderExpander = () => {
 65 |     const iconStyle = this.getNodeIconStyle();
 66 |     if (this.state.fetchedChildren && this.state.children.length === 0) {
 67 |       return <></>;
 68 |     }
 69 |     return (
 70 |       <>
 71 |         <span onClick={() => this.onToggle()} style={{ ...iconStyle, ...{ cursor: 'pointer' } }}>
 72 |           {this.state.isOpen ? <FaChevronDown /> : <FaChevronRight />}
 73 |         </span>
 74 |         <span onClick={() => this.onToggle()} style={{ cursor: 'pointer' }}></span>
 75 |       </>
 76 |     );
 77 |   };
 78 | 
 79 |   /**
 80 |    * Renders the component.
 81 |    */
 82 |   render() {
 83 |     const { browse, onNodeSelect } = this.props;
 84 | 
 85 |     if (this.state.node.nodeId !== this.props.node.nodeId) {
 86 |       this.setState({ children: [], fetchedChildren: false, node: this.props.node });
 87 |     }
 88 | 
 89 |     if (this.state.isOpen && !this.state.fetchedChildren) {
 90 |       browse(this.props.node.nodeId).then((response) => {
 91 |         this.setState({ children: response, fetchedChildren: true });
 92 |       });
 93 |     }
 94 | 
 95 |     if (!this.state.isOpen && this.state.fetchedChildren) {
 96 |       this.setState({ children: [], fetchedChildren: false });
 97 |     }
 98 | 
 99 |     let divStyle = this.getDivStyle() as React.CSSProperties;
100 | 
101 |     return (
102 |       <>
103 |         <div style={divStyle}>
104 |           {this.renderExpander()}
105 |           <span role="button" onClick={() => onNodeSelect(this.props.node, this.getBrowsePath())}>
106 |             {this.props.node.displayName}
107 |           </span>
108 |         </div>
109 | 
110 |         {this.state.children.map((childNode, idx) => (
111 |           <TreeNode
112 |             {...this.props}
113 |             key={`TreeNode-${idx}`}
114 |             level={this.props.level + 1}
115 |             node={childNode}
116 |             parentNode={this}
117 |           />
118 |         ))}
119 |       </>
120 |     );
121 |   }
122 | 
123 |   /**
124 |    * Calculates how much to indent the node based on the level it's at.
125 |    * @param {*} level The level of the node.
126 |    */
127 |   getPaddingLeft = (level: number) => {
128 |     let paddingLeft = level * 20;
129 |     return paddingLeft;
130 |   };
131 | 
132 |   /**
133 |    * Gets the style of the surrounding div.
134 |    */
135 |   getDivStyle = () => {
136 |     let borderColor = null;
137 |     let level = this.props.level;
138 | 
139 |     return {
140 |       alignItems: 'center',
141 |       border: borderColor ? borderColor + ' 1px solid' : null,
142 |       cursor: /*type === "file" ?*/ 'pointer' /*: undefined*/,
143 |       display: 'flex',
144 |       flexDirection: 'row',
145 |       paddingBottom: 5,
146 |       paddingLeft: this.getPaddingLeft(level),
147 |       paddingRight: 8,
148 |       paddingTop: 5,
149 |     };
150 |   };
151 | 
152 |   /**
153 |    * Gets the style of the icon for the node.
154 |    */
155 |   getNodeIconStyle = () => {
156 |     const { marginRight } = this.props;
157 | 
158 |     return {
159 |       fontSize: 12,
160 |       marginRight: marginRight || 5,
161 |     };
162 |   };
163 | }
164 | 


--------------------------------------------------------------------------------
/src/img/PrediktorLogo_thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grafana/opcua-datasource/774e46001fe2eb6ef4874df0207668a17c75893d/src/img/PrediktorLogo_thumb.png


--------------------------------------------------------------------------------
/src/img/dashboard1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grafana/opcua-datasource/774e46001fe2eb6ef4874df0207668a17c75893d/src/img/dashboard1.png


--------------------------------------------------------------------------------
/src/img/dashboard2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grafana/opcua-datasource/774e46001fe2eb6ef4874df0207668a17c75893d/src/img/dashboard2.png


--------------------------------------------------------------------------------
/src/img/logo.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="iso-8859-1"?>
2 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
3 | 	<path fill="#f46800" d="M19.629,9.655c-0.021-0.589-0.088-1.165-0.21-1.723h-3.907V7.244h1.378V6.555h-2.756V5.866h2.067V5.177h-0.689V4.488h-1.378V3.799h0.689V3.11h-1.378V2.421h0.689V1.731V1.294C12.88,0.697,11.482,0.353,10,0.353c-5.212,0-9.446,4.135-9.629,9.302H19.629z M6.555,2.421c1.522,0,2.756,1.234,2.756,2.756S8.077,7.933,6.555,7.933S3.799,6.699,3.799,5.177S5.033,2.421,6.555,2.421z"></path>
4 | 	<path fill="#f46800" d="M12.067,18.958h-0.689v-0.689h2.067v-0.689h0.689V16.89h2.067v-0.689h0.689v-0.689h-1.378v-0.689h-2.067v-0.689h1.378v-0.689h2.756v-0.689h-1.378v-0.689h3.218c0.122-0.557,0.189-1.134,0.21-1.723H0.371c0.183,5.167,4.418,9.302,9.629,9.302c0.711,0,1.401-0.082,2.067-0.227V18.958z"></path>
5 | </svg>
6 | 
7 | 


--------------------------------------------------------------------------------
/src/img/opc_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/grafana/opcua-datasource/774e46001fe2eb6ef4874df0207668a17c75893d/src/img/opc_logo.png


--------------------------------------------------------------------------------
/src/module.test.ts:
--------------------------------------------------------------------------------
1 | describe('placeholder test', () => {
2 |   it('should return true', () => {
3 |     expect(true).toBeTruthy();
4 |   });
5 | });
6 | 


--------------------------------------------------------------------------------
/src/module.ts:
--------------------------------------------------------------------------------
 1 | import { DataSourcePlugin } from '@grafana/data';
 2 | import { DataSource } from './DataSource';
 3 | import { ConfigEditor } from './ConfigEditor';
 4 | import { QueryEditor } from './QueryEditor';
 5 | import { OpcUaQuery, OpcUaDataSourceOptions } from './types';
 6 | 
 7 | export const plugin = new DataSourcePlugin<DataSource, OpcUaQuery, OpcUaDataSourceOptions>(DataSource)
 8 |   .setConfigEditor(ConfigEditor)
 9 |   .setQueryEditor(QueryEditor);
10 | 


--------------------------------------------------------------------------------
/src/plugin.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "type": "datasource",
 3 |   "name": "OPC UA (Unified Architecture)",
 4 |   "id": "grafana-opcua-datasource",
 5 |   "metrics": true,
 6 |   "annotations": true,
 7 |   "backend": true,
 8 |   "executable": "gpx_opcua",
 9 |   "alerting": true,
10 |   "streaming": true,
11 |   "category": "enterprise",
12 |   "info": {
13 |     "description": "A Grafana datasource that reads data from OPC UA Servers",
14 |     "author": {
15 |       "name": "srclosson@gmail.com",
16 |       "url": "https://github.com/srclosson"
17 |     },
18 |     "keywords": ["opc", "opcua", "ua", "da", "hda", "ae"],
19 |     "logos": {
20 |       "small": "img/opc_logo.png",
21 |       "large": "img/opc_logo.png"
22 |     },
23 |     "links": [
24 |       {
25 |         "name": "Website",
26 |         "url": "https://github.com/grafana/opcua-datasource"
27 |       },
28 |       {
29 |         "name": "License",
30 |         "url": "https://github.com/grafana/opcua-datasource/blob/master/LICENSE"
31 |       }
32 |     ],
33 |     "screenshots": [],
34 |     "version": "%VERSION%",
35 |     "updated": "%TODAY%"
36 |   },
37 |   "dependencies": {
38 |     "grafanaVersion": "7.0.x",
39 |     "grafanaDependency": ">=7.5.4",
40 |     "plugins": []
41 |   },
42 |   "build": {
43 |     "backend": [
44 |       {
45 |         "os": "linux",
46 |         "arch": "amd64",
47 |         "image": "mcr.microsoft.com/dotnet/sdk:6.0-bullseye-slim",
48 |         "commands": ["./scripts/ci-build-linux.sh"]
49 |       },
50 |       {
51 |         "os": "windows",
52 |         "arch": "amd64",
53 |         "platformOS": "linux",
54 |         "image": "mcr.microsoft.com/dotnet/sdk:6.0-bullseye-slim",
55 |         "commands": ["./scripts/ci-build-windows.sh"]
56 |       }
57 |     ]
58 |   }
59 | }
60 | 


--------------------------------------------------------------------------------
/src/types.ts:
--------------------------------------------------------------------------------
  1 | import { DataQuery, DataSourceJsonData } from '@grafana/data';
  2 | 
  3 | export enum NodeClass {
  4 |   Unspecified = 0,
  5 |   Object = 1,
  6 |   Variable = 2,
  7 |   Method = 4,
  8 |   ObjectType = 8,
  9 |   VariableType = 16,
 10 |   ReferenceType = 32,
 11 |   DataType = 64,
 12 |   View = 128,
 13 | }
 14 | 
 15 | export interface NSNodeId {
 16 |   namespaceUrl: string;
 17 |   id: string;
 18 | }
 19 | 
 20 | export interface BrowseFilter {
 21 |   maxResults: number;
 22 |   browseName: string;
 23 | }
 24 | 
 25 | export interface OpcUaQuery extends DataQuery {
 26 |   useTemplate: boolean;
 27 |   templateVariable: string;
 28 |   nodePath: NodePath;
 29 |   relativePath: QualifiedName[];
 30 |   alias: string;
 31 |   readType: string;
 32 |   aggregate: OpcUaNodeDefinition;
 33 |   maxValuesPerNode: number;
 34 |   resampleInterval: number;
 35 |   eventQuery: EventQuery;
 36 | }
 37 | 
 38 | export interface NodePath {
 39 |   node: OpcUaNodeInfo;
 40 |   browsePath: QualifiedName[];
 41 | }
 42 | 
 43 | export interface EventQuery {
 44 |   eventTypeNodeId: string;
 45 |   eventColumns: EventColumn[];
 46 |   eventFilters: EventFilterSer[];
 47 | }
 48 | 
 49 | export interface QualifiedName {
 50 |   namespaceUrl: string;
 51 |   name: string;
 52 | }
 53 | 
 54 | export interface EventColumn {
 55 |   browsePath: QualifiedName[];
 56 |   alias: string;
 57 | }
 58 | 
 59 | export interface DashboardInfo {
 60 |   name: string;
 61 | }
 62 | 
 63 | export interface OpcUaResultsEntry {
 64 |   meta: string;
 65 |   series: any;
 66 |   tables: any;
 67 | }
 68 | 
 69 | export interface OpcUaResults {
 70 |   results: Record<string, OpcUaResultsEntry>;
 71 | }
 72 | 
 73 | export interface OpcUaResponse {
 74 |   data: OpcUaResults;
 75 | }
 76 | 
 77 | export interface OpcUaNodeInfo {
 78 |   displayName: string;
 79 |   browseName: QualifiedName;
 80 |   nodeId: string;
 81 |   nodeClass: number;
 82 | }
 83 | 
 84 | export interface OpcUaBrowseResults extends OpcUaNodeInfo {
 85 |   isForward: boolean;
 86 | }
 87 | 
 88 | export interface OpcUaNodeDefinition {
 89 |   name: string;
 90 |   nodeId: string;
 91 | }
 92 | 
 93 | export interface EventFilter {
 94 |   operator: FilterOperator;
 95 |   operands: FilterOperand[];
 96 | }
 97 | 
 98 | export interface FilterOperand {
 99 |   type: FilterOperandEnum;
100 |   value: object;
101 | }
102 | 
103 | export interface EventFilterSer {
104 |   operator: FilterOperator;
105 |   operands: FilterOperandSer[];
106 | }
107 | 
108 | export interface FilterOperandSer {
109 |   type: FilterOperandEnum;
110 |   value: string;
111 | }
112 | 
113 | export enum FilterOperandEnum {
114 |   Literal = 1,
115 |   Element = 2,
116 |   Attribute = 3,
117 |   SimpleAttribute = 4,
118 | }
119 | 
120 | export interface LiteralOp {
121 |   typeId: string;
122 |   value: string;
123 | }
124 | 
125 | export interface ElementOp {
126 |   index: number;
127 | }
128 | 
129 | export interface AttributeOp {
130 |   //TODO
131 | }
132 | 
133 | export interface SimpleAttributeOp {
134 |   typeId: string;
135 |   browsePath: QualifiedName[];
136 |   attributeId: number;
137 | }
138 | 
139 | export enum FilterOperator {
140 |   Equals = 0,
141 |   IsNull = 1,
142 |   GreaterThan = 2,
143 |   LessThan = 3,
144 |   GreaterThanOrEqual = 4,
145 |   LessThanOrEqual = 5,
146 |   Like = 6,
147 |   Not = 7,
148 |   Between = 8,
149 |   InList = 9,
150 |   And = 10,
151 |   Or = 11,
152 |   Cast = 12,
153 |   InView = 13,
154 |   OfType = 14,
155 |   RelatedTo = 15,
156 |   BitwiseAnd = 16,
157 |   BitwiseOr = 17,
158 | }
159 | 
160 | export const separator = ' / ';
161 | 
162 | export enum OPCTimestamp {
163 |   Server = 'server',
164 |   Source = 'source',
165 | }
166 | 
167 | /**
168 |  * These are options configured for each DataSource instance
169 |  */
170 | export interface OpcUaDataSourceOptions extends DataSourceJsonData {
171 |   timestamp: OPCTimestamp;
172 | }
173 | 


--------------------------------------------------------------------------------
/src/utils/CascaderOption.tsx:
--------------------------------------------------------------------------------
 1 | import { OpcUaBrowseResults } from '../types';
 2 | import { CascaderOption } from 'rc-cascader/lib/Cascader';
 3 | 
 4 | export function toCascaderOption(opcBrowseResult: OpcUaBrowseResults, children?: CascaderOption[]): CascaderOption {
 5 |   console.log('browse Result', opcBrowseResult);
 6 |   return {
 7 |     label: opcBrowseResult.displayName,
 8 |     value: opcBrowseResult.nodeId,
 9 |     isLeaf: !opcBrowseResult.isForward || opcBrowseResult.nodeClass === 2, //!opcBrowseResult.isForward,
10 |   };
11 | }
12 | 


--------------------------------------------------------------------------------
/src/utils/ConvertRemToPixels.tsx:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Converts a rem value to a number of pixels for the current screen size.
 3 |  * @param rem The rem value to convert.
 4 |  */
 5 | export function convertRemToPixels(rem: string | number) {
 6 |   if (!rem) {
 7 |     rem = '1rem';
 8 |   }
 9 | 
10 |   if (typeof rem === 'string') {
11 |     if (rem.indexOf('rem') >= 0) {
12 |       rem = rem.substring(0, rem.length - 3);
13 |       rem = parseFloat(rem);
14 |     } else {
15 |       rem = parseFloat(rem);
16 |     }
17 |   }
18 | 
19 |   const pixels = rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
20 | 
21 |   return Math.round(pixels);
22 | }
23 | 


--------------------------------------------------------------------------------
/src/utils/EventColumn.ts:
--------------------------------------------------------------------------------
 1 | import { EventColumn, QualifiedName } from '../types';
 2 | import { copyQualifiedName } from './QualifiedName';
 3 | 
 4 | export function copyEventColumn(r: EventColumn): EventColumn {
 5 |   let paths = r.browsePath.slice().map((bp: QualifiedName) => copyQualifiedName(bp));
 6 | 
 7 |   return {
 8 |     browsePath: paths,
 9 |     alias: r.alias,
10 |   };
11 | }
12 | 


--------------------------------------------------------------------------------
/src/utils/EventFilter.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   FilterOperand,
 3 |   FilterOperandSer,
 4 |   EventFilter,
 5 |   EventFilterSer,
 6 |   LiteralOp,
 7 |   FilterOperator,
 8 |   FilterOperandEnum,
 9 |   ElementOp,
10 | } from '../types';
11 | 
12 | function serializeEventOperand(filterOperand: FilterOperand): FilterOperandSer {
13 |   return { type: filterOperand.type, value: JSON.stringify(filterOperand.value) };
14 | }
15 | 
16 | export function serializeEventFilter(eventFilter: EventFilter): EventFilterSer {
17 |   return {
18 |     operator: eventFilter.operator,
19 |     operands: eventFilter.operands.map((evf) => serializeEventOperand(evf)),
20 |   };
21 | }
22 | 
23 | export function deserializeEventFilter(eventFilter: EventFilterSer): EventFilter {
24 |   return {
25 |     operator: eventFilter.operator,
26 |     operands: eventFilter.operands.map((evf) => deserializeEventOperand(evf)),
27 |   };
28 | }
29 | 
30 | export function deserializeEventFilters(eventFilters: EventFilterSer[]): EventFilter[] {
31 |   if (typeof eventFilters !== 'undefined') {
32 |     return eventFilters.map((a) => deserializeEventFilter(a));
33 |   }
34 |   return [];
35 | }
36 | 
37 | function deserializeEventOperand(filterOperand: FilterOperandSer): FilterOperand {
38 |   return { type: filterOperand.type, value: JSON.parse(filterOperand.value) };
39 | }
40 | 
41 | export function createFilterTree(eventTypesNode: string, eventFilters: EventFilter[]): EventFilter[] {
42 |   let eventFilterTree: EventFilter[] = [];
43 |   if (eventTypesNode != null) {
44 |     let literal: LiteralOp = { typeId: 'i=17', value: eventTypesNode };
45 | 
46 |     let filterEventType: EventFilter = {
47 |       operator: FilterOperator.OfType,
48 |       operands: [
49 |         {
50 |           type: FilterOperandEnum.Literal,
51 |           value: literal,
52 |         },
53 |       ],
54 |     };
55 |     eventFilterTree.push(filterEventType);
56 |   }
57 | 
58 |   let rootIdx = 0;
59 |   for (let i = 0; i < eventFilters.length; i++) {
60 |     eventFilterTree.push(eventFilters[i]);
61 |     let left: ElementOp = { index: rootIdx };
62 |     let right: ElementOp = {
63 |       index: eventFilterTree.length - 1,
64 |     };
65 |     let and: EventFilter = {
66 |       operator: FilterOperator.And,
67 |       operands: [
68 |         { type: FilterOperandEnum.Element, value: left },
69 |         { type: FilterOperandEnum.Element, value: right },
70 |       ],
71 |     };
72 |     eventFilterTree.push(and);
73 |     rootIdx = eventFilterTree.length - 1;
74 |   }
75 |   return eventFilterTree;
76 | }
77 | 
78 | //deep copy
79 | export function copyEventFilter(r: EventFilter): EventFilter {
80 |   return {
81 |     operator: r.operator,
82 |     operands: r.operands.slice(),
83 |   };
84 | }
85 | 


--------------------------------------------------------------------------------
/src/utils/NodeId.tsx:
--------------------------------------------------------------------------------
 1 | import { NSNodeId, OpcUaNodeInfo } from '../types';
 2 | 
 3 | export function nodeIdToShortString(nodeId: NSNodeId | null, nsTable: string[]): string {
 4 |   if (nodeId === null) {
 5 |     return '';
 6 |   }
 7 |   let idx = nsTable.indexOf(nodeId.namespaceUrl);
 8 |   if (idx >= 0) {
 9 |     let sepIdx = nodeId.id.indexOf(';');
10 |     if (sepIdx >= 0 && sepIdx < nodeId.id.length - 1) {
11 |       return 'ns=' + idx + ';' + nodeId.id.substr(sepIdx + 1);
12 |     } else {
13 |       // Ns=0
14 |       return nodeId.id;
15 |     }
16 |   }
17 |   return nodeId.id;
18 | }
19 | 
20 | export function areNodesEqual(leftNode: OpcUaNodeInfo, rightNode: OpcUaNodeInfo): boolean {
21 |   return (
22 |     leftNode.nodeId === rightNode.nodeId &&
23 |     leftNode.nodeClass === rightNode.nodeClass &&
24 |     leftNode.displayName === rightNode.displayName &&
25 |     leftNode.browseName.name === rightNode.browseName.name &&
26 |     leftNode.browseName.namespaceUrl === rightNode.browseName.namespaceUrl
27 |   );
28 | }
29 | 


--------------------------------------------------------------------------------
/src/utils/Nodeclass.ts:
--------------------------------------------------------------------------------
 1 | import { NodeClass } from '../types';
 2 | 
 3 | export function nodeClassToString(nodeClass: NodeClass): string {
 4 |   switch (nodeClass) {
 5 |     case NodeClass.DataType:
 6 |       return 'DataType';
 7 |     case NodeClass.Method:
 8 |       return 'Method';
 9 |     case NodeClass.Object:
10 |       return 'Object';
11 |     case NodeClass.ObjectType:
12 |       return 'ObjectType';
13 |     case NodeClass.ReferenceType:
14 |       return 'ReferenceType';
15 |     case NodeClass.Unspecified:
16 |       return 'Unspecified';
17 |     case NodeClass.Variable:
18 |       return 'Variable';
19 |     case NodeClass.VariableType:
20 |       return 'VariableType';
21 |     case NodeClass.View:
22 |       return 'View';
23 |       return 'Unknown';
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/src/utils/Operands.ts:
--------------------------------------------------------------------------------
 1 | import { FilterOperand, FilterOperandEnum, FilterOperator, LiteralOp, NSNodeId, SimpleAttributeOp } from '../types';
 2 | import { nodeIdToShortString } from './NodeId';
 3 | import { browsePathToShortString } from './QualifiedName';
 4 | 
 5 | export class EventFilterOperatorUtil {
 6 |   static operatorNames: string[] = [
 7 |     '==',
 8 |     'IsNull',
 9 |     '>',
10 |     '<',
11 |     '>=',
12 |     '<=',
13 |     'Like',
14 |     'Not',
15 |     'Between',
16 |     'InList',
17 |     'And',
18 |     'Or',
19 |     'Cast',
20 |     'InView',
21 |     'OfType',
22 |     'RelatedTo',
23 |     'BitwiseAnd',
24 |     'BitwiseOr',
25 |   ];
26 |   static GetString(operator: FilterOperator): string {
27 |     return EventFilterOperatorUtil.operatorNames[operator];
28 |   }
29 | 
30 |   static GetLiteralString(op: LiteralOp, nsTable: string[]): string {
31 |     let nsNodeId: NSNodeId = JSON.parse(op.typeId);
32 |     let s = nodeIdToShortString(nsNodeId, nsTable);
33 |     return op.value + ' [' + s + ']';
34 |   }
35 | 
36 |   static GetSimpleAttributeString(op: SimpleAttributeOp): string {
37 |     let s = browsePathToShortString(op.browsePath);
38 |     if (op.typeId.length > 0) {
39 |       s += ' [' + op.typeId + ']';
40 |     }
41 |     return s;
42 |   }
43 | 
44 |   static GetOperandString(operand: FilterOperand, nsTable: string[]): string {
45 |     switch (operand.type) {
46 |       case FilterOperandEnum.SimpleAttribute:
47 |         return this.GetSimpleAttributeString(operand.value as SimpleAttributeOp);
48 |       case FilterOperandEnum.Literal:
49 |         return this.GetLiteralString(operand.value as LiteralOp, nsTable);
50 |     }
51 |     return '';
52 |   }
53 | }
54 | 


--------------------------------------------------------------------------------
/src/utils/Overlay.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | export function renderOverlay(
 4 |   bg: string,
 5 |   shallDisplayOverlay: () => boolean,
 6 |   onOverlayClicked: () => void
 7 | ): JSX.Element {
 8 |   if (shallDisplayOverlay()) {
 9 |     return (
10 |       <div
11 |         style={{
12 |           backgroundColor: bg,
13 |           height: '100%',
14 |           left: 0,
15 |           opacity: 0.7,
16 |           position: 'fixed',
17 |           top: 0,
18 |           width: '100%',
19 |           zIndex: 5,
20 |         }}
21 |         onClick={(e) => onOverlayClicked()}
22 |       />
23 |     );
24 |   }
25 |   return <></>;
26 | }
27 | 


--------------------------------------------------------------------------------
/src/utils/QualifiedName.ts:
--------------------------------------------------------------------------------
 1 | import { QualifiedName } from '../types';
 2 | 
 3 | export function browsePathToString(qnames: QualifiedName[], nsTable: string[]): string {
 4 |   let path = '';
 5 |   if (typeof qnames !== 'undefined') {
 6 |     for (let i = 0; i < qnames.length; i++) {
 7 |       path += qualifiedNameToIndexString(qnames[i], nsTable);
 8 |       if (i < qnames.length - 1) {
 9 |         path += '/';
10 |       }
11 |     }
12 |   }
13 |   console.log('path: ' + path);
14 |   return path;
15 | }
16 | 
17 | export function browsePathToShortString(qnames: QualifiedName[] | null): string {
18 |   if (qnames === null) {
19 |     return '';
20 |   }
21 |   let path = '';
22 |   if (typeof qnames !== 'undefined') {
23 |     for (let i = 0; i < qnames.length; i++) {
24 |       path += qnames[i].name;
25 |       if (i < qnames.length - 1) {
26 |         path += '/';
27 |       }
28 |     }
29 |   }
30 |   return path;
31 | }
32 | 
33 | function qualifiedNameToIndexString(qname: QualifiedName, nsTable: string[]): string {
34 |   return nsTable.indexOf(qname.namespaceUrl) + ':' + qname.name;
35 | }
36 | 
37 | export function qualifiedNameToString(qname: QualifiedName): string {
38 |   return qname.namespaceUrl + ':' + qname.name;
39 | }
40 | 
41 | export function stringToBrowsePath(path: string, nsTable: string[]): QualifiedName[] {
42 |   path = path.trim();
43 |   if (path.length === 0) {
44 |     return [];
45 |   }
46 |   let paths = path.split('/');
47 |   let browsePath: QualifiedName[] = paths.map((a: string) => toQualifiedNameFromIndex(a, nsTable));
48 |   return browsePath;
49 | }
50 | 
51 | function toQualifiedNameFromIndex(path: string, nsTable: string[]): QualifiedName {
52 |   let ns = path.split(':');
53 |   if (ns.length > 1) {
54 |     let idx = parseInt(ns[0], 10);
55 |     let namespaceUrl = '';
56 |     if (!isNaN(idx) && idx >= 0 && idx < nsTable.length) {
57 |       namespaceUrl = nsTable[idx];
58 |     }
59 |     return { name: ns[1].trim(), namespaceUrl: namespaceUrl };
60 |   }
61 |   return { name: ns[0].trim(), namespaceUrl: '' };
62 | }
63 | 
64 | export function toQualifiedName(path: string): QualifiedName {
65 |   let ns = path.split(':');
66 |   if (ns.length > 1) {
67 |     return { name: ns[1].trim(), namespaceUrl: ns[0].trim() };
68 |   }
69 |   return { name: ns[0].trim(), namespaceUrl: '' };
70 | }
71 | 
72 | export function copyQualifiedName(qm: QualifiedName): QualifiedName {
73 |   return { name: qm.name, namespaceUrl: qm.namespaceUrl };
74 | }
75 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "./.config/tsconfig.json"
3 | }


--------------------------------------------------------------------------------