moved from mako to js plugin

config/plugins/visualizations/fits_graph_viewer/config/fits_graph_viewer.xml

@@ -12,5 +12,5 @@
     <params>
         <param type="dataset" var_name_in_template="hda" required="true">dataset_id</param>
     </params>
-    <template>fits_graph_viewer.mako</template>
+    <entry_point entry_point_type="script" src="fits_graph_viewer.js"/>
 </visualization>

config/plugins/visualizations/fits_graph_viewer/package.json

@@ -8,9 +8,11 @@
     "main": "index.js",
     "license": "AFL-3.0",
     "dependencies": {
-        "webpack": "^5.94.0",
-        "webpack-cli": "^5.1.4",
-        "astrovisjs": "0.9.92"
+        "astrovisjs": "0.9.92",
+        "webpack": "^5.94.0"
+    },
+    "devDependencies": {
+        "webpack-cli": "^5.1.4"
     },
     "scripts": {
         "build": "npx webpack build --config webpack.prod.js --output-path=./static"

config/plugins/visualizations/fits_graph_viewer/src/index.js

@@ -1,5 +1,13 @@
 import {init} from 'astrovisjs/dist/astrovis/astrovis';
 
 document.addEventListener('DOMContentLoaded', () => {
-    init('astrovisdiv', file_url);
+
+    const {root, visualization_config} = JSON.parse(
+        document.getElementById("app")
+            .getAttribute("data-incoming") || "{}");
+
+    const dataset_id = visualization_config.dataset_id;
+    const file_url = root + "datasets/" + dataset_id + "/display"
+
+    init('app', file_url);
 });