From 80e5f038778fddd420fdcaa8a9c1d5cdc0311e53 Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Tue, 8 Oct 2024 01:34:29 -0400
Subject: [PATCH 1/4] get markdown working with existing notes cards

---
 bun.lockb                                     | Bin 113992 -> 114724 bytes
 index.html                                    |   5 ++++
 package.json                                  |   3 ++-
 .../MarkDownEditor/MarkDownEditor.tsx         |  22 +++++++++++++++
 src/components/MarkDownEditor/md.css          |   3 +++
 src/components/NoteCard.tsx                   |  25 +++++++-----------
 6 files changed, 42 insertions(+), 16 deletions(-)
 create mode 100644 src/components/MarkDownEditor/MarkDownEditor.tsx
 create mode 100644 src/components/MarkDownEditor/md.css

diff --git a/bun.lockb b/bun.lockb
index 45ccfd5c794e664bebed3d86a92e3c84deb21978..dbb1abe2df37987ad8f701e3bb754fcfe37797d7 100755
GIT binary patch
delta 20177
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

delta 19854
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

diff --git a/index.html b/index.html
index 67084e5..7690c63 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="color-scheme" content="light dark" />
     <title>Kslab</title>
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://unpkg.com/tiny-markdown-editor/dist/tiny-mde.min.css"
+    />
   </head>
 
   <body>
diff --git a/package.json b/package.json
index 079fc03..728dbae 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
   "dependencies": {
     "@tauri-apps/api": "^1",
     "caniuse-lite": "^1.0.30001667",
-    "kaioken": "^0.32.1"
+    "kaioken": "^0.32.1",
+    "tiny-markdown-editor": "^0.1.26"
   },
   "devDependencies": {
     "@tauri-apps/cli": "^1",
diff --git a/src/components/MarkDownEditor/MarkDownEditor.tsx b/src/components/MarkDownEditor/MarkDownEditor.tsx
new file mode 100644
index 0000000..95a9bc5
--- /dev/null
+++ b/src/components/MarkDownEditor/MarkDownEditor.tsx
@@ -0,0 +1,22 @@
+import { Editor } from 'tiny-markdown-editor'
+import './md.css'
+import { useEffect, useRef } from "kaioken"
+
+export function MarkDownEditor({ initial }: { initial: string }) {
+  const elRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (!elRef.current) return
+    const editor = new Editor({
+      element: elRef.current,
+      content: initial
+    })
+  }, [])
+
+  return (
+    <div
+      className={'h-full overflow-hidden'}
+      ref={elRef}
+    ></div>
+  )
+}
diff --git a/src/components/MarkDownEditor/md.css b/src/components/MarkDownEditor/md.css
new file mode 100644
index 0000000..c730965
--- /dev/null
+++ b/src/components/MarkDownEditor/md.css
@@ -0,0 +1,3 @@
+.TinyMDE {
+  @apply h-full bg-transparent overflow-y-scroll;
+}
diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index ab019ff..75eb98f 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -1,9 +1,12 @@
-import { signal, useRef } from "kaioken"
+
+import { signal, useEffect, useRef } from "kaioken"
 import { NotesSigal, focusedItem } from "../signals"
 import { useDebounce } from "../utils/useDebounce"
 import notes, { NoteCardType } from "../signals/notes"
 import { LayerEnum } from "../utils/enums"
 import { useThemeDetector } from "../utils/useThemeDetector"
+import TinyMDE, { Editor } from 'tiny-markdown-editor'
+import { MarkDownEditor } from "./MarkDownEditor/MarkDownEditor"
 
 namespace NoteCard {
   export interface NoteCardProps {
@@ -21,6 +24,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
   const offsetY = useRef(0)
   const initialResizeX = useRef(0)
   const initialResizeY = useRef(0)
+  const el = useRef<HTMLInputElement>(null)
 
   const { debounce } = useDebounce()
 
@@ -89,7 +93,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
   return (
     <div
       onmousedown={() => focusedItem.value = itemKey}
-      className="text-[#333] dark:bg-[#111] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
+      className="overflow-hidden text-[#333] dark:bg-[#111] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
       style={{
         zIndex: `${focusedItem.value == itemKey ? LayerEnum.CARD_ELEVATED : LayerEnum.CARD}`,
         width: `${item.dimensions.w}px`,
@@ -98,7 +102,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
         left: `${item.position.x}px`,
       }}
     >
-      <div className="flex-1 flex flex-col gap-1">
+      <div className="overflow-hidden flex-1 flex flex-col gap-1">
         <div className="px-2 flex justify-between items-center cursor-move" onmousedown={_handleMouseDown}>
           <div style={{
             opacity: saved.value ? '0' : '100'
@@ -110,18 +114,8 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
           }}>x</button>
         </div>
         <hr className="border dark:border-[#1c1c1c] border-[#ddd]" />
-        <textarea
-          placeholder={"Todo: put some note here"}
-          className="flex resize-none px-2 w-full h-full bg-transparent resize-none focus:outline-none dark:text-gray-300"
-          value={item.contents}
-          onkeypress={() => { saved.value = false }}
-          onchange={(e) => {
-            NotesSigal.default.updateNoteProperty(itemKey, 'contents', e.target.value)
-            NotesSigal.default.notes.notify()
-            updateLocalStorage()
-            saved.value = true
-          }}
-        />
+
+        <MarkDownEditor initial={item.contents} />
 
         <ExpandIcon cb={_handleResizeMouseDown} />
 
@@ -156,3 +150,4 @@ function ExpandIcon({ cb }: {
     </svg>
   )
 }
+

From 640e5af6fec15531247e0907c6034fb8907ee6a4 Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Tue, 8 Oct 2024 23:57:24 -0400
Subject: [PATCH 2/4] fix styling of markdown text

---
 .../MarkDownEditor/MarkDownEditor.tsx         | 12 ++++-
 src/components/MarkDownEditor/md.css          | 46 ++++++++++++++++-
 src/components/MiniMap.tsx                    | 50 ++++++++++++-------
 src/components/NoteCard.tsx                   | 15 ++++--
 src/styles.css                                |  9 ++--
 5 files changed, 103 insertions(+), 29 deletions(-)

diff --git a/src/components/MarkDownEditor/MarkDownEditor.tsx b/src/components/MarkDownEditor/MarkDownEditor.tsx
index 95a9bc5..ddb4568 100644
--- a/src/components/MarkDownEditor/MarkDownEditor.tsx
+++ b/src/components/MarkDownEditor/MarkDownEditor.tsx
@@ -1,8 +1,15 @@
-import { Editor } from 'tiny-markdown-editor'
+import { Editor, Listener } from 'tiny-markdown-editor'
 import './md.css'
 import { useEffect, useRef } from "kaioken"
 
-export function MarkDownEditor({ initial }: { initial: string }) {
+namespace MarkDownEditor {
+  export interface Props {
+    initial: string
+    onChange: Listener<'change'>
+  }
+}
+
+export function MarkDownEditor({ initial, onChange }: MarkDownEditor.Props) {
   const elRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
@@ -11,6 +18,7 @@ export function MarkDownEditor({ initial }: { initial: string }) {
       element: elRef.current,
       content: initial
     })
+    editor.addEventListener('change', onChange)
   }, [])
 
   return (
diff --git a/src/components/MarkDownEditor/md.css b/src/components/MarkDownEditor/md.css
index c730965..4038560 100644
--- a/src/components/MarkDownEditor/md.css
+++ b/src/components/MarkDownEditor/md.css
@@ -1,3 +1,47 @@
 .TinyMDE {
-  @apply h-full bg-transparent overflow-y-scroll;
+  @apply h-full bg-transparent overflow-y-scroll dark:text-gray-300 text-gray-600;
+}
+
+.TMMark_TMH1,
+.TMMark_TMH2,
+.TMMark_TMH3,
+.TMMark_TMH4,
+.TMMark_TMH5,
+.TMMark_TMH6,
+.TMMark_TMOL,
+.TMMark_TMUL {
+  @apply text-blue-500;
+}
+
+.TMH1,
+.TMH2,
+.TMH3,
+.TMH4,
+.TMH5,
+.TMH6 {
+  @apply uppercase;
+}
+
+.TMLink {
+  @apply decoration-blue-500;
+}
+
+.TMImage {
+  @apply decoration-green-500;
+}
+
+.TMCode {
+  @apply text-blue-800 px-1;
+}
+
+.TMBlockquote {
+  @apply border-blue-500 bg-blue-100 dark:bg-opacity-5;
+}
+
+.TMFencedCodeBacktick {
+  @apply dark:bg-white dark:bg-opacity-10 px-1;
+}
+
+.TMInfoString {
+  @apply text-blue-500;
 }
diff --git a/src/components/MiniMap.tsx b/src/components/MiniMap.tsx
index d037a83..1868fdb 100644
--- a/src/components/MiniMap.tsx
+++ b/src/components/MiniMap.tsx
@@ -21,6 +21,7 @@ export function MiniMap() {
   const width = canvasDimentsion.value.width / _MAP_SCALE_FACTOR
   const height = canvasDimentsion.value.height / _MAP_SCALE_FACTOR
 
+
   useEffect(() => {
     function _handleScroll(_e: Event) {
       scrollX.value = window.scrollX
@@ -31,8 +32,6 @@ export function MiniMap() {
     return () => window.removeEventListener('scroll', _handleScroll)
   }, [])
 
-
-
   return (
     <div
       className="dark:bg-[#ffffff11] bg-[#0001] fixed rounded"
@@ -48,22 +47,31 @@ export function MiniMap() {
         const el = useRef(null)
 
         function _handleItemClick(_e: MouseEvent) {
+          const newLeft = image.position.x - ((viewportWidth / 2) - (image.dimensions.w / 2))
+          const newTop = image.position.y - ((viewportHeight / 2) - (image.dimensions.h / 2))
+
           window.scrollTo({
-            left: image.position.x - ((viewportWidth / 2) - (image.dimensions.w / 2)),
-            top: image.position.y - ((viewportHeight / 2) - (image.dimensions.h / 2)),
+            left: newLeft,
+            top: newTop,
             behavior: 'smooth'
           })
         }
 
+        const newWidth = image.dimensions.w / _MAP_SCALE_FACTOR
+        const newHeight = image.dimensions.h / _MAP_SCALE_FACTOR
+        const newTop = (image.position.y / _MAP_SCALE_FACTOR)
+        const newLeft = (image.position.x / _MAP_SCALE_FACTOR)
+        const newZIndex = LayerEnum.MINIMAP + 1
+
         return (
           <div ref={el} className={"absolute dark:bg-green-500 bg-green-300 dark:hover:bg-blue-500 hover:bg-blue-300 cursor-pointer border dark:border-[#222] border-green-500 rounded"}
             onclick={_handleItemClick}
             style={{
-              width: `${image.dimensions.w / _MAP_SCALE_FACTOR}px`,
-              height: `${image.dimensions.h / _MAP_SCALE_FACTOR}px`,
-              top: `${(image.position.y / _MAP_SCALE_FACTOR)}px`,
-              left: `${(image.position.x / _MAP_SCALE_FACTOR)}px`,
-              zIndex: `${LayerEnum.MINIMAP + 1}`
+              width: `${newWidth}px`,
+              height: `${newHeight}px`,
+              top: `${newTop}px`,
+              left: `${newLeft}px`,
+              zIndex: `${newZIndex}`
             }}
           ></div>
         )
@@ -74,29 +82,37 @@ export function MiniMap() {
         const note = notes.notes.value[noteKey]
 
         function _handleItemClick(_e: MouseEvent) {
+          const newLeft = note.position.x - ((viewportWidth / 2) - (note.dimensions.w / 2))
+          const newTop = note.position.y - ((viewportHeight / 2) - (note.dimensions.h / 2))
           window.scrollTo({
-            left: note.position.x - ((viewportWidth / 2) - (note.dimensions.w / 2)),
-            top: note.position.y - ((viewportHeight / 2) - (note.dimensions.h / 2)),
+            left: newLeft,
+            top: newTop,
             behavior: 'smooth'
           })
         }
 
+        const newWidth = note.dimensions.w / _MAP_SCALE_FACTOR
+        const newHeight = note.dimensions.h / _MAP_SCALE_FACTOR
+        const newTop = (note.position.y / _MAP_SCALE_FACTOR)
+        const newLeft = (note.position.x / _MAP_SCALE_FACTOR)
+        const newZIndex = LayerEnum.MINIMAP + 1
+
         return (
           <div className={"absolute dark:bg-gray-500 bg-gray-300 hover:bg-blue-500 cursor-pointer border dark:border-[#222] border-gray-500 rounded"}
             onclick={_handleItemClick}
             style={{
-              width: `${note.dimensions.w / _MAP_SCALE_FACTOR}px`,
-              height: `${note.dimensions.h / _MAP_SCALE_FACTOR}px`,
-              top: `${(note.position.y / _MAP_SCALE_FACTOR)}px`,
-              left: `${(note.position.x / _MAP_SCALE_FACTOR)}px`,
-              zIndex: `${LayerEnum.MINIMAP + 1}`
+              width: `${newWidth}px`,
+              height: `${newHeight}px`,
+              top: `${newTop}px`,
+              left: `${newLeft}px`,
+              zIndex: `${newZIndex}`
             }}
           ></div>
         )
       })}
 
       <div
-        className={'absolute bg-blue-200 bg-opacity-10 border dark:border-blue-800 border-blue-500 bg-blue-500 rounded'}
+        className={'pointer-events-none absolute bg-blue-200 bg-opacity-10 border dark:border-blue-800 border-blue-500 bg-blue-500 rounded'}
         style={{
           width: `${viewportWidth / _MAP_SCALE_FACTOR}px`,
           height: `${viewportHeight / _MAP_SCALE_FACTOR}px`,
diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index 75eb98f..7979d98 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -1,12 +1,12 @@
 
-import { signal, useEffect, useRef } from "kaioken"
+import { signal, useRef } from "kaioken"
 import { NotesSigal, focusedItem } from "../signals"
 import { useDebounce } from "../utils/useDebounce"
 import notes, { NoteCardType } from "../signals/notes"
 import { LayerEnum } from "../utils/enums"
 import { useThemeDetector } from "../utils/useThemeDetector"
-import TinyMDE, { Editor } from 'tiny-markdown-editor'
 import { MarkDownEditor } from "./MarkDownEditor/MarkDownEditor"
+import { ChangeEvent } from "tiny-markdown-editor"
 
 namespace NoteCard {
   export interface NoteCardProps {
@@ -24,7 +24,6 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
   const offsetY = useRef(0)
   const initialResizeX = useRef(0)
   const initialResizeY = useRef(0)
-  const el = useRef<HTMLInputElement>(null)
 
   const { debounce } = useDebounce()
 
@@ -90,10 +89,16 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
     window.removeEventListener('mouseup', _handleResizeMouseUp)
   }
 
+  function _handleMdChange(e: ChangeEvent) {
+    NotesSigal.default.updateNoteProperty(itemKey, 'contents', e.content)
+    NotesSigal.default.notes.notify()
+    updateLocalStorage()
+  }
+
   return (
     <div
       onmousedown={() => focusedItem.value = itemKey}
-      className="overflow-hidden text-[#333] dark:bg-[#111] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
+      className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
       style={{
         zIndex: `${focusedItem.value == itemKey ? LayerEnum.CARD_ELEVATED : LayerEnum.CARD}`,
         width: `${item.dimensions.w}px`,
@@ -115,7 +120,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
         </div>
         <hr className="border dark:border-[#1c1c1c] border-[#ddd]" />
 
-        <MarkDownEditor initial={item.contents} />
+        <MarkDownEditor initial={item.contents} onChange={_handleMdChange} />
 
         <ExpandIcon cb={_handleResizeMouseDown} />
 
diff --git a/src/styles.css b/src/styles.css
index df90cf6..2cad54e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -13,14 +13,15 @@
   box-sizing: border-box;
 }
 
-*::-webkit-scrollbar {
-  display: none;
-}
-
 html {
   overflow: scroll;
 }
 
+html,
+body {
+  overscroll-behavior-x: none;
+}
+
 :root {
   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
   font-synthesis: none;

From 412ae1c7406fce2b75ae20d04d6d1286b3c0a76c Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Wed, 9 Oct 2024 00:22:53 -0400
Subject: [PATCH 3/4] refactor a bit for readability

---
 src/components/NoteCard.tsx | 47 +++++++++++++++++++++++--------------
 1 file changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index 7979d98..bd22e71 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -30,6 +30,7 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
   function updateLocalStorage(time?: number) {
     debounce(() => {
       localStorage.setItem("notes", JSON.stringify(notes.notes.value))
+      saved.value = true
     }, time)
   }
 
@@ -93,37 +94,47 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
     NotesSigal.default.updateNoteProperty(itemKey, 'contents', e.content)
     NotesSigal.default.notes.notify()
     updateLocalStorage()
+    saved.value = false
+  }
+
+  function _handleClose(_e: Event) {
+    NotesSigal.default.removeNote(item.id)
+    NotesSigal.default.notes.notify()
+    updateLocalStorage()
+  }
+
+  function _handleFocusCard() {
+    focusedItem.value = itemKey
+  }
+
+  const cardPositionStyle = {
+    zIndex: `${focusedItem.value == itemKey ? LayerEnum.CARD_ELEVATED : LayerEnum.CARD}`,
+    width: `${item.dimensions.w}px`,
+    height: `${item.dimensions.h}px`,
+    top: `${item.position.y}px`,
+    left: `${item.position.x}px`,
+  }
+
+  const saveIndicatorStyle = {
+    opacity: saved.value ? '0' : '100'
   }
 
   return (
     <div
-      onmousedown={() => focusedItem.value = itemKey}
+      onmousedown={_handleFocusCard}
+      style={cardPositionStyle}
       className="overflow-hidden text-[#333] dark:bg-[#1a1a1a] dark:border-[#1c1c1c] bg-[#eee] select-none transition flex flex-col justify-stretch shadow-md rounded border border-[#ddd] absolute"
-      style={{
-        zIndex: `${focusedItem.value == itemKey ? LayerEnum.CARD_ELEVATED : LayerEnum.CARD}`,
-        width: `${item.dimensions.w}px`,
-        height: `${item.dimensions.h}px`,
-        top: `${item.position.y}px`,
-        left: `${item.position.x}px`,
-      }}
     >
       <div className="overflow-hidden flex-1 flex flex-col gap-1">
         <div className="px-2 flex justify-between items-center cursor-move" onmousedown={_handleMouseDown}>
-          <div style={{
-            opacity: saved.value ? '0' : '100'
-          }} className={`rounded-full w-1 h-1 dark:bg-white bg-green-500`}></div>
-          <button className="text-md dark:text-[#777] text-black" onclick={(_e: Event) => {
-            NotesSigal.default.removeNote(item.id)
-            NotesSigal.default.notes.notify()
-            updateLocalStorage()
-          }}>x</button>
+          <div style={saveIndicatorStyle} className="rounded-full w-1 h-1 dark:bg-white bg-green-500"></div>
+          <button className="text-md dark:text-[#777] text-black" onclick={_handleClose}>x</button>
         </div>
+
         <hr className="border dark:border-[#1c1c1c] border-[#ddd]" />
 
         <MarkDownEditor initial={item.contents} onChange={_handleMdChange} />
-
         <ExpandIcon cb={_handleResizeMouseDown} />
-
       </div>
     </div >
 

From 4ea03e68bf235dd0e2ed27cfe69f13f84a7f5a78 Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Wed, 9 Oct 2024 00:31:52 -0400
Subject: [PATCH 4/4] update gray items border color

---
 src/components/MiniMap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MiniMap.tsx b/src/components/MiniMap.tsx
index 1868fdb..24e524a 100644
--- a/src/components/MiniMap.tsx
+++ b/src/components/MiniMap.tsx
@@ -98,7 +98,7 @@ export function MiniMap() {
         const newZIndex = LayerEnum.MINIMAP + 1
 
         return (
-          <div className={"absolute dark:bg-gray-500 bg-gray-300 hover:bg-blue-500 cursor-pointer border dark:border-[#222] border-gray-500 rounded"}
+          <div className={"absolute dark:bg-gray-500 bg-gray-300 hover:bg-blue-500 cursor-pointer border dark:border-[#222] border-gray-400 rounded"}
             onclick={_handleItemClick}
             style={{
               width: `${newWidth}px`,