jquery-ui does not like loading. jquery-ui-bundle handles this better, can easily be used as an import (we probably want to get rid of this stuff eventually, but it works for now)

config/plugins/visualizations/scatterplot/src/scatterplot.js

@@ -1,7 +1,9 @@
 import * as VisualizationModel from "mvc/visualization/visualization-model";
 import * as bootstrap from "bootstrap";
 import * as Backbone from "libs/backbone";
+import "jquery-ui-bundle";
 import * as d3 from "libs/d3";
+import "ui/peek-column-selector";
 
 /**
  *  Two Variable scatterplot visualization using d3

config/plugins/visualizations/scatterplot/templates/scatterplot.mako

@@ -24,7 +24,6 @@ ${h.stylesheet_link( root + 'plugins/visualizations/scatterplot/static/scatterpl
 
 ## ----------------------------------------------------------------------------
 <script type="text/javascript">
-// TODO: blah
 window.Galaxy = { root: '${ root }' };
 </script>
 ${h.js( 'libs/jquery/jquery',
@@ -66,8 +65,6 @@ ${h.javascript_link( root + 'plugins/visualizations/scatterplot/static/scatterpl
                     embedded: "${embedded}"
                 }).render();
             display.fetchData();
-            //window.model = model;
-            //window.display = display;
         });
         </script>
 

config/plugins/visualizations/scatterplot/webpack.config.js

@@ -17,6 +17,13 @@ module.exports = {
             backbone: path.join(lroot, "backbone.js"),
         }
     },
+    resolveLoader: {
+        alias: {
+            // since we support both requirejs i18n and non-requirejs and both use a similar syntax,
+            // use an alias so we can just use one file
+            i18n: "amdi18n-loader"
+        }
+    },
     module: {
         rules: [
             {