Update and sync examples + logos (#17)

Author: dan-lee

examples/with-auth0/navigation.ts

@@ -12,5 +12,5 @@
     "useUnknownInCatchVariables": false,
     "jsx": "react-jsx"
   },
-  "include": ["src", "zudoku.config.ts", "navigation.ts"]
+  "include": ["src", "zudoku.config.ts"]
 }

examples/with-auth0/pages/installation.mdx renamed to examples/with-auth0/pages/documentation/installation.mdx

@@ -1,64 +1,37 @@
-import type { ZudokuConfig } from "zudoku";
-import navigation from "./navigation.js";
+import { type ZudokuConfig } from "zudoku";
 
 const config: ZudokuConfig = {
-  page: {
-    pageTitle: "",
-    logoUrl: "https://cdn.zudoku.dev/logos/icon.svg",
-    logo: {
-      src: {
-        light: "https://cdn.zudoku.dev/logos/zudoku-logo-full-light.svg",
-        dark: "https://cdn.zudoku.dev/logos/zudoku-logo-full-dark.svg",
+  topNavigation: [
+    { id: "documentation", label: "Documentation" },
+    { id: "api", label: "Rick & Morty API" },
+  ],
+  sidebar: {
+    documentation: [
+      {
+        type: "category",
+        label: "Get started",
+        items: ["introduction", "installation"],
       },
-      width: "130px",
-    },
+    ],
   },
-  metadata: {
-    title: "%s | Zudoku",
-  },
-  theme: {
-    light: {
-      primary: "316 100% 50%",
-      primaryForeground: "360 100% 100%",
-    },
-    dark: {
-      primary: "316 100% 50%",
-      primaryForeground: "360 100% 100%",
-    },
+  redirects: [{ from: "/", to: "/documentation/introduction" }],
+  docs: {
+    files: "/pages/**/*.mdx",
   },
+  // Authentication configuration
   authentication: {
     type: "auth0",
     domain: "ntotten-test.us.auth0.com",
     clientId: "s2YqBXJ0BDykcaIOEW4cXXacaUntA1bm",
   },
-  navigation,
-  redirects: [{ from: "/", to: "/documentation", replace: true }],
   apiKeys: {
     enabled: true,
     endpoint: "https://zudoku-customer-main-b36fa2f.d2.zuplo.dev",
-    // getConsumers: async () => {
-    //   return [
-    //     {
-    //       name: "consumer1",
-    //       apiKeys: [
-    //         {
-    //           key: "key_123",
-    //           id: "id_123",
-    //           createdOn: "2023-10-10",
-    //         },
-    //       ],
-    //     },
-    //   ];
-    // },
   },
   apis: {
     type: "url",
-    input: `https://blue-sloth-main-afc3428.d2.zuplo.dev/schemas/rewiring-america`,
-    path: "/api",
-    // server: "/__z/graphq",
-  },
-  docs: {
-    files: "/pages/**/*.mdx",
+    input: "https://rickandmorty.zuplo.io/openapi.json",
+    navigationId: "api",
   },
 };
 

examples/with-auth0/pages/introduction.mdx renamed to examples/with-auth0/pages/documentation/introduction.mdx

@@ -1,48 +1,22 @@
 import type { ZudokuConfig } from "zudoku";
 
 const config: ZudokuConfig = {
-  page: {
-    pageTitle: "",
-    logoUrl: "https://cdn.zudoku.dev/logos/icon.svg",
-    logo: {
-      src: {
-        light: "https://cdn.zudoku.dev/logos/zudoku-logo-full-light.svg",
-        dark: "https://cdn.zudoku.dev/logos/zudoku-logo-full-dark.svg",
-      },
-      width: "130px",
-    },
-  },
-  metadata: {
-    title: "%s | Zudoku",
-  },
-  theme: {
-    light: {
-      primary: "316 100% 50%",
-      primaryForeground: "360 100% 100%",
-    },
-    dark: {
-      primary: "316 100% 50%",
-      primaryForeground: "360 100% 100%",
-    },
-  },
-  authentication: {
-    type: "clerk",
-    clerkPubKey: "pk_test_ZGVlcC1vd2wtNDAuY2xlcmsuYWNjb3VudHMuZGV2JA",
-  },
   topNavigation: [
     { id: "documentation", label: "Documentation" },
     { id: "api", label: "Rick & Morty API" },
   ],
   sidebar: {
-    documentation: ["introduction", "installation"],
+    documentation: [
+      {
+        type: "category",
+        label: "Get started",
+        items: ["introduction", "installation"],
+      },
+    ],
   },
   redirects: [
-    { from: "/", to: "/documentation/introduction", replace: true },
-    {
-      from: "/documentation",
-      to: "/documentation/introduction",
-      replace: true,
-    },
+    { from: "/", to: "/documentation/introduction" },
+    { from: "/documentation", to: "/documentation/introduction" },
   ],
   apis: {
     type: "url",

examples/with-auth0/tsconfig.json

@@ -1,11 +1,31 @@
 import type { ZudokuConfig } from "zudoku";
-import navigation from "./navigation.js";
 
 const config: ZudokuConfig = {
-  navigation,
+  redirects: [
+    { from: "/", to: "/documentation/introduction" },
+    { from: "/documentation", to: "/documentation/introduction" },
+  ],
+  topNavigation: [
+    { id: "documentation", label: "Documentation" },
+    { id: "api", label: "Rick & Morty API" },
+  ],
+  sidebar: {
+    documentation: [
+      {
+        type: "category",
+        label: "Get started",
+        items: ["introduction", "installation"],
+      },
+    ],
+  },
   docs: {
     files: "/pages/**/*.mdx",
   },
+  apis: {
+    type: "url",
+    input: "https://rickandmorty.zuplo.io/openapi.json",
+    navigationId: "api",
+  },
 };
 
 export default config;