veslx 0.1.2 → 0.1.4

package/dist/client/lib/parameter-utils.js

@@ -0,0 +1,110 @@
+import { load } from "js-yaml";
+function extractPath(data, path) {
+  if (!path || path === ".") return data;
+  const cleanPath = path.startsWith(".") ? path.slice(1) : path;
+  if (!cleanPath) return data;
+  const segments = [];
+  let current = "";
+  let i = 0;
+  while (i < cleanPath.length) {
+    const char = cleanPath[i];
+    if (char === ".") {
+      if (current) {
+        segments.push({ type: "key", value: current });
+        current = "";
+      }
+      i++;
+    } else if (char === "[") {
+      if (current) {
+        segments.push({ type: "key", value: current });
+        current = "";
+      }
+      const closeIdx = cleanPath.indexOf("]", i);
+      if (closeIdx === -1) return void 0;
+      const inner = cleanPath.slice(i + 1, closeIdx);
+      if (inner === "") {
+        segments.push({ type: "all", value: 0 });
+      } else {
+        const idx = parseInt(inner, 10);
+        if (isNaN(idx)) return void 0;
+        segments.push({ type: "index", value: idx });
+      }
+      i = closeIdx + 1;
+    } else {
+      current += char;
+      i++;
+    }
+  }
+  if (current) {
+    segments.push({ type: "key", value: current });
+  }
+  let result = data;
+  for (const seg of segments) {
+    if (result === null || result === void 0) return void 0;
+    if (seg.type === "key") {
+      if (typeof result !== "object" || Array.isArray(result)) return void 0;
+      result = result[seg.value];
+    } else if (seg.type === "index") {
+      if (!Array.isArray(result)) return void 0;
+      result = result[seg.value];
+    } else if (seg.type === "all") {
+      if (!Array.isArray(result)) return void 0;
+    }
+  }
+  return result;
+}
+function getValueType(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  if (typeof value === "object") return "object";
+  if (typeof value === "boolean") return "boolean";
+  if (typeof value === "number") return "number";
+  return "string";
+}
+function formatNumber(value) {
+  if (Math.abs(value) < 1e-4 && value !== 0) return value.toExponential(1);
+  if (Math.abs(value) >= 1e4) return value.toExponential(1);
+  if (Number.isInteger(value)) return value.toString();
+  const str = value.toString();
+  if (str.length > 6) return value.toPrecision(4);
+  return str;
+}
+function formatValue(value) {
+  if (value === null) return "null";
+  if (typeof value === "boolean") return value ? "true" : "false";
+  if (typeof value === "number") return formatNumber(value);
+  if (Array.isArray(value)) return `[${value.length}]`;
+  if (typeof value === "object") return "{...}";
+  return String(value);
+}
+function parseConfigFile(content, path) {
+  if (path.endsWith(".yaml") || path.endsWith(".yml")) {
+    try {
+      return load(content);
+    } catch {
+      return null;
+    }
+  }
+  if (path.endsWith(".json")) {
+    try {
+      return JSON.parse(content);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
+function deriveLabelFromPath(keyPath) {
+  const cleanPath = keyPath.startsWith(".") ? keyPath.slice(1) : keyPath;
+  const parts = cleanPath.split(".");
+  return parts[parts.length - 1].replace(/\[\d+\]/g, "");
+}
+export {
+  deriveLabelFromPath,
+  extractPath,
+  formatNumber,
+  formatValue,
+  getValueType,
+  parseConfigFile
+};
+//# sourceMappingURL=parameter-utils.js.map

package/dist/client/lib/parameter-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parameter-utils.js","sources":["../../../src/lib/parameter-utils.ts"],"sourcesContent":["import { load } from \"js-yaml\";\n\nexport type ParameterValue = string | number | boolean | null | ParameterValue[] | { [key: string]: ParameterValue };\n\n/**\n * Extract a value from nested data using a jq-like path.\n * Supports:\n *   - .foo.bar  → nested keys\n *   - .foo[0]   → array index\n *   - .foo[]    → all array elements (returns array)\n */\nexport function extractPath(data: ParameterValue, path: string): ParameterValue | undefined {\n  if (!path || path === \".\") return data;\n\n  const cleanPath = path.startsWith(\".\") ? path.slice(1) : path;\n  if (!cleanPath) return data;\n\n  const segments: Array<{ type: \"key\" | \"index\" | \"all\"; value: string | number }> = [];\n  let current = \"\";\n  let i = 0;\n\n  while (i < cleanPath.length) {\n    const char = cleanPath[i];\n\n    if (char === \".\") {\n      if (current) {\n        segments.push({ type: \"key\", value: current });\n        current = \"\";\n      }\n      i++;\n    } else if (char === \"[\") {\n      if (current) {\n        segments.push({ type: \"key\", value: current });\n        current = \"\";\n      }\n      const closeIdx = cleanPath.indexOf(\"]\", i);\n      if (closeIdx === -1) return undefined;\n      const inner = cleanPath.slice(i + 1, closeIdx);\n      if (inner === \"\") {\n        segments.push({ type: \"all\", value: 0 });\n      } else {\n        const idx = parseInt(inner, 10);\n        if (isNaN(idx)) return undefined;\n        segments.push({ type: \"index\", value: idx });\n      }\n      i = closeIdx + 1;\n    } else {\n      current += char;\n      i++;\n    }\n  }\n  if (current) {\n    segments.push({ type: \"key\", value: current });\n  }\n\n  let result: ParameterValue | undefined = data;\n\n  for (const seg of segments) {\n    if (result === null || result === undefined) return undefined;\n\n    if (seg.type === \"key\") {\n      if (typeof result !== \"object\" || Array.isArray(result)) return undefined;\n      result = (result as Record<string, ParameterValue>)[seg.value as string];\n    } else if (seg.type === \"index\") {\n      if (!Array.isArray(result)) return undefined;\n      result = result[seg.value as number];\n    } else if (seg.type === \"all\") {\n      if (!Array.isArray(result)) return undefined;\n      // Return the array itself for further processing\n    }\n  }\n\n  return result;\n}\n\nexport function getValueType(value: ParameterValue): \"string\" | \"number\" | \"boolean\" | \"null\" | \"array\" | \"object\" {\n  if (value === null) return \"null\";\n  if (Array.isArray(value)) return \"array\";\n  if (typeof value === \"object\") return \"object\";\n  if (typeof value === \"boolean\") return \"boolean\";\n  if (typeof value === \"number\") return \"number\";\n  return \"string\";\n}\n\nexport function formatNumber(value: number): string {\n  if (Math.abs(value) < 0.0001 && value !== 0) return value.toExponential(1);\n  if (Math.abs(value) >= 10000) return value.toExponential(1);\n  if (Number.isInteger(value)) return value.toString();\n  const str = value.toString();\n  if (str.length > 6) return value.toPrecision(4);\n  return str;\n}\n\nexport function formatValue(value: ParameterValue): string {\n  if (value === null) return \"null\";\n  if (typeof value === \"boolean\") return value ? \"true\" : \"false\";\n  if (typeof value === \"number\") return formatNumber(value);\n  if (Array.isArray(value)) return `[${value.length}]`;\n  if (typeof value === \"object\") return \"{...}\";\n  return String(value);\n}\n\n/**\n * Parse YAML or JSON content based on file extension.\n */\nexport function parseConfigFile(content: string, path: string): Record<string, ParameterValue> | null {\n  if (path.endsWith(\".yaml\") || path.endsWith(\".yml\")) {\n    try {\n      return load(content) as Record<string, ParameterValue>;\n    } catch {\n      return null;\n    }\n  }\n\n  if (path.endsWith(\".json\")) {\n    try {\n      return JSON.parse(content) as Record<string, ParameterValue>;\n    } catch {\n      return null;\n    }\n  }\n\n  return null;\n}\n\n/**\n * Derive a label from a jq-like keyPath.\n * E.g., \".base.N_E\" → \"N_E\"\n */\nexport function deriveLabelFromPath(keyPath: string): string {\n  const cleanPath = keyPath.startsWith(\".\") ? keyPath.slice(1) : keyPath;\n  const parts = cleanPath.split(\".\");\n  return parts[parts.length - 1].replace(/\\[\\d+\\]/g, \"\");\n}\n"],"names":[],"mappings":";AAWO,SAAS,YAAY,MAAsB,MAA0C;AAC1F,MAAI,CAAC,QAAQ,SAAS,IAAK,QAAO;AAElC,QAAM,YAAY,KAAK,WAAW,GAAG,IAAI,KAAK,MAAM,CAAC,IAAI;AACzD,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,WAA6E,CAAA;AACnF,MAAI,UAAU;AACd,MAAI,IAAI;AAER,SAAO,IAAI,UAAU,QAAQ;AAC3B,UAAM,OAAO,UAAU,CAAC;AAExB,QAAI,SAAS,KAAK;AAChB,UAAI,SAAS;AACX,iBAAS,KAAK,EAAE,MAAM,OAAO,OAAO,SAAS;AAC7C,kBAAU;AAAA,MACZ;AACA;AAAA,IACF,WAAW,SAAS,KAAK;AACvB,UAAI,SAAS;AACX,iBAAS,KAAK,EAAE,MAAM,OAAO,OAAO,SAAS;AAC7C,kBAAU;AAAA,MACZ;AACA,YAAM,WAAW,UAAU,QAAQ,KAAK,CAAC;AACzC,UAAI,aAAa,GAAI,QAAO;AAC5B,YAAM,QAAQ,UAAU,MAAM,IAAI,GAAG,QAAQ;AAC7C,UAAI,UAAU,IAAI;AAChB,iBAAS,KAAK,EAAE,MAAM,OAAO,OAAO,GAAG;AAAA,MACzC,OAAO;AACL,cAAM,MAAM,SAAS,OAAO,EAAE;AAC9B,YAAI,MAAM,GAAG,EAAG,QAAO;AACvB,iBAAS,KAAK,EAAE,MAAM,SAAS,OAAO,KAAK;AAAA,MAC7C;AACA,UAAI,WAAW;AAAA,IACjB,OAAO;AACL,iBAAW;AACX;AAAA,IACF;AAAA,EACF;AACA,MAAI,SAAS;AACX,aAAS,KAAK,EAAE,MAAM,OAAO,OAAO,SAAS;AAAA,EAC/C;AAEA,MAAI,SAAqC;AAEzC,aAAW,OAAO,UAAU;AAC1B,QAAI,WAAW,QAAQ,WAAW,OAAW,QAAO;AAEpD,QAAI,IAAI,SAAS,OAAO;AACtB,UAAI,OAAO,WAAW,YAAY,MAAM,QAAQ,MAAM,EAAG,QAAO;AAChE,eAAU,OAA0C,IAAI,KAAe;AAAA,IACzE,WAAW,IAAI,SAAS,SAAS;AAC/B,UAAI,CAAC,MAAM,QAAQ,MAAM,EAAG,QAAO;AACnC,eAAS,OAAO,IAAI,KAAe;AAAA,IACrC,WAAW,IAAI,SAAS,OAAO;AAC7B,UAAI,CAAC,MAAM,QAAQ,MAAM,EAAG,QAAO;AAAA,IAErC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,aAAa,OAAsF;AACjH,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO;AACjC,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,OAAO,UAAU,UAAW,QAAO;AACvC,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO;AACT;AAEO,SAAS,aAAa,OAAuB;AAClD,MAAI,KAAK,IAAI,KAAK,IAAI,QAAU,UAAU,EAAG,QAAO,MAAM,cAAc,CAAC;AACzE,MAAI,KAAK,IAAI,KAAK,KAAK,IAAO,QAAO,MAAM,cAAc,CAAC;AAC1D,MAAI,OAAO,UAAU,KAAK,EAAG,QAAO,MAAM,SAAA;AAC1C,QAAM,MAAM,MAAM,SAAA;AAClB,MAAI,IAAI,SAAS,EAAG,QAAO,MAAM,YAAY,CAAC;AAC9C,SAAO;AACT;AAEO,SAAS,YAAY,OAA+B;AACzD,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,OAAO,UAAU,UAAW,QAAO,QAAQ,SAAS;AACxD,MAAI,OAAO,UAAU,SAAU,QAAO,aAAa,KAAK;AACxD,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,IAAI,MAAM,MAAM;AACjD,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO,OAAO,KAAK;AACrB;AAKO,SAAS,gBAAgB,SAAiB,MAAqD;AACpG,MAAI,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,MAAM,GAAG;AACnD,QAAI;AACF,aAAO,KAAK,OAAO;AAAA,IACrB,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,KAAK,SAAS,OAAO,GAAG;AAC1B,QAAI;AACF,aAAO,KAAK,MAAM,OAAO;AAAA,IAC3B,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,oBAAoB,SAAyB;AAC3D,QAAM,YAAY,QAAQ,WAAW,GAAG,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC/D,QAAM,QAAQ,UAAU,MAAM,GAAG;AACjC,SAAO,MAAM,MAAM,SAAS,CAAC,EAAE,QAAQ,YAAY,EAAE;AACvD;"}

package/dist/client/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/client/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":[],"mappings":";;AAGO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;"}

package/dist/client/main.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./src/index.css";
+import App from "./App.js";
+createRoot(document.getElementById("root")).render(
+  /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(App, {}) })
+);
+//# sourceMappingURL=main.js.map

package/dist/client/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../../src/main.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport './index.css'\nimport App from '@/App'\n\ncreateRoot(document.getElementById('root')!).render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n)\n"],"names":[],"mappings":";;;;;AAKA,WAAW,SAAS,eAAe,MAAM,CAAE,EAAE;AAAA,EAC3C,oBAAC,YAAA,EACC,UAAA,oBAAC,KAAA,CAAA,CAAI,EAAA,CACP;AACF;"}

package/dist/client/pages/home.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { useDirectory } from "../plugin/src/client.js";
+import Loading from "../components/loading.js";
+import PostList from "../components/post-list.js";
+import { ErrorDisplay } from "../components/page-error.js";
+import { RunningBar } from "../components/running-bar.js";
+import { Header } from "../components/header.js";
+function Home() {
+  const { "*": path = "." } = useParams();
+  const { directory, loading, error } = useDirectory(path);
+  if (error) {
+    return /* @__PURE__ */ jsx(ErrorDisplay, { error, path });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(Loading, {});
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col bg-background noise-overlay", children: [
+    /* @__PURE__ */ jsx(RunningBar, {}),
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsxs("main", { className: "flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]", children: [
+      /* @__PURE__ */ jsx("title", { children: `Pinglab ${path}` }),
+      /* @__PURE__ */ jsx("main", { className: "flex flex-col gap-6 mb-32 mt-32", children: directory && /* @__PURE__ */ jsx("div", { className: "animate-fade-in", children: /* @__PURE__ */ jsx(PostList, { directory }) }) })
+    ] })
+  ] });
+}
+export {
+  Home
+};
+//# sourceMappingURL=home.js.map

package/dist/client/pages/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sources":["../../../src/pages/home.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\"\nimport { useDirectory } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport PostList from \"@/components/post-list\";\nimport { ErrorDisplay } from \"@/components/page-error\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\n\nexport function Home() {\n  const { \"*\": path = \".\" } = useParams();\n  const { directory, loading, error } = useDirectory(path)\n\n  if (error) {\n    return <ErrorDisplay error={error} path={path} />;\n  }\n\n  if (loading) {\n    return (\n      <Loading />\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <RunningBar />\n      <Header />\n      <main className=\"flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n        <title>{`Pinglab ${path}`}</title>\n        <main className=\"flex flex-col gap-6 mb-32 mt-32\">\n          {directory && (\n            <div className=\"animate-fade-in\">\n              <PostList directory={directory}/>\n            </div>\n          )}\n        </main>\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAQO,SAAS,OAAO;AACrB,QAAM,EAAE,KAAK,OAAO,IAAA,IAAQ,UAAA;AAC5B,QAAM,EAAE,WAAW,SAAS,MAAA,IAAU,aAAa,IAAI;AAEvD,MAAI,OAAO;AACT,WAAO,oBAAC,cAAA,EAAa,OAAc,KAAA,CAAY;AAAA,EACjD;AAEA,MAAI,SAAS;AACX,+BACG,SAAA,EAAQ;AAAA,EAEb;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW;AAAA,wBACX,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,+EACd,UAAA;AAAA,MAAA,oBAAC,SAAA,EAAO,UAAA,WAAW,IAAI,IAAG;AAAA,MAC1B,oBAAC,QAAA,EAAK,WAAU,mCACb,UAAA,aACC,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA,oBAAC,UAAA,EAAS,UAAA,CAAqB,GACjC,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/post.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { useDirectory, isSimulationRunning, findSlides } from "../plugin/src/client.js";
+import Loading from "../components/loading.js";
+import { FrontMatter } from "../components/front-matter.js";
+import { RunningBar } from "../components/running-bar.js";
+import { Header } from "../components/header.js";
+import { useMDXContent } from "../hooks/use-mdx-content.js";
+import { mdxComponents } from "../components/mdx-components.js";
+function Post() {
+  const { "path": path = "." } = useParams();
+  const filePath = `${path}/README.mdx`;
+  const { directory, loading: dirLoading } = useDirectory(filePath);
+  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(path);
+  const isRunning = isSimulationRunning();
+  let slides = null;
+  if (directory) {
+    slides = findSlides(directory);
+  }
+  const loading = dirLoading || mdxLoading;
+  if (loading) return /* @__PURE__ */ jsx(Loading, {});
+  if (error) {
+    return /* @__PURE__ */ jsx("main", { className: "min-h-screen bg-background container mx-auto max-w-4xl py-12", children: /* @__PURE__ */ jsx("p", { className: "text-center text-red-600", children: error.message }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col bg-background noise-overlay", children: [
+    /* @__PURE__ */ jsx("title", { children: frontmatter == null ? void 0 : frontmatter.title }),
+    /* @__PURE__ */ jsx(RunningBar, {}),
+    /* @__PURE__ */ jsx(Header, {}),
+    /* @__PURE__ */ jsxs("main", { className: "flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]", children: [
+      isRunning && /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-pulse" }),
+        /* @__PURE__ */ jsx("span", { className: "uppercase tracking-widest", children: "simulation running" }),
+        /* @__PURE__ */ jsx("span", { className: "text-primary-foreground/60", children: "Page will auto-refresh on completion" })
+      ] }) }),
+      Content && /* @__PURE__ */ jsxs("article", { className: "my-24 prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-[var(--prose-width)] animate-fade-in", children: [
+        /* @__PURE__ */ jsx(
+          FrontMatter,
+          {
+            title: frontmatter == null ? void 0 : frontmatter.title,
+            date: frontmatter == null ? void 0 : frontmatter.date,
+            description: frontmatter == null ? void 0 : frontmatter.description,
+            slides
+          }
+        ),
+        /* @__PURE__ */ jsx(Content, { components: mdxComponents })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Post
+};
+//# sourceMappingURL=post.js.map

package/dist/client/pages/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","sources":["../../../src/pages/post.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { findSlides, isSimulationRunning, useDirectory } from \"../../plugin/src/client\";\nimport Loading from \"@/components/loading\";\nimport { FileEntry } from \"plugin/src/lib\";\nimport { FrontMatter } from \"@/components/front-matter\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXContent } from \"@/hooks/use-mdx-content\";\nimport { mdxComponents } from \"@/components/mdx-components\";\n\n\nexport function Post() {\n  const { \"path\": path = \".\" } = useParams();\n  const filePath = `${path}/README.mdx`\n  const { directory, loading: dirLoading } = useDirectory(filePath)\n  const { Content, frontmatter, loading: mdxLoading, error } = useMDXContent(path);\n  const isRunning = isSimulationRunning();\n\n  let slides: FileEntry | null = null;\n  if (directory) {\n    slides = findSlides(directory);\n  }\n\n  const loading = dirLoading || mdxLoading;\n\n  if (loading) return <Loading />\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  return (\n    <div className=\"flex min-h-screen flex-col bg-background noise-overlay\">\n      <title>{frontmatter?.title}</title>\n      <RunningBar />\n      <Header />\n      <main className=\"flex-1 mx-auto w-full max-w-[var(--content-width)] px-[var(--page-padding)]\">\n\n        {isRunning && (\n          <div className=\"sticky top-0 z-50 px-[var(--page-padding)] py-2 bg-red-500 text-primary-foreground font-mono text-xs text-center tracking-wide\">\n            <span className=\"inline-flex items-center gap-3\">\n              <span className=\"h-1.5 w-1.5 rounded-full bg-current animate-pulse\" />\n              <span className=\"uppercase tracking-widest\">simulation running</span>\n              <span className=\"text-primary-foreground/60\">Page will auto-refresh on completion</span>\n            </span>\n          </div>\n        )}\n\n        {Content && (\n          <article className=\"my-24 prose dark:prose-invert prose-headings:tracking-tight prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-[var(--prose-width)] animate-fade-in\">\n            <FrontMatter\n              title={frontmatter?.title}\n              date={frontmatter?.date}\n              description={frontmatter?.description}\n              slides={slides}\n            />\n            <Content components={mdxComponents} />\n          </article>\n        )}\n      </main>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAWO,SAAS,OAAO;AACrB,QAAM,EAAE,QAAQ,OAAO,IAAA,IAAQ,UAAA;AAC/B,QAAM,WAAW,GAAG,IAAI;AACxB,QAAM,EAAE,WAAW,SAAS,WAAA,IAAe,aAAa,QAAQ;AAChE,QAAM,EAAE,SAAS,aAAa,SAAS,YAAY,MAAA,IAAU,cAAc,IAAI;AAC/E,QAAM,YAAY,oBAAA;AAElB,MAAI,SAA2B;AAC/B,MAAI,WAAW;AACb,aAAS,WAAW,SAAS;AAAA,EAC/B;AAEA,QAAM,UAAU,cAAc;AAE9B,MAAI,QAAS,QAAO,oBAAC,SAAA,CAAA,CAAQ;AAE7B,MAAI,OAAO;AACT,WACE,oBAAC,QAAA,EAAK,WAAU,gEACd,UAAA,oBAAC,OAAE,WAAU,4BAA4B,UAAA,MAAM,QAAA,CAAQ,GACzD;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,qDAAa,MAAA,CAAM;AAAA,wBAC1B,YAAA,EAAW;AAAA,wBACX,QAAA,EAAO;AAAA,IACR,qBAAC,QAAA,EAAK,WAAU,+EAEb,UAAA;AAAA,MAAA,iCACE,OAAA,EAAI,WAAU,kIACb,UAAA,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,oDAAA,CAAoD;AAAA,QACpE,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,sBAAkB;AAAA,QAC9D,oBAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,uCAAA,CAAoC;AAAA,MAAA,EAAA,CACnF,EAAA,CACF;AAAA,MAGD,WACC,qBAAC,WAAA,EAAQ,WAAU,oMACjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,2CAAa;AAAA,YACpB,MAAM,2CAAa;AAAA,YACnB,aAAa,2CAAa;AAAA,YAC1B;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,oBAAC,SAAA,EAAQ,YAAY,cAAA,CAAe;AAAA,MAAA,EAAA,CACtC;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/client/pages/slides.js

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { FULLSCREEN_DATA_ATTR } from "../lib/constants.js";
+import { useParams, useSearchParams } from "react-router-dom";
+import Loading from "../components/loading.js";
+import { FrontMatter } from "../components/front-matter.js";
+import { RunningBar } from "../components/running-bar.js";
+import { Header } from "../components/header.js";
+import { useMDXSlides } from "../hooks/use-mdx-content.js";
+import { useSlidesFromMDX, SlideContent } from "../components/slides-renderer.js";
+function SlidesPage() {
+  const { "path": path = "." } = useParams();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const { Content, frontmatter, loading, error } = useMDXSlides(path);
+  const { slides } = useSlidesFromMDX({ Content, frontmatter });
+  const totalSlides = slides.length + 1;
+  const initialSlide = Math.max(0, Math.min(
+    parseInt(searchParams.get("slide") || "0", 10),
+    totalSlides - 1
+  ));
+  const [currentSlide, setCurrentSlide] = useState(initialSlide);
+  const slideRefs = useRef([]);
+  const goToSlide = useCallback((index) => {
+    const clampedIndex = Math.max(0, Math.min(index, totalSlides - 1));
+    const target = slideRefs.current[clampedIndex];
+    if (target) {
+      const targetTop = target.getBoundingClientRect().top + window.scrollY;
+      window.scrollTo({ top: targetTop, behavior: "smooth" });
+    }
+  }, [totalSlides]);
+  const goToPrevious = useCallback(() => {
+    goToSlide(currentSlide - 1);
+  }, [currentSlide, goToSlide]);
+  const goToNext = useCallback(() => {
+    goToSlide(currentSlide + 1);
+  }, [currentSlide, goToSlide]);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowUp" || e.key === "k") {
+        e.preventDefault();
+        goToPrevious();
+      } else if (e.key === "ArrowDown" || e.key === "j") {
+        e.preventDefault();
+        goToNext();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [goToPrevious, goToNext]);
+  useEffect(() => {
+    let observer = null;
+    const timeoutId = setTimeout(() => {
+      observer = new IntersectionObserver(
+        (entries) => {
+          for (const entry of entries) {
+            if (entry.isIntersecting) {
+              const index = slideRefs.current.findIndex((ref) => ref === entry.target);
+              if (index !== -1) {
+                setCurrentSlide(index);
+                setSearchParams(index > 0 ? { slide: String(index) } : {}, { replace: true });
+              }
+            }
+          }
+        },
+        { threshold: 0.5 }
+      );
+      slideRefs.current.forEach((ref) => {
+        if (ref) observer.observe(ref);
+      });
+    }, 100);
+    return () => {
+      clearTimeout(timeoutId);
+      observer == null ? void 0 : observer.disconnect();
+    };
+  }, [slides.length, setSearchParams]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Loading, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("main", { className: "min-h-screen bg-background container mx-auto max-w-4xl py-12", children: /* @__PURE__ */ jsx("p", { className: "text-center text-red-600", children: error.message }) });
+  }
+  if (slides.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-12 text-muted-foreground font-mono text-sm", children: 'no slides found — use "---" to separate slides' });
+  }
+  return /* @__PURE__ */ jsxs("main", { className: "slides-container", children: [
+    /* @__PURE__ */ jsx("title", { children: frontmatter == null ? void 0 : frontmatter.title }),
+    /* @__PURE__ */ jsx(RunningBar, {}),
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        slideControls: {
+          current: currentSlide,
+          total: totalSlides,
+          onPrevious: goToPrevious,
+          onNext: goToNext
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { ...{ [FULLSCREEN_DATA_ATTR]: "true" }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: (el) => {
+            slideRefs.current[0] = el;
+          },
+          className: "slide-page max-w-xl min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto",
+          children: /* @__PURE__ */ jsx(
+            FrontMatter,
+            {
+              title: frontmatter == null ? void 0 : frontmatter.title,
+              date: frontmatter == null ? void 0 : frontmatter.date,
+              description: frontmatter == null ? void 0 : frontmatter.description
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("hr", { className: "print:hidden" }),
+      slides.map((slideContent, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: (el) => {
+              slideRefs.current[index + 1] = el;
+            },
+            className: "slide-page min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto",
+            children: /* @__PURE__ */ jsx(SlideContent, { children: slideContent })
+          }
+        ),
+        index < slides.length - 1 && /* @__PURE__ */ jsx("hr", { className: "print:hidden" })
+      ] }, index))
+    ] })
+  ] });
+}
+export {
+  SlidesPage
+};
+//# sourceMappingURL=slides.js.map

package/dist/client/pages/slides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slides.js","sources":["../../../src/pages/slides.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { FULLSCREEN_DATA_ATTR } from \"@/lib/constants\";\nimport { useParams, useSearchParams } from \"react-router-dom\"\nimport Loading from \"@/components/loading\";\nimport { FrontMatter } from \"@/components/front-matter\";\nimport { RunningBar } from \"@/components/running-bar\";\nimport { Header } from \"@/components/header\";\nimport { useMDXSlides } from \"@/hooks/use-mdx-content\";\nimport { useSlidesFromMDX, SlideContent } from \"@/components/slides-renderer\";\n\n\nexport function SlidesPage() {\n  const { \"path\": path = \".\" } = useParams();\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  // Load the compiled MDX module\n  const { Content, frontmatter, loading, error } = useMDXSlides(path);\n\n  // Split the MDX content into slides by <hr> elements\n  const { slides } = useSlidesFromMDX({ Content, frontmatter });\n\n  // Total slides = 1 (title) + content slides\n  const totalSlides = slides.length + 1;\n\n  // Get initial slide from query param\n  const initialSlide = Math.max(0, Math.min(\n    parseInt(searchParams.get(\"slide\") || \"0\", 10),\n    totalSlides - 1\n  ));\n\n  const [currentSlide, setCurrentSlide] = useState(initialSlide);\n  const slideRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  // Scroll to slide and update query param\n  const goToSlide = useCallback((index: number) => {\n    const clampedIndex = Math.max(0, Math.min(index, totalSlides - 1));\n    const target = slideRefs.current[clampedIndex];\n    if (target) {\n      const targetTop = target.getBoundingClientRect().top + window.scrollY;\n      window.scrollTo({ top: targetTop, behavior: \"smooth\" });\n    }\n  }, [totalSlides]);\n\n  const goToPrevious = useCallback(() => {\n    goToSlide(currentSlide - 1);\n  }, [currentSlide, goToSlide]);\n\n  const goToNext = useCallback(() => {\n    goToSlide(currentSlide + 1);\n  }, [currentSlide, goToSlide]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowUp\" || e.key === \"k\") {\n        e.preventDefault();\n        goToPrevious();\n      } else if (e.key === \"ArrowDown\" || e.key === \"j\") {\n        e.preventDefault();\n        goToNext();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goToPrevious, goToNext]);\n\n  // Update query param on scroll (delayed to avoid interference on load)\n  useEffect(() => {\n    let observer: IntersectionObserver | null = null;\n\n    const timeoutId = setTimeout(() => {\n      observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              const index = slideRefs.current.findIndex((ref) => ref === entry.target);\n              if (index !== -1) {\n                setCurrentSlide(index);\n                setSearchParams(index > 0 ? { slide: String(index) } : {}, { replace: true });\n              }\n            }\n          }\n        },\n        { threshold: 0.5 }\n      );\n\n      slideRefs.current.forEach((ref) => {\n        if (ref) observer!.observe(ref);\n      });\n    }, 100);\n\n    return () => {\n      clearTimeout(timeoutId);\n      observer?.disconnect();\n    };\n  }, [slides.length, setSearchParams]);\n\n  if (loading) {\n    return <Loading />\n  }\n\n  if (error) {\n    return (\n      <main className=\"min-h-screen bg-background container mx-auto max-w-4xl py-12\">\n        <p className=\"text-center text-red-600\">{error.message}</p>\n      </main>\n    )\n  }\n\n  if (slides.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center p-12 text-muted-foreground font-mono text-sm\">\n        no slides found — use \"---\" to separate slides\n      </div>\n    );\n  }\n\n  return (\n    <main className=\"slides-container\">\n      <title>{frontmatter?.title}</title>\n      <RunningBar />\n      <Header\n        slideControls={{\n          current: currentSlide,\n          total: totalSlides,\n          onPrevious: goToPrevious,\n          onNext: goToNext,\n        }}\n      />\n      <div {...{[FULLSCREEN_DATA_ATTR]: \"true\"}}>\n        {/* Title slide */}\n        <div\n          ref={(el) => { slideRefs.current[0] = el; }}\n          className=\"slide-page max-w-xl min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto\"\n        >\n          <FrontMatter\n            title={frontmatter?.title}\n            date={frontmatter?.date}\n            description={frontmatter?.description}\n          />\n        </div>\n        <hr className=\"print:hidden\" />\n\n        {/* Content slides */}\n        {slides.map((slideContent, index) => (\n          <div key={index}>\n            <div\n              ref={(el) => { slideRefs.current[index + 1] = el; }}\n              className=\"slide-page min-h-[50vh] sm:min-h-[70vh] md:min-h-screen flex items-center justify-center py-8 sm:py-12 md:py-16 px-4 mx-auto\"\n            >\n              <SlideContent>{slideContent}</SlideContent>\n            </div>\n            {index < slides.length - 1 && <hr className=\"print:hidden\" />}\n          </div>\n        ))}\n      </div>\n    </main>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/client/plugin/src/client.js

@@ -0,0 +1,185 @@
+import { useState, useEffect } from "react";
+async function parsePath(directory, path) {
+  const parts = path === "." ? [] : path.split("/").filter(Boolean);
+  let file = null;
+  let currentDir = directory;
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i];
+    const isLastPart = i === parts.length - 1;
+    if (isLastPart) {
+      const matchedFile = currentDir.children.find(
+        (child) => child.type === "file" && child.name === part
+      );
+      if (matchedFile) {
+        file = matchedFile;
+        break;
+      }
+    }
+    const nextDir = currentDir.children.find(
+      (child) => child.type === "directory" && child.name === part
+    );
+    if (!nextDir) {
+      throw new Error(`Path not found: ${path}`);
+    }
+    currentDir = nextDir;
+  }
+  return { directory: currentDir, file };
+}
+function findReadme(directory) {
+  const readme = directory.children.find(
+    (child) => child.type === "file" && [
+      "README.md",
+      "Readme.md",
+      "readme.md",
+      "README.mdx",
+      "Readme.mdx",
+      "readme.mdx"
+    ].includes(child.name)
+  );
+  return readme || null;
+}
+function findSlides(directory) {
+  const readme = directory.children.find(
+    (child) => child.type === "file" && [
+      "SLIDES.md",
+      "Slides.md",
+      "slides.md",
+      "SLIDES.mdx",
+      "Slides.mdx",
+      "slides.mdx"
+    ].includes(child.name)
+  );
+  return readme || null;
+}
+function useDirectory(path = ".") {
+  const [directory, setDirectory] = useState(null);
+  const [file, setFile] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    setLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const response = await fetch(`/raw/.veslx.json`);
+        if (!response.ok) {
+          if (response.status === 404) {
+            setError({ type: "config_not_found", message: ".veslx.json not found" });
+          } else {
+            setError({ type: "fetch_error", message: `Failed to fetch: ${response.status} ${response.statusText}` });
+          }
+          return;
+        }
+        let json;
+        try {
+          json = await response.json();
+        } catch {
+          setError({ type: "parse_error", message: "Failed to parse .veslx.json" });
+          return;
+        }
+        let parsed;
+        try {
+          parsed = await parsePath(json, path);
+        } catch {
+          setError({ type: "path_not_found", message: `Path not found: ${path}`, status: 404 });
+          return;
+        }
+        parsed.directory.children.sort((a, b) => {
+          let aDate, bDate;
+          if (a.children) {
+            const readme = findReadme(a);
+            if (readme && readme.frontmatter && readme.frontmatter.date) {
+              aDate = new Date(readme.frontmatter.date);
+            }
+          }
+          if (b.children) {
+            const readme = findReadme(b);
+            if (readme && readme.frontmatter && readme.frontmatter.date) {
+              bDate = new Date(readme.frontmatter.date);
+            }
+          }
+          if (aDate && bDate) {
+            return bDate.getTime() - aDate.getTime();
+          }
+          return 0;
+        });
+        setDirectory(parsed.directory);
+        setFile(parsed.file);
+      } catch (err) {
+        setError({ type: "fetch_error", message: err.message || "Unknown error" });
+      } finally {
+        setLoading(false);
+      }
+    })();
+    return () => {
+    };
+  }, [path]);
+  return { directory, file, loading, error };
+}
+function useFileContent(path) {
+  const [blob, setBlob] = useState(null);
+  const [content, setContent] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const controller = new AbortController();
+    setLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const res = await fetch(`/raw/${path}`, {
+          signal: controller.signal
+        });
+        if (!res.ok) {
+          throw new Error(`Failed to fetch: ${res.status} ${res.statusText}`);
+        }
+        const fetchedBlob = await res.blob();
+        setBlob(fetchedBlob);
+        try {
+          const text = await fetchedBlob.text();
+          setContent(text);
+        } catch {
+          setContent(null);
+        }
+      } catch (err) {
+        if (err instanceof Error && err.name === "AbortError") {
+          return;
+        }
+        setError(err instanceof Error ? err.message : "Unknown error");
+      } finally {
+        setLoading(false);
+      }
+    })();
+    return () => controller.abort();
+  }, [path]);
+  return { blob, content, loading, error };
+}
+function isSimulationRunning() {
+  const [running, setRunning] = useState(false);
+  useEffect(() => {
+    let interval;
+    const fetchStatus = async () => {
+      const response = await fetch(`/raw/.running`);
+      const text = await response.text();
+      if (text === "") {
+        setRunning(true);
+      } else {
+        setRunning(false);
+      }
+    };
+    fetchStatus();
+    interval = setInterval(fetchStatus, 1e3);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return running;
+}
+export {
+  findReadme,
+  findSlides,
+  isSimulationRunning,
+  useDirectory,
+  useFileContent
+};
+//# sourceMappingURL=client.js.map

package/dist/client/plugin/src/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sources":["../../../../plugin/src/client.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { DirectoryEntry, FileEntry } from \"./lib\";\n\nasync function parsePath(directory: DirectoryEntry, path: string): Promise<{ directory: DirectoryEntry; file: FileEntry | null }> {\n  const parts = path === \".\" ? [] : path.split(\"/\").filter(Boolean);\n\n  let file = null;\n  let currentDir = directory;\n\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n    const isLastPart = i === parts.length - 1;\n\n    // Check if this part matches a file (only on last part)\n    if (isLastPart) {\n      const matchedFile = currentDir.children.find(\n        (child) => child.type === \"file\" && child.name === part\n      ) as FileEntry | undefined;\n\n      if (matchedFile) {\n        file = matchedFile;\n        break;\n      }\n    }\n\n    // Otherwise, look for a directory\n    const nextDir = currentDir.children.find(\n      (child) => child.type === \"directory\" && child.name === part\n    ) as DirectoryEntry | undefined;\n\n    if (!nextDir) {\n      throw new Error(`Path not found: ${path}`);\n    }\n\n    currentDir = nextDir;\n  }\n\n  return { directory: currentDir, file };\n}\n\nexport function findReadme(directory: DirectoryEntry): FileEntry | null {\n  const readme = directory.children.find((child) => \n    child.type === \"file\" && \n    [\n      \"README.md\", \"Readme.md\", \"readme.md\",\n      \"README.mdx\", \"Readme.mdx\", \"readme.mdx\"\n    ].includes(child.name)\n  ) as FileEntry | undefined;\n\n  return readme || null;\n}\n\nexport function findSlides(directory: DirectoryEntry): FileEntry | null {\n  const readme = directory.children.find((child) =>\n    child.type === \"file\" &&\n    [\n      \"SLIDES.md\", \"Slides.md\", \"slides.md\",\n      \"SLIDES.mdx\", \"Slides.mdx\", \"slides.mdx\"\n    ].includes(child.name)\n  ) as FileEntry | undefined;\n\n  return readme || null;\n}\n\n\nexport type DirectoryError =\n  | { type: 'config_not_found'; message: string }\n  | { type: 'path_not_found'; message: string; status: 404 }\n  | { type: 'fetch_error'; message: string }\n  | { type: 'parse_error'; message: string };\n\nexport function useDirectory(path: string = \".\") {\n  const [directory, setDirectory] = useState<DirectoryEntry | null>(null);\n  const [file, setFile] = useState<FileEntry | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<DirectoryError | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    setError(null);\n\n    (async () => {\n      try {\n        const response = await fetch(`/raw/.veslx.json`);\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            setError({ type: 'config_not_found', message: '.veslx.json not found' });\n          } else {\n            setError({ type: 'fetch_error', message: `Failed to fetch: ${response.status} ${response.statusText}` });\n          }\n          return;\n        }\n\n        let json;\n        try {\n          json = await response.json();\n        } catch {\n          setError({ type: 'parse_error', message: 'Failed to parse .veslx.json' });\n          return;\n        }\n\n        let parsed: { directory: DirectoryEntry; file: FileEntry | null };\n        try {\n          parsed = await parsePath(json, path);\n        } catch {\n          setError({ type: 'path_not_found', message: `Path not found: ${path}`, status: 404 });\n          return;\n        }\n\n        parsed.directory.children.sort((a: any, b: any) => {\n          let aDate, bDate;\n          if (a.children) {\n            const readme = findReadme(a);\n            if (readme && readme.frontmatter && readme.frontmatter.date) {\n              aDate = new Date(readme.frontmatter.date as string | number | Date)\n            }\n          }\n          if (b.children) {\n            const readme = findReadme(b);\n            if (readme && readme.frontmatter && readme.frontmatter.date) {\n              bDate = new Date(readme.frontmatter.date as string | number | Date)\n            }\n          }\n          if (aDate && bDate) {\n            return bDate.getTime() - aDate.getTime()\n          }\n          return 0;\n        });\n\n        setDirectory(parsed.directory);\n        setFile(parsed.file);\n      } catch (err: any) {\n        setError({ type: 'fetch_error', message: err.message || 'Unknown error' });\n      } finally {\n        setLoading(false);\n      }\n    })();\n\n    return () => {};\n  }, [path]);\n\n  return { directory, file, loading, error };\n}\n\nexport function useFileContent(path: string) {\n  const [blob, setBlob] = useState<Blob | null>(null);\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n\n    (async () => {\n      try {\n        const res = await fetch(`/raw/${path}`, {\n          signal: controller.signal,\n        });\n\n        if (!res.ok) {\n          throw new Error(`Failed to fetch: ${res.status} ${res.statusText}`);\n        }\n\n        const fetchedBlob = await res.blob();\n        setBlob(fetchedBlob);\n\n        // Try to read as text - some binary files may fail\n        try {\n          const text = await fetchedBlob.text();\n          setContent(text);\n        } catch {\n          // Binary file - text content not available\n          setContent(null);\n        }\n      } catch (err) {\n        if (err instanceof Error && err.name === 'AbortError') {\n          return; // Ignore abort errors\n        }\n        setError(err instanceof Error ? err.message : 'Unknown error');\n      } finally {\n        setLoading(false);\n      }\n    })();\n\n    return () => controller.abort();\n  }, [path]);\n\n  return { blob, content, loading, error };\n}\n\nexport function isSimulationRunning() {\n  const [running, setRunning] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: ReturnType<typeof setInterval>;\n\n    const fetchStatus = async () => {\n      const response = await fetch(`/raw/.running`);\n\n      // this is an elaborate workaround to stop devtools logging errors on 404s\n      const text = await response.text()\n      if (text === \"\") {\n        setRunning(true);\n      } else {\n        setRunning(false);\n      }\n    };\n\n    // Initial fetch\n    fetchStatus();\n\n    // Poll every second\n    interval = setInterval(fetchStatus, 1000);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, []);\n\n  return running;\n}"],"names":[],"mappings":"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"}