@mehdad67/apitogo 0.1.24

package/package.json

@@ -0,0 +1,380 @@
+{
+  "name": "@mehdad67/apitogo",
+  "version": "0.1.24",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "**/polyfills.ts"
+  ],
+  "homepage": "https://zudoku.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zuplo/zudoku.git"
+  },
+  "bugs": {
+    "url": "https://github.com/zuplo/zudoku/issues"
+  },
+  "description": "Framework for building high quality, interactive API documentation.",
+  "files": [
+    "dist",
+    "cli.js",
+    "src",
+    "client.d.ts",
+    "docs"
+  ],
+  "bin": {
+    "zudoku": "./cli.js",
+    "apitogo": "./cli.js"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json",
+    "./ui/*": {
+      "types": "./src/lib/ui/*.tsx",
+      "default": "./src/lib/ui/*.tsx"
+    },
+    "./ui/*.js": {
+      "types": "./src/lib/ui/*.tsx",
+      "default": "./src/lib/ui/*.tsx"
+    },
+    "./client": {
+      "types": "./client.d.ts"
+    },
+    "./auth/clerk": "./src/lib/authentication/providers/clerk.tsx",
+    "./auth/auth0": "./src/lib/authentication/providers/auth0.tsx",
+    "./auth/openid": "./src/lib/authentication/providers/openid.tsx",
+    "./auth/supabase": "./src/lib/authentication/providers/supabase.tsx",
+    "./auth/azureb2c": "./src/lib/authentication/providers/azureb2c.tsx",
+    "./auth/firebase": "./src/lib/authentication/providers/firebase.tsx",
+    "./plugins": "./src/lib/core/plugins.ts",
+    "./plugins/api-keys": "./src/lib/plugins/api-keys/index.tsx",
+    "./plugins/markdown": "./src/lib/plugins/markdown/index.tsx",
+    "./plugins/openapi": "./src/lib/plugins/openapi/index.tsx",
+    "./plugins/custom-pages": "./src/lib/plugins/custom-pages/index.tsx",
+    "./plugins/search-inkeep": "./src/lib/plugins/search-inkeep/index.tsx",
+    "./plugins/search-pagefind": "./src/lib/plugins/search-pagefind/index.tsx",
+    "./plugins/api-catalog": "./src/lib/plugins/api-catalog/index.tsx",
+    "./modules/landing": "@mehdad67/apitogo-module-landing",
+    "./modules/user-panel": "@mehdad67/apitogo-module-user-panel",
+    "./components": "./src/lib/components/index.ts",
+    "./mermaid": "./src/lib/components/Mermaid.tsx",
+    "./router": "./src/lib/core/router.ts",
+    "./react-query": "./src/lib/core/react-query.ts",
+    "./icons": "./src/lib/icons.ts",
+    "./vite": "./src/vite/index.ts",
+    "./app/*": "./src/app/*",
+    "./hooks": "./src/lib/hooks/index.ts",
+    "./main.css": "./src/app/main.css",
+    "./processors/*": "./src/lib/plugins/openapi/processors/*.ts",
+    "./with-zuplo": "./src/zuplo/with-zuplo.ts",
+    "./testing": "./src/lib/testing/index.tsx"
+  },
+  "scripts": {
+    "build": "esbuild src/cli/cli.ts src/vite/prerender/worker.ts --outdir=dist/cli --entry-names=[name] --bundle --format=esm --packages=external --target=node20 --platform=node --log-level=error",
+    "postbuild": "tsx scripts/check-external-deps.ts",
+    "typecheck": "tsc --project tsconfig.app.json --noEmit",
+    "generate:types": "tsx scripts/generate-types.js && tsx scripts/generate-flat-config.js",
+    "build:standalone": "vite build --mode standalone --config vite.standalone.config.ts --log-level=error",
+    "prepack": "npm run build && tsx scripts/generate-publish-exports.ts",
+    "clean": "rm -rf dist",
+    "codegen": "graphql-codegen --config ./src/codegen.ts"
+  },
+  "dependencies": {
+    "@apidevtools/json-schema-ref-parser": "15.3.1",
+    "@envelop/core": "5.5.1",
+    "@graphql-typed-document-node/core": "3.2.0",
+    "@hono/node-server": "1.19.11",
+    "@lekoarts/rehype-meta-as-attributes": "3.0.3",
+    "@mdx-js/react": "3.1.1",
+    "@mdx-js/rollup": "3.1.1",
+    "@pothos/core": "4.12.0",
+    "@radix-ui/react-accordion": "1.2.12",
+    "@radix-ui/react-alert-dialog": "1.1.15",
+    "@radix-ui/react-aspect-ratio": "1.1.8",
+    "@radix-ui/react-checkbox": "1.3.3",
+    "@radix-ui/react-collapsible": "1.1.12",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-dropdown-menu": "2.1.16",
+    "@radix-ui/react-hover-card": "1.1.15",
+    "@radix-ui/react-label": "2.1.8",
+    "@radix-ui/react-navigation-menu": "1.2.14",
+    "@radix-ui/react-popover": "1.1.15",
+    "@radix-ui/react-progress": "1.1.8",
+    "@radix-ui/react-radio-group": "1.3.8",
+    "@radix-ui/react-scroll-area": "1.2.10",
+    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "1.3.6",
+    "@radix-ui/react-slot": "1.2.4",
+    "@radix-ui/react-switch": "1.2.6",
+    "@radix-ui/react-tabs": "1.1.13",
+    "@radix-ui/react-toggle": "1.1.10",
+    "@radix-ui/react-toggle-group": "1.1.11",
+    "@radix-ui/react-tooltip": "1.2.8",
+    "@radix-ui/react-visually-hidden": "1.2.4",
+    "@scalar/openapi-parser": "0.23.13",
+    "@sentry/node": "10.42.0",
+    "@shikijs/langs": "3.23.0",
+    "@shikijs/rehype": "3.23.0",
+    "@shikijs/themes": "3.23.0",
+    "@shikijs/transformers": "3.23.0",
+    "@tailwindcss/typography": "0.5.19",
+    "@tailwindcss/vite": "4.2.1",
+    "@tanem/react-nprogress": "6.0.2",
+    "@tanstack/react-query": "5.90.21",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react": "5.1.4",
+    "@x0k/json-schema-merge": "1.0.2",
+    "@mehdad67/httpsnippet": "10.0.9",
+    "@mehdad67/react-helmet-async": "2.0.5",
+    "@mehdad67/mcp": "0.0.32",
+    "bs58": "6.0.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "dotenv": "17.3.1",
+    "embla-carousel-react": "8.6.0",
+    "esbuild": "^0.27.4",
+    "estree-util-is-identifier-name": "3.0.0",
+    "estree-util-value-to-estree": "3.5.0",
+    "fast-equals": "6.0.0",
+    "glob": "13.0.6",
+    "glob-parent": "6.0.2",
+    "graphql": "16.13.1",
+    "graphql-type-json": "0.3.2",
+    "graphql-yoga": "5.18.0",
+    "gray-matter": "4.0.3",
+    "hast-util-heading-rank": "3.0.0",
+    "hast-util-to-jsx-runtime": "2.3.6",
+    "hast-util-to-string": "3.0.1",
+    "hono": "4.12.5",
+    "http-terminator": "3.2.0",
+    "javascript-stringify": "2.1.0",
+    "json-schema-to-typescript-lite": "15.0.0",
+    "loglevel": "1.9.2",
+    "lucide-react": "0.577.0",
+    "mdast-util-from-markdown": "2.0.2",
+    "mdast-util-mdx": "3.0.0",
+    "mdast-util-mdx-jsx": "3.2.0",
+    "micromark-extension-mdxjs": "3.0.0",
+    "motion": "12.35.1",
+    "nanoevents": "9.1.0",
+    "next-themes": "0.4.6",
+    "oauth4webapi": "3.8.5",
+    "openapi-types": "12.1.3",
+    "pagefind": "1.5.0-beta.1",
+    "picocolors": "1.1.1",
+    "piscina": "5.1.4",
+    "posthog-node": "5.26.0",
+    "react-error-boundary": "6.1.1",
+    "react-hook-form": "7.71.2",
+    "react-is": "catalog:",
+    "react-markdown": "10.1.0",
+    "react-router": "7.13.0",
+    "rehype-mdx-import-media": "1.2.0",
+    "rehype-raw": "7.0.0",
+    "rehype-slug": "6.0.0",
+    "remark-comment": "1.0.0",
+    "remark-directive": "3.0.1",
+    "remark-directive-rehype": "1.0.0",
+    "remark-frontmatter": "5.0.0",
+    "remark-gfm": "4.0.1",
+    "remark-mdx-frontmatter": "5.2.0",
+    "rollup": "4.59.0",
+    "semver": "7.7.4",
+    "shiki": "3.23.0",
+    "sitemap": "9.0.1",
+    "strip-ansi": "7.2.0",
+    "tar": "7.5.10",
+    "tailwind-merge": "3.5.0",
+    "tailwindcss": "4.2.1",
+    "tw-animate-css": "1.4.0",
+    "unified": "11.0.5",
+    "unist-util-visit": "5.1.0",
+    "vaul": "1.1.2",
+    "vfile": "6.0.3",
+    "vite": "7.3.1",
+    "yaml": "2.8.3",
+    "yargs": "18.0.0",
+    "zod": "4.3.6",
+    "zustand": "5.0.11"
+  },
+  "devDependencies": {
+    "@clerk/clerk-js": "^5.125.3",
+    "@graphql-codegen/cli": "6.1.2",
+    "@inkeep/cxkit-types": "0.5.116",
+    "@testing-library/dom": "catalog:",
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "@testing-library/user-event": "catalog:",
+    "@types/estree": "1.0.8",
+    "@types/glob-parent": "5.1.3",
+    "@types/hast": "3.0.4",
+    "@types/json-schema": "7.0.15",
+    "@types/mdast": "4.0.4",
+    "@types/mdx": "2.0.13",
+    "@types/node": "catalog:",
+    "@types/react-is": "catalog:",
+    "@types/semver": "7.7.1",
+    "@types/unist": "3.0.3",
+    "@types/yargs": "17.0.35",
+    "@vitest/coverage-v8": "4.0.18",
+    "happy-dom": "catalog:",
+    "oxc-parser": "^0.119.0",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "tsx": "4.21.0",
+    "typescript": "5.9.3"
+  },
+  "peerDependencies": {
+    "@azure/msal-browser": "^4.13.0",
+    "@sentry/react": "^10.0.0",
+    "@supabase/supabase-js": "^2.49.4",
+    "firebase": "^12.6.0",
+    "mermaid": "^11.0.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@azure/msal-browser": {
+      "optional": true
+    },
+    "@sentry/react": {
+      "optional": true
+    },
+    "@supabase/supabase-js": {
+      "optional": true
+    },
+    "firebase": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "types": "./dist/declarations/index.d.ts",
+        "default": "./src/index.ts"
+      },
+      "./package.json": "./package.json",
+      "./ui/*": {
+        "types": "./dist/declarations/lib/ui/*.d.ts",
+        "default": "./src/lib/ui/*.tsx"
+      },
+      "./ui/*.js": {
+        "types": "./dist/declarations/lib/ui/*.d.ts",
+        "default": "./src/lib/ui/*.tsx"
+      },
+      "./client": {
+        "types": "./client.d.ts"
+      },
+      "./auth/clerk": {
+        "types": "./dist/declarations/lib/authentication/providers/clerk.d.ts",
+        "default": "./src/lib/authentication/providers/clerk.tsx"
+      },
+      "./auth/auth0": {
+        "types": "./dist/declarations/lib/authentication/providers/auth0.d.ts",
+        "default": "./src/lib/authentication/providers/auth0.tsx"
+      },
+      "./auth/openid": {
+        "types": "./dist/declarations/lib/authentication/providers/openid.d.ts",
+        "default": "./src/lib/authentication/providers/openid.tsx"
+      },
+      "./auth/supabase": {
+        "types": "./dist/declarations/lib/authentication/providers/supabase.d.ts",
+        "default": "./src/lib/authentication/providers/supabase.tsx"
+      },
+      "./auth/azureb2c": {
+        "types": "./dist/declarations/lib/authentication/providers/azureb2c.d.ts",
+        "default": "./src/lib/authentication/providers/azureb2c.tsx"
+      },
+      "./auth/firebase": {
+        "types": "./dist/declarations/lib/authentication/providers/firebase.d.ts",
+        "default": "./src/lib/authentication/providers/firebase.tsx"
+      },
+      "./plugins": {
+        "types": "./dist/declarations/lib/core/plugins.d.ts",
+        "default": "./src/lib/core/plugins.ts"
+      },
+      "./plugins/api-keys": {
+        "types": "./dist/declarations/lib/plugins/api-keys/index.d.ts",
+        "default": "./src/lib/plugins/api-keys/index.tsx"
+      },
+      "./plugins/markdown": {
+        "types": "./dist/declarations/lib/plugins/markdown/index.d.ts",
+        "default": "./src/lib/plugins/markdown/index.tsx"
+      },
+      "./plugins/openapi": {
+        "types": "./dist/declarations/lib/plugins/openapi/index.d.ts",
+        "default": "./src/lib/plugins/openapi/index.tsx"
+      },
+      "./plugins/custom-pages": {
+        "types": "./dist/declarations/lib/plugins/custom-pages/index.d.ts",
+        "default": "./src/lib/plugins/custom-pages/index.tsx"
+      },
+      "./plugins/search-inkeep": {
+        "types": "./dist/declarations/lib/plugins/search-inkeep/index.d.ts",
+        "default": "./src/lib/plugins/search-inkeep/index.tsx"
+      },
+      "./plugins/search-pagefind": {
+        "types": "./dist/declarations/lib/plugins/search-pagefind/index.d.ts",
+        "default": "./src/lib/plugins/search-pagefind/index.tsx"
+      },
+      "./plugins/api-catalog": {
+        "types": "./dist/declarations/lib/plugins/api-catalog/index.d.ts",
+        "default": "./src/lib/plugins/api-catalog/index.tsx"
+      },
+      "./modules/landing": "@mehdad67/apitogo-module-landing",
+      "./modules/user-panel": "@mehdad67/apitogo-module-user-panel",
+      "./components": {
+        "types": "./dist/declarations/lib/components/index.d.ts",
+        "default": "./src/lib/components/index.ts"
+      },
+      "./mermaid": {
+        "types": "./dist/declarations/lib/components/Mermaid.d.ts",
+        "default": "./src/lib/components/Mermaid.tsx"
+      },
+      "./router": {
+        "types": "./dist/declarations/lib/core/router.d.ts",
+        "default": "./src/lib/core/router.ts"
+      },
+      "./react-query": {
+        "types": "./dist/declarations/lib/core/react-query.d.ts",
+        "default": "./src/lib/core/react-query.ts"
+      },
+      "./icons": {
+        "types": "./dist/declarations/lib/icons.d.ts",
+        "default": "./src/lib/icons.ts"
+      },
+      "./vite": {
+        "types": "./dist/declarations/vite/index.d.ts",
+        "default": "./src/vite/index.ts"
+      },
+      "./app/*": {
+        "types": "./dist/declarations/app/*.d.ts",
+        "default": "./src/app/*"
+      },
+      "./hooks": {
+        "types": "./dist/declarations/lib/hooks/index.d.ts",
+        "default": "./src/lib/hooks/index.ts"
+      },
+      "./main.css": "./src/app/main.css",
+      "./processors/*": {
+        "types": "./dist/declarations/lib/plugins/openapi/processors/*.d.ts",
+        "default": "./src/lib/plugins/openapi/processors/*.ts"
+      },
+      "./with-zuplo": {
+        "types": "./dist/declarations/zuplo/with-zuplo.d.ts",
+        "default": "./src/zuplo/with-zuplo.ts"
+      },
+      "./testing": {
+        "types": "./dist/declarations/lib/testing/index.d.ts",
+        "default": "./src/lib/testing/index.tsx"
+      }
+    },
+    "access": "public"
+  }
+}

package/src/app/ZuploBuildConfig.ts

@@ -0,0 +1,36 @@
+import { z } from "zod/mini";
+
+const EntitlementsSchema = z.object({
+  devPortalZuploBranding: z.boolean(),
+  numberOfProjects: z.number(),
+  numberOfUsers: z.number(),
+  egressGbPerMonth: z.number(),
+  requestsPerMonth: z.number(),
+  numberOfApiKeys: z.number(),
+  customDomains: z.number(),
+  advancedAnalyticsEnabled: z.boolean(),
+  devPortalAnalyticsEnabled: z.boolean(),
+  premiumSupport: z.boolean(),
+  emergencyPhoneSupport: z.boolean(),
+  rbacEnabled: z.boolean(),
+  onPremEnabled: z.boolean(),
+  largeBuildRunners: z.boolean(),
+});
+
+const BuildConfigSchema = z.object({
+  entitlements: EntitlementsSchema,
+  environmentType: z.optional(z.string()),
+  deploymentName: z.string(),
+  deploymentUrl: z.optional(z.string()),
+  projectId: z.optional(z.string()),
+  projectType: z.optional(z.string()),
+  sourceType: z.optional(z.string()),
+  accountName: z.optional(z.string()),
+  projectName: z.optional(z.string()),
+});
+
+export type BuildConfig = z.infer<typeof BuildConfigSchema>;
+export type Entitlements = z.infer<typeof EntitlementsSchema>;
+
+export const parseBuildConfig = (value: unknown): BuildConfig =>
+  BuildConfigSchema.parse(value);

package/src/app/defaultTheme.css

@@ -0,0 +1,77 @@
+/**
+ * Default theme for Zudoku. Based on shadcn/ui zinc base colors.
+ * See: https://ui.shadcn.com/docs/theming#zinc
+ */
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --warning: oklch(0.84 0.16 84);
+  --warning-foreground: oklch(0.47 0.14 46.2);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.92 0.004 286.32);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --warning: oklch(0.41 0.11 46);
+  --warning-foreground: oklch(0.99 0.02 95);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+}

package/src/app/demo-cdn.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="https://cdn.zudoku.dev/logos/favicon.svg"
+    />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
+    />
+    <title>Zudoku Demo</title>
+    <script
+      type="module"
+      crossorigin
+      src="https://cdn.zudoku.dev/latest/demo.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      crossorigin
+      href="https://cdn.zudoku.dev/latest/zudoku.css"
+    />
+    <script>
+      // prettier-ignore
+      !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init push capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
+      posthog.init("phc_l8rjm0vHBMwNdGeBRDrK8UIYjyVxZyBAtnYo2hS18OY", {
+        api_host: "https://us.i.posthog.com",
+        person_profiles: "identified_only", // or 'always' to create profiles for anonymous users as well
+      });
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/app/demo.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="https://cdn.zudoku.dev/logos/favicon.svg"
+    />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
+    />
+    <title>Zudoku Demo</title>
+    <script type="module" crossorigin src="./demo.js"></script>
+    <link rel="stylesheet" crossorigin href="./zudoku.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/app/demo.tsx

@@ -0,0 +1,77 @@
+import logger from "loglevel";
+import { createRoot } from "react-dom/client";
+import { createBrowserRouter } from "react-router";
+import type { ZudokuConfig } from "../config/validators/ZudokuConfig.js";
+import { Bootstrap } from "../lib/components/Bootstrap.js";
+import DemoAnnouncement from "../lib/demo/DemoAnnouncement.js";
+import "../lib/util/logInit.js";
+import "./main.css";
+import { openApiPlugin } from "../lib/plugins/openapi/index.js";
+import { getRoutesByConfig } from "./main.js";
+
+const apiUrl = new URL(window.location.href).searchParams.get("api-url");
+const logoUrl = new URL(window.location.href).searchParams.get("logo-url");
+const logoWidth = new URL(window.location.href).searchParams.get("logo-width");
+const title =
+  new URL(window.location.href).searchParams.get("title") ?? "Zudoku Demo";
+
+if (!apiUrl) {
+  throw new Error(
+    "No API URL in query parameters. Please provide an API URL using the `api-url` query parameter.",
+  );
+}
+
+logger.info(`API URL: ${apiUrl}`);
+
+const root =
+  document.getElementById("zudoku") ?? document.getElementById("root");
+
+if (!root) {
+  throw new Error("No div found with id root");
+}
+
+// IMPORTANT: This component must not contain tailwind classes
+// This directory is not processed by the tailwind plugin
+
+const config: ZudokuConfig = {
+  site: {
+    title,
+    banner: {
+      message: <DemoAnnouncement />,
+    },
+  },
+  navigation: [
+    {
+      type: "link",
+      to: "/",
+      label: "API Reference",
+    },
+  ],
+  plugins: [
+    // Using the plugin directly because there's no config file to load in the virtual plugins
+    openApiPlugin({
+      type: "url",
+      input: apiUrl,
+      path: "/",
+    }),
+  ],
+} satisfies ZudokuConfig;
+
+if (logoUrl && logoWidth) {
+  config.site = {
+    ...config.site,
+    logo: {
+      src: {
+        light: logoUrl,
+        dark: logoUrl,
+      },
+      width: logoWidth,
+    },
+  };
+}
+
+const routes = getRoutesByConfig(config);
+const router = createBrowserRouter(routes, {
+  basename: window.location.pathname,
+});
+createRoot(root).render(<Bootstrap router={router} />);