feat: something

brettkolodny · brettkolodny · commit 0ed24c6613c5 · 2025-05-30T19:06:47.000Z
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
   <link rel="stylesheet" href="src/index.css" />
 </head>
 
-<body class="dark">
+<body class="">
   <div id="root"></div>
   <script type="module" src="/src/main.tsx"></script>
 </body>
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.511.0",
+    "motion": "^12.15.0",
     "prismjs": "^1.30.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/Preview.tsx b/src/Preview.tsx
@@ -1,10 +1,10 @@
 import { Button } from "@/components/Button";
 import { ResizablePanel } from "@/components/Resizable";
-import { ActivityIcon, ExternalLinkIcon, LoaderIcon } from "lucide-react";
-import { useEffect, useState, type FC } from "react";
-import { useStore } from "@/store";
 import { useDebouncedValue } from "@/hooks/debounce";
+import { useStore } from "@/store";
 import { cn } from "@/utils/cn";
+import { ActivityIcon, ExternalLinkIcon, LoaderIcon } from "lucide-react"
+import { type FC, useEffect, useState } from "react";
 
 export const Preview: FC = () => {
 	const $wasmState = useStore((state) => state.wasmState);
@@ -129,7 +129,7 @@ const ErrorPane = () => {
 			<div
 				className={cn(
 					"absolute bottom-0 left-0 w-full",
-					$error.show && "h-2/3",
+					$error.show && "h-auto",
 				)}
 			>
 				<button
diff --git a/src/store.tsx b/src/store.tsx
@@ -14,7 +14,7 @@ type State = {
 	code: string;
 	wasmState: WasmState;
 	error?: {
-		message: string;
+		message?: string;
 		show: boolean;
 	};
 	setCode: (code: string) => void;
@@ -26,16 +26,28 @@ type State = {
 export const useStore = create<State>()((set) => ({
 	code: defaultCode,
 	wasmState: "loading",
-	error: {
-		message: "wibble: wobble",
-		show: true,
-	},
+	// error: {
+	// 	message: "wibble: wobble",
+	// 	show: false,
+	// },
 	setCode: (code) => set((_) => ({ code })),
 	setError: (message) =>
-		set((state) => ({ error: { message, show: state.error?.show ?? false } })),
+		set((state) => {
+			// If there is currently no error, then we want to show this new error
+			const error = state.error ?? { show: true };
+
+			return {
+				error: { ...error, message },
+			};
+		}),
 	toggleShowError: () =>
-		set((state) => ({
-			error: { show: !state.error?.show, message: state.error?.message ?? "" },
-		})),
+		set((state) => {
+			return {
+				error: {
+					show: !(state.error?.show ?? true),
+					message: state.error?.message ?? "",
+				},
+			};
+		}),
 	setWasmState: (wasmState) => set((_) => ({ wasmState })),
 }));
diff --git a/vite.config.ts b/vite.config.ts
@@ -6,7 +6,7 @@ import path from "node:path";
 // https://vite.dev/config/
 export default defineConfig({
 	server: {
-		allowedHosts: [".coder"],
+		allowedHosts: [".coder", ".ngrok"],
 	},
 	plugins: [
 		react(),
