@publish.os/nextjs 0.0.1-alpha.1

package/dist/layouts/group.cjs

@@ -0,0 +1,157 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layouts/group.tsx
+var group_exports = {};
+__export(group_exports, {
+  createGroupLayout: () => createGroupLayout
+});
+module.exports = __toCommonJS(group_exports);
+var import_cache = require("next/cache");
+var import_navigation = require("next/navigation");
+
+// src/cache/tags.ts
+var import_node_crypto = require("crypto");
+var MAX_TAG_LEN = 256;
+var MAX_SEGMENT_LEN = 80;
+var TAG_PATTERN = /^[a-z0-9:_./-]+$/;
+function sha256(value) {
+  return (0, import_node_crypto.createHash)("sha256").update(value).digest("hex").slice(0, 16);
+}
+function safeSegment(value) {
+  const raw = value.trim().toLowerCase() || "root";
+  const normalized = raw.replace(/\\/g, "/").replace(/\/+/g, "/").replace(/^\//, "").replace(/\/$/, "").replace(/[^a-z0-9:_./-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  const segment = normalized || "root";
+  if (segment.length <= MAX_SEGMENT_LEN) return segment;
+  return `${segment.slice(0, 48)}.${sha256(segment)}`;
+}
+function assertTag(tag) {
+  if (tag.length > MAX_TAG_LEN || !TAG_PATTERN.test(tag)) {
+    return `tag:${sha256(tag)}`;
+  }
+  return tag;
+}
+var tags = {
+  site() {
+    return "site";
+  },
+  pages() {
+    return "pages";
+  },
+  group(group) {
+    return assertTag(`group:${safeSegment(group)}`);
+  },
+  page(group, slug) {
+    const path = Array.isArray(slug) ? slug.join("/") : slug;
+    return assertTag(`page:${safeSegment(group)}:${safeSegment(path)}`);
+  },
+  manifest(contentHash) {
+    return assertTag(`manifest:${safeSegment(contentHash)}`);
+  },
+  sitemap() {
+    return "sitemap";
+  },
+  robots() {
+    return "robots";
+  },
+  llms(scope = "root") {
+    return assertTag(`llms:${safeSegment(scope)}`);
+  }
+};
+
+// src/internal/utils/logger.ts
+var isDev = process.env.NODE_ENV !== "production";
+var log = {
+  debug(...args) {
+    if (isDev) console.debug("[publish.os:debug]", ...args);
+  },
+  info(...args) {
+    console.log("[publish.os]", ...args);
+  },
+  warn(...args) {
+    console.warn("[publish.os:warn]", ...args);
+  },
+  error(...args) {
+    console.error("[publish.os:error]", ...args);
+  }
+};
+
+// src/resolvers/manifest-resolver.ts
+function groupNode(group) {
+  return {
+    type: "section",
+    id: group.key,
+    title: group.title,
+    path: group.path,
+    group: group.key,
+    children: group.tree
+  };
+}
+function resolveGroup(manifest, group) {
+  const groupData = manifest.groups[group];
+  if (!groupData) return null;
+  return {
+    site: manifest.site,
+    tree: groupData.tree,
+    node: groupNode(groupData),
+    currentPath: groupData.path,
+    group
+  };
+}
+function resolveGroupLayout(manifest, group, children) {
+  const resolved = resolveGroup(manifest, group);
+  if (!resolved) return null;
+  return { ...resolved, children };
+}
+
+// src/layouts/group.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var manifests = /* @__PURE__ */ new Map();
+var layouts = /* @__PURE__ */ new Map();
+async function CachedGroupLayoutData({ group }) {
+  "use cache";
+  (0, import_cache.cacheLife)("page");
+  (0, import_cache.cacheTag)(tags.site(), tags.group(group));
+  const manifest = manifests.get(group);
+  if (!manifest) (0, import_navigation.notFound)();
+  (0, import_cache.cacheTag)(tags.manifest(manifest.contentHash));
+  log.debug("[cache]", `${group}/layout`);
+  const resolved = resolveGroupLayout(manifest, group, null);
+  if (!resolved) (0, import_navigation.notFound)();
+  return resolved;
+}
+function createGroupLayout({
+  group,
+  manifest,
+  Layout
+}) {
+  manifests.set(group, manifest);
+  layouts.set(group, Layout);
+  return async function GroupLayout({ children }) {
+    log.debug("[render]", `${group}/layout`);
+    const Layout2 = layouts.get(group);
+    if (!Layout2) (0, import_navigation.notFound)();
+    const resolved = await CachedGroupLayoutData({ group });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Layout2, { ...resolved, children });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createGroupLayout
+});

package/dist/layouts/group.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement, ReactNode } from 'react';
+import { ManifestLike, LayoutProps } from '../types.cjs';
+
+type LayoutComponent = (props: LayoutProps) => ReactElement | Promise<ReactElement>;
+type GroupLayoutConfig = {
+    group: string;
+    manifest: ManifestLike;
+    Layout: LayoutComponent;
+};
+declare function createGroupLayout({ group, manifest, Layout, }: GroupLayoutConfig): ({ children }: {
+    children: ReactNode;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+export { type GroupLayoutConfig, type LayoutComponent, createGroupLayout };

package/dist/layouts/group.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement, ReactNode } from 'react';
+import { ManifestLike, LayoutProps } from '../types.js';
+
+type LayoutComponent = (props: LayoutProps) => ReactElement | Promise<ReactElement>;
+type GroupLayoutConfig = {
+    group: string;
+    manifest: ManifestLike;
+    Layout: LayoutComponent;
+};
+declare function createGroupLayout({ group, manifest, Layout, }: GroupLayoutConfig): ({ children }: {
+    children: ReactNode;
+}) => Promise<react_jsx_runtime.JSX.Element>;
+
+export { type GroupLayoutConfig, type LayoutComponent, createGroupLayout };

package/dist/layouts/group.js

@@ -0,0 +1,132 @@
+// src/layouts/group.tsx
+import { cacheLife, cacheTag } from "next/cache";
+import { notFound } from "next/navigation";
+
+// src/cache/tags.ts
+import { createHash } from "crypto";
+var MAX_TAG_LEN = 256;
+var MAX_SEGMENT_LEN = 80;
+var TAG_PATTERN = /^[a-z0-9:_./-]+$/;
+function sha256(value) {
+  return createHash("sha256").update(value).digest("hex").slice(0, 16);
+}
+function safeSegment(value) {
+  const raw = value.trim().toLowerCase() || "root";
+  const normalized = raw.replace(/\\/g, "/").replace(/\/+/g, "/").replace(/^\//, "").replace(/\/$/, "").replace(/[^a-z0-9:_./-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  const segment = normalized || "root";
+  if (segment.length <= MAX_SEGMENT_LEN) return segment;
+  return `${segment.slice(0, 48)}.${sha256(segment)}`;
+}
+function assertTag(tag) {
+  if (tag.length > MAX_TAG_LEN || !TAG_PATTERN.test(tag)) {
+    return `tag:${sha256(tag)}`;
+  }
+  return tag;
+}
+var tags = {
+  site() {
+    return "site";
+  },
+  pages() {
+    return "pages";
+  },
+  group(group) {
+    return assertTag(`group:${safeSegment(group)}`);
+  },
+  page(group, slug) {
+    const path = Array.isArray(slug) ? slug.join("/") : slug;
+    return assertTag(`page:${safeSegment(group)}:${safeSegment(path)}`);
+  },
+  manifest(contentHash) {
+    return assertTag(`manifest:${safeSegment(contentHash)}`);
+  },
+  sitemap() {
+    return "sitemap";
+  },
+  robots() {
+    return "robots";
+  },
+  llms(scope = "root") {
+    return assertTag(`llms:${safeSegment(scope)}`);
+  }
+};
+
+// src/internal/utils/logger.ts
+var isDev = process.env.NODE_ENV !== "production";
+var log = {
+  debug(...args) {
+    if (isDev) console.debug("[publish.os:debug]", ...args);
+  },
+  info(...args) {
+    console.log("[publish.os]", ...args);
+  },
+  warn(...args) {
+    console.warn("[publish.os:warn]", ...args);
+  },
+  error(...args) {
+    console.error("[publish.os:error]", ...args);
+  }
+};
+
+// src/resolvers/manifest-resolver.ts
+function groupNode(group) {
+  return {
+    type: "section",
+    id: group.key,
+    title: group.title,
+    path: group.path,
+    group: group.key,
+    children: group.tree
+  };
+}
+function resolveGroup(manifest, group) {
+  const groupData = manifest.groups[group];
+  if (!groupData) return null;
+  return {
+    site: manifest.site,
+    tree: groupData.tree,
+    node: groupNode(groupData),
+    currentPath: groupData.path,
+    group
+  };
+}
+function resolveGroupLayout(manifest, group, children) {
+  const resolved = resolveGroup(manifest, group);
+  if (!resolved) return null;
+  return { ...resolved, children };
+}
+
+// src/layouts/group.tsx
+import { jsx } from "react/jsx-runtime";
+var manifests = /* @__PURE__ */ new Map();
+var layouts = /* @__PURE__ */ new Map();
+async function CachedGroupLayoutData({ group }) {
+  "use cache";
+  cacheLife("page");
+  cacheTag(tags.site(), tags.group(group));
+  const manifest = manifests.get(group);
+  if (!manifest) notFound();
+  cacheTag(tags.manifest(manifest.contentHash));
+  log.debug("[cache]", `${group}/layout`);
+  const resolved = resolveGroupLayout(manifest, group, null);
+  if (!resolved) notFound();
+  return resolved;
+}
+function createGroupLayout({
+  group,
+  manifest,
+  Layout
+}) {
+  manifests.set(group, manifest);
+  layouts.set(group, Layout);
+  return async function GroupLayout({ children }) {
+    log.debug("[render]", `${group}/layout`);
+    const Layout2 = layouts.get(group);
+    if (!Layout2) notFound();
+    const resolved = await CachedGroupLayoutData({ group });
+    return /* @__PURE__ */ jsx(Layout2, { ...resolved, children });
+  };
+}
+export {
+  createGroupLayout
+};

package/dist/mdx/error-boundary.cjs

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/mdx/error-boundary.tsx
+var error_boundary_exports = {};
+__export(error_boundary_exports, {
+  MDXErrorBoundary: () => MDXErrorBoundary
+});
+module.exports = __toCommonJS(error_boundary_exports);
+var import_error = require("next/error");
+
+// src/mdx/error-fallback.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function MDXErrorFallback({
+  errorMessage = "An error occurred while rendering the content",
+  pageId,
+  slug
+}) {
+  const isMdxError = errorMessage.includes("[next-mdx-remote]");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg border border-red-500/25 bg-red-500/10 p-6 text-red-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold", children: "Content Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm", children: isMdxError ? "There is an issue with the MDX content formatting." : errorMessage }),
+      isMdxError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mt-3 max-h-40 overflow-auto rounded bg-red-500/10 p-3 text-xs", children: errorMessage }),
+      (pageId || slug) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-3 text-xs opacity-80", children: [
+        "Page: ",
+        pageId ?? "unknown",
+        " \xB7 Slug: ",
+        slug ?? "unknown"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-3 text-sm", children: "If you are the owner of this site, update your page to fix the error." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-6 flex flex-col gap-2 opacity-60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4 w-3/5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-1/3 rounded bg-foreground-4 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-2/3 rounded bg-foreground-4" })
+    ] })
+  ] });
+}
+
+// src/mdx/error-boundary.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function MDXRenderErrorFallback(props, { error }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    MDXErrorFallback,
+    {
+      errorMessage: props.errorMessage ?? error.message,
+      pageId: props.pageId,
+      slug: props.slug
+    }
+  );
+}
+var MDXRenderErrorBoundary = (0, import_error.unstable_catchError)(MDXRenderErrorFallback);
+function MDXErrorBoundary({
+  errorMessage,
+  pageId,
+  slug,
+  children
+}) {
+  if (errorMessage) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      MDXErrorFallback,
+      {
+        errorMessage,
+        pageId,
+        slug
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MDXRenderErrorBoundary, { pageId, slug, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MDXErrorBoundary
+});

package/dist/mdx/error-boundary.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MdxErrorBoundaryProps = {
+    errorMessage?: string;
+    pageId?: string;
+    slug?: string;
+    children: ReactNode;
+};
+
+declare function MDXErrorBoundary({ errorMessage, pageId, slug, children, }: MdxErrorBoundaryProps): react_jsx_runtime.JSX.Element;
+
+export { MDXErrorBoundary };

package/dist/mdx/error-boundary.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MdxErrorBoundaryProps = {
+    errorMessage?: string;
+    pageId?: string;
+    slug?: string;
+    children: ReactNode;
+};
+
+declare function MDXErrorBoundary({ errorMessage, pageId, slug, children, }: MdxErrorBoundaryProps): react_jsx_runtime.JSX.Element;
+
+export { MDXErrorBoundary };

package/dist/mdx/error-boundary.js

@@ -0,0 +1,70 @@
+"use client";
+
+// src/mdx/error-boundary.tsx
+import { unstable_catchError as catchError } from "next/error";
+
+// src/mdx/error-fallback.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MDXErrorFallback({
+  errorMessage = "An error occurred while rendering the content",
+  pageId,
+  slug
+}) {
+  const isMdxError = errorMessage.includes("[next-mdx-remote]");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-red-500/25 bg-red-500/10 p-6 text-red-800", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Content Error" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: isMdxError ? "There is an issue with the MDX content formatting." : errorMessage }),
+      isMdxError && /* @__PURE__ */ jsx("pre", { className: "mt-3 max-h-40 overflow-auto rounded bg-red-500/10 p-3 text-xs", children: errorMessage }),
+      (pageId || slug) && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs opacity-80", children: [
+        "Page: ",
+        pageId ?? "unknown",
+        " \xB7 Slug: ",
+        slug ?? "unknown"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm", children: "If you are the owner of this site, update your page to fix the error." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col gap-2 opacity-60", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4 w-3/5" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded bg-foreground-4 mb-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-foreground-4" })
+    ] })
+  ] });
+}
+
+// src/mdx/error-boundary.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function MDXRenderErrorFallback(props, { error }) {
+  return /* @__PURE__ */ jsx2(
+    MDXErrorFallback,
+    {
+      errorMessage: props.errorMessage ?? error.message,
+      pageId: props.pageId,
+      slug: props.slug
+    }
+  );
+}
+var MDXRenderErrorBoundary = catchError(MDXRenderErrorFallback);
+function MDXErrorBoundary({
+  errorMessage,
+  pageId,
+  slug,
+  children
+}) {
+  if (errorMessage) {
+    return /* @__PURE__ */ jsx2(
+      MDXErrorFallback,
+      {
+        errorMessage,
+        pageId,
+        slug
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(MDXRenderErrorBoundary, { pageId, slug, children });
+}
+export {
+  MDXErrorBoundary
+};

package/dist/mdx/error-fallback.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/mdx/error-fallback.tsx
+var error_fallback_exports = {};
+__export(error_fallback_exports, {
+  MDXErrorFallback: () => MDXErrorFallback
+});
+module.exports = __toCommonJS(error_fallback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function MDXErrorFallback({
+  errorMessage = "An error occurred while rendering the content",
+  pageId,
+  slug
+}) {
+  const isMdxError = errorMessage.includes("[next-mdx-remote]");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg border border-red-500/25 bg-red-500/10 p-6 text-red-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold", children: "Content Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm", children: isMdxError ? "There is an issue with the MDX content formatting." : errorMessage }),
+      isMdxError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "mt-3 max-h-40 overflow-auto rounded bg-red-500/10 p-3 text-xs", children: errorMessage }),
+      (pageId || slug) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-3 text-xs opacity-80", children: [
+        "Page: ",
+        pageId ?? "unknown",
+        " \xB7 Slug: ",
+        slug ?? "unknown"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-3 text-sm", children: "If you are the owner of this site, update your page to fix the error." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-6 flex flex-col gap-2 opacity-60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4 w-3/5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-1/3 rounded bg-foreground-4 mb-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-2/3 rounded bg-foreground-4" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MDXErrorFallback
+});

package/dist/mdx/error-fallback.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MDXErrorFallback({ errorMessage, pageId, slug, }: {
+    errorMessage?: string;
+    pageId?: string;
+    slug?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { MDXErrorFallback };

package/dist/mdx/error-fallback.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MDXErrorFallback({ errorMessage, pageId, slug, }: {
+    errorMessage?: string;
+    pageId?: string;
+    slug?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { MDXErrorFallback };

package/dist/mdx/error-fallback.js

@@ -0,0 +1,33 @@
+// src/mdx/error-fallback.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MDXErrorFallback({
+  errorMessage = "An error occurred while rendering the content",
+  pageId,
+  slug
+}) {
+  const isMdxError = errorMessage.includes("[next-mdx-remote]");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-red-500/25 bg-red-500/10 p-6 text-red-800", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Content Error" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: isMdxError ? "There is an issue with the MDX content formatting." : errorMessage }),
+      isMdxError && /* @__PURE__ */ jsx("pre", { className: "mt-3 max-h-40 overflow-auto rounded bg-red-500/10 p-3 text-xs", children: errorMessage }),
+      (pageId || slug) && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs opacity-80", children: [
+        "Page: ",
+        pageId ?? "unknown",
+        " \xB7 Slug: ",
+        slug ?? "unknown"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm", children: "If you are the owner of this site, update your page to fix the error." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col gap-2 opacity-60", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4 w-3/5" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded bg-foreground-4 mb-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 rounded bg-foreground-4" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-foreground-4" })
+    ] })
+  ] });
+}
+export {
+  MDXErrorFallback
+};