feat: get org text from emacs

2 files changed, 39 insertions, 0 deletions

diff --git a/pages/index.tsx b/pages/index.tsx
index c7713ed..fa15758 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -84,6 +84,11 @@ export function GraphPage() {
   const [emacsNodeId, setEmacsNodeId] = useState<string | null>(null)
   const [behavior, setBehavior] = usePersistantState('behavior', initialBehavior)
   const [mouse, setMouse] = usePersistantState('mouse', initialMouse)
+  const [orgText, setOrgText] = useState('')
+
+  useEffect(() => {
+    console.log(orgText)
+  }, [orgText])
 
   const nodeByIdRef = useRef<NodeById>({})
   const linksByNodeIdRef = useRef<LinksByNodeId>({})
@@ -358,6 +363,8 @@ export function GraphPage() {
       switch (message.type) {
         case 'graphdata':
           return updateGraphData(message.data)
+        case 'orgText':
+          return setOrgText(message.data)
         case 'theme':
           return setEmacsTheme(message.data)
         case 'command':
@@ -518,6 +525,11 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) {
   const sendMessageToEmacs = (command: string, data: {}) => {
     webSocket.send(JSON.stringify({ command: command, data: data }))
   }
+
+  const getOrgText = (node: OrgRoamNode) => {
+    sendMessageToEmacs('getText', { id: node.id })
+  }
+
   const openNodeInEmacs = (node: OrgRoamNode) => {
     sendMessageToEmacs('open', { id: node.id })
   }
@@ -947,6 +959,7 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) {
     () => getThemeColor(visuals.labelTextColor),
     [visuals.labelTextColor, emacsTheme],
   )
+
   const labelBackgroundColor = useMemo(
     () => getThemeColor(visuals.labelBackgroundColor),
     [visuals.labelBackgroundColor, emacsTheme],
@@ -1182,6 +1195,7 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) {
           openNodeInEmacs={openNodeInEmacs}
           deleteNodeInEmacs={deleteNodeInEmacs}
           createNodeInEmacs={createNodeInEmacs}
+          getOrgText={getOrgText}
         />
       )}
       {threeDim ? (
diff --git a/pages/uniorg.tsx b/pages/uniorg.tsx
new file mode 100644
index 0000000..65786c9
--- /dev/null
+++ b/pages/uniorg.tsx
@@ -0,0 +1,25 @@
+import unified from 'unified'
+import createStream from 'unified-stream'
+import uniorgParse from 'uniorg-parse'
+import uniorg2rehype from 'uniorg-rehype'
+import highlight from 'rehype-highlight'
+import katex from 'rehype-katex'
+import rehype2react from 'rehype-react'
+import React from 'react'
+
+export interface uniorgProps {
+  orgText: string
+}
+
+const UniOrg = (props: uniorgProps) => {
+  const { orgText } = props
+  const processor = unified()
+    .use(uniorgParse)
+    .use(uniorg2rehype)
+    .use(katex)
+    .use(rehype2react, { createElement: React.createElement })
+
+  return <div>processor.processSync(orgText)</div>
+}
+
+export default UniOrg