Converted remaining views to React.Component and removed globals

package.json

@@ -41,6 +41,7 @@
     "@types/node": "^10.12.0",
     "@types/react": "^15.4.2",
     "@types/react-dom": "^15.4.2",
+    "@types/jquery": "^3.2.1",
     "autoprefixer": "^9.2.1",
     "babel-core": "^6.26.3",
     "babel-preset-es2015": "^6.24.1",

src/assets/index.html

@@ -49,7 +49,6 @@
     <div id='app'></div>
   </div>
   <script src="js/jsPlumb.js"></script>
-  <script src="js/globals.js"></script>
   <script src="js/app.js"></script>
   <script type="text/javascript" charset="utf-8">
     if(self == top) {

src/code/actions/codap-actions.ts

@@ -1,3 +1,5 @@
+const Reflux = require("reflux");
+
 export const CodapActions = Reflux.createActions(
   [
     "codapLoaded",

src/code/actions/graph-actions.ts

@@ -1,3 +1,5 @@
+const Reflux = require("reflux");
+
 export const GraphActions = Reflux.createActions(
   [
     "graphChanged",

src/code/actions/import-actions.ts

@@ -1 +1,3 @@
+const Reflux = require("reflux");
+
 export const ImportActions = Reflux.createActions([ "import" ]);

src/code/actions/lara-actions.ts

@@ -1,3 +1,5 @@
+const Reflux = require("reflux");
+
 export const LaraActions = Reflux.createActions(
   [
     "laraLoaded"

src/code/app.ts → src/code/app.tsx

@@ -7,34 +7,36 @@
 
 import "../stylus/app.styl";
 
-import { AppView as AppViewClass } from "./views/app-view";
-const AppView     = React.createFactory(AppViewClass);
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 
+import { AppView } from "./views/app-view";
 import { GraphStore } from "./stores/graph-store";
 import { PaletteStore } from "./stores/palette-store";
 import { HashParams } from "./utils/hash-parameters";
 
+import * as $ from "jquery";
+require("jquery-ui-dist/jquery-ui.js");
+const Touchpunch = require("./vendor/touchpunch.js");
+Touchpunch($);
+
+// const jsPlumb = require("../vendor/jsPlumb");
+declare var jsPlumb;
+
 let appView;
 
 // App API
 (window as any).Sage = {
   initApp() {
-    const opts = {
-      // Valid opts are:
-      // graphStore: store for the node-link graph
-      // publicUrl: Where to load json e.g.'json/serialized.json'
-      // googleDoc: try to load a googledoc from the url
-      // data: the json to load (compare with publicUrl above)
-      graphStore: GraphStore,
-      publicUrl: HashParams.getParam("publicUrl"),
-      data: HashParams.getParam("data"),
-      googleDoc: HashParams.getParam("googleDoc")
-    };
-
-    appView = AppView(opts);
-    const elem = "#app";
-
-    return jsPlumb.bind("ready", () => ReactDOM.render(appView, $(elem)[0]));
+    return jsPlumb.bind("ready", () => {
+      appView = <AppView
+        graphStore={GraphStore}
+        publicUrl={HashParams.getParam("publicUrl")}
+        data={HashParams.getParam("data")}
+        googleDoc={HashParams.getParam("googleDoc")}
+      />;
+      ReactDOM.render(appView, document.getElementById("app"));
+    });
   },
 
   clearModel() {

src/code/data/licenses.tsx

@@ -1,3 +1,5 @@
+import * as React from "react";
+
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns

src/code/data/migrations/01_base.ts

@@ -6,6 +6,7 @@
 // FORMAT BEFORE THIS TRANSFORM: in serialized-test-data-0.1.js
 // FORMAT AFTER THIS TRANSFORM:  in serialized-test-data-1.0.js
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/02_add_relations.ts

@@ -5,6 +5,7 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 import { Relationship } from "../../models/relationship";
 

src/code/data/migrations/03_add_semi_quant_editing.ts

@@ -5,6 +5,7 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/04_add_min_max.ts

@@ -5,6 +5,7 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/05_add_settings_and_cap.ts

@@ -5,6 +5,7 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/06_add_palette_references.ts

@@ -5,7 +5,9 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 const uuid = require("uuid");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const imageToUUIDMap = {};

src/code/data/migrations/07_add_diagram_only_setting.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/08_add_simulation_settings.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 import { TimeUnits } from "../../utils/time-units";
 

src/code/data/migrations/09_update_duration_settings.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/10_add_speed_and_cap.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/11_simulation_engine_settings.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/12_add_minigraphs_visibility.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/13_add_frames_to_nodes.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/14_remove_new_integration.ts

@@ -6,6 +6,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/15_update_less_relationship_formula.ts

@@ -5,6 +5,7 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/16_add_link_reasoning.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/17_remove_simulation_speed.ts

@@ -6,6 +6,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/18_serialize_experiment_number.ts

@@ -1,3 +1,5 @@
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {

src/code/data/migrations/19_add_relation_type.ts

@@ -5,6 +5,8 @@
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 
+const _ = require("lodash");
+
 import { MigrationMixin } from "./migration-mixin";
 
 const migration = {