Finish integrating Discourse Graph mode

apps/roam/package.json

@@ -33,7 +33,7 @@
     "react-draggable": "^4.4.5",
     "react-in-viewport": "^1.0.0-alpha.20",
     "react-vertical-timeline-component": "^3.5.2",
-    "roamjs-components": "^0.84.0",
+    "roamjs-components": "^0.84.1",
     "signia-react": "^0.1.1"
   },
   "overrides": {

apps/roam/src/components/DiscourseContext.tsx

@@ -21,6 +21,12 @@ import { Result } from "roamjs-components/types/query-builder";
 import nanoId from "nanoid";
 import getDiscourseContextResults from "../utils/getDiscourseContextResults";
 import ResultsView from "./ResultsView/ResultsView";
+import { getPageTitleValueByHtmlElement } from "roamjs-components/dom";
+import getPageUidByPageTitle from "roamjs-components/queries/getPageUidByPageTitle";
+import renderWithUnmount from "roamjs-components/util/renderWithUnmount";
+import isDiscourseNode from "~/utils/isDiscourseNode";
+import CanvasReferences from "./canvas/CanvasReferences";
+import { OnloadArgs } from "roamjs-components/types/native";
 
 export type DiscourseContextResults = Awaited<
   ReturnType<typeof getDiscourseContextResults>

apps/roam/src/components/LivePreview.tsx

@@ -10,8 +10,6 @@ import React, {
 import ReactDOM from "react-dom";
 import getChildrenLengthByPageUid from "roamjs-components/queries/getChildrenLengthByPageUid";
 import getPageUidByPageTitle from "roamjs-components/queries/getPageUidByPageTitle";
-import { render as renderReferenceContext } from "./ReferenceContext";
-import isDiscourseNode from "../utils/isDiscourseNode";
 
 const sizes = [300, 400, 500, 600];
 
@@ -50,11 +48,6 @@ const TooltipContent = ({
       containerRef.current.parentElement.style.padding = "0";
       newIsEmpty = false;
     }
-    if (isDiscourseNode(uid) && containerRef.current) {
-      const refs = renderReferenceContext({ title: tag });
-      containerRef.current.appendChild(refs);
-      newIsEmpty = newIsEmpty && !refs.childElementCount;
-    }
     setIsEmpty(newIsEmpty);
   }, [uid, containerRef, numChildren, tag, setIsEmpty]);
   return (

apps/roam/src/components/canvas/LabelDialog.tsx

@@ -17,7 +17,7 @@ import { RoamOverlayProps } from "roamjs-components/util/renderOverlay";
 import { Result } from "~/utils/types";
 import AutocompleteInput from "roamjs-components/components/AutocompleteInput";
 import { DiscourseContextType } from "./Tldraw";
-import { getPlainTitleFromSpecification } from "../../discourseGraphsMode";
+import { getPlainTitleFromSpecification } from "~/utils/getPlainTitleFromSpecification";
 import isLiveBlock from "roamjs-components/queries/isLiveBlock";
 import getPageTitleByPageUid from "roamjs-components/queries/getPageTitleByPageUid";
 import getTextByBlockUid from "roamjs-components/queries/getTextByBlockUid";

apps/roam/src/components/index.ts

@@ -16,7 +16,6 @@ export { default as QueryDrawer } from "./QueryDrawer";
 export { default as QueryEditor } from "./QueryEditor";
 export { default as QueryBuilder } from "./QueryBuilder";
 export { default as QueryPagesPanel } from "./settings/QueryPagesPanel";
-export { default as ReferenceContext } from "./ReferenceContext";
 export { default as ResizableDrawer } from "./ResizableDrawer";
 export { default as ResultsView } from "./ResultsView/ResultsView";
 export { default as Timeline } from "./ResultsView/views/Timeline";

apps/roam/src/data/defaultDiscourseRelations.ts

@@ -35,6 +35,16 @@ const DEFAULT_RELATION_VALUES: InputTextNode[] = [
                   { text: "is a", children: [{ text: "destination" }] },
                 ],
               },
+              {
+                text: "Node Positions",
+                children: [
+                  { text: "0", children: [{ text: "100 57" }] },
+                  { text: "1", children: [{ text: "100 208" }] },
+                  { text: "2", children: [{ text: "100 345" }] },
+                  { text: "source", children: [{ text: "281 57" }] },
+                  { text: "destination", children: [{ text: "281 345" }] },
+                ],
+              },
             ],
           },
         ],
@@ -125,6 +135,20 @@ const DEFAULT_RELATION_VALUES: InputTextNode[] = [
                   },
                 ],
               },
+              {
+                text: "Node Positions",
+                children: [
+                  { text: "0", children: [{ text: "250 325" }] },
+                  { text: "1", children: [{ text: "100 325" }] },
+                  { text: "2", children: [{ text: "100 200" }] },
+                  { text: "3", children: [{ text: "250 200" }] },
+                  { text: "4", children: [{ text: "400 200" }] },
+                  { text: "5", children: [{ text: "100 75" }] },
+                  { text: "6", children: [{ text: "250 75" }] },
+                  { text: "source", children: [{ text: "400 325" }] },
+                  { text: "destination", children: [{ text: "400 75" }] },
+                ],
+              },
             ],
           },
         ],
@@ -215,6 +239,20 @@ const DEFAULT_RELATION_VALUES: InputTextNode[] = [
                   },
                 ],
               },
+              {
+                text: "Node Positions",
+                children: [
+                  { text: "0", children: [{ text: "250 325" }] },
+                  { text: "1", children: [{ text: "100 325" }] },
+                  { text: "2", children: [{ text: "100 200" }] },
+                  { text: "3", children: [{ text: "250 200" }] },
+                  { text: "4", children: [{ text: "400 200" }] },
+                  { text: "5", children: [{ text: "100 75" }] },
+                  { text: "6", children: [{ text: "250 75" }] },
+                  { text: "source", children: [{ text: "400 325" }] },
+                  { text: "destination", children: [{ text: "400 75" }] },
+                ],
+              },
             ],
           },
         ],