1 files changed, 71 insertions, 51 deletions

diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 197529c91..0f06f1278 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -14,16 +14,21 @@ import { ContextMenu } from './ContextMenu';
 import { DocumentView } from './nodes/DocumentView';
 import { ImageField } from '../../fields/ImageField';
 import { CompileScript } from './../util/Scripting';
+import { Server } from '../Server';
+import { Utils } from '../../Utils';
+import { ServerUtils } from '../../server/ServerUtil';
+import { MessageStore, DocumentTransfer } from '../../server/Message';
+import { Database } from '../../server/database';
 
 
 configure({
     enforceActions: "observed"
 });
 
-const mainNodeCollection = new Array<Document>();
-let mainContainer = Documents.DockDocument(mainNodeCollection, {
-    x: 0, y: 0, title: "main container"
-})
+// const mainNodeCollection = new Array<Document>();
+// let mainContainer = Documents.DockDocument(mainNodeCollection, {
+//     x: 0, y: 0, title: "main container"
+// })
 
 window.addEventListener("drop", function (e) {
     e.preventDefault();
@@ -54,11 +59,68 @@ document.addEventListener("pointerdown", action(function (e: PointerEvent) {
 // schemaDocs[4].SetData(KS.Author, "Bob", TextField);
 // schemaDocs.push(doc2);
 // const doc7 = Documents.SchemaDocument(schemaDocs)
-const docset: Document[] = [];
-let doc4 = Documents.CollectionDocument(docset, {
-    x: 0, y: 400, title: "mini collection"
-});
-mainContainer = doc4;
+
+Utils.EmitCallback(Server.Socket, MessageStore.GetField, "dash", (res: any) => {
+    console.log("HELLO WORLD")
+    console.log("RESPONSE: " + res)
+    let mainContainer: Document = new Document();
+    if (res) {
+        let obj = ServerUtils.FromJson(res) as Document
+        mainContainer = obj
+        console.log(mainContainer)
+    }
+    else {
+        const docset: Document[] = [];
+        let doc4 = Documents.CollectionDocument(docset, {
+            x: 0, y: 400, title: "mini collection"
+        }, true);
+        mainContainer = doc4;
+        let args = new DocumentTransfer(mainContainer.ToJson())
+        Utils.Emit(Server.Socket, MessageStore.AddDocument, args)
+    }
+
+    let addImageNode = action(() => {
+        mainContainer.GetList<Document>(KeyStore.Data, []).push(Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", {
+            x: 0, y: 300, width: 200, height: 200, title: "added note"
+        }));
+    })
+    let addTextNode = action(() => {
+        mainContainer.GetList<Document>(KeyStore.Data, []).push(Documents.TextDocument({
+            x: 0, y: 300, width: 200, height: 200, title: "added note"
+        }));
+    })
+    let addColNode = action(() => {
+        mainContainer.GetList<Document>(KeyStore.Data, []).push(Documents.CollectionDocument([], {
+            x: 0, y: 300, width: 200, height: 200, title: "added note"
+        }));
+    })
+
+    ReactDOM.render((
+        <div style={{ position: "absolute", width: "100%", height: "100%" }}>
+            <DocumentView Document={mainContainer} ContainingCollectionView={undefined} DocumentView={undefined} />
+            <DocumentDecorations />
+            <ContextMenu />
+            <button style={{
+                position: 'absolute',
+                bottom: '0px',
+                left: '0px',
+                width: '150px'
+            }} onClick={addImageNode}>Add Image</button>
+            <button style={{
+                position: 'absolute',
+                bottom: '25px',
+                left: '0px',
+                width: '150px'
+            }} onClick={addTextNode}>Add Text</button>
+            <button style={{
+                position: 'absolute',
+                bottom: '50px',
+                left: '0px',
+                width: '150px'
+            }} onClick={addColNode}>Add Collection</button>
+        </div>),
+        document.getElementById('root'));
+})
 // let doc5 = Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", {
 //     x: 650, y: 500, width: 600, height: 600, title: "cat 2"
 // });
@@ -78,45 +140,3 @@ mainContainer = doc4;
 // mainContainer.Set(KeyStore.Data, mainNodes);
 //}
 //);
-
-let addImageNode = action(() => {
-    doc4.GetList<Document>(KeyStore.Data, []).push(Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", {
-        x: 0, y: 300, width: 200, height: 200, title: "added note"
-    }));
-})
-let addTextNode = action(() => {
-    doc4.GetList<Document>(KeyStore.Data, []).push(Documents.TextDocument({
-        x: 0, y: 300, width: 200, height: 200, title: "added note"
-    }));
-})
-let addColNode = action(() => {
-    doc4.GetList<Document>(KeyStore.Data, []).push(Documents.CollectionDocument([], {
-        x: 0, y: 300, width: 200, height: 200, title: "added note"
-    }));
-})
-
-ReactDOM.render((
-    <div style={{ position: "absolute", width: "100%", height: "100%" }}>
-        <DocumentView Document={mainContainer} ContainingCollectionView={undefined} DocumentView={undefined} />
-        <DocumentDecorations />
-        <ContextMenu />
-        <button style={{
-            position: 'absolute',
-            bottom: '0px',
-            left: '0px',
-            width: '150px'
-        }} onClick={addImageNode}>Add Image</button>
-        <button style={{
-            position: 'absolute',
-            bottom: '25px',
-            left: '0px',
-            width: '150px'
-        }} onClick={addTextNode}>Add Text</button>
-        <button style={{
-            position: 'absolute',
-            bottom: '50px',
-            left: '0px',
-            width: '150px'
-        }} onClick={addColNode}>Add Collection</button>
-    </div>),
-    document.getElementById('root'));
\ No newline at end of file