basic split screen

Brendonovich · Oct 10, 2024 · 4951cff · 4951cff
1 parent 8dfa05f
commit 4951cff
Show file tree

Hide file tree

Showing 26 changed files with 4,163 additions and 3,734 deletions.
diff --git a/apps/desktop/package.json b/apps/desktop/package.json
@@ -10,7 +10,7 @@
 	},
 	"dependencies": {
 		"@iconify/json": "^2.2.196",
-		"@kobalte/core": "^0.13.4",
+		"@kobalte/core": "^0.13.6",
 		"@macrograph/api-contract": "workspace:*",
 		"@macrograph/interface": "workspace:*",
 		"@macrograph/packages": "workspace:*",
@@ -28,7 +28,7 @@
 		"@tauri-apps/api": "^1.5.3",
 		"@ts-rest/core": "^3.41.1",
 		"@ts-rest/solid-query": "^3.41.1",
-		"solid-js": "^1.8.20",
+		"solid-js": "^1.9.1",
 		"solid-sonner": "^0.2.5",
 		"tauri-plugin-midi": "workspace:*",
 		"valibot": "^0.37.0",

diff --git a/apps/storybook/package.json b/apps/storybook/package.json
@@ -9,7 +9,7 @@
 	},
 	"dependencies": {
 		"@storybook/docs-tools": "^8.2.7",
-		"solid-js": "^1.8.20"
+		"solid-js": "^1.9.1"
 	},
 	"devDependencies": {
 		"@chromatic-com/storybook": "^1.6.1",

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -14,7 +14,7 @@
 		"@fontsource/geist-sans": "^5.0.3",
 		"@fontsource/source-sans-pro": "^5.0.8",
 		"@iconify/json": "^2.2.196",
-		"@kobalte/core": "^0.13.4",
+		"@kobalte/core": "^0.13.6",
 		"@lucia-auth/adapter-drizzle": "^1.0.7",
 		"@macrograph/api-contract": "workspace:*",
 		"@macrograph/clipboard": "workspace:*",
@@ -46,7 +46,7 @@
 		"oslo": "^1.2.0",
 		"pg": "^8.11.5",
 		"postgres": "^3.4.4",
-		"solid-js": "^1.8.20",
+		"solid-js": "^1.9.1",
 		"solid-mdx": "^0.0.7",
 		"solid-sonner": "^0.2.5",
 		"solid-transition-group": "^0.2.3",

diff --git a/apps/web/src/app/docs/[...catchall].md b/apps/web/src/app/docs/[...catchall].md
@@ -0,0 +1 @@
+# todo
diff --git a/apps/web/src/app/docs/[...catchall].tsx b/apps/web/src/app/docs/[...catchall].tsx
diff --git a/interface/package.json b/interface/package.json
@@ -8,7 +8,7 @@
     "./tailwind.config.js": "./tailwind.config.js"
   },
   "dependencies": {
-    "@kobalte/core": "^0.13.4",
+    "@kobalte/core": "^0.13.6",
     "@macrograph/action-history": "workspace:*",
     "@macrograph/api-contract": "workspace:*",
     "@macrograph/clipboard": "workspace:*",
@@ -38,7 +38,7 @@
     "@ts-rest/core": "^3.41.1",
     "@ts-rest/solid-query": "^3.41.1",
     "clsx": "^1.2.1",
-    "solid-js": "^1.8.20",
+    "solid-js": "^1.9.1",
     "solid-sonner": "^0.2.5",
     "valibot": "^0.37.0",
     "zod": "^3.22.4"

diff --git a/interface/src/ActionHistory.tsx b/interface/src/ActionHistory.tsx
@@ -2,41 +2,41 @@ import { For, Show } from "solid-js";
 import { useInterfaceContext } from "./context";
 
 export function ActionHistory() {
-	const ctx = useInterfaceContext();
+  const ctx = useInterfaceContext();
 
-	return (
-		<ul class="absolute rounded top-4 right-4 bg-neutral-900 max-w-64 w-full p-2 flex flex-col">
-			<For
-				each={ctx.history}
-				fallback={
-					<span class="w-full text-center text-neutral-300 text-sm">
-						No History
-					</span>
-				}
-			>
-				{(entry, i) => (
-					<div class="pl-4 py-0.5 relative">
-						<div class="w-4 absolute inset-y-0 left-0 flex items-center justify-center">
-							<Show when={ctx.nextHistoryIndex() - 1 === i()}>
-								<IconMaterialSymbolsArrowRightRounded class="w-6 h-6 -m-1" />
-							</Show>
-						</div>
+  return (
+    <ul class="absolute rounded top-4 right-4 bg-neutral-900 max-w-64 w-full p-2 flex flex-col">
+      <For
+        each={ctx.history}
+        fallback={
+          <span class="w-full text-center text-neutral-300 text-sm">
+            No History
+          </span>
+        }
+      >
+        {(entry, i) => (
+          <div class="pl-4 py-0.5 relative">
+            <div class="w-4 absolute inset-y-0 left-0 flex items-center justify-center">
+              <Show when={ctx.nextHistoryIndex() - 1 === i()}>
+                <IconMaterialSymbolsArrowRightRounded class="w-6 h-6 -m-1" />
+              </Show>
+            </div>
 
-						<For each={entry}>
-							{(e) => (
-								<li
-									class="flex flex-row items-center"
-									classList={{
-										"border-l-2 border-neutral-800 pl-2": entry.length > 1,
-									}}
-								>
-									{e.type}
-								</li>
-							)}
-						</For>
-					</div>
-				)}
-			</For>
-		</ul>
-	);
+            <For each={entry}>
+              {(e) => (
+                <li
+                  class="flex flex-row items-center"
+                  classList={{
+                    "border-l-2 border-neutral-800 pl-2": entry.length > 1,
+                  }}
+                >
+                  {e.type}
+                </li>
+              )}
+            </For>
+          </div>
+        )}
+      </For>
+    </ul>
+  );
 }
diff --git a/interface/src/Sidebar/Project/Graphs.tsx b/interface/src/Sidebar/Project/Graphs.tsx
@@ -26,11 +26,7 @@ import { IconButton } from "../../components/ui";
 import { useInterfaceContext } from "../../context";
 import { Button } from "../../settings/ui";
 import { createTokenisedSearchFilter, tokeniseString } from "../../util";
-import {
-  InlineTextEditor,
-  InlineTextEditorContext,
-  useInlineTextEditorCtx,
-} from "../InlineTextEditor";
+import { InlineTextEditor, InlineTextEditorContext } from "../InlineTextEditor";
 import { SearchInput } from "../SearchInput";
 
 interface Props {