zudoku 0.3.0-dev.20 → 0.3.0-dev.22

package/lib/zudoku.plugin-redirect.js

@@ -1,10 +1,11 @@
-import { j as a, N as i } from "./index-PyGcnQFX.js";
-const m = (e) => ({
-  getRoutes: () => e.redirects.map(({ from: t, to: r, replace: s }) => ({
-    path: t,
-    element: /* @__PURE__ */ a.jsx(i, { to: r, replace: s })
+import { j as s } from "./router-DibNxKUP.js";
+import { N as i } from "./index-ClDDiRmC.js";
+const p = (t) => ({
+  getRoutes: () => t.redirects.map(({ from: e, to: r, replace: o }) => ({
+    path: e,
+    element: /* @__PURE__ */ s.jsx(i, { to: r, replace: o })
   }))
 });
 export {
-  m as redirectPlugin
+  p as redirectPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.20",
+  "version": "0.3.0-dev.22",
   "type": "module",
   "files": [
     "dist",
@@ -78,7 +78,6 @@
     "autoprefixer": "10.4.19",
     "chokidar": "^3.6.0",
     "dotenv": "16.4.5",
-    "esbuild": "0.23.0",
     "express": "4.19.2",
     "graphql": "16.9.0",
     "graphql-type-json": "0.3.2",

package/src/lib/authentication/authentication.ts

@@ -1,4 +1,4 @@
-import { CommonPlugin, NavigationPlugin } from "../../lib/core/plugins.js";
+import { CommonPlugin, NavigationPlugin } from "../core/plugins.js";
 
 type AuthenticationPlugin = NavigationPlugin & CommonPlugin;
 

package/src/lib/plugins/api-keys/index.tsx

@@ -139,6 +139,7 @@ export const apiKeyPlugin = (
       }
     },
     getRoutes: () => {
+      // TODO: Make lazy
       return [
         {
           element: <ProtectedRoute />,

package/src/lib/plugins/markdown/generateRoutes.tsx

@@ -2,7 +2,7 @@ import { useTopNavigationItem } from "../../components/context/DevPortalProvider
 import { isPathItem } from "../../components/navigation/util.js";
 import { Navigate, type RouteObject } from "../../core/router.js";
 import { traverseNavigation } from "../../util/traverseNavigation.js";
-import { MdxPage } from "./MdxPage.js";
+
 import {
   MarkdownPluginDefaultOptions,
   MarkdownPluginOptions,
@@ -29,8 +29,8 @@ export const generateRoutes = (
       return {
         path: routePath,
         lazy: async () => {
+          const { MdxPage } = await import("./MdxPage.js");
           const { default: Component, ...props } = await importPromise();
-
           return {
             element: (
               <MdxPage

package/src/lib/plugins/openapi/OperationList.tsx

@@ -4,8 +4,8 @@ import { Heading } from "../../components/Heading.js";
 import { Markdown } from "../../components/Markdown.js";
 import { cn } from "../../util/cn.js";
 import { OperationListItem } from "./OperationListItem.js";
+import { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
-import { useOasConfig } from "./index.js";
 import { SchemaProseClasses } from "./util/prose.js";
 import { useQuery } from "./util/urql.js";
 

package/src/lib/plugins/openapi/PlaygroundDialogWrapper.tsx

@@ -1,5 +1,5 @@
+import { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
-import { useOasConfig } from "./index.js";
 import type { OperationListItemResult } from "./OperationList.js";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
 

package/src/lib/plugins/openapi/Route.tsx

@@ -0,0 +1,21 @@
+import { Outlet } from "../../core/router.js";
+import { OasConfigProvider } from "./context.js";
+import { OasPluginConfig } from "./interfaces.js";
+
+import { Provider, Client as UrqlClient } from "./util/urql.js";
+
+export function OpenApiRoute({
+  config,
+  client,
+}: {
+  config: OasPluginConfig;
+  client: typeof UrqlClient;
+}) {
+  return (
+    <Provider value={client}>
+      <OasConfigProvider value={{ config }}>
+        <Outlet />
+      </OasConfigProvider>
+    </Provider>
+  );
+}

package/src/lib/plugins/openapi/context.tsx

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+import { OasPluginConfig } from "./interfaces.js";
+
+const OasContext = createContext<{ config: OasPluginConfig } | undefined>(
+  undefined,
+);
+
+export const OasConfigProvider = OasContext.Provider;
+
+export const useOasConfig = () => {
+  const ctx = useContext(OasContext);
+  if (!ctx) {
+    throw new Error("useOasConfig must be used within a OasConfigProvider");
+  }
+  return ctx.config;
+};

package/src/lib/plugins/openapi/index.tsx

@@ -1,60 +1,18 @@
-import { createContext, useContext } from "react";
 import {
   type DevPortalPlugin,
   type PluginNavigationCategory,
 } from "../../core/plugins.js";
-import { Outlet, matchPath, type RouteObject } from "../../core/router.js";
+import { matchPath, type RouteObject } from "../../core/router.js";
 import { MethodBadge } from "./MethodBadge.js";
-import { OperationList } from "./OperationList.js";
 import { graphql } from "./graphql/index.js";
 import {
-  Provider,
   Client as UrqlClient,
   cacheExchange,
   fetchExchange,
 } from "./util/urql.js";
 
 import { createSharedWorkerClient } from "virtual:zudoku-openapi-worker";
-
-const OasContext = createContext<{ config: OasPluginConfig } | undefined>(
-  undefined,
-);
-
-export const OasConfigProvider = OasContext.Provider;
-
-export const useOasConfig = () => {
-  const ctx = useContext(OasContext);
-  if (!ctx) {
-    throw new Error("useOasConfig must be used within a OasConfigProvider");
-  }
-  return ctx.config;
-};
-
-type OasSource =
-  | { type: "url"; input: string }
-  | { type: "yaml"; input: string }
-  | { type: "json"; input: object };
-
-export type OasPluginConfig = {
-  server?: string;
-  path?: string;
-} & OasSource;
-
-const OasContextProvider = ({
-  config,
-  client,
-}: {
-  config: OasPluginConfig;
-  client: typeof UrqlClient;
-}) => {
-  return (
-    <Provider value={client}>
-      <OasConfigProvider value={{ config }}>
-        <Outlet />
-      </OasConfigProvider>
-    </Provider>
-  );
-};
+import { OasPluginConfig } from "./interfaces.js";
 
 const GetCategoriesQuery = graphql(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
@@ -148,11 +106,26 @@ export const openApiPlugin = (config: OasPluginConfig): DevPortalPlugin => {
     getRoutes: () =>
       [
         {
-          element: <OasContextProvider config={config} client={client} />,
+          async lazy() {
+            const { OpenApiRoute } = await import("./Route.js");
+            return {
+              element: <OpenApiRoute client={client} config={config} />,
+            };
+          },
           children: [
             {
               path: basePath,
-              children: [{ index: true, element: <OperationList /> }],
+              children: [
+                {
+                  index: true,
+                  async lazy() {
+                    const { OperationList } = await import(
+                      "./OperationList.js"
+                    );
+                    return { element: <OperationList /> };
+                  },
+                },
+              ],
             },
           ],
         },

package/src/lib/plugins/openapi/interfaces.ts

@@ -0,0 +1,9 @@
+type OasSource =
+  | { type: "url"; input: string }
+  | { type: "yaml"; input: string }
+  | { type: "json"; input: object };
+
+export type OasPluginConfig = {
+  server?: string;
+  path?: string;
+} & OasSource;