Version 2.0.2.

README.md

@@ -73,6 +73,10 @@ needs read access to the directory.
 
 # Changelog
 
+## Version 2.0.2
+
+* Fix file not found error when Grafana configured with "serve_from_sub_path = true".
+
 ## Version 2.0.1
 
 * Fix errors related to crypto.randomUUID on http servers.

docker-compose.yaml

@@ -7,9 +7,11 @@ services:
       context: ./.config
       args:
         grafana_image: ${GRAFANA_IMAGE:-grafana}
-        grafana_version: ${GRAFANA_VERSION:-9.0.0}
+        grafana_version: ${GRAFANA_VERSION:-10.4.2}
     environment:
       - GF_SECURITY_ALLOW_EMBEDDING=true
+      - GF_SERVER_ROOT_URL=%(protocol)s://%(domain)s:3000/grafana/
+      - GF_SERVER_SERVE_FROM_SUB_PATH=true
     ports:
       - 3000:3000/tcp
     volumes:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scadavis-synoptic-panel",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "SCADA-like synoptic panel from SCADAvis.io",
   "scripts": {
     "build": "webpack -c ./webpack.config.ts --env production",

src/module.ts

@@ -2,7 +2,9 @@ import { PanelPlugin } from '@grafana/data';
 import { ScadavisPanel } from './ScadavisPanel';
 import { ScadavisPanelOptions } from './types';
 import { UploadSVG } from './SvgFilePicker';
-
+declare global {
+  let grafanaBootData: any;
+}
 export const plugin = new PanelPlugin<ScadavisPanelOptions>(ScadavisPanel).setPanelOptions(builder => {
   return builder
     .addTextInput({

src/plugin.json

@@ -33,7 +33,7 @@
         "path": "img/scadavis-power.png"
       }
     ],
-    "version": "2.0.1",
+    "version": "2.0.2",
     "updated": "%TODAY%"
   },
   "dependencies": {

src/synoptic/index.ts

@@ -769,14 +769,14 @@ export class ScadaVis {
     if (this.iframeparams.indexOf('scrolling') >= 0) {
       scrolling = '';
     }
-
+    const subUrl = grafanaBootData?.appSubUrl || grafanaBootData?.settings?.appSubUrl || '';
     iframehtm =
       '<iframe id="' +
       id +
       '" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" ' +
       this.iframeparams +
       scrolling +
-      ` src="/public/plugins/scadavis-synoptic-panel/synoptic/synoptic.html"></iframe>`;
+      ` src="${subUrl}/public/plugins/scadavis-synoptic-panel/synoptic/synoptic.html"></iframe>`;
     if (this.container.innerHTML !== undefined) {
       (this.container as HTMLDivElement).appendChild(this.createElementFromHTML(iframehtm) as Node);
     } else {