From becb6c46c176acf57fe24315f45ffe99f3ed0c76 Mon Sep 17 00:00:00 2001
From: Zachary Zhang <zacharyzhang7@gmail.com>
Date: Wed, 1 May 2024 21:02:48 -0400
Subject: asd

---
 .../collectionFreeForm/CollectionFreeFormView.tsx        |  2 ++
 src/client/views/nodes/DiagramBox.tsx                    | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
index 791124f50..a0c878ee6 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
@@ -1495,6 +1495,8 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
             computation => (this._layoutElements = this.doLayoutComputation(computation.newPool, computation.computedElementData)),
             { fireImmediately: true }
         );
+        console.log("Asdasdasda"+this.childDocs)
+        console.log(DocListCast(this.Document.data));
     }
 
     static replaceCanvases(oldDiv: HTMLElement, newDiv: HTMLElement) {
diff --git a/src/client/views/nodes/DiagramBox.tsx b/src/client/views/nodes/DiagramBox.tsx
index 902134fb7..2e77d1796 100644
--- a/src/client/views/nodes/DiagramBox.tsx
+++ b/src/client/views/nodes/DiagramBox.tsx
@@ -14,6 +14,10 @@ import { ContextMenu } from '../ContextMenu';
 import { gptAPICall, GPTCallType } from '../../apis/gpt/GPT';
 import { ChatCompletionMessageParam } from 'openai/resources/chat/completions';
 import OpenAI, { ClientOptions } from 'openai';
+import { line } from 'd3';
+import { InkingStroke } from '../InkingStroke';
+import { DocumentManager } from '../../util/DocumentManager';
+import { C } from '@fullcalendar/core/internal-common';
 
 @observer
 export class DiagramBox extends ViewBoxAnnotatableComponent<FieldViewProps>() implements ViewBoxInterface {
@@ -22,10 +26,11 @@ export class DiagramBox extends ViewBoxAnnotatableComponent<FieldViewProps>() im
     }
     private _ref: React.RefObject<HTMLDivElement> = React.createRef();
     private _dragRef = React.createRef<HTMLDivElement>();
+    private chartContent:string
     constructor(props: FieldViewProps) {
         super(props);
         makeObservable(this);
-        //this.chartContent = 'flowchart LR;A-->B:::wide;B-->C:::wide; B-->D[hello];';
+        this.chartContent = 'flowchart LR;A-->B:::wide;B-->C:::wide; B-->D[hello];';
     }
 
     @observable inputValue = '';
@@ -43,6 +48,10 @@ export class DiagramBox extends ViewBoxAnnotatableComponent<FieldViewProps>() im
             startOnLoad: true,
             flowchart: { useMaxWidth: true, htmlLabels: true, curve: 'cardinal' },
         });
+        this.renderMermaidAsync.call(this,this.chartContent);
+        this.mermaidCode=this.chartContent
+        this.createMermaidCode()
+    
     }
     renderMermaid = async (str:string) => {
         try {
@@ -119,6 +128,10 @@ export class DiagramBox extends ViewBoxAnnotatableComponent<FieldViewProps>() im
             let rectangleArray = docArray.filter(doc => doc.title == 'rectangle' || doc.title == 'circle');
             let lineArray = docArray.filter(doc => doc.title == 'line' || doc.title == 'stroke');
             let textArray = docArray.filter(doc => doc.type == 'rich text');
+            console.log(docArray)
+            console.log(this.childDocs
+            .map(doc => DocumentManager.Instance.getDocumentView(doc, this.DocumentView?.())));
+            console.log(this.Document.data.filter(inkView => inkView?.ComponentView instanceof InkingStroke))
             for (let i = 0; i < rectangleArray.length; i++) {
                 const rectangle = rectangleArray[i];
                 for (let j = 0; j < lineArray.length; j++) {
@@ -170,7 +183,6 @@ export class DiagramBox extends ViewBoxAnnotatableComponent<FieldViewProps>() im
     };
 
     render() {
-        console.log(this.loading)
         return(
         <div ref={this._ref} className="DIYNodeBox">
             <div ref={this._dragRef} className="DIYNodeBox-wrapper">
-- 
cgit v1.2.3-70-g09d2