@lukoweb/apitogo 0.2.23 → 0.2.24

package/src/app/apitogoBrandTheme.ts

@@ -1,47 +1,47 @@
-import type { ZudokuConfig } from "../config/validators/ZudokuConfig.js";
-
-/**
- * APIToGo brand theme for per-site overrides via apitogo.config.
- * Keep in sync with defaultTheme.css (full palette including sidebar/chart tokens).
- * Sourced from Sample-API-Website-UI (teal brand + navy/mist surfaces).
- */
-export const apitogoBrandTheme: NonNullable<ZudokuConfig["theme"]> = {
-  fonts: {
-    sans: "Inter",
-    mono: "JetBrains Mono",
-  },
-  light: {
-    background: "#ffffff",
-    foreground: "#252b3b",
-    card: "#ffffff",
-    cardForeground: "#252b3b",
-    primary: "#0d9488",
-    primaryForeground: "#ffffff",
-    secondary: "#f4f6fb",
-    secondaryForeground: "#252b3b",
-    muted: "#e9edf5",
-    mutedForeground: "rgba(37, 43, 59, 0.55)",
-    accent: "rgba(13, 148, 136, 0.1)",
-    accentForeground: "#0d9488",
-    border: "#d9deea",
-    input: "#d9deea",
-    ring: "#0d9488",
-  },
-  dark: {
-    background: "#252b3b",
-    foreground: "#e9edf5",
-    card: "#2b3243",
-    cardForeground: "#e9edf5",
-    primary: "#0d9488",
-    primaryForeground: "#ffffff",
-    secondary: "#1e2330",
-    secondaryForeground: "#e9edf5",
-    muted: "#1e2330",
-    mutedForeground: "rgba(217, 222, 234, 0.58)",
-    accent: "rgba(13, 148, 136, 0.12)",
-    accentForeground: "#0d9488",
-    border: "rgba(217, 222, 234, 0.18)",
-    input: "#323a4f",
-    ring: "#0d9488",
-  },
-};
+import type { ZudokuConfig } from "../config/validators/ZudokuConfig.js";
+
+/**
+ * APIToGo brand theme for per-site overrides via apitogo.config.
+ * Keep in sync with defaultTheme.css (full palette including sidebar/chart tokens).
+ * Sourced from Sample-API-Website-UI (teal brand + navy/mist surfaces).
+ */
+export const apitogoBrandTheme: NonNullable<ZudokuConfig["theme"]> = {
+  fonts: {
+    sans: "Inter",
+    mono: "JetBrains Mono",
+  },
+  light: {
+    background: "#ffffff",
+    foreground: "#252b3b",
+    card: "#ffffff",
+    cardForeground: "#252b3b",
+    primary: "#0d9488",
+    primaryForeground: "#ffffff",
+    secondary: "#f4f6fb",
+    secondaryForeground: "#252b3b",
+    muted: "#e9edf5",
+    mutedForeground: "rgba(37, 43, 59, 0.55)",
+    accent: "rgba(13, 148, 136, 0.1)",
+    accentForeground: "#0d9488",
+    border: "#d9deea",
+    input: "#d9deea",
+    ring: "#0d9488",
+  },
+  dark: {
+    background: "#252b3b",
+    foreground: "#e9edf5",
+    card: "#2b3243",
+    cardForeground: "#e9edf5",
+    primary: "#0d9488",
+    primaryForeground: "#ffffff",
+    secondary: "#1e2330",
+    secondaryForeground: "#e9edf5",
+    muted: "#1e2330",
+    mutedForeground: "rgba(217, 222, 234, 0.58)",
+    accent: "rgba(13, 148, 136, 0.12)",
+    accentForeground: "#0d9488",
+    border: "rgba(217, 222, 234, 0.18)",
+    input: "#323a4f",
+    ring: "#0d9488",
+  },
+};

package/src/app/defaultTheme.css

@@ -1,77 +1,77 @@
-/**
- * Default APIToGo brand theme for scaffolded sites.
- * Color tokens sourced from Sample-API-Website-UI (teal brand + navy/mist surfaces).
- */
-
-:root {
-  --radius: 0.625rem;
-  --background: #ffffff;
-  --foreground: #252b3b;
-  --card: #ffffff;
-  --card-foreground: #252b3b;
-  --popover: #ffffff;
-  --popover-foreground: #252b3b;
-  --primary: #0d9488;
-  --primary-foreground: #ffffff;
-  --secondary: #f4f6fb;
-  --secondary-foreground: #252b3b;
-  --muted: #e9edf5;
-  --muted-foreground: rgba(37, 43, 59, 0.55);
-  --accent: rgba(13, 148, 136, 0.1);
-  --accent-foreground: #0d9488;
-  --destructive: #e02424;
-  --warning: oklch(0.84 0.16 84);
-  --warning-foreground: oklch(0.47 0.14 46.2);
-  --border: #d9deea;
-  --input: #d9deea;
-  --ring: #0d9488;
-  --chart-1: #0d9488;
-  --chart-2: #0e9f6e;
-  --chart-3: #3f83f8;
-  --chart-4: #8b95af;
-  --chart-5: #454e66;
-  --sidebar: #ffffff;
-  --sidebar-foreground: #252b3b;
-  --sidebar-primary: #0d9488;
-  --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #f4f6fb;
-  --sidebar-accent-foreground: #252b3b;
-  --sidebar-border: #d9deea;
-  --sidebar-ring: #0d9488;
-}
-
-.dark {
-  --background: #252b3b;
-  --foreground: #e9edf5;
-  --card: #2b3243;
-  --card-foreground: #e9edf5;
-  --popover: #2b3243;
-  --popover-foreground: #e9edf5;
-  --primary: #0d9488;
-  --primary-foreground: #ffffff;
-  --secondary: #1e2330;
-  --secondary-foreground: #e9edf5;
-  --muted: #1e2330;
-  --muted-foreground: rgba(217, 222, 234, 0.58);
-  --accent: rgba(13, 148, 136, 0.12);
-  --accent-foreground: #0d9488;
-  --destructive: #e02424;
-  --warning: oklch(0.41 0.11 46);
-  --warning-foreground: oklch(0.99 0.02 95);
-  --border: rgba(217, 222, 234, 0.18);
-  --input: #323a4f;
-  --ring: #0d9488;
-  --chart-1: #0d9488;
-  --chart-2: #0e9f6e;
-  --chart-3: #3f83f8;
-  --chart-4: #8b95af;
-  --chart-5: #b9c1d6;
-  --sidebar: #1e2330;
-  --sidebar-foreground: #e9edf5;
-  --sidebar-primary: #0d9488;
-  --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #252b3b;
-  --sidebar-accent-foreground: #e9edf5;
-  --sidebar-border: rgba(217, 222, 234, 0.18);
-  --sidebar-ring: #0d9488;
-}
+/**
+ * Default APIToGo brand theme for scaffolded sites.
+ * Color tokens sourced from Sample-API-Website-UI (teal brand + navy/mist surfaces).
+ */
+
+:root {
+  --radius: 0.625rem;
+  --background: #ffffff;
+  --foreground: #252b3b;
+  --card: #ffffff;
+  --card-foreground: #252b3b;
+  --popover: #ffffff;
+  --popover-foreground: #252b3b;
+  --primary: #0d9488;
+  --primary-foreground: #ffffff;
+  --secondary: #f4f6fb;
+  --secondary-foreground: #252b3b;
+  --muted: #e9edf5;
+  --muted-foreground: rgba(37, 43, 59, 0.55);
+  --accent: rgba(13, 148, 136, 0.1);
+  --accent-foreground: #0d9488;
+  --destructive: #e02424;
+  --warning: oklch(0.84 0.16 84);
+  --warning-foreground: oklch(0.47 0.14 46.2);
+  --border: #d9deea;
+  --input: #d9deea;
+  --ring: #0d9488;
+  --chart-1: #0d9488;
+  --chart-2: #0e9f6e;
+  --chart-3: #3f83f8;
+  --chart-4: #8b95af;
+  --chart-5: #454e66;
+  --sidebar: #ffffff;
+  --sidebar-foreground: #252b3b;
+  --sidebar-primary: #0d9488;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f4f6fb;
+  --sidebar-accent-foreground: #252b3b;
+  --sidebar-border: #d9deea;
+  --sidebar-ring: #0d9488;
+}
+
+.dark {
+  --background: #252b3b;
+  --foreground: #e9edf5;
+  --card: #2b3243;
+  --card-foreground: #e9edf5;
+  --popover: #2b3243;
+  --popover-foreground: #e9edf5;
+  --primary: #0d9488;
+  --primary-foreground: #ffffff;
+  --secondary: #1e2330;
+  --secondary-foreground: #e9edf5;
+  --muted: #1e2330;
+  --muted-foreground: rgba(217, 222, 234, 0.58);
+  --accent: rgba(13, 148, 136, 0.12);
+  --accent-foreground: #0d9488;
+  --destructive: #e02424;
+  --warning: oklch(0.41 0.11 46);
+  --warning-foreground: oklch(0.99 0.02 95);
+  --border: rgba(217, 222, 234, 0.18);
+  --input: #323a4f;
+  --ring: #0d9488;
+  --chart-1: #0d9488;
+  --chart-2: #0e9f6e;
+  --chart-3: #3f83f8;
+  --chart-4: #8b95af;
+  --chart-5: #b9c1d6;
+  --sidebar: #1e2330;
+  --sidebar-foreground: #e9edf5;
+  --sidebar-primary: #0d9488;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #252b3b;
+  --sidebar-accent-foreground: #e9edf5;
+  --sidebar-border: rgba(217, 222, 234, 0.18);
+  --sidebar-ring: #0d9488;
+}

package/src/app/demo-cdn.html

@@ -1,37 +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>
+<!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

@@ -1,21 +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>
+<!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

@@ -1,77 +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} />);
+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} />);