1 files changed, 70 insertions, 68 deletions
diff --git a/src/client/views/Main.tsx b/src/client/views/Main.tsx
index 376876ebb..14e60409e 100644
--- a/src/client/views/Main.tsx
+++ b/src/client/views/Main.tsx
@@ -60,77 +60,79 @@ document.addEventListener("pointerdown", action(function (e: PointerEvent) {
 // schemaDocs.push(doc2);
 // const doc7 = Documents.SchemaDocument(schemaDocs)
 
-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)
-    }
+const mainDocId = "mainDoc";
+Documents.initProtos(() => {
+    Utils.EmitCallback(Server.Socket, MessageStore.GetField, mainDocId, (res: any) => {
+        console.log("HELLO WORLD")
+        console.log("RESPONSE: " + res)
+        let mainContainer: Document;
+        if (res) {
+            let obj = ServerUtils.FromJson(res) as Document
+            mainContainer = obj
+        }
+        else {
+            const docset: Document[] = [];
+            let doc4 = Documents.CollectionDocument(docset, {
+                x: 0, y: 400, title: "mini collection"
+            }, mainDocId);
+            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"
-        }));
-    })
+        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"
+            }));
+        })
 
-    let clearDatabase = action(() => {
-        Utils.Emit(Server.Socket, MessageStore.DeleteAll, {});
-    })
+        let clearDatabase = action(() => {
+            Utils.Emit(Server.Socket, MessageStore.DeleteAll, {});
+        })
 
-    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>
-            <button style={{
-                position: 'absolute',
-                bottom: '75px',
-                left: '0px',
-                width: '150px'
-            }} onClick={clearDatabase}>Clear Database</button>
-        </div>),
-        document.getElementById('root'));
-})
+        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>
+                <button style={{
+                    position: 'absolute',
+                    bottom: '75px',
+                    left: '0px',
+                    width: '150px'
+                }} onClick={clearDatabase}>Clear Database</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"
 // });