zudoku 0.3.0-dev.55 → 0.3.0-dev.56

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

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-api-keys.js","sources":["../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash.js","../../../node_modules/.pnpm/tiny-invariant@1.3.3/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","../src/lib/components/Input.tsx","../src/lib/plugins/api-keys/CreateApiKey.tsx","../src/lib/plugins/api-keys/SettingsApiKeys.tsx","../src/lib/plugins/api-keys/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\"path\", { d: \"M9.88 9.88a3 3 0 1 0 4.24 4.24\", key: \"1jxqfv\" }],\n  [\n    \"path\",\n    {\n      d: \"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\",\n      key: \"9wicm4\"\n    }\n  ],\n  [\n    \"path\",\n    { d: \"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\", key: \"1jreej\" }\n  ],\n  [\"line\", { x1: \"2\", x2: \"22\", y1: \"2\", y2: \"22\", key: \"a6p6uj\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\"path\", { d: \"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\", key: \"rwhkz3\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCw = createLucideIcon(\"RotateCw\", [\n  [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Trash = createLucideIcon(\"Trash\", [\n  [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n  [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n  [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }]\n]);\n\nexport { Trash as default };\n//# sourceMappingURL=trash.js.map\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n    if (condition) {\n        return;\n    }\n    if (isProduction) {\n        throw new Error(prefix);\n    }\n    var provided = typeof message === 'function' ? message() : message;\n    var value = provided ? \"\".concat(prefix, \": \").concat(provided) : prefix;\n    throw new Error(value);\n}\n\nexport { invariant as default };\n","import * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useForm } from \"react-hook-form\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Input } from \"../../components/Input.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/Select.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { ApiKeyService } from \"./index.js\";\n\ntype CreateApiKey = { description: string; expiresOn?: string };\n\nexport const CreateApiKey = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const navigate = useNavigate();\n  const form = useForm<CreateApiKey>({\n    defaultValues: {\n      expiresOn: \"30\",\n    },\n  });\n  const createKeyMutation = useMutation({\n    mutationFn: ({ description, expiresOn }: CreateApiKey) => {\n      if (!service.createKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      const expiresOnDate =\n        expiresOn !== \"never\" ? addDaysToDate(Number(expiresOn)) : undefined;\n\n      return service.createKey(\n        { description: description, expiresOn: expiresOnDate },\n        context,\n      );\n    },\n    onSuccess: () => navigate(\"/settings/api-keys/\"),\n  });\n\n  if (!service.createKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b border-border pb-1\">\n        <h1 className=\"font-medium text-2xl\">New API Key</h1>\n      </div>\n      <form\n        onSubmit={form.handleSubmit((data) => createKeyMutation.mutate(data))}\n      >\n        <div className=\"flex gap-2 flex-col\">\n          Note\n          <Input {...form.register(\"description\")} />\n          Expiration\n          <Select\n            onValueChange={(value) => form.setValue(\"expiresOn\", value)}\n            defaultValue={form.getValues(\"expiresOn\")}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectGroup>\n                {[7, 30, 60, 90].map((option) => (\n                  <SelectItem value={String(option)} key={option}>\n                    {option} days\n                  </SelectItem>\n                ))}\n                <SelectItem value=\"never\">Never</SelectItem>\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n          <div className=\"flex gap-2\">\n            <Button>Generate Key</Button>\n            <Button variant=\"outline\" asChild>\n              <Link to=\"/settings/api-keys/\">Cancel</Link>\n            </Button>\n          </div>\n        </div>\n      </form>\n    </div>\n  );\n};\n\nconst addDaysToDate = (days: number): string => {\n  const date = new Date();\n  date.setDate(date.getDate() + days);\n  return date.toISOString();\n};\n","import {\n  useMutation,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { cn } from \"../../util/cn.js\";\nimport { ApiKeyService } from \"./index.js\";\n\nexport const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const queryClient = useQueryClient();\n  const { data } = useSuspenseQuery({\n    queryFn: () => service.getKeys(context),\n    queryKey: [\"api-keys\"],\n    retry: false,\n  });\n\n  const deleteKeyMutation = useMutation({\n    mutationFn: (id: string) => {\n      if (!service.deleteKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      return service.deleteKey(id, context);\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [\"api-keys\"] });\n    },\n  });\n\n  return (\n    <div className=\"max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b border-border pb-3\">\n        <h1 className=\"font-medium text-2xl\">API Keys</h1>\n        {service.createKey && (\n          <Button asChild>\n            <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n          </Button>\n        )}\n      </div>\n\n      {data.length === 0 ? (\n        <div className=\"flex flex-col justify-center gap-4 items-center h-1/2 my-8\">\n          <div className=\"text-center\">\n            No API keys created yet.\n            <br />\n            Get started and create the first one now\n          </div>\n          {service.createKey && (\n            <Button asChild>\n              <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n            </Button>\n          )}\n        </div>\n      ) : (\n        <ul\n          className={cn(\n            \"grid grid-cols-1  rounded border-border border\",\n            \"lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]\",\n          )}\n        >\n          {data.map((key) => (\n            <li\n              className=\"border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center\"\n              key={key.id}\n            >\n              <div className=\"flex flex-col gap-1 text-sm\">\n                {key.description ?? key.id}\n                <div className=\"text-muted-foreground text-xs\">\n                  {key.createdOn && (\n                    <div>\n                      Created on {new Date(key.createdOn).toLocaleDateString()}\n                    </div>\n                  )}\n                  {key.expiresOn && (\n                    <div>\n                      Expires on {new Date(key.expiresOn).toLocaleDateString()}\n                    </div>\n                  )}\n                </div>\n              </div>\n              <div className=\"items-center flex lg:justify-center\">\n                <RevealApiKey apiKey={key.key} />\n              </div>\n              <div className=\"flex gap-2\">\n                {service.rollKey && (\n                  <Button size=\"icon\">\n                    <RotateCwIcon size={16} />\n                  </Button>\n                )}\n                {service.deleteKey && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => {\n                      if (!confirm(\"Do you want to delete this key?\")) {\n                        return;\n                      }\n\n                      deleteKeyMutation.mutate(key.id);\n                    }}\n                    disabled={deleteKeyMutation.isPending}\n                  >\n                    <TrashIcon size={16} />\n                  </Button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nconst RevealApiKey = ({ apiKey }: { apiKey: string }) => {\n  const [revealed, setRevealed] = useState(false);\n\n  return (\n    <div className=\"flex gap-2 items-center text-sm w-full\">\n      <input\n        className=\"border border-border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min\"\n        value={revealed ? apiKey : \"•\".repeat(apiKey.length)}\n      />\n      <Button\n        variant=\"outline\"\n        onClick={() => setRevealed((prev) => !prev)}\n        size=\"icon\"\n      >\n        {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n","import { Outlet, type RouteObject } from \"react-router-dom\";\nimport invariant from \"tiny-invariant\";\nimport { useAuth } from \"../../authentication/hook.js\";\nimport { DevPortalContext } from \"../../core/DevPortalContext.js\";\nimport {\n  type ApiIdentityPlugin,\n  type DevPortalPlugin,\n} from \"../../core/plugins.js\";\nimport { RouterError } from \"../../errors/RouterError.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { CreateApiKey } from \"./CreateApiKey.js\";\nimport { SettingsApiKeys } from \"./SettingsApiKeys.js\";\n\nconst DEFAULT_API_KEY_ENDPOINT =\n  \"https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev\";\n\nexport type ApiKeyService = {\n  getKeys: (context: DevPortalContext) => Promise<ApiKey[]>;\n  rollKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  deleteKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  updateKeyDescription?: (\n    apiKey: { id: string; description: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n  getUsage?: (apiKeys: string[], context: DevPortalContext) => Promise<void>;\n  createKey?: (\n    apiKey: { description: string; expiresOn?: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n};\n\nexport type GetApiKeysOptions = ApiKeyService | { endpoint: string } | object;\n\nexport type ApiKeyPluginOptions = object & GetApiKeysOptions;\n\nexport interface ApiKey {\n  id: string;\n  description?: string;\n  createdOn?: string;\n  updatedOn?: string;\n  expiresOn?: string;\n  key: string;\n}\n\nconst createDefaultHandler = (endpoint: string): ApiKeyService => {\n  return {\n    deleteKey: async (id, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {\n        method: \"DELETE\",\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to delete API key\");\n    },\n    createKey: async (apiKey, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(apiKey),\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to create API key\");\n    },\n    getKeys: async (context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`);\n\n      await context.signRequest(request);\n\n      const keys = await fetch(request);\n      invariant(keys.ok, \"Failed to fetch API keys\");\n\n      return await keys.json();\n    },\n  };\n};\n\nconst ProtectedRoute = () => {\n  const auth = useAuth();\n\n  // TODO: should we suspend here somehow?\n  if (auth.isPending) {\n    return null;\n  }\n\n  return auth.isAuthenticated ? (\n    <Outlet />\n  ) : (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2 my-12\">\n      Please login first to view this page\n      <Button onClick={() => auth.login()}>Login</Button>\n    </div>\n  );\n};\n\nexport const apiKeyPlugin = (\n  options: ApiKeyPluginOptions,\n): DevPortalPlugin & ApiIdentityPlugin => {\n  const endpoint =\n    \"endpoint\" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;\n\n  const service =\n    \"getKeys\" in options ? options : createDefaultHandler(endpoint);\n\n  return {\n    getIdentities: async (context) => {\n      try {\n        const keys = await service.getKeys(context);\n\n        return keys.map((key) => ({\n          authorizeRequest: (request) => {\n            request.headers.set(\"Authorization\", `Bearer ${key.key}`);\n            return request;\n          },\n          id: key.id,\n          label: key.description ?? key.id,\n        }));\n      } catch {\n        return [];\n      }\n    },\n    getRoutes: (): RouteObject[] => {\n      // TODO: Make lazy\n      return [\n        {\n          element: <ProtectedRoute />,\n          errorElement: <RouterError />,\n          children: [\n            {\n              path: \"/settings/api-keys\",\n              element: <SettingsApiKeys service={service} />,\n            },\n            {\n              path: \"/settings/api-keys/new\",\n              element: <CreateApiKey service={service} />,\n            },\n          ],\n        },\n      ];\n    },\n  };\n};\n"],"names":["jsx","jsxs","RotateCwIcon","TrashIcon","EyeOffIcon","EyeIcon"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}
+{"version":3,"file":"zudoku.plugin-api-keys.js","sources":["../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye-off.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/eye.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.js","../../../node_modules/.pnpm/lucide-react@0.378.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/trash.js","../../../node_modules/.pnpm/tiny-invariant@1.3.3/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","../src/lib/components/Input.tsx","../src/lib/plugins/api-keys/CreateApiKey.tsx","../src/lib/plugins/api-keys/ProtectedRoute.tsx","../src/lib/plugins/api-keys/SettingsApiKeys.tsx","../src/lib/plugins/api-keys/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst EyeOff = createLucideIcon(\"EyeOff\", [\n  [\"path\", { d: \"M9.88 9.88a3 3 0 1 0 4.24 4.24\", key: \"1jxqfv\" }],\n  [\n    \"path\",\n    {\n      d: \"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\",\n      key: \"9wicm4\"\n    }\n  ],\n  [\n    \"path\",\n    { d: \"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\", key: \"1jreej\" }\n  ],\n  [\"line\", { x1: \"2\", x2: \"22\", y1: \"2\", y2: \"22\", key: \"a6p6uj\" }]\n]);\n\nexport { EyeOff as default };\n//# sourceMappingURL=eye-off.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Eye = createLucideIcon(\"Eye\", [\n  [\"path\", { d: \"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\", key: \"rwhkz3\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n]);\n\nexport { Eye as default };\n//# sourceMappingURL=eye.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RotateCw = createLucideIcon(\"RotateCw\", [\n  [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.js.map\n","/**\n * @license lucide-react v0.378.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Trash = createLucideIcon(\"Trash\", [\n  [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n  [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n  [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }]\n]);\n\nexport { Trash as default };\n//# sourceMappingURL=trash.js.map\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n    if (condition) {\n        return;\n    }\n    if (isProduction) {\n        throw new Error(prefix);\n    }\n    var provided = typeof message === 'function' ? message() : message;\n    var value = provided ? \"\".concat(prefix, \": \").concat(provided) : prefix;\n    throw new Error(value);\n}\n\nexport { invariant as default };\n","import * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","import { useMutation } from \"@tanstack/react-query\";\nimport { useForm } from \"react-hook-form\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Input } from \"../../components/Input.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/Select.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { ApiKeyService } from \"./index.js\";\n\ntype CreateApiKey = { description: string; expiresOn?: string };\n\nexport const CreateApiKey = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const navigate = useNavigate();\n  const form = useForm<CreateApiKey>({\n    defaultValues: {\n      expiresOn: \"30\",\n    },\n  });\n  const createKeyMutation = useMutation({\n    mutationFn: ({ description, expiresOn }: CreateApiKey) => {\n      if (!service.createKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      const expiresOnDate =\n        expiresOn !== \"never\" ? addDaysToDate(Number(expiresOn)) : undefined;\n\n      return service.createKey(\n        { description: description, expiresOn: expiresOnDate },\n        context,\n      );\n    },\n    onSuccess: () => navigate(\"/settings/api-keys/\"),\n  });\n\n  if (!service.createKey) {\n    return null;\n  }\n\n  return (\n    <div className=\"max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b border-border pb-1\">\n        <h1 className=\"font-medium text-2xl\">New API Key</h1>\n      </div>\n      <form\n        onSubmit={form.handleSubmit((data) => createKeyMutation.mutate(data))}\n      >\n        <div className=\"flex gap-2 flex-col\">\n          Note\n          <Input {...form.register(\"description\")} />\n          Expiration\n          <Select\n            onValueChange={(value) => form.setValue(\"expiresOn\", value)}\n            defaultValue={form.getValues(\"expiresOn\")}\n          >\n            <SelectTrigger>\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectGroup>\n                {[7, 30, 60, 90].map((option) => (\n                  <SelectItem value={String(option)} key={option}>\n                    {option} days\n                  </SelectItem>\n                ))}\n                <SelectItem value=\"never\">Never</SelectItem>\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n          <div className=\"flex gap-2\">\n            <Button>Generate Key</Button>\n            <Button variant=\"outline\" asChild>\n              <Link to=\"/settings/api-keys/\">Cancel</Link>\n            </Button>\n          </div>\n        </div>\n      </form>\n    </div>\n  );\n};\n\nconst addDaysToDate = (days: number): string => {\n  const date = new Date();\n  date.setDate(date.getDate() + days);\n  return date.toISOString();\n};\n","import { Outlet } from \"react-router-dom\";\nimport { useAuth } from \"../../authentication/hook.js\";\nimport { DeveloperHint } from \"../../components/DeveloperHint.js\";\nimport { Button } from \"../../ui/Button.js\";\n\nexport const ProtectedRoute = () => {\n  const auth = useAuth();\n\n  // TODO: should we suspend here somehow?\n  if (auth.isAuthEnabled && auth.isPending) {\n    return null;\n  }\n\n  return auth.isAuthenticated ? (\n    <Outlet />\n  ) : !auth.isAuthEnabled ? (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      <DeveloperHint className=\"max-w-[600px]\">\n        Authentication needs to be enabled for API keys to work. Enable it in\n        your Zudoku configuration under <code>authentication</code>.\n      </DeveloperHint>\n    </div>\n  ) : (\n    <div className=\"flex flex-col justify-center gap-2 items-center h-1/2\">\n      Please login first to view this page\n      <Button onClick={() => auth.login()}>Login</Button>\n    </div>\n  );\n};\n","import {\n  useMutation,\n  useQueryClient,\n  useSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useDevPortal } from \"../../components/context/DevPortalProvider.js\";\nimport { Button } from \"../../ui/Button.js\";\nimport { cn } from \"../../util/cn.js\";\nimport { ApiKeyService } from \"./index.js\";\n\nexport const SettingsApiKeys = ({ service }: { service: ApiKeyService }) => {\n  const context = useDevPortal();\n  const queryClient = useQueryClient();\n  const { data } = useSuspenseQuery({\n    queryFn: () => service.getKeys(context),\n    queryKey: [\"api-keys\"],\n    retry: false,\n  });\n\n  const deleteKeyMutation = useMutation({\n    mutationFn: (id: string) => {\n      if (!service.deleteKey) {\n        throw new Error(\"deleteKey not implemented\");\n      }\n\n      return service.deleteKey(id, context);\n    },\n    onSuccess: () => {\n      void queryClient.invalidateQueries({ queryKey: [\"api-keys\"] });\n    },\n  });\n\n  return (\n    <div className=\"max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <div className=\"flex justify-between mb-4 border-b border-border pb-3\">\n        <h1 className=\"font-medium text-2xl\">API Keys</h1>\n        {service.createKey && (\n          <Button asChild>\n            <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n          </Button>\n        )}\n      </div>\n\n      {data.length === 0 ? (\n        <div className=\"flex flex-col justify-center gap-4 items-center h-1/2 my-8\">\n          <div className=\"text-center\">\n            No API keys created yet.\n            <br />\n            Get started and create the first one now\n          </div>\n          {service.createKey && (\n            <Button asChild>\n              <Link to=\"/settings/api-keys/new\">Create API Key</Link>\n            </Button>\n          )}\n        </div>\n      ) : (\n        <ul\n          className={cn(\n            \"grid grid-cols-1  rounded border-border border\",\n            \"lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]\",\n          )}\n        >\n          {data.map((key) => (\n            <li\n              className=\"border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center\"\n              key={key.id}\n            >\n              <div className=\"flex flex-col gap-1 text-sm\">\n                {key.description ?? key.id}\n                <div className=\"text-muted-foreground text-xs\">\n                  {key.createdOn && (\n                    <div>\n                      Created on {new Date(key.createdOn).toLocaleDateString()}\n                    </div>\n                  )}\n                  {key.expiresOn && (\n                    <div>\n                      Expires on {new Date(key.expiresOn).toLocaleDateString()}\n                    </div>\n                  )}\n                </div>\n              </div>\n              <div className=\"items-center flex lg:justify-center\">\n                <RevealApiKey apiKey={key.key} />\n              </div>\n              <div className=\"flex gap-2\">\n                {service.rollKey && (\n                  <Button size=\"icon\">\n                    <RotateCwIcon size={16} />\n                  </Button>\n                )}\n                {service.deleteKey && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => {\n                      if (!confirm(\"Do you want to delete this key?\")) {\n                        return;\n                      }\n\n                      deleteKeyMutation.mutate(key.id);\n                    }}\n                    disabled={deleteKeyMutation.isPending}\n                  >\n                    <TrashIcon size={16} />\n                  </Button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nconst RevealApiKey = ({ apiKey }: { apiKey: string }) => {\n  const [revealed, setRevealed] = useState(false);\n\n  return (\n    <div className=\"flex gap-2 items-center text-sm w-full\">\n      <input\n        className=\"border border-border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono max-w-min\"\n        value={revealed ? apiKey : \"•\".repeat(apiKey.length)}\n      />\n      <Button\n        variant=\"outline\"\n        onClick={() => setRevealed((prev) => !prev)}\n        size=\"icon\"\n      >\n        {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n","import { type RouteObject } from \"react-router-dom\";\nimport invariant from \"tiny-invariant\";\nimport { DevPortalContext } from \"../../core/DevPortalContext.js\";\nimport {\n  type ApiIdentityPlugin,\n  type DevPortalPlugin,\n} from \"../../core/plugins.js\";\nimport { RouterError } from \"../../errors/RouterError.js\";\nimport { CreateApiKey } from \"./CreateApiKey.js\";\nimport { ProtectedRoute } from \"./ProtectedRoute.js\";\nimport { SettingsApiKeys } from \"./SettingsApiKeys.js\";\n\nconst DEFAULT_API_KEY_ENDPOINT =\n  \"https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev\";\n\nexport type ApiKeyService = {\n  getKeys: (context: DevPortalContext) => Promise<ApiKey[]>;\n  rollKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  deleteKey?: (id: string, context: DevPortalContext) => Promise<void>;\n  updateKeyDescription?: (\n    apiKey: { id: string; description: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n  getUsage?: (apiKeys: string[], context: DevPortalContext) => Promise<void>;\n  createKey?: (\n    apiKey: { description: string; expiresOn?: string },\n    context: DevPortalContext,\n  ) => Promise<void>;\n};\n\nexport type GetApiKeysOptions = ApiKeyService | { endpoint: string } | object;\n\nexport type ApiKeyPluginOptions = object & GetApiKeysOptions;\n\nexport interface ApiKey {\n  id: string;\n  description?: string;\n  createdOn?: string;\n  updatedOn?: string;\n  expiresOn?: string;\n  key: string;\n}\n\nconst createDefaultHandler = (endpoint: string): ApiKeyService => {\n  return {\n    deleteKey: async (id, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {\n        method: \"DELETE\",\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to delete API key\");\n    },\n    createKey: async (apiKey, context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(apiKey),\n      });\n\n      await context.signRequest(request);\n\n      const response = await fetch(request);\n      invariant(response.ok, \"Failed to create API key\");\n    },\n    getKeys: async (context) => {\n      const request = new Request(endpoint + `/v1/developer/api-keys`);\n\n      await context.signRequest(request);\n\n      const keys = await fetch(request);\n      invariant(keys.ok, \"Failed to fetch API keys\");\n\n      return await keys.json();\n    },\n  };\n};\n\nexport const apiKeyPlugin = (\n  options: ApiKeyPluginOptions,\n): DevPortalPlugin & ApiIdentityPlugin => {\n  const endpoint =\n    \"endpoint\" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;\n\n  const service =\n    \"getKeys\" in options ? options : createDefaultHandler(endpoint);\n\n  return {\n    getIdentities: async (context) => {\n      try {\n        const keys = await service.getKeys(context);\n\n        return keys.map((key) => ({\n          authorizeRequest: (request) => {\n            request.headers.set(\"Authorization\", `Bearer ${key.key}`);\n            return request;\n          },\n          id: key.id,\n          label: key.description ?? key.id,\n        }));\n      } catch {\n        return [];\n      }\n    },\n    getRoutes: (): RouteObject[] => {\n      // TODO: Make lazy\n      return [\n        {\n          element: <ProtectedRoute />,\n          errorElement: <RouterError />,\n          children: [\n            {\n              path: \"/settings/api-keys\",\n              element: <SettingsApiKeys service={service} />,\n            },\n            {\n              path: \"/settings/api-keys/new\",\n              element: <CreateApiKey service={service} />,\n            },\n          ],\n        },\n      ];\n    },\n  };\n};\n"],"names":["EyeOff","createLucideIcon","Eye","RotateCw","Trash","isProduction","prefix","invariant","condition","message","provided","value","Input","React","className","type","props","ref","jsx","cn","CreateApiKey","service","context","useDevPortal","navigate","useNavigate","form","useForm","createKeyMutation","useMutation","description","expiresOn","expiresOnDate","addDaysToDate","jsxs","data","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","option","SelectItem","Button","Link","days","date","ProtectedRoute","auth","useAuth","Outlet","DeveloperHint","SettingsApiKeys","queryClient","useQueryClient","useSuspenseQuery","deleteKeyMutation","id","key","RevealApiKey","RotateCwIcon","TrashIcon","apiKey","revealed","setRevealed","useState","prev","EyeOffIcon","EyeIcon","DEFAULT_API_KEY_ENDPOINT","createDefaultHandler","endpoint","request","response","keys","apiKeyPlugin","options","RouterError"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/lib/zudoku.plugin-markdown.js

@@ -1,57 +1,49 @@
-import { j as jsxRuntimeExports, N as Navigate } from "./jsx-runtime-DvZ6OKMM.js";
-import { k as useTopNavigationItem } from "./DevPortalProvider-GjdO0Xr-.js";
-import { t as traverseNavigation, i as isPathItem } from "./util-B5KX4h4M.js";
-const generateRoutes = (markdownFiles, defaultOptions) => {
-  const routes = Object.entries(markdownFiles).flatMap(
-    ([file, importPromise]) => {
-      const match = file.match(/pages\/(.*).mdx?$/);
-      const path = match == null ? void 0 : match.at(1);
-      if (!path) return [];
-      const pathSegments = path.split("/");
-      const isIndexFile = pathSegments.at(-1) === "index";
-      const routePath = isIndexFile ? pathSegments.slice(0, -1).join("/") : path;
+import { j as s, N as x } from "./jsx-runtime-CJZJivg2.js";
+import { k as d } from "./DevPortalProvider-Do9oJqme.js";
+import { t as f, i as g } from "./util-_jwUlTBU.js";
+const h = (t, e) => {
+  const r = Object.entries(t).flatMap(
+    ([n, m]) => {
+      const a = n.match(/pages\/(.*).mdx?$/), o = a == null ? void 0 : a.at(1);
+      if (!o) return [];
+      const i = o.split("/");
       return {
-        path: routePath,
+        path: i.at(-1) === "index" ? i.slice(0, -1).join("/") : o,
         lazy: async () => {
-          const { MdxPage } = await import("./MdxPage-Dlujuj-J.js");
-          const { default: Component, ...props } = await importPromise();
+          const { MdxPage: u } = await import("./MdxPage-CbwYRKf5.js"), { default: c, ...l } = await m();
           return {
-            element: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              MdxPage,
+            element: /* @__PURE__ */ s.jsx(
+              u,
               {
-                mdxComponent: Component,
-                ...props,
-                defaultOptions
+                mdxComponent: c,
+                ...l,
+                defaultOptions: e
               }
             )
           };
         }
       };
     }
-  );
-  const rootRoutes = Array.from(
-    new Set(routes.map((route) => route.path.split("/").at(0)))
-  ).map((dir) => ({
-    path: `/${dir}`,
-    element: /* @__PURE__ */ jsxRuntimeExports.jsx(Redirect, {})
+  ), p = Array.from(
+    new Set(r.map((n) => n.path.split("/").at(0)))
+  ).map((n) => ({
+    path: `/${n}`,
+    element: /* @__PURE__ */ s.jsx(j, {})
   }));
-  return [...routes, ...rootRoutes];
-};
-const Redirect = () => {
-  const navItem = useTopNavigationItem();
-  if (!navItem) return null;
-  return traverseNavigation(navItem, (node, fullPath) => {
-    if ("children" in node || !isPathItem(node)) return;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Navigate, { to: fullPath, replace: true });
-  });
-};
-const markdownPlugin = ({
-  markdownFiles,
-  defaultOptions
+  return [...r, ...p];
+}, j = () => {
+  const t = d();
+  return t ? f(t, (e, r) => {
+    if (!("children" in e || !g(e)))
+      return /* @__PURE__ */ s.jsx(x, { to: r, replace: !0 });
+  }) : null;
+}, N = ({
+  markdownFiles: t,
+  defaultOptions: e
 }) => ({
-  getRoutes: () => generateRoutes(markdownFiles, defaultOptions)
+  getRoutes: () => h(t, e)
 });
 export {
-  markdownPlugin
+  N as markdownPlugin
 };
 //# sourceMappingURL=zudoku.plugin-markdown.js.map

package/lib/zudoku.plugin-markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-markdown.js","sources":["../src/lib/plugins/markdown/generateRoutes.tsx","../src/lib/plugins/markdown/index.tsx"],"sourcesContent":["import { Navigate, type RouteObject } from \"react-router-dom\";\nimport { useTopNavigationItem } from \"../../components/context/DevPortalProvider.js\";\nimport { isPathItem } from \"../../components/navigation/util.js\";\nimport { traverseNavigation } from \"../../util/traverseNavigation.js\";\n\nimport {\n  MarkdownPluginDefaultOptions,\n  MarkdownPluginOptions,\n} from \"./index.js\";\n\nexport const generateRoutes = (\n  markdownFiles: MarkdownPluginOptions[\"markdownFiles\"],\n  defaultOptions?: MarkdownPluginDefaultOptions,\n): RouteObject[] => {\n  const routes = Object.entries(markdownFiles).flatMap(\n    ([file, importPromise]) => {\n      // @todo we can pass in the folder name and then filter the markdown files based on that path\n      const match = file.match(/pages\\/(.*).mdx?$/);\n      const path = match?.at(1);\n\n      if (!path) return [];\n\n      const pathSegments = path.split(\"/\");\n      const isIndexFile = pathSegments.at(-1) === \"index\";\n      const routePath = isIndexFile\n        ? pathSegments.slice(0, -1).join(\"/\")\n        : path;\n\n      return {\n        path: routePath,\n        lazy: async () => {\n          const { MdxPage } = await import(\"./MdxPage.js\");\n          const { default: Component, ...props } = await importPromise();\n          return {\n            element: (\n              <MdxPage\n                mdxComponent={Component}\n                {...props}\n                defaultOptions={defaultOptions}\n              />\n            ),\n          };\n        },\n      } satisfies RouteObject;\n    },\n  );\n\n  const rootRoutes: RouteObject[] = Array.from(\n    new Set(routes.map((route) => route.path.split(\"/\").at(0))),\n  ).map((dir) => ({\n    path: `/${dir}`,\n    element: <Redirect />,\n  }));\n\n  return [...routes, ...rootRoutes];\n};\n\nconst Redirect = () => {\n  const navItem = useTopNavigationItem();\n\n  if (!navItem) return null;\n\n  return traverseNavigation(navItem, (node, fullPath) => {\n    if (\"children\" in node || !isPathItem(node)) return;\n    return <Navigate to={fullPath} replace />;\n  });\n};\n","import type { Toc } from \"@stefanprobst/rehype-extract-toc\";\nimport type { MDXProps } from \"mdx/types.js\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\nimport { generateRoutes } from \"./generateRoutes.js\";\n\nexport type MarkdownPluginOptions = {\n  markdownFiles: Record<string, () => Promise<MDXImport>>;\n  defaultOptions?: MarkdownPluginDefaultOptions;\n};\nexport type MarkdownPluginDefaultOptions = Pick<\n  Frontmatter,\n  \"toc\" | \"disablePager\"\n>;\n\nexport type Frontmatter = {\n  title?: string;\n  description?: string;\n  category?: string;\n  toc?: boolean;\n  disablePager?: boolean;\n};\n\nexport type MDXImport = {\n  tableOfContents: Toc;\n  frontmatter: Frontmatter;\n  default: (props: MDXProps) => JSX.Element;\n};\n\nexport const markdownPlugin = ({\n  markdownFiles,\n  defaultOptions,\n}: MarkdownPluginOptions): DevPortalPlugin => ({\n  getRoutes: () => generateRoutes(markdownFiles, defaultOptions),\n});\n"],"names":["jsx"],"mappings":";;;AAUa,MAAA,iBAAiB,CAC5B,eACA,mBACkB;AAClB,QAAM,SAAS,OAAO,QAAQ,aAAa,EAAE;AAAA,IAC3C,CAAC,CAAC,MAAM,aAAa,MAAM;AAEnB,YAAA,QAAQ,KAAK,MAAM,mBAAmB;AACtC,YAAA,OAAO,+BAAO,GAAG;AAEnB,UAAA,CAAC,KAAM,QAAO;AAEZ,YAAA,eAAe,KAAK,MAAM,GAAG;AACnC,YAAM,cAAc,aAAa,GAAG,EAAE,MAAM;AACtC,YAAA,YAAY,cACd,aAAa,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,IAClC;AAEG,aAAA;AAAA,QACL,MAAM;AAAA,QACN,MAAM,YAAY;AAChB,gBAAM,EAAE,QAAA,IAAY,MAAM,OAAO,uBAAc;AAC/C,gBAAM,EAAE,SAAS,WAAW,GAAG,MAAM,IAAI,MAAM;AACxC,iBAAA;AAAA,YACL,SACEA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,cAAc;AAAA,gBACb,GAAG;AAAA,gBACJ;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,QAAM,aAA4B,MAAM;AAAA,IACtC,IAAI,IAAI,OAAO,IAAI,CAAC,UAAU,MAAM,KAAK,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAAA,EAAA,EAC1D,IAAI,CAAC,SAAS;AAAA,IACd,MAAM,IAAI,GAAG;AAAA,IACb,+CAAU,UAAS,EAAA;AAAA,EACnB,EAAA;AAEF,SAAO,CAAC,GAAG,QAAQ,GAAG,UAAU;AAClC;AAEA,MAAM,WAAW,MAAM;AACrB,QAAM,UAAU;AAEZ,MAAA,CAAC,QAAgB,QAAA;AAErB,SAAO,mBAAmB,SAAS,CAAC,MAAM,aAAa;AACrD,QAAI,cAAc,QAAQ,CAAC,WAAW,IAAI,EAAG;AAC7C,WAAQA,kCAAAA,IAAA,UAAA,EAAS,IAAI,UAAU,SAAO,KAAC,CAAA;AAAA,EAAA,CACxC;AACH;ACtCO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AACF,OAA+C;AAAA,EAC7C,WAAW,MAAM,eAAe,eAAe,cAAc;AAC/D;"}
+{"version":3,"file":"zudoku.plugin-markdown.js","sources":["../src/lib/plugins/markdown/generateRoutes.tsx","../src/lib/plugins/markdown/index.tsx"],"sourcesContent":["import { Navigate, type RouteObject } from \"react-router-dom\";\nimport { useTopNavigationItem } from \"../../components/context/DevPortalProvider.js\";\nimport { isPathItem } from \"../../components/navigation/util.js\";\nimport { traverseNavigation } from \"../../util/traverseNavigation.js\";\n\nimport {\n  MarkdownPluginDefaultOptions,\n  MarkdownPluginOptions,\n} from \"./index.js\";\n\nexport const generateRoutes = (\n  markdownFiles: MarkdownPluginOptions[\"markdownFiles\"],\n  defaultOptions?: MarkdownPluginDefaultOptions,\n): RouteObject[] => {\n  const routes = Object.entries(markdownFiles).flatMap(\n    ([file, importPromise]) => {\n      // @todo we can pass in the folder name and then filter the markdown files based on that path\n      const match = file.match(/pages\\/(.*).mdx?$/);\n      const path = match?.at(1);\n\n      if (!path) return [];\n\n      const pathSegments = path.split(\"/\");\n      const isIndexFile = pathSegments.at(-1) === \"index\";\n      const routePath = isIndexFile\n        ? pathSegments.slice(0, -1).join(\"/\")\n        : path;\n\n      return {\n        path: routePath,\n        lazy: async () => {\n          const { MdxPage } = await import(\"./MdxPage.js\");\n          const { default: Component, ...props } = await importPromise();\n          return {\n            element: (\n              <MdxPage\n                mdxComponent={Component}\n                {...props}\n                defaultOptions={defaultOptions}\n              />\n            ),\n          };\n        },\n      } satisfies RouteObject;\n    },\n  );\n\n  const rootRoutes: RouteObject[] = Array.from(\n    new Set(routes.map((route) => route.path.split(\"/\").at(0))),\n  ).map((dir) => ({\n    path: `/${dir}`,\n    element: <Redirect />,\n  }));\n\n  return [...routes, ...rootRoutes];\n};\n\nconst Redirect = () => {\n  const navItem = useTopNavigationItem();\n\n  if (!navItem) return null;\n\n  return traverseNavigation(navItem, (node, fullPath) => {\n    if (\"children\" in node || !isPathItem(node)) return;\n    return <Navigate to={fullPath} replace />;\n  });\n};\n","import type { Toc } from \"@stefanprobst/rehype-extract-toc\";\nimport type { MDXProps } from \"mdx/types.js\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\nimport { generateRoutes } from \"./generateRoutes.js\";\n\nexport type MarkdownPluginOptions = {\n  markdownFiles: Record<string, () => Promise<MDXImport>>;\n  defaultOptions?: MarkdownPluginDefaultOptions;\n};\nexport type MarkdownPluginDefaultOptions = Pick<\n  Frontmatter,\n  \"toc\" | \"disablePager\"\n>;\n\nexport type Frontmatter = {\n  title?: string;\n  description?: string;\n  category?: string;\n  toc?: boolean;\n  disablePager?: boolean;\n};\n\nexport type MDXImport = {\n  tableOfContents: Toc;\n  frontmatter: Frontmatter;\n  default: (props: MDXProps) => JSX.Element;\n};\n\nexport const markdownPlugin = ({\n  markdownFiles,\n  defaultOptions,\n}: MarkdownPluginOptions): DevPortalPlugin => ({\n  getRoutes: () => generateRoutes(markdownFiles, defaultOptions),\n});\n"],"names":["generateRoutes","markdownFiles","defaultOptions","routes","file","importPromise","match","path","pathSegments","MdxPage","Component","props","jsx","rootRoutes","route","dir","Redirect","navItem","useTopNavigationItem","traverseNavigation","node","fullPath","isPathItem","Navigate","markdownPlugin"],"mappings":";;;AAUa,MAAAA,IAAiB,CAC5BC,GACAC,MACkB;AAClB,QAAMC,IAAS,OAAO,QAAQF,CAAa,EAAE;AAAA,IAC3C,CAAC,CAACG,GAAMC,CAAa,MAAM;AAEnB,YAAAC,IAAQF,EAAK,MAAM,mBAAmB,GACtCG,IAAOD,KAAA,gBAAAA,EAAO,GAAG;AAEnB,UAAA,CAACC,EAAM,QAAO;AAEZ,YAAAC,IAAeD,EAAK,MAAM,GAAG;AAM5B,aAAA;AAAA,QACL,MANkBC,EAAa,GAAG,EAAE,MAAM,UAExCA,EAAa,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,IAClCD;AAAA,QAIF,MAAM,YAAY;AAChB,gBAAM,EAAE,SAAAE,EAAA,IAAY,MAAM,OAAO,uBAAc,GACzC,EAAE,SAASC,GAAW,GAAGC,EAAM,IAAI,MAAMN;AACxC,iBAAA;AAAA,YACL,SACEO,gBAAAA,EAAA;AAAA,cAACH;AAAA,cAAA;AAAA,gBACC,cAAcC;AAAA,gBACb,GAAGC;AAAA,gBACJ,gBAAAT;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,GAGIW,IAA4B,MAAM;AAAA,IACtC,IAAI,IAAIV,EAAO,IAAI,CAACW,MAAUA,EAAM,KAAK,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAAA,EAAA,EAC1D,IAAI,CAACC,OAAS;AAAA,IACd,MAAM,IAAIA,CAAG;AAAA,IACb,+BAAUC,GAAS,EAAA;AAAA,EACnB,EAAA;AAEF,SAAO,CAAC,GAAGb,GAAQ,GAAGU,CAAU;AAClC,GAEMG,IAAW,MAAM;AACrB,QAAMC,IAAUC;AAEZ,SAACD,IAEEE,EAAmBF,GAAS,CAACG,GAAMC,MAAa;AACrD,QAAI,gBAAcD,KAAQ,CAACE,EAAWF,CAAI;AAC1C,aAAQR,gBAAAA,EAAAA,IAAAW,GAAA,EAAS,IAAIF,GAAU,SAAO,GAAC,CAAA;AAAA,EAAA,CACxC,IALoB;AAMvB,GCtCaG,IAAiB,CAAC;AAAA,EAC7B,eAAAvB;AAAA,EACA,gBAAAC;AACF,OAA+C;AAAA,EAC7C,WAAW,MAAMF,EAAeC,GAAeC,CAAc;AAC/D;"}

package/lib/zudoku.plugin-openapi.js

@@ -1,10 +1,10 @@
-import "./jsx-runtime-DvZ6OKMM.js";
-import { o } from "./index-Dih8IAqw.js";
-import "./urql-DtVKPBx_.js";
+import "./jsx-runtime-CJZJivg2.js";
+import { o as n } from "./index-DZ910ttL.js";
+import "./urql-DMlBWUKL.js";
 import "zudoku/openapi-worker";
-import "./Markdown-B8nPVql1.js";
-import "./router-ButO1QyY.js";
+import "./Markdown-DtLFdxD1.js";
+import "./router-CBw2vqJE.js";
 export {
-  o as openApiPlugin
+  n as openApiPlugin
 };
 //# sourceMappingURL=zudoku.plugin-openapi.js.map

package/lib/zudoku.plugin-redirect.js

@@ -1,13 +1,11 @@
-import { q as redirect } from "./router-ButO1QyY.js";
-const redirectPlugin = (options) => {
-  return {
-    getRoutes: () => options.redirects.map(({ from, to }) => ({
-      path: from,
-      loader: () => redirect(to)
-    }))
-  };
-};
+import { q as o } from "./router-CBw2vqJE.js";
+const a = (r) => ({
+  getRoutes: () => r.redirects.map(({ from: e, to: t }) => ({
+    path: e,
+    loader: () => o(t)
+  }))
+});
 export {
-  redirectPlugin
+  a as redirectPlugin
 };
 //# sourceMappingURL=zudoku.plugin-redirect.js.map

package/lib/zudoku.plugin-redirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-redirect.js","sources":["../src/lib/plugins/redirect/index.tsx"],"sourcesContent":["import { redirect } from \"react-router-dom\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\n\nexport type Redirect = {\n  from: string;\n  to: string;\n};\n\nexport const redirectPlugin = (options: {\n  redirects: Redirect[];\n}): DevPortalPlugin => {\n  return {\n    getRoutes: () =>\n      options.redirects.map(({ from, to }) => ({\n        path: from,\n        loader: () => redirect(to),\n      })),\n  };\n};\n"],"names":[],"mappings":";AAQa,MAAA,iBAAiB,CAAC,YAER;AACd,SAAA;AAAA,IACL,WAAW,MACT,QAAQ,UAAU,IAAI,CAAC,EAAE,MAAM,UAAU;AAAA,MACvC,MAAM;AAAA,MACN,QAAQ,MAAM,SAAS,EAAE;AAAA,IAAA,EACzB;AAAA,EAAA;AAER;"}
+{"version":3,"file":"zudoku.plugin-redirect.js","sources":["../src/lib/plugins/redirect/index.tsx"],"sourcesContent":["import { redirect } from \"react-router-dom\";\nimport type { DevPortalPlugin } from \"../../core/plugins.js\";\n\nexport type Redirect = {\n  from: string;\n  to: string;\n};\n\nexport const redirectPlugin = (options: {\n  redirects: Redirect[];\n}): DevPortalPlugin => {\n  return {\n    getRoutes: () =>\n      options.redirects.map(({ from, to }) => ({\n        path: from,\n        loader: () => redirect(to),\n      })),\n  };\n};\n"],"names":["redirectPlugin","options","from","to","redirect"],"mappings":";AAQa,MAAAA,IAAiB,CAACC,OAGtB;AAAA,EACL,WAAW,MACTA,EAAQ,UAAU,IAAI,CAAC,EAAE,MAAAC,GAAM,IAAAC,SAAU;AAAA,IACvC,MAAMD;AAAA,IACN,QAAQ,MAAME,EAASD,CAAE;AAAA,EAAA,EACzB;AAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.55",
+  "version": "0.3.0-dev.56",
   "type": "module",
   "files": [
     "dist",

package/src/lib/components/DeveloperHint.tsx

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import { Callout } from "../ui/Callout.js";
+
+export const DeveloperHint = ({
+  children,
+  className,
+}: {
+  children: ReactNode;
+  className?: string;
+}) => {
+  // TODO: figure out a way to do that in consumer dev mode not "internal"
+  //  so this doesn't get stripped out in the build
+  if (!import.meta.env.DEV) return;
+
+  return (
+    <Callout type="caution" title="Developer hint" className={className}>
+      <div className="flex flex-col gap-2">
+        <div>{children}</div>
+        <small className="italic">
+          Note: This hint is only shown in development mode.
+        </small>
+      </div>
+    </Callout>
+  );
+};

package/src/lib/components/NotFoundPage.tsx

@@ -1,7 +1,7 @@
 import { UnlinkIcon } from "lucide-react";
 import { Link, useParams } from "react-router-dom";
-import { Callout } from "../ui/Callout.js";
 import { CategoryHeading } from "./CategoryHeading.js";
+import { DeveloperHint } from "./DeveloperHint.js";
 import { Heading } from "./Heading.js";
 import { ProseClasses } from "./Markdown.js";
 
@@ -15,19 +15,13 @@ export const NotFoundPage = () => {
         Page not found
         <UnlinkIcon size={24} />
       </Heading>
-      {import.meta.env.DEV && (
-        <Callout type="caution" title="Developer hint">
-          Start by adding a file at{" "}
-          <code>
-            {"{PROJECT_ROOT}"}/{params["*"]}.mdx
-          </code>{" "}
-          and add some content to make this error go away.
-          <br />
-          <small className="italic">
-            Note: This hint is only shown in development mode.
-          </small>
-        </Callout>
-      )}
+      <DeveloperHint>
+        Start by adding a file at{" "}
+        <code>
+          {"{PROJECT_ROOT}"}/{params["*"]}.mdx
+        </code>{" "}
+        and add some content to make this error go away.
+      </DeveloperHint>
       <p>
         It seems that the page you are looking for does not exist or may have
         been moved. Please check the URL for any typos or use the navigation

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

@@ -0,0 +1,29 @@
+import { Outlet } from "react-router-dom";
+import { useAuth } from "../../authentication/hook.js";
+import { DeveloperHint } from "../../components/DeveloperHint.js";
+import { Button } from "../../ui/Button.js";
+
+export const ProtectedRoute = () => {
+  const auth = useAuth();
+
+  // TODO: should we suspend here somehow?
+  if (auth.isAuthEnabled && auth.isPending) {
+    return null;
+  }
+
+  return auth.isAuthenticated ? (
+    <Outlet />
+  ) : !auth.isAuthEnabled ? (
+    <div className="flex flex-col justify-center gap-2 items-center h-1/2">
+      <DeveloperHint className="max-w-[600px]">
+        Authentication needs to be enabled for API keys to work. Enable it in
+        your Zudoku configuration under <code>authentication</code>.
+      </DeveloperHint>
+    </div>
+  ) : (
+    <div className="flex flex-col justify-center gap-2 items-center h-1/2">
+      Please login first to view this page
+      <Button onClick={() => auth.login()}>Login</Button>
+    </div>
+  );
+};

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

@@ -1,14 +1,13 @@
-import { Outlet, type RouteObject } from "react-router-dom";
+import { type RouteObject } from "react-router-dom";
 import invariant from "tiny-invariant";
-import { useAuth } from "../../authentication/hook.js";
 import { DevPortalContext } from "../../core/DevPortalContext.js";
 import {
   type ApiIdentityPlugin,
   type DevPortalPlugin,
 } from "../../core/plugins.js";
 import { RouterError } from "../../errors/RouterError.js";
-import { Button } from "../../ui/Button.js";
 import { CreateApiKey } from "./CreateApiKey.js";
+import { ProtectedRoute } from "./ProtectedRoute.js";
 import { SettingsApiKeys } from "./SettingsApiKeys.js";
 
 const DEFAULT_API_KEY_ENDPOINT =
@@ -81,24 +80,6 @@ const createDefaultHandler = (endpoint: string): ApiKeyService => {
   };
 };
 
-const ProtectedRoute = () => {
-  const auth = useAuth();
-
-  // TODO: should we suspend here somehow?
-  if (auth.isPending) {
-    return null;
-  }
-
-  return auth.isAuthenticated ? (
-    <Outlet />
-  ) : (
-    <div className="flex flex-col justify-center gap-2 items-center h-1/2 my-12">
-      Please login first to view this page
-      <Button onClick={() => auth.login()}>Login</Button>
-    </div>
-  );
-};
-
 export const apiKeyPlugin = (
   options: ApiKeyPluginOptions,
 ): DevPortalPlugin & ApiIdentityPlugin => {

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

@@ -1,11 +1,11 @@
 import { ResultOf } from "@graphql-typed-document-node/core";
 import { CategoryHeading } from "../../components/CategoryHeading.js";
+import { DeveloperHint } from "../../components/DeveloperHint.js";
 import { ErrorPage } from "../../components/ErrorPage.js";
 import { Heading } from "../../components/Heading.js";
 import { InlineCode } from "../../components/InlineCode.js";
 import { Markdown } from "../../components/Markdown.js";
 import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
-import { Callout } from "../../ui/Callout.js";
 import { cn } from "../../util/cn.js";
 import { OperationListItem } from "./OperationListItem.js";
 import { useOasConfig } from "./context.js";
@@ -106,13 +106,10 @@ export const OperationList = () => {
         title="Schema cannot be displayed"
         message={
           <>
-            {import.meta.env.DEV && (
-              <Callout type="danger" title="Developer hint" className="mb-4">
-                Check your configuration value{" "}
-                <InlineCode>apis.type</InlineCode> and{" "}
-                <InlineCode>apis.input</InlineCode> in the Zudoku config.
-              </Callout>
-            )}
+            <DeveloperHint className="mb-4">
+              Check your configuration value <InlineCode>apis.type</InlineCode>{" "}
+              and <InlineCode>apis.input</InlineCode> in the Zudoku config.
+            </DeveloperHint>
             An error occurred while trying to fetch the API reference:
             <SyntaxHighlight code={error.toString()} language="plain" />
           </>

package/src/lib/plugins/openapi/playground/PlaygroundDialog.tsx

@@ -1,15 +1,13 @@
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { CirclePlayIcon } from "lucide-react";
-import { lazy, Suspense, useState } from "react";
+import { useState } from "react";
 import {
   Dialog,
   DialogContent,
   DialogTitle,
   DialogTrigger,
 } from "../../../components/Dialog.js";
-import { type PlaygroundContentProps } from "./Playground.js";
-
-const Playground = lazy(() => import("./Playground.js"));
+import { Playground, type PlaygroundContentProps } from "./Playground.js";
 
 const PlaygroundDialog = (props: PlaygroundContentProps) => {
   const [open, setOpen] = useState(false);
@@ -29,7 +27,7 @@ const PlaygroundDialog = (props: PlaygroundContentProps) => {
         <VisuallyHidden>
           <DialogTitle>Playground</DialogTitle>
         </VisuallyHidden>
-        <Suspense>{open && <Playground {...props} />}</Suspense>
+        {open && <Playground {...props} />}
       </DialogContent>
     </Dialog>
   );