@fuma-content/studio 1.0.0 → 1.0.2

package/build/server/__ssr_build/assets/layout-CPnSx9PI.js

@@ -0,0 +1,454 @@
+import { r as reactExports, j as jsxRuntimeExports, L as Link, u as useLocation, O as Outlet } from "../index.js";
+import { u as useLiveQuery, b as Sidebar, f as SidebarHeader, g as SidebarMenuButton, h as SidebarContent, i as SidebarGroup, j as SidebarGroupContent, k as SidebarMenu, l as SidebarFooter, c as collection, d as documentCollection, e as eq, o as or, m as ilike, n as SidebarMenuItem, p as SidebarProvider, q as SidebarInset } from "./sidebar-BzNOZeBO.js";
+import { B as Badge } from "./badge-DYFvBSp8.js";
+import { c as createLucideIcon, s as cn } from "./button-C_-b_vqm.js";
+import { z } from "./index-DvVNShHF.js";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, L as LoaderCircle, e as Spinner } from "./spinner-BXcLlTNs.js";
+import { a as DocumentActionsContext } from "./actions-B50-3n-a.js";
+import { C as CollectionActionsContext } from "./actions-BFtCTvOL.js";
+import { S as Search, T as Toaster$1 } from "./index-Dtw6X3NW.js";
+import { C as ClientContextProvider } from "./client-CU90j0R8.js";
+import { t as tryResolveSync, n as noop } from "./query-C1_xUNXy.js";
+import { u as useQueryClient } from "./QueryClientProvider-DlvBH3OQ.js";
+import "../__vite_rsc_assets_manifest.js";
+import "node:async_hooks";
+import "@tanstack/query-db-collection";
+import "class-variance-authority";
+import "./tooltip-DZ4WdJt-.js";
+import "clsx";
+import "tailwind-merge";
+import "./index-DBc0nhEL.js";
+import "./dropdown-menu-D2YyT3lP.js";
+const __iconNode$8 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const CircleCheck = createLucideIcon("circle-check", __iconNode$8);
+const __iconNode$7 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+];
+const File = createLucideIcon("file", __iconNode$7);
+const __iconNode$6 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+const Info = createLucideIcon("info", __iconNode$6);
+const __iconNode$5 = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+];
+const Layers = createLucideIcon("layers", __iconNode$5);
+const __iconNode$4 = [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+];
+const Monitor = createLucideIcon("monitor", __iconNode$4);
+const __iconNode$3 = [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+];
+const Moon = createLucideIcon("moon", __iconNode$3);
+const __iconNode$2 = [
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  [
+    "path",
+    {
+      d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+      key: "2d38gg"
+    }
+  ],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+];
+const OctagonX = createLucideIcon("octagon-x", __iconNode$2);
+const __iconNode$1 = [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+];
+const Sun = createLucideIcon("sun", __iconNode$1);
+const __iconNode = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode);
+function defaultTransformerFn(data) {
+  return data;
+}
+function hydrate(client, dehydratedState, options) {
+  if (typeof dehydratedState !== "object" || dehydratedState === null) {
+    return;
+  }
+  const mutationCache = client.getMutationCache();
+  const queryCache = client.getQueryCache();
+  const deserializeData = options?.defaultOptions?.deserializeData ?? client.getDefaultOptions().hydrate?.deserializeData ?? defaultTransformerFn;
+  const mutations = dehydratedState.mutations || [];
+  const queries = dehydratedState.queries || [];
+  mutations.forEach(({ state, ...mutationOptions }) => {
+    mutationCache.build(
+      client,
+      {
+        ...client.getDefaultOptions().hydrate?.mutations,
+        ...options?.defaultOptions?.mutations,
+        ...mutationOptions
+      },
+      state
+    );
+  });
+  queries.forEach(
+    ({ queryKey, state, queryHash, meta, promise, dehydratedAt }) => {
+      const syncData = promise ? tryResolveSync(promise) : void 0;
+      const rawData = state.data === void 0 ? syncData?.data : state.data;
+      const data = rawData === void 0 ? rawData : deserializeData(rawData);
+      let query = queryCache.get(queryHash);
+      const existingQueryIsPending = query?.state.status === "pending";
+      const existingQueryIsFetching = query?.state.fetchStatus === "fetching";
+      if (query) {
+        const hasNewerSyncData = syncData && // We only need this undefined check to handle older dehydration
+        // payloads that might not have dehydratedAt
+        dehydratedAt !== void 0 && dehydratedAt > query.state.dataUpdatedAt;
+        if (state.dataUpdatedAt > query.state.dataUpdatedAt || hasNewerSyncData) {
+          const { fetchStatus: _ignored, ...serializedState } = state;
+          query.setState({
+            ...serializedState,
+            data
+          });
+        }
+      } else {
+        query = queryCache.build(
+          client,
+          {
+            ...client.getDefaultOptions().hydrate?.queries,
+            ...options?.defaultOptions?.queries,
+            queryKey,
+            queryHash,
+            meta
+          },
+          // Reset fetch status to idle to avoid
+          // query being stuck in fetching state upon hydration
+          {
+            ...state,
+            data,
+            fetchStatus: "idle",
+            status: data !== void 0 ? "success" : state.status
+          }
+        );
+      }
+      if (promise && !existingQueryIsPending && !existingQueryIsFetching && // Only hydrate if dehydration is newer than any existing data,
+      // this is always true for new queries
+      (dehydratedAt === void 0 || dehydratedAt > query.state.dataUpdatedAt)) {
+        query.fetch(void 0, {
+          // RSC transformed promises are not thenable
+          initialPromise: Promise.resolve(promise).then(deserializeData)
+        }).catch(noop);
+      }
+    }
+  );
+}
+var HydrationBoundary = ({
+  children,
+  options = {},
+  state,
+  queryClient
+}) => {
+  const client = useQueryClient(queryClient);
+  const optionsRef = reactExports.useRef(options);
+  reactExports.useEffect(() => {
+    optionsRef.current = options;
+  });
+  const hydrationQueue = reactExports.useMemo(() => {
+    if (state) {
+      if (typeof state !== "object") {
+        return;
+      }
+      const queryCache = client.getQueryCache();
+      const queries = state.queries || [];
+      const newQueries = [];
+      const existingQueries = [];
+      for (const dehydratedQuery of queries) {
+        const existingQuery = queryCache.get(dehydratedQuery.queryHash);
+        if (!existingQuery) {
+          newQueries.push(dehydratedQuery);
+        } else {
+          const hydrationIsNewer = dehydratedQuery.state.dataUpdatedAt > existingQuery.state.dataUpdatedAt || dehydratedQuery.promise && existingQuery.state.status !== "pending" && existingQuery.state.fetchStatus !== "fetching" && dehydratedQuery.dehydratedAt !== void 0 && dehydratedQuery.dehydratedAt > existingQuery.state.dataUpdatedAt;
+          if (hydrationIsNewer) {
+            existingQueries.push(dehydratedQuery);
+          }
+        }
+      }
+      if (newQueries.length > 0) {
+        hydrate(client, { queries: newQueries }, optionsRef.current);
+      }
+      if (existingQueries.length > 0) {
+        return existingQueries;
+      }
+    }
+    return void 0;
+  }, [client, state]);
+  reactExports.useEffect(() => {
+    if (hydrationQueue) {
+      hydrate(client, { queries: hydrationQueue }, optionsRef.current);
+    }
+  }, [client, hydrationQueue]);
+  return children;
+};
+function Logo(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 360 360", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "180.5", cy: "180.5", r: "141.5", fill: "url(#paint0_linear_604_85)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M347.698 136.733C51.6985 -131.267 276.064 296.733 187.699 296.733C99.333 296.733 111.199 129.366 111.199 41C98.1985 121.5 -48.1663 319.5 40.1992 319.5C150.699 319.5 134.699 21 347.698 136.733Z",
+        fill: "url(#paint1_radial_604_85)"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "linearGradient",
+        {
+          id: "paint0_linear_604_85",
+          x1: "180.5",
+          y1: "39",
+          x2: "180.5",
+          y2: "322",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { stopColor: "#A79EFF" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "1", stopColor: "#4434DA" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "radialGradient",
+        {
+          id: "paint1_radial_604_85",
+          cx: "0",
+          cy: "0",
+          r: "1",
+          gradientUnits: "userSpaceOnUse",
+          gradientTransform: "translate(27.6988 -8.15656) rotate(45.4948) scale(363.938 363.938)",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "0.513102", stopColor: "white" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "1", stopColor: "#6AFFED" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function AppSidebar(props) {
+  const [search, setSearch] = reactExports.useState("");
+  const { data: items = [] } = useLiveQuery(
+    (q) => {
+      return q.from({ collection }).join(
+        { docs: documentCollection },
+        ({ collection: collection2, docs }) => eq(collection2.id, docs.collectionId)
+      ).where(
+        (b) => or(ilike(b.collection.name, `${search}%`), ilike(b.docs?.name, `${search}%`))
+      );
+    },
+    [search]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Sidebar, { variant: "floating", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/", className: "ps-1 font-semibold text-lg font-mono", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Logo, { className: "size-6!" }),
+      "Fuma Content"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarGroupContent, { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-2 border rounded-full bg-secondary text-secondary-foreground px-3 transition-colors focus-within:ring-2 focus-within:ring-ring", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            placeholder: "Search...",
+            className: "py-1.5 focus-visible:outline-none",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenu, { className: "gap-0", children: items.map((item, i) => {
+        const subsequence = i > 0 && items[i - 1].collection.id === item.collection.id;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+          !subsequence && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarCollectionItem, { item: item.collection }),
+          item.docs && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarDocumentItem, { item: item.docs })
+        ] }, `${item.collection.id}-${item.docs?.id}`);
+      }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarFooter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeToggle, {}) })
+  ] });
+}
+function SidebarDocumentItem({ item }) {
+  const pathname = useLocation().pathname;
+  const href = `/collection/${item.collectionId}/${item.id}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentActionsContext, { document: item, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SidebarMenuButton,
+    {
+      tooltip: item.name,
+      isActive: pathname === href,
+      className: cn("ps-5", !pathname.startsWith(href + "/") && "text-muted-foreground"),
+      asChild: true,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: href, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.name })
+      ] })
+    }
+  ) }) });
+}
+function SidebarCollectionItem({ item }) {
+  const pathname = useLocation().pathname;
+  const href = `/collection/${item.id}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionActionsContext, { collection: item, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SidebarMenuButton,
+    {
+      tooltip: item.name,
+      isActive: pathname === href,
+      className: cn("ps-3", !pathname.startsWith(href + "/") && "text-muted-foreground"),
+      asChild: true,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: href, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.name }),
+        item.badge && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: "ms-auto", children: item.badge })
+      ] })
+    }
+  ) }) });
+}
+function ThemeToggle() {
+  const { theme = "light", setTheme } = z();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: theme, onValueChange: setTheme, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: "light", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { className: "size-4" }),
+        "Light"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: "dark", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { className: "size-4", fill: "currentColor" }),
+        "Dark"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: "system", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Monitor, { className: "size-4" }),
+        "System"
+      ] })
+    ] })
+  ] });
+}
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = z();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntimeExports.jsx(Info, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntimeExports.jsx(OctagonX, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+function useMounted() {
+  const [mounted, setMounted] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function Layout({
+  loaderData
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientContextProvider, {
+    contexts: loaderData.clientContexts,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClientBoundary, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(HydrationBoundary, {
+        state: loaderData.queryState,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarProvider, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AppSidebar, {}), /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarInset, {
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}), /* @__PURE__ */ jsxRuntimeExports.jsx(Toaster, {})]
+          })]
+        })
+      })
+    })
+  });
+}
+function ClientBoundary({
+  children
+}) {
+  const mounted = useMounted();
+  const fallback = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    className: "fixed flex items-center justify-center inset-0 bg-background z-50 text-sm text-muted-foreground gap-1",
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}), "Loading"]
+  });
+  if (!mounted) return fallback;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, {
+    fallback,
+    defer: true,
+    children
+  });
+}
+const export_5d6b9f3494e7 = {
+  default: Layout
+};
+export {
+  export_5d6b9f3494e7
+};

package/build/server/__ssr_build/assets/mdx-bmeV1kyx.js

@@ -0,0 +1,44 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../index.js";
+import { F as Ft } from "./index-PpqpVA51.js";
+import { z } from "./index-DvVNShHF.js";
+import "../__vite_rsc_assets_manifest.js";
+import "node:async_hooks";
+function MDXCodeEditor({
+  defaultValue,
+  onValueChange
+}) {
+  const { resolvedTheme } = z();
+  const [value, setValue] = reactExports.useState(defaultValue);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Ft,
+    {
+      language: "mdx",
+      value,
+      onChange: (value2 = "") => {
+        setValue(value2);
+        onValueChange(value2);
+      },
+      theme: resolvedTheme === "dark" ? "vs-dark" : "light",
+      loading: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "ps-17 py-5 text-sm size-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: value }) }),
+      className: "bg-secondary text-secondary-foreground overflow-hidden border rounded-lg",
+      options: {
+        minimap: { enabled: false },
+        padding: {
+          top: 20,
+          bottom: 20
+        },
+        fontSize: 14,
+        lineHeight: 1.428571,
+        lineNumbers: "on",
+        scrollBeyondLastLine: false,
+        automaticLayout: true,
+        tabSize: 2,
+        formatOnPaste: true,
+        formatOnType: true
+      }
+    }
+  );
+}
+export {
+  MDXCodeEditor
+};

package/build/server/__ssr_build/assets/page-BwoghW3K.js

@@ -0,0 +1,38 @@
+import { j as jsxRuntimeExports, L as Link } from "../index.js";
+import { D as DocumentActionsDropdown } from "./actions-B50-3n-a.js";
+import { S as SiteHeader } from "./site-header-CXHKSzqk.js";
+import { u as useLiveQuery, d as documentCollection, a as and, e as eq } from "./sidebar-BzNOZeBO.js";
+import "../__vite_rsc_assets_manifest.js";
+import "node:async_hooks";
+import "./dropdown-menu-D2YyT3lP.js";
+import "./button-C_-b_vqm.js";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+import "./index-DBc0nhEL.js";
+import "./tooltip-DZ4WdJt-.js";
+import "./separator-8UA_ceSq.js";
+import "@tanstack/query-db-collection";
+import "./query-C1_xUNXy.js";
+function Header({ collectionId, documentId }) {
+  const query = useLiveQuery(
+    (q) => q.from({ doc: documentCollection }).where((b) => and(eq(b.doc.id, documentId), eq(b.doc.collectionId, collectionId))).findOne(),
+    [documentId, collectionId]
+  );
+  const doc = query.data;
+  if (!doc) return;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SiteHeader, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: `/collection/${collectionId}`, className: "font-mono text-sm", children: [
+      collectionId,
+      "/",
+      doc.name
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentActionsDropdown, { document: doc })
+  ] });
+}
+const export_9f11f519a173 = {
+  Header
+};
+export {
+  export_9f11f519a173
+};

package/build/server/__ssr_build/assets/page-HxttullC.js

@@ -0,0 +1,89 @@
+import { j as jsxRuntimeExports, L as Link } from "../index.js";
+import { B as Badge } from "./badge-DYFvBSp8.js";
+import { S as SiteHeader } from "./site-header-CXHKSzqk.js";
+import { u as useLiveQuery, c as collection, e as eq, d as documentCollection } from "./sidebar-BzNOZeBO.js";
+import { u as useCreateDocumentDialog, F as FilePlus } from "./client-CU90j0R8.js";
+import { v as buttonVariants } from "./button-C_-b_vqm.js";
+import { a as DocumentActionsContext, D as DocumentActionsDropdown } from "./actions-B50-3n-a.js";
+import { N as NotFoundError } from "./root-D-Y-rGw5.js";
+import "../__vite_rsc_assets_manifest.js";
+import "node:async_hooks";
+import "class-variance-authority";
+import "./separator-8UA_ceSq.js";
+import "@tanstack/query-db-collection";
+import "./query-C1_xUNXy.js";
+import "./tooltip-DZ4WdJt-.js";
+import "clsx";
+import "tailwind-merge";
+import "./dropdown-menu-D2YyT3lP.js";
+import "./index-DBc0nhEL.js";
+import "./QueryClientProvider-DlvBH3OQ.js";
+import "./index-DvVNShHF.js";
+function Page(args) {
+  const collectionId = args.params.name;
+  const {
+    data: info
+  } = useLiveQuery((q) => q.from({
+    collection
+  }).where((b) => eq(b.collection.id, collectionId)).findOne(), [collectionId]);
+  const {
+    data: documents
+  } = useLiveQuery((q) => q.from({
+    documentCollection
+  }).where((b) => eq(b.documentCollection.collectionId, collectionId)), [collectionId]);
+  if (!info) throw new NotFoundError();
+  const createDoc = useCreateDocumentDialog(info);
+  info.name;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SiteHeader, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", {
+        className: "font-mono text-sm",
+        children: info.name
+      })
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+      className: "flex flex-1 min-w-0 flex-col gap-2 px-2 py-6",
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("h1", {
+        className: "mb-2 inline-flex items-center gap-2 font-mono font-semibold text-2xl",
+        children: [info.name, /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, {
+          className: "text-sm empty:hidden",
+          children: info.badge
+        })]
+      }), info.supportStudio ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+        className: "grid grid-cols-1 border rounded-lg bg-card text-card-foreground overflow-hidden",
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+          className: "flex items-center gap-2 bg-secondary ps-4 pe-2 py-2",
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("p", {
+            className: "text-sm text-muted-foreground me-auto",
+            children: [documents.length, " Items"]
+          }), createDoc && /* @__PURE__ */ jsxRuntimeExports.jsx(createDoc.component, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(createDoc.trigger, {
+              className: buttonVariants(),
+              children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, {}), "Create Document"]
+            })
+          })]
+        }), documents.map((doc) => /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentActionsContext, {
+          document: doc,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+            className: "flex text-sm font-medium hover:bg-accent hover:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground",
+            children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Link, {
+              to: `/collection/${info.name}/${doc.id}`,
+              className: "px-4 py-2 flex-1",
+              children: doc.name
+            }), /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentActionsDropdown, {
+              document: doc
+            })]
+          })
+        }, doc.id))]
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: "bg-muted text-sm text-muted-foreground p-4 rounded-lg border text-center",
+        children: "This collection doesn't have studio integration."
+      })]
+    })]
+  });
+}
+const export_3b0c60972019 = {
+  default: Page
+};
+export {
+  export_3b0c60972019
+};