From 54048114bca3a01a6d287112d975edd00a4e398a Mon Sep 17 00:00:00 2001
From: Tyler Schicke <tyler_schicke@brown.edu>
Date: Sat, 16 Mar 2019 16:47:06 -0400
Subject: Fixed DocumentContents stuff

---
 src/debug/Test.tsx | 43 +++++++++++++------------------------------
 1 file changed, 13 insertions(+), 30 deletions(-)

(limited to 'src/debug')

diff --git a/src/debug/Test.tsx b/src/debug/Test.tsx
index 7bc70615f..c8de33f41 100644
--- a/src/debug/Test.tsx
+++ b/src/debug/Test.tsx
@@ -1,46 +1,29 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
+import JsxParser from 'react-jsx-parser'
 
-class TestInternal extends React.Component {
-    onContextMenu = (e: React.MouseEvent) => {
-        console.log("Internal");
-        e.stopPropagation();
-    }
-
-    onPointerDown = (e: React.MouseEvent) => {
-        console.log("pointer down")
-        e.preventDefault();
-    }
-
-    render() {
-        return <div onContextMenu={this.onContextMenu} onPointerDown={this.onPointerDown}
-            onPointerUp={this.onPointerDown}>Hello world</div>
-    }
-}
-
-class TestChild extends React.Component {
-    onContextMenu = () => {
-        console.log("Child");
-    }
-
+class Hello extends React.Component<{ firstName: string, lastName: string }> {
     render() {
-        return <div onContextMenu={this.onContextMenu}><TestInternal /></div>
+        return <div>Hello {this.props.firstName} {this.props.lastName}</div>
     }
 }
 
-class TestParent extends React.Component {
-    onContextMenu = () => {
-        console.log("Parent");
-    }
-
+class Test extends React.Component {
     render() {
-        return <div onContextMenu={this.onContextMenu}><TestChild /></div>
+        let jsx = "<Hello {...props}/>";
+        let bindings = {
+            props: {
+                firstName: "First",
+                lastName: "Last"
+            }
+        }
+        return <JsxParser jsx={jsx} bindings={bindings} components={{ Hello }}></JsxParser>
     }
 }
 
 ReactDOM.render((
     <div style={{ position: "absolute", width: "100%", height: "100%" }}>
-        <TestParent />
+        <Test />
     </div>),
     document.getElementById('root')
 );
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From 0476ae26662ac8a2f4232b0fb5f7b13bf7c425d4 Mon Sep 17 00:00:00 2001
From: Tyler Schicke <tyler_schicke@brown.edu>
Date: Mon, 18 Mar 2019 00:46:35 -0400
Subject: Debugger changes

---
 src/debug/Viewer.tsx | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'src/debug')

diff --git a/src/debug/Viewer.tsx b/src/debug/Viewer.tsx
index 780e9f8f2..e6ad0f540 100644
--- a/src/debug/Viewer.tsx
+++ b/src/debug/Viewer.tsx
@@ -137,11 +137,14 @@ class DebugViewer extends React.Component<{ fieldId: string }> {
                 content = (<FieldViewer field={this.field} />)
             } else if (this.field instanceof Key) {
                 content = (<KeyViewer field={this.field} />)
+            } else {
+                content = (<span>Unrecognized field type</span>)
             }
         } else if (this.error) {
             content = <span>Field <b>{this.props.fieldId}</b> not found <button onClick={() => this.update()}>Refresh</button></span>
         } else {
             content = <>Field loading</>
+            console.log(this.props.fieldId);
         }
         return content;
     }
-- 
cgit v1.2.3-70-g09d2


From d4e5c26021aadfcdfefee105493dc6e55d10fe6c Mon Sep 17 00:00:00 2001
From: Tyler Schicke <tyler_schicke@brown.edu>
Date: Mon, 18 Mar 2019 00:49:16 -0400
Subject: Debugger changes

---
 src/debug/Viewer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'src/debug')

diff --git a/src/debug/Viewer.tsx b/src/debug/Viewer.tsx
index e6ad0f540..7fdd77bf3 100644
--- a/src/debug/Viewer.tsx
+++ b/src/debug/Viewer.tsx
@@ -143,8 +143,7 @@ class DebugViewer extends React.Component<{ fieldId: string }> {
         } else if (this.error) {
             content = <span>Field <b>{this.props.fieldId}</b> not found <button onClick={() => this.update()}>Refresh</button></span>
         } else {
-            content = <>Field loading</>
-            console.log(this.props.fieldId);
+            content = <span>Field loading: {this.props.fieldId}</span>
         }
         return content;
     }
-- 
cgit v1.2.3-70-g09d2