zudoku 0.3.0-dev.98 → 0.3.0

package/lib/zudoku.plugin-api-keys.js

@@ -1,12 +1,12 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { a as p, R as f } from "./SlotletProvider-CzMAO73_.js";
-import { u as g, a as u, I as j, S as k, b as v, c as w, d as b, e as K, f as y } from "./Input-HmAaR6kw.js";
+import { S as p, R as f } from "./SlotletProvider-ByLSCZQa.js";
+import { u as g, a as u, I as j, S as k, b as v, c as w, d as b, e as K, f as y } from "./Input-DB9VROFR.js";
 import { b as N, L as x, O as E } from "./index-7kcHaXD6.js";
 import { u as h, t as A, j as S } from "./ZudokuContext-BIZ8zHbZ.js";
-import { B as l, p as I } from "./Combination-D-9IH0zy.js";
+import { B as l, p as I } from "./Combination-DTfV-c98.js";
 import { D as P } from "./DeveloperHint-BQSFXH01.js";
 import { useState as C } from "react";
-import { c as d, a as D } from "./Markdown-B_Gax7at.js";
+import { c as d, a as D } from "./Markdown-CEccPMI_.js";
 /**
  * @license lucide-react v0.378.0 - ISC
  *

package/lib/zudoku.plugin-custom-page.js

@@ -1,5 +1,5 @@
 import { j as m } from "./jsx-runtime-B6kdoens.js";
-import { P as o } from "./Markdown-B_Gax7at.js";
+import { P as o } from "./Markdown-CEccPMI_.js";
 const l = (s) => ({
   getRoutes: () => s.map(({ path: e, element: t }) => ({
     path: e,

package/lib/zudoku.plugin-markdown.js

@@ -6,7 +6,7 @@ const u = (t, e) => Object.entries(t).flatMap(([a, r]) => {
   return {
     path: s.at(-1) === "index" ? s.slice(0, -1).join("/") : o,
     lazy: async () => {
-      const { MdxPage: i } = await import("./MdxPage-oN3huD58.js"), { default: p, ...c } = await r();
+      const { MdxPage: i } = await import("./MdxPage-CnqOoqvp.js"), { default: p, ...c } = await r();
       return {
         element: /* @__PURE__ */ m.jsx(
           i,

package/lib/zudoku.plugin-openapi.js

@@ -1,10 +1,10 @@
 import "./jsx-runtime-B6kdoens.js";
-import { o as l } from "./index-CtKkHGcd.js";
+import { o as l } from "./index-D-9zqIOh.js";
 import "./urql-DrBfkb92.js";
 import "./ZudokuContext-BIZ8zHbZ.js";
 import "zudoku/openapi-worker";
-import "./Combination-D-9IH0zy.js";
-import "./Markdown-B_Gax7at.js";
+import "./Combination-DTfV-c98.js";
+import "./Markdown-CEccPMI_.js";
 import "./joinPath-B7kNnUX4.js";
 import "./router-BiRCp01d.js";
 import "./index-7kcHaXD6.js";

package/lib/zudoku.plugin-search-inkeep.js

@@ -1,11 +1,11 @@
 import { j as n } from "./jsx-runtime-B6kdoens.js";
-import { lazy as a } from "react";
-const r = {
-  apiKey: "499c156cf7a9798343949c8bb5665ac95e48132c6d68c42e",
-  integrationId: "clot3asdz0000s601nc8jwnzx",
-  organizationId: "org_dDOlt2uJlMWM8oIS",
-  primaryBrandColor: "#ff00bd",
-  organizationDisplayName: "Zuplo",
+import { useSyncExternalStore as a, lazy as i } from "react";
+const o = () => () => {
+}, c = (e) => a(
+  o,
+  () => "client",
+  () => "server"
+) === "client" ? e.children : null, l = {
   theme: {
     components: {
       AIChatPageWrapper: {
@@ -23,34 +23,29 @@ const r = {
       }
     }
   }
-}, s = {
-  shareChatUrlBasePath: `${process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://zuplo.com"}/docs/ask`,
-  isChatSharingEnabled: !0,
-  quickQuestions: [
-    "How do I create a custom policy?",
-    "What is the difference between production and preview environments?",
-    "How do I set a custom domain?",
-    "How do I use environment variables?"
-  ]
-}, i = a(() => import("./InkeepCustomTrigger-CE5-K5ex.js")), c = ({
-  prefilledQuery: t,
-  isOpen: e,
-  onClose: o
+}, p = {}, u = i(() => import("./InkeepCustomTrigger-CE5-K5ex.js")), h = ({
+  prefilledQuery: e,
+  isOpen: r,
+  onClose: t,
+  settings: s
 }) => /* @__PURE__ */ n.jsx(
-  i,
+  u,
   {
-    isOpen: e,
-    onClose: o,
-    baseSettings: r,
-    aiChatSettings: s,
+    isOpen: r,
+    onClose: t,
+    baseSettings: { ...l, ...s },
+    aiChatSettings: p,
     searchSettings: {
-      prefilledQuery: t || void 0
+      prefilledQuery: e || void 0
     }
   }
-), d = (t) => ({
-  onRequestSearch: (e) => typeof window > "u" ? null : /* @__PURE__ */ n.jsx(c, { isOpen: e.isOpen, onClose: e.onClose, ...t })
+), g = (e) => ({
+  renderSearch: ({
+    isOpen: r,
+    onClose: t
+  }) => /* @__PURE__ */ n.jsx(c, { children: /* @__PURE__ */ n.jsx(h, { isOpen: r, onClose: t, settings: e }) })
 });
 export {
-  d as inkeepSearchPlugin
+  g as inkeepSearchPlugin
 };
 //# sourceMappingURL=zudoku.plugin-search-inkeep.js.map

package/lib/zudoku.plugin-search-inkeep.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["import {\n  InkeepAIChatSettings,\n  InkeepModalSettings,\n  InkeepSearchSettings,\n  InkeepWidgetBaseSettings,\n} from \"@inkeep/widgets\";\n\nconst baseSettings: InkeepWidgetBaseSettings = {\n  apiKey: \"499c156cf7a9798343949c8bb5665ac95e48132c6d68c42e\",\n  integrationId: \"clot3asdz0000s601nc8jwnzx\",\n  organizationId: \"org_dDOlt2uJlMWM8oIS\",\n  primaryBrandColor: \"#ff00bd\",\n  organizationDisplayName: \"Zuplo\",\n  theme: {\n    components: {\n      AIChatPageWrapper: {\n        defaultProps: {\n          size: \"shrink-vertically\",\n          variant: \"no-shadow\",\n        },\n      },\n      SearchBarTrigger: {\n        defaultProps: {\n          size: \"expand\",\n          variant: \"subtle\", // Choose from 'emphasized' or 'subtle'\n        },\n      },\n    },\n  },\n};\n\nconst modalSettings: InkeepModalSettings = {};\n\nconst searchSettings: InkeepSearchSettings = {};\n\nconst aiChatSettings: InkeepAIChatSettings = {\n  shareChatUrlBasePath: `${process.env.NODE_ENV === \"development\" ? \"http://localhost:3000\" : \"https://zuplo.com\"}/docs/ask`,\n  isChatSharingEnabled: true,\n  quickQuestions: [\n    \"How do I create a custom policy?\",\n    \"What is the difference between production and preview environments?\",\n    \"How do I set a custom domain?\",\n    \"How do I use environment variables?\",\n  ],\n};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import type { InkeepWidgetBaseSettings } from \"@inkeep/widgets\";\nimport { lazy } from \"react\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\nimport { aiChatSettings, baseSettings } from \"./inkeep.js\";\n\ntype PickedPluginInkeepBaseSettings =\n  | \"apiKey\"\n  | \"integrationId\"\n  | \"organizationId\"\n  | \"primaryBrandColor\"\n  | \"organizationDisplayName\";\n\ntype PluginInkeepBaseSettings = Pick<\n  InkeepWidgetBaseSettings,\n  PickedPluginInkeepBaseSettings\n>;\n\nconst Inkeep = lazy(() => import(\"./InkeepCustomTrigger.js\"));\n//.then((module) => module.InkeepCustomTrigger)\nconst InkeepSearch = ({\n  prefilledQuery,\n  isOpen,\n  onClose,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  prefilledQuery?: string | null;\n} & PluginInkeepBaseSettings) => {\n  return (\n    <Inkeep\n      isOpen={isOpen}\n      onClose={onClose}\n      baseSettings={baseSettings}\n      aiChatSettings={aiChatSettings}\n      searchSettings={{\n        prefilledQuery: prefilledQuery || undefined,\n      }}\n    />\n  );\n};\n\nexport const inkeepSearchPlugin = (\n  settings: PluginInkeepBaseSettings,\n): DevPortalPlugin => {\n  return {\n    onRequestSearch: (o: { isOpen: boolean; onClose: () => void }) => {\n      if (typeof window === \"undefined\") {\n        return null;\n      }\n      return (\n        <InkeepSearch isOpen={o.isOpen} onClose={o.onClose} {...settings} />\n      );\n    },\n  };\n};\n"],"names":["baseSettings","aiChatSettings","Inkeep","lazy","InkeepSearch","prefilledQuery","isOpen","onClose","jsx","inkeepSearchPlugin","settings","o"],"mappings":";;AAOA,MAAMA,IAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,yBAAyB;AAAA,EACzB,OAAO;AAAA,IACL,YAAY;AAAA,MACV,mBAAmB;AAAA,QACjB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,QAChB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAMMC,IAAuC;AAAA,EAC3C,sBAAsB,GAAG,QAAQ,IAAI,aAAa,gBAAgB,0BAA0B,mBAAmB;AAAA,EAC/G,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,GC3BMC,IAASC,EAAK,MAAM,OAAO,mCAA0B,CAAC,GAEtDC,IAAe,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAMIC,gBAAAA,EAAA;AAAA,EAACN;AAAA,EAAA;AAAA,IACC,QAAAI;AAAA,IACA,SAAAC;AAAA,IACA,cAAAP;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAgB;AAAA,MACd,gBAAgBI,KAAkB;AAAA,IACpC;AAAA,EAAA;AAAA,GAKOI,IAAqB,CAChCC,OAEO;AAAA,EACL,iBAAiB,CAACC,MACZ,OAAO,SAAW,MACb,OAGPH,gBAAAA,MAACJ,KAAa,QAAQO,EAAE,QAAQ,SAASA,EAAE,SAAU,GAAGD,EAAU,CAAA;AAEtE;"}
+{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/components/ClientOnly.tsx","../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nconst noop = () => () => {};\n\nexport const ClientOnly = (props: { children: React.ReactNode }) => {\n  const value = useSyncExternalStore(\n    noop,\n    () => \"client\",\n    () => \"server\",\n  );\n\n  return value === \"client\" ? props.children : null;\n};\n","import {\n  InkeepAIChatSettings,\n  InkeepModalSettings,\n  InkeepSearchSettings,\n} from \"@inkeep/widgets\";\n\nconst baseSettings = {\n  theme: {\n    components: {\n      AIChatPageWrapper: {\n        defaultProps: {\n          size: \"shrink-vertically\",\n          variant: \"no-shadow\",\n        },\n      },\n      SearchBarTrigger: {\n        defaultProps: {\n          size: \"expand\",\n          variant: \"subtle\", // Choose from 'emphasized' or 'subtle'\n        },\n      },\n    },\n  },\n} as const;\n\nconst modalSettings: InkeepModalSettings = {};\n\nconst searchSettings: InkeepSearchSettings = {};\n\nconst aiChatSettings: InkeepAIChatSettings = {};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import type { InkeepWidgetBaseSettings } from \"@inkeep/widgets\";\nimport { lazy } from \"react\";\nimport { ClientOnly } from \"../../components/ClientOnly.js\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\nimport { aiChatSettings, baseSettings } from \"./inkeep.js\";\n\ntype PickedPluginInkeepBaseSettings =\n  | \"apiKey\"\n  | \"integrationId\"\n  | \"organizationId\"\n  | \"primaryBrandColor\"\n  | \"organizationDisplayName\";\n\ntype PluginInkeepBaseSettings = Pick<\n  InkeepWidgetBaseSettings,\n  PickedPluginInkeepBaseSettings\n>;\n\nconst Inkeep = lazy(() => import(\"./InkeepCustomTrigger.js\"));\n\nconst InkeepSearch = ({\n  prefilledQuery,\n  isOpen,\n  onClose,\n  settings,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  prefilledQuery?: string | null;\n  settings: PluginInkeepBaseSettings;\n}) => {\n  return (\n    <Inkeep\n      isOpen={isOpen}\n      onClose={onClose}\n      baseSettings={{ ...baseSettings, ...settings }}\n      aiChatSettings={aiChatSettings}\n      searchSettings={{\n        prefilledQuery: prefilledQuery || undefined,\n      }}\n    />\n  );\n};\n\nexport const inkeepSearchPlugin = (\n  settings: PluginInkeepBaseSettings,\n): DevPortalPlugin => {\n  return {\n    renderSearch: ({\n      isOpen,\n      onClose,\n    }: {\n      isOpen: boolean;\n      onClose: () => void;\n    }) => {\n      return (\n        <ClientOnly>\n          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />\n        </ClientOnly>\n      );\n    },\n  };\n};\n"],"names":["noop","ClientOnly","props","useSyncExternalStore","baseSettings","aiChatSettings","Inkeep","lazy","InkeepSearch","prefilledQuery","isOpen","onClose","settings","jsx","inkeepSearchPlugin"],"mappings":";;AAEA,MAAMA,IAAO,MAAM,MAAM;AAAC,GAEbC,IAAa,CAACC,MACXC;AAAA,EACZH;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,MAGS,WAAWE,EAAM,WAAW,MCLzCE,IAAe;AAAA,EACnB,OAAO;AAAA,IACL,YAAY;AAAA,MACV,mBAAmB;AAAA,QACjB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,QAChB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAMMC,IAAuC,CAAC,GCXxCC,IAASC,EAAK,MAAM,OAAO,mCAA0B,CAAC,GAEtDC,IAAe,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAOIC,gBAAAA,EAAA;AAAA,EAACP;AAAA,EAAA;AAAA,IACC,QAAAI;AAAA,IACA,SAAAC;AAAA,IACA,cAAc,EAAE,GAAGP,GAAc,GAAGQ,EAAS;AAAA,IAC7C,gBAAAP;AAAA,IACA,gBAAgB;AAAA,MACd,gBAAgBI,KAAkB;AAAA,IACpC;AAAA,EAAA;AAAA,GAKOK,IAAqB,CAChCF,OAEO;AAAA,EACL,cAAc,CAAC;AAAA,IACb,QAAAF;AAAA,IACA,SAAAC;AAAA,EAAA,4BAMGV,GACC,EAAA,UAAAY,gBAAAA,EAAAA,IAACL,KAAa,QAAAE,GAAgB,SAAAC,GAAkB,UAAAC,EAAoB,CAAA,EACtE,CAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.98",
+  "version": "0.3.0",
   "type": "module",
   "files": [
     "dist",
@@ -9,79 +9,108 @@
     "src/lib",
     "src/app"
   ],
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "bin": {
     "zudoku": "./cli.js"
   },
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./internal": {
-      "import": "./dist/internal.js"
-    },
-    "./auth/clerk": {
-      "import": "./lib/zudoku.auth-clerk.js",
-      "types": "./dist/lib/authentication/providers/clerk.d.ts"
-    },
-    "./auth/auth0": {
-      "import": "./lib/zudoku.auth-auth0.js",
-      "types": "./dist/lib/authentication/providers/auth0.d.ts"
-    },
-    "./auth/openid": {
-      "import": "./lib/zudoku.auth-openid.js",
-      "types": "./dist/lib/authentication/providers/openid.d.ts"
-    },
-    "./plugins/api-keys": {
-      "import": "./lib/zudoku.plugin-api-keys.js",
-      "types": "./dist/lib/plugins/api-keys/index.d.ts"
-    },
-    "./plugins/markdown": {
-      "import": "./lib/zudoku.plugin-markdown.js",
-      "types": "./dist/lib/plugins/markdown/index.d.ts"
-    },
-    "./plugins/openapi": {
-      "import": "./lib/zudoku.plugin-openapi.js",
-      "types": "./dist/lib/plugins/openapi/index.d.ts"
-    },
-    "./plugins/redirect": {
-      "import": "./lib/zudoku.plugin-redirect.js",
-      "types": "./dist/lib/plugins/redirect/index.d.ts"
-    },
-    "./plugins/custom-page": {
-      "import": "./lib/zudoku.plugin-custom-page.js",
-      "types": "./dist/lib/plugins/custom-page/index.d.ts"
-    },
-    "./plugins/search-inkeep": {
-      "import": "./lib/zudoku.plugin-search-inkeep.js",
-      "types": "./dist/lib/plugins/search-inkeep/index.d.ts"
-    },
-    "./openapi-worker": {
-      "import": "./lib/zudoku.openapi-worker.js",
-      "types": "./dist/lib/plugins/openapi-worker.d.ts"
-    },
-    "./components": {
-      "import": "./lib/zudoku.components.js",
-      "types": "./dist/lib/components/index.d.ts"
-    },
-    "./vite": {
-      "require": "./dist/vite/plugin.js",
-      "import": "./dist/vite/plugin.js"
-    },
-    "./tailwind": {
-      "require": "./dist/app/tailwind.js",
-      "import": "./dist/app/tailwind.js"
-    },
-    "./main.css": {
-      "require": "./src/app/main.css",
-      "import": "./src/app/main.css"
-    },
-    "./app/*": {
-      "import": "./src/app/*"
+    ".": "./src/index.ts",
+    "./internal": "./src/internal.ts",
+    "./auth/clerk": "./src/lib/authentication/providers/clerk.ts",
+    "./auth/auth0": "./src/lib/authentication/providers/auth0.ts",
+    "./auth/openid": "./src/lib/authentication/providers/openid.ts",
+    "./plugins/api-keys": "./src/lib/plugins/api-keys/index.ts",
+    "./plugins/markdown": "./src/lib/plugins/markdown/index.ts",
+    "./plugins/openapi": "./src/lib/plugins/openapi/index.ts",
+    "./plugins/redirect": "./src/lib/plugins/redirect/index.ts",
+    "./plugins/custom-page": "./src/lib/plugins/custom-page/index.ts",
+    "./plugins/search-inkeep": "./src/lib/plugins/search-inkeep/index.ts",
+    "./openapi-worker": "./src/lib/plugins/openapi-worker.ts",
+    "./components": "./src/lib/components/index.ts",
+    "./vite": "./src/vite/plugin.ts",
+    "./tailwind": "./src/app/tailwind.ts",
+    "./app/*": "./src/app/*"
+  },
+  "publishConfig": {
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      },
+      "./internal": {
+        "import": "./dist/internal.js"
+      },
+      "./auth/clerk": {
+        "import": "./lib/zudoku.auth-clerk.js",
+        "types": "./dist/lib/authentication/providers/clerk.d.ts"
+      },
+      "./auth/auth0": {
+        "import": "./lib/zudoku.auth-auth0.js",
+        "types": "./dist/lib/authentication/providers/auth0.d.ts"
+      },
+      "./auth/openid": {
+        "import": "./lib/zudoku.auth-openid.js",
+        "types": "./dist/lib/authentication/providers/openid.d.ts"
+      },
+      "./plugins/api-keys": {
+        "import": "./lib/zudoku.plugin-api-keys.js",
+        "types": "./dist/lib/plugins/api-keys/index.d.ts"
+      },
+      "./plugins/markdown": {
+        "import": "./lib/zudoku.plugin-markdown.js",
+        "types": "./dist/lib/plugins/markdown/index.d.ts"
+      },
+      "./plugins/openapi": {
+        "import": "./lib/zudoku.plugin-openapi.js",
+        "types": "./dist/lib/plugins/openapi/index.d.ts"
+      },
+      "./plugins/redirect": {
+        "import": "./lib/zudoku.plugin-redirect.js",
+        "types": "./dist/lib/plugins/redirect/index.d.ts"
+      },
+      "./plugins/custom-page": {
+        "import": "./lib/zudoku.plugin-custom-page.js",
+        "types": "./dist/lib/plugins/custom-page/index.d.ts"
+      },
+      "./plugins/search-inkeep": {
+        "import": "./lib/zudoku.plugin-search-inkeep.js",
+        "types": "./dist/lib/plugins/search-inkeep/index.d.ts"
+      },
+      "./openapi-worker": {
+        "import": "./lib/zudoku.openapi-worker.js",
+        "types": "./dist/lib/plugins/openapi-worker.d.ts"
+      },
+      "./components": {
+        "import": "./lib/zudoku.components.js",
+        "types": "./dist/lib/components/index.d.ts"
+      },
+      "./vite": {
+        "require": "./dist/vite/plugin.js",
+        "import": "./dist/vite/plugin.js"
+      },
+      "./tailwind": {
+        "require": "./dist/app/tailwind.js",
+        "import": "./dist/app/tailwind.js"
+      },
+      "./main.css": {
+        "require": "./src/app/main.css",
+        "import": "./src/app/main.css"
+      },
+      "./app/*": {
+        "import": "./src/app/*"
+      }
     }
   },
+  "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "build:vite": "vite build && pnpm run hack:fix-worker-paths lib",
+    "build:standalone:vite": "vite build --mode standalone --config vite.standalone.config.ts",
+    "build:standalone:html": "cp ./src/app/standalone.html ./standalone/standalone.html && cp ./src/app/demo.html ./standalone/demo.html && cp ./src/app/demo-cdn.html ./standalone/index.html",
+    "hack:fix-worker-paths": "node ./scripts/hack-worker.mjs",
+    "clean": "tsc --build --clean",
+    "test": "node --test --enable-source-maps"
+  },
   "dependencies": {
     "@envelop/core": "5.0.1",
     "@graphql-typed-document-node/core": "3.2.0",
@@ -128,6 +157,7 @@
     "react-is": "18.3.1",
     "react-markdown": "9.0.1",
     "react-router-dom": "6.25.1",
+    "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
     "remark-comment": "1.0.0",
     "remark-directive": "3.0.0",
@@ -186,14 +216,5 @@
   "optionalDependencies": {
     "@clerk/clerk-js": "5.11.0",
     "@inkeep/widgets": "^0.2.289"
-  },
-  "scripts": {
-    "build": "tsc --project tsconfig.json",
-    "build:vite": "vite build && pnpm run hack:fix-worker-paths lib",
-    "build:standalone:vite": "vite build --mode standalone --config vite.standalone.config.ts",
-    "build:standalone:html": "cp ./src/app/standalone.html ./standalone/standalone.html && cp ./src/app/demo.html ./standalone/demo.html && cp ./src/app/demo-cdn.html ./standalone/index.html",
-    "hack:fix-worker-paths": "node ./scripts/hack-worker.mjs",
-    "clean": "tsc --build --clean",
-    "test": "node --test --enable-source-maps"
   }
-}
+}

package/src/app/demo-cdn.html

@@ -5,7 +5,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="https://cdn.zudoku.dev/logos/icon.svg"
+      href="https://cdn.zudoku.dev/logos/favicon.svg"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Zudoku Demo</title>

package/src/app/demo.html

@@ -5,7 +5,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="https://cdn.zudoku.dev/logos/icon.svg"
+      href="https://cdn.zudoku.dev/logos/favicon.svg"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Zudoku Demo</title>

package/src/app/demo.tsx

@@ -4,6 +4,7 @@ import { createBrowserRouter } from "react-router-dom";
 import { Bootstrap } from "zudoku/components";
 import type { ZudokuConfig } from "../config/validators/validate.js";
 import { openApiPlugin } from "../lib/plugins/openapi/index.js";
+import { themeToggle } from "../lib/themeToggle.js";
 import "../lib/util/logInit.js";
 import "./main.css";
 import { getRoutesByConfig } from "./main.js";
@@ -16,9 +17,12 @@ if (!apiUrl) {
   );
 }
 
+themeToggle();
+
 logger.info(`API URL: ${apiUrl}`);
 
-const root = document.getElementById("root");
+const root =
+  document.getElementById("zudoku") ?? document.getElementById("root");
 
 if (!root) {
   throw new Error("No div found with id root");
@@ -29,13 +33,7 @@ if (!root) {
 
 const config = {
   page: {
-    logo: {
-      src: {
-        light: "https://cdn.zudoku.dev/logos/icon.svg",
-        dark: "https://cdn.zudoku.dev/logos/icon.svg",
-      },
-    },
-    pageTitle: "Developer Portal",
+    pageTitle: "Demo",
   },
   topNavigation: [
     {
@@ -56,6 +54,6 @@ const config = {
 
 const routes = getRoutesByConfig(config);
 const router = createBrowserRouter(routes, {
-  basename: "/demo",
+  basename: window.location.pathname,
 });
 createRoot(root).render(<Bootstrap router={router} />);

package/src/app/main.css

@@ -170,6 +170,28 @@
     }
   }
 
+  .scrollbar::-webkit-scrollbar {
+    padding: 2px;
+    width: 12px;
+    height: 12px;
+    background: transparent;
+  }
+
+  .scrollbar:hover::-webkit-scrollbar-thumb {
+    background: hsla(var(--border));
+    border-radius: 12px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+
+  .scrollbar::-webkit-scrollbar-thumb {
+    background: transparent;
+  }
+
+  .scrollbar::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
   /* Theme */
   :root {
     --background: 0 0% 100%;

package/src/app/main.tsx

@@ -9,32 +9,35 @@ import "virtual:zudoku-theme.css";
 import { DevPortal, Layout, RouterError } from "zudoku/components";
 import { isNavigationPlugin } from "zudoku/internal";
 import { customPagePlugin } from "zudoku/plugins/custom-page";
+import { inkeepSearchPlugin } from "zudoku/plugins/search-inkeep";
 import type { ZudokuConfig } from "../config/config.js";
 import type { ZudokuContextOptions } from "../lib/core/DevPortalContext.js";
-import { inkeepSearchPlugin } from "../lib/plugins/search-inkeep/index.js";
 
 export const convertZudokuConfigToOptions = (
   config: ZudokuConfig,
 ): ZudokuContextOptions => {
-  const fallbackLogo =
-    config.page?.logoUrl ?? "https://cdn.zudoku.dev/logos/icon.svg";
+  const fallbackLogoLight =
+    config.page?.logoUrl ??
+    "https://cdn.zudoku.dev/logos/zudoku-logo-full-light.svg";
+  const fallbackLogoDark =
+    config.page?.logoUrl ??
+    "https://cdn.zudoku.dev/logos/zudoku-logo-full-dark.svg";
 
   return {
     page: {
-      pageTitle: "Developer Portal",
       ...config.page,
       logo: {
         ...config.page?.logo,
         src: {
-          light: config.page?.logo?.src?.light ?? fallbackLogo,
-          dark: config.page?.logo?.src?.dark ?? fallbackLogo,
+          light: config.page?.logo?.src?.light ?? fallbackLogoLight,
+          dark: config.page?.logo?.src?.dark ?? fallbackLogoDark,
         },
       },
     },
     slotlets: config.slotlets,
     metadata: {
-      favicon: "https://cdn.zudoku.dev/logos/icon.svg",
-      title: "%s | Developer Portal",
+      favicon: "https://cdn.zudoku.dev/logos/favicon.svg",
+      title: "%s - Zudoku",
       ...config.metadata,
     },
     sidebars: configuredSidebar,

package/src/app/standalone.html

@@ -5,7 +5,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="https://cdn.zudoku.dev/logos/icon.svg"
+      href="https://cdn.zudoku.dev/logos/favicon.svg"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Dev Portal</title>

package/src/app/standalone.tsx

@@ -3,6 +3,7 @@ import { createBrowserRouter } from "react-router-dom";
 import { Bootstrap } from "zudoku/components";
 import type { ZudokuConfig } from "../config/validators/validate.js";
 import { openApiPlugin } from "../lib/plugins/openapi/index.js";
+import { themeToggle } from "../lib/themeToggle.js";
 import "../lib/util/logInit.js";
 import "./main.css";
 import { getRoutesByConfig } from "./main.js";
@@ -12,6 +13,8 @@ if (!root) {
   throw new Error("No div found with attribute data-api-url");
 }
 
+themeToggle();
+
 const apiUrl = root.getAttribute("data-api-url");
 const pageTitle = document.getElementsByTagName("title")[0].innerText;
 const logoUrl = root.getAttribute("data-logo-url");
@@ -21,13 +24,15 @@ const logoUrl = root.getAttribute("data-logo-url");
 
 const config = {
   page: {
-    logo: {
-      src: {
-        light: logoUrl ?? "https://cdn.zudoku.dev/logos/icon.svg",
-        dark: logoUrl ?? "https://cdn.zudoku.dev/logos/icon.svg",
-      },
-    },
-    pageTitle: pageTitle ?? "Developer Portal",
+    logo: logoUrl
+      ? {
+          src: {
+            light: logoUrl,
+            dark: logoUrl,
+          },
+        }
+      : undefined,
+    pageTitle,
   },
   topNavigation: [
     {
@@ -48,6 +53,6 @@ const config = {
 
 const routes = getRoutesByConfig(config);
 const router = createBrowserRouter(routes, {
-  basename: "/standalone",
+  basename: window.location.pathname,
 });
 createRoot(root).render(<Bootstrap router={router} />);

package/src/lib/components/ClientOnly.tsx

@@ -0,0 +1,13 @@
+import { useSyncExternalStore } from "react";
+
+const noop = () => () => {};
+
+export const ClientOnly = (props: { children: React.ReactNode }) => {
+  const value = useSyncExternalStore(
+    noop,
+    () => "client",
+    () => "server",
+  );
+
+  return value === "client" ? props.children : null;
+};

package/src/lib/components/Header.tsx

@@ -21,6 +21,7 @@ import { cn } from "../util/cn.js";
 import { useTheme } from "./context/ThemeContext.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 import { Search } from "./Search.js";
+import { Slotlet } from "./SlotletProvider.js";
 import { TopNavigation } from "./TopNavigation.js";
 
 const RecursiveMenu = ({ item }: { item: ProfileNavigationItem }) => {
@@ -89,11 +90,12 @@ export const Header = memo(function HeaderInner() {
             </Link>
           </div>
           <div className="grid grid-cols-[--sidecar-grid-cols] items-center gap-8">
-            <div className="w-full max-w-prose">
+            <div className="w-full justify-center flex">
               <Search />
             </div>
 
             <div className="items-center justify-self-end text-sm hidden lg:flex gap-2">
+              <Slotlet name="head-navigation-start" />
               {isAuthEnabled && !isAuthenticated ? (
                 <Button variant="ghost" asChild>
                   <Link
@@ -132,6 +134,7 @@ export const Header = memo(function HeaderInner() {
               >
                 <ThemeIcon size={18} />
               </button>
+              <Slotlet name="head-navigation-end" />
             </div>
           </div>
         </div>

package/src/lib/components/Markdown.tsx

@@ -1,4 +1,5 @@
 import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
 import { visit } from "unist-util-visit";
 import { MdxComponents } from "../util/MdxComponents.js";
@@ -8,13 +9,13 @@ import { MdxComponents } from "../util/MdxComponents.js";
 const rehypeCodeBlockPlugin = () => (tree: any) => {
   visit(tree, "element", (node, _index, parent) => {
     if (node.tagName === "code") {
-      node.properties.inline = parent?.tagName !== "pre";
+      node.properties.inline = String(parent?.tagName !== "pre");
     }
   });
 };
 
 const remarkPlugins = [remarkGfm];
-const rehypePlugins = [rehypeCodeBlockPlugin];
+const rehypePlugins = [rehypeCodeBlockPlugin, rehypeRaw];
 
 // other styles are defined in main.css .prose
 export const ProseClasses = "prose dark:prose-invert prose-neutral";