@btst/stack 1.6.0 → 1.8.0

package/dist/packages/better-stack/src/plugins/open-api/api/generator.mjs

@@ -0,0 +1,284 @@
+import * as z from 'zod';
+
+function toOpenApiPath(path) {
+  return path.split("/").map((part) => part.startsWith(":") ? `{${part.slice(1)}}` : part).join("/");
+}
+function getTypeFromZodType(zodType) {
+  if (zodType instanceof z.ZodString) return "string";
+  if (zodType instanceof z.ZodNumber) return "number";
+  if (zodType instanceof z.ZodBoolean) return "boolean";
+  if (zodType instanceof z.ZodArray) return "array";
+  if (zodType instanceof z.ZodObject) return "object";
+  const type = zodType.type;
+  if (type === "string") return "string";
+  if (type === "number") return "number";
+  if (type === "boolean") return "boolean";
+  if (type === "array") return "array";
+  if (type === "object") return "object";
+  return "string";
+}
+function processZodType(zodType) {
+  if (zodType instanceof z.ZodOptional) {
+    const innerType = zodType._def?.innerType || zodType.unwrap?.();
+    if (innerType) {
+      return processZodType(innerType);
+    }
+  }
+  if (zodType instanceof z.ZodNullable) {
+    const innerType = zodType._def?.innerType || zodType.unwrap?.();
+    if (innerType) {
+      const innerSchema = processZodType(innerType);
+      return {
+        ...innerSchema,
+        nullable: true
+      };
+    }
+  }
+  if (zodType instanceof z.ZodDefault) {
+    const innerType = zodType._def?.innerType;
+    const defaultValue = zodType._def?.defaultValue?.();
+    if (innerType) {
+      const innerSchema = processZodType(innerType);
+      if (defaultValue !== void 0) {
+        return {
+          ...innerSchema,
+          default: defaultValue
+        };
+      }
+      return innerSchema;
+    }
+  }
+  if (zodType instanceof z.ZodObject) {
+    const shape = zodType.shape || zodType._def?.shape?.();
+    if (shape) {
+      const properties = {};
+      const required = [];
+      for (const [key, value] of Object.entries(shape)) {
+        if (value instanceof z.ZodType) {
+          properties[key] = processZodType(value);
+          if (!(value instanceof z.ZodOptional)) {
+            required.push(key);
+          }
+        }
+      }
+      return {
+        type: "object",
+        properties,
+        ...required.length > 0 ? { required } : {}
+      };
+    }
+  }
+  if (zodType instanceof z.ZodArray) {
+    const elementType = zodType._def?.type || zodType.element;
+    return {
+      type: "array",
+      items: elementType ? processZodType(elementType) : { type: "string" }
+    };
+  }
+  if (zodType instanceof z.ZodEnum) {
+    const values = zodType._def?.values || zodType.options;
+    return {
+      type: "string",
+      enum: values
+    };
+  }
+  if (zodType instanceof z.ZodLiteral) {
+    const value = zodType._def?.value || zodType.value;
+    let type;
+    if (value === null) {
+      type = "null";
+    } else if (value === void 0) {
+      return { nullable: true };
+    } else {
+      type = typeof value;
+    }
+    return {
+      type,
+      const: value
+    };
+  }
+  if (zodType instanceof z.ZodUnion) {
+    const options = zodType._def?.options || zodType.options;
+    if (options && Array.isArray(options)) {
+      return {
+        oneOf: options.map((opt) => processZodType(opt))
+      };
+    }
+  }
+  if (zodType._def?.coerce) {
+    const innerType = zodType._def?.innerType;
+    if (innerType) {
+      return processZodType(innerType);
+    }
+  }
+  return {
+    type: getTypeFromZodType(zodType)
+  };
+}
+function getParameters(options) {
+  const parameters = [];
+  if (options.query instanceof z.ZodObject) {
+    const shape = options.query.shape || options.query._def?.shape?.();
+    if (shape) {
+      for (const [key, value] of Object.entries(shape)) {
+        if (value instanceof z.ZodType) {
+          parameters.push({
+            name: key,
+            in: "query",
+            required: !(value instanceof z.ZodOptional),
+            schema: processZodType(value)
+          });
+        }
+      }
+    }
+  }
+  if (options.params instanceof z.ZodObject) {
+    const shape = options.params.shape || options.params._def?.shape?.();
+    if (shape) {
+      for (const [key, value] of Object.entries(shape)) {
+        if (value instanceof z.ZodType) {
+          parameters.push({
+            name: key,
+            in: "path",
+            required: true,
+            schema: processZodType(value)
+          });
+        }
+      }
+    }
+  }
+  return parameters;
+}
+function getRequestBody(options) {
+  if (!options.body) return void 0;
+  if (options.body instanceof z.ZodType) {
+    const schema = processZodType(options.body);
+    const isOptional = options.body instanceof z.ZodOptional;
+    return {
+      required: !isOptional,
+      content: {
+        "application/json": {
+          schema
+        }
+      }
+    };
+  }
+  return void 0;
+}
+function createErrorSchema() {
+  return {
+    type: "object",
+    properties: {
+      message: { type: "string" }
+    },
+    required: ["message"]
+  };
+}
+function getErrorResponses() {
+  return {
+    "400": {
+      description: "Bad Request",
+      content: { "application/json": { schema: createErrorSchema() } }
+    },
+    "401": {
+      description: "Unauthorized",
+      content: { "application/json": { schema: createErrorSchema() } }
+    },
+    "403": {
+      description: "Forbidden",
+      content: { "application/json": { schema: createErrorSchema() } }
+    },
+    "404": {
+      description: "Not Found",
+      content: { "application/json": { schema: createErrorSchema() } }
+    },
+    "500": {
+      description: "Internal Server Error",
+      content: { "application/json": { schema: createErrorSchema() } }
+    }
+  };
+}
+function generateOpenAPISchema(context, options) {
+  const paths = {};
+  const tags = [];
+  for (const [pluginKey, plugin] of Object.entries(context.plugins)) {
+    if (pluginKey === "openApi" || plugin.name === "open-api") {
+      continue;
+    }
+    const pluginRoutes = plugin.routes(context.adapter, context);
+    const tagName = pluginKey.charAt(0).toUpperCase() + pluginKey.slice(1);
+    tags.push({
+      name: tagName,
+      description: `${tagName} plugin endpoints`
+    });
+    for (const [routeKey, endpoint] of Object.entries(pluginRoutes)) {
+      const ep = endpoint;
+      const path = ep.path;
+      const endpointOptions = ep.options || {};
+      const method = (endpointOptions.method || "GET").toLowerCase();
+      if (!path) continue;
+      const openApiPath = toOpenApiPath(path);
+      if (!paths[openApiPath]) {
+        paths[openApiPath] = {};
+      }
+      const operation = {
+        tags: [tagName],
+        operationId: `${pluginKey}_${routeKey}`,
+        summary: endpointOptions.metadata?.openapi?.summary,
+        description: endpointOptions.metadata?.openapi?.description,
+        parameters: getParameters(endpointOptions),
+        responses: {
+          "200": {
+            description: "Successful response",
+            content: {
+              "application/json": {
+                schema: { type: "object" }
+              }
+            }
+          },
+          ...getErrorResponses()
+        }
+      };
+      if (["post", "put", "patch"].includes(method)) {
+        const requestBody = getRequestBody(endpointOptions);
+        if (requestBody) {
+          operation.requestBody = requestBody;
+        }
+      }
+      paths[openApiPath][method] = operation;
+    }
+  }
+  return {
+    openapi: "3.1.0",
+    info: {
+      title: options?.title || "Better Stack API",
+      description: options?.description || "API Reference for your Better Stack application",
+      version: options?.version || "1.0.0"
+    },
+    servers: [
+      {
+        url: context.basePath,
+        description: "API Server"
+      }
+    ],
+    tags,
+    paths,
+    components: {
+      securitySchemes: {
+        bearerAuth: {
+          type: "http",
+          scheme: "bearer",
+          description: "Bearer token authentication"
+        },
+        cookieAuth: {
+          type: "apiKey",
+          in: "cookie",
+          name: "session",
+          description: "Session cookie authentication"
+        }
+      }
+    }
+  };
+}
+
+export { generateOpenAPISchema };

package/dist/packages/better-stack/src/plugins/open-api/api/plugin.cjs

@@ -0,0 +1,115 @@
+'use strict';
+
+const api = require('@btst/stack/plugins/api');
+const db = require('../db.cjs');
+const generator = require('./generator.cjs');
+const logo = require('../logo.cjs');
+
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeJsonForHtml(json) {
+  return json.replace(/</g, "\\u003c");
+}
+function getScalarHTML(schema, theme = "default", nonce) {
+  const nonceAttr = nonce ? ` nonce="${escapeHtml(nonce)}"` : "";
+  const encodedLogo = encodeURIComponent(logo.logo);
+  const title = schema.info?.title || "API Reference";
+  const description = schema.info?.description || "API Reference";
+  return `<!doctype html>
+<html>
+  <head>
+    <title>${escapeHtml(title)}</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <script
+      id="api-reference"
+      type="application/json"${nonceAttr}>
+    ${escapeJsonForHtml(JSON.stringify(schema))}
+    <\/script>
+    <script${nonceAttr}>
+      var configuration = {
+        favicon: "data:image/svg+xml;utf8,${encodedLogo}",
+        theme: "${theme}",
+        metaData: {
+          title: ${JSON.stringify(title)},
+          description: ${JSON.stringify(description)},
+        }
+      }
+
+      document.getElementById('api-reference').dataset.configuration =
+        JSON.stringify(configuration)
+    <\/script>
+    <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"${nonceAttr}><\/script>
+  </body>
+</html>`;
+}
+const openApiBackendPlugin = (options) => {
+  const referencePath = options?.path ?? "/reference";
+  let storedContext = null;
+  return api.defineBackendPlugin({
+    name: "open-api",
+    dbPlugin: db.openApiSchema,
+    routes: (_adapter, context) => {
+      storedContext = context ?? null;
+      const generateSchema = api.createEndpoint(
+        "/open-api/schema",
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generator.generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return schema;
+        }
+      );
+      const reference = api.createEndpoint(
+        referencePath,
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (options?.disableDefaultReference) {
+            throw ctx.error(404, {
+              message: "Reference page is disabled"
+            });
+          }
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generator.generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return new Response(
+            getScalarHTML(schema, options?.theme, options?.nonce),
+            {
+              headers: {
+                "Content-Type": "text/html; charset=utf-8"
+              }
+            }
+          );
+        }
+      );
+      return {
+        generateSchema,
+        reference
+      };
+    }
+  });
+};
+
+exports.openApiBackendPlugin = openApiBackendPlugin;

package/dist/packages/better-stack/src/plugins/open-api/api/plugin.mjs

@@ -0,0 +1,113 @@
+import { defineBackendPlugin, createEndpoint } from '@btst/stack/plugins/api';
+import { openApiSchema } from '../db.mjs';
+import { generateOpenAPISchema } from './generator.mjs';
+import { logo } from '../logo.mjs';
+
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeJsonForHtml(json) {
+  return json.replace(/</g, "\\u003c");
+}
+function getScalarHTML(schema, theme = "default", nonce) {
+  const nonceAttr = nonce ? ` nonce="${escapeHtml(nonce)}"` : "";
+  const encodedLogo = encodeURIComponent(logo);
+  const title = schema.info?.title || "API Reference";
+  const description = schema.info?.description || "API Reference";
+  return `<!doctype html>
+<html>
+  <head>
+    <title>${escapeHtml(title)}</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <script
+      id="api-reference"
+      type="application/json"${nonceAttr}>
+    ${escapeJsonForHtml(JSON.stringify(schema))}
+    <\/script>
+    <script${nonceAttr}>
+      var configuration = {
+        favicon: "data:image/svg+xml;utf8,${encodedLogo}",
+        theme: "${theme}",
+        metaData: {
+          title: ${JSON.stringify(title)},
+          description: ${JSON.stringify(description)},
+        }
+      }
+
+      document.getElementById('api-reference').dataset.configuration =
+        JSON.stringify(configuration)
+    <\/script>
+    <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"${nonceAttr}><\/script>
+  </body>
+</html>`;
+}
+const openApiBackendPlugin = (options) => {
+  const referencePath = options?.path ?? "/reference";
+  let storedContext = null;
+  return defineBackendPlugin({
+    name: "open-api",
+    dbPlugin: openApiSchema,
+    routes: (_adapter, context) => {
+      storedContext = context ?? null;
+      const generateSchema = createEndpoint(
+        "/open-api/schema",
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return schema;
+        }
+      );
+      const reference = createEndpoint(
+        referencePath,
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (options?.disableDefaultReference) {
+            throw ctx.error(404, {
+              message: "Reference page is disabled"
+            });
+          }
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return new Response(
+            getScalarHTML(schema, options?.theme, options?.nonce),
+            {
+              headers: {
+                "Content-Type": "text/html; charset=utf-8"
+              }
+            }
+          );
+        }
+      );
+      return {
+        generateSchema,
+        reference
+      };
+    }
+  });
+};
+
+export { openApiBackendPlugin };

package/dist/packages/better-stack/src/plugins/open-api/db.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const db = require('@btst/db');
+
+const openApiSchema = db.createDbPlugin("openApi", {});
+
+exports.openApiSchema = openApiSchema;

package/dist/packages/better-stack/src/plugins/open-api/db.mjs

@@ -0,0 +1,5 @@
+import { createDbPlugin } from '@btst/db';
+
+const openApiSchema = createDbPlugin("openApi", {});
+
+export { openApiSchema };

package/dist/packages/better-stack/src/plugins/open-api/logo.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+const logo = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
+  <rect width="100" height="100" rx="20" fill="#0ea5e9"/>
+  <path d="M25 35h50M25 50h50M25 65h35" stroke="white" stroke-width="8" stroke-linecap="round"/>
+</svg>`;
+
+exports.logo = logo;

package/dist/packages/better-stack/src/plugins/open-api/logo.mjs

@@ -0,0 +1,6 @@
+const logo = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
+  <rect width="100" height="100" rx="20" fill="#0ea5e9"/>
+  <path d="M25 35h50M25 50h50M25 65h35" stroke="white" stroke-width="8" stroke-linecap="round"/>
+</svg>`;
+
+export { logo };

package/dist/packages/better-stack/src/plugins/route-docs/client/components/loading/docs-skeleton.cjs

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
+const scrollArea = require('../../../../../../../ui/src/components/scroll-area.cjs');
+const card = require('../../../../../../../ui/src/components/card.cjs');
+
+function DocsPageSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-screen bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "hidden md:block w-72 border-r bg-card shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-[calc(100vh-57px)]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 space-y-1", children: [1, 2, 3].map((j) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-7 w-full" }, j)) })
+      ] }, i)) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:hidden fixed top-0 left-0 right-0 z-40 bg-card border-b", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-20" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto pt-16 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto p-4 sm:p-6 lg:p-8 space-y-4 sm:space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 sm:h-9 w-48 sm:w-64" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 sm:h-5 w-72 sm:w-96" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-20" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-32 mb-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { className: "pt-0 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block space-y-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-full" }, i)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:hidden space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-28 w-full rounded-lg" }, i)) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+exports.DocsPageSkeleton = DocsPageSkeleton;

package/dist/packages/better-stack/src/plugins/route-docs/client/components/loading/docs-skeleton.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
+import { ScrollArea } from '../../../../../../../ui/src/components/scroll-area.mjs';
+import { Card, CardContent } from '../../../../../../../ui/src/components/card.mjs';
+
+function DocsPageSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen bg-background", children: [
+    /* @__PURE__ */ jsxs("aside", { className: "hidden md:block w-72 border-r bg-card shrink-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }) }),
+      /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-57px)]", children: /* @__PURE__ */ jsx("div", { className: "p-3 space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" }),
+        /* @__PURE__ */ jsx("div", { className: "ml-2 space-y-1", children: [1, 2, 3].map((j) => /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full" }, j)) })
+      ] }, i)) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden fixed top-0 left-0 right-0 z-40 bg-card border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
+    ] }) }),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto pt-16 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto p-4 sm:p-6 lg:p-8 space-y-4 sm:space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 sm:h-9 w-48 sm:w-64" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 sm:h-5 w-72 sm:w-96" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-px bg-border" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20" })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32 mb-4" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "pt-0 space-y-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "hidden md:block space-y-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }, i)) }),
+          /* @__PURE__ */ jsx("div", { className: "md:hidden space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-28 w-full rounded-lg" }, i)) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+export { DocsPageSkeleton };