Add new minimal example plugin

client/gulpfile.js

@@ -17,6 +17,7 @@ const STATIC_PLUGIN_BUILD_IDS = [
     "cytoscape",
     "drawrna",
     "editor",
+    "example",
     "fits_image_viewer",
     "h5web",
     "heatmap/heatmap_default",

config/plugins/visualizations/example/config/example.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE visualization SYSTEM "../../visualization.dtd">
+<visualization name="Minimal Example" embeddable="false">
+    <description>Welcome to the Minimal JS-Based Example Plugin.</description>
+    <data_sources>
+        <data_source>
+            <model_class>HistoryDatasetAssociation</model_class>
+            <test type="isinstance" test_attr="datatype" result_type="datatype">tabular.Tabular</test>
+            <to_param param_attr="id">dataset_id</to_param>
+        </data_source>
+    </data_sources>
+    <params>
+        <param type="dataset" var_name_in_template="hda" required="true">dataset_id</param>
+    </params>
+    <entry_point entry_point_type="script" src="script.js" />
+</visualization>

config/plugins/visualizations/example/static/script.js

@@ -0,0 +1,4 @@
+var element = document.getElementById("app");
+var div = document.createElement('div');
+div.innerHTML = JSON.stringify(JSON.parse(element.getAttribute("data-incoming")));
+document.body.appendChild(div);

test/unit/app/visualizations/plugins/test_VisualizationsRegistry.py

@@ -171,7 +171,7 @@ def test_script_entry(self):
         response = script_entry.render(trans=trans, embedded=True)
         assert '<script type="module" src="mysrc">' in response
         assert '<link rel="stylesheet" href="mycss">' in response
-        assert '<div id="mycontainer" data-incoming=\'{}\'></div>' in response
+        assert "<div id=\"mycontainer\" data-incoming='{}'></div>" in response
         mock_app_dir.remove()