@json-render/next 0.15.0

package/dist/index.js

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+"use client";
+
+
+
+
+var _chunk37T7IDU5js = require('./chunk-37T7IDU5.js');
+
+// src/components/error-boundary.tsx
+var _react = require('@json-render/react');
+var _jsxruntime = require('react/jsx-runtime');
+function NextErrorBoundary({
+  error,
+  reset,
+  errorSpec
+}) {
+  let registry;
+  try {
+    const ctx = _chunk37T7IDU5js.useNextApp.call(void 0, );
+    registry = ctx.registry;
+  } catch (e) {
+  }
+  if (errorSpec && registry) {
+    const augmentedRegistry = {
+      ...registry,
+      Slot: () => null
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Renderer, { spec: errorSpec, registry: augmentedRegistry });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { padding: "2rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { style: { marginBottom: "1rem" }, children: "Something went wrong" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { color: "#666", marginBottom: "1.5rem" }, children: error.message || "An unexpected error occurred." }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: reset,
+        style: {
+          padding: "0.5rem 1rem",
+          borderRadius: "0.375rem",
+          border: "1px solid #ccc",
+          background: "#fff",
+          cursor: "pointer"
+        },
+        children: "Try again"
+      }
+    )
+  ] });
+}
+
+// src/components/loading-renderer.tsx
+
+function NextLoading({ loadingSpec: _loadingSpec }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "200px"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            style: {
+              width: "2rem",
+              height: "2rem",
+              border: "2px solid #e5e7eb",
+              borderTopColor: "#3b82f6",
+              borderRadius: "50%",
+              animation: "jr-spin 0.6s linear infinite"
+            }
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: `@keyframes jr-spin { to { transform: rotate(360deg) } }` })
+      ]
+    }
+  );
+}
+
+// src/components/not-found-renderer.tsx
+
+function NextNotFound() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "400px",
+        padding: "2rem",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { style: { fontSize: "4rem", fontWeight: 700, margin: 0 }, children: "404" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { color: "#666", marginTop: "0.5rem", fontSize: "1.125rem" }, children: "This page could not be found." })
+      ]
+    }
+  );
+}
+
+// src/components/link.tsx
+var _link = require('next/link'); var _link2 = _interopRequireDefault(_link);
+
+function Link({ element, children }) {
+  const { href, replace, prefetch, className, style } = element.props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _link2.default,
+    {
+      href,
+      replace,
+      prefetch,
+      className,
+      style,
+      children
+    }
+  );
+}
+
+// src/index.ts
+var _core = require('@json-render/core');
+
+
+
+
+
+
+
+
+
+exports.Link = Link; exports.NextAppProvider = _chunk37T7IDU5js.NextAppProvider; exports.NextErrorBoundary = NextErrorBoundary; exports.NextLoading = NextLoading; exports.NextNotFound = NextNotFound; exports.PageRenderer = _chunk37T7IDU5js.PageRenderer; exports.createStateStore = _core.createStateStore; exports.useNextApp = _chunk37T7IDU5js.useNextApp;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/json-render/json-render/packages/next/dist/index.js","../src/components/error-boundary.tsx","../src/components/loading-renderer.tsx","../src/components/not-found-renderer.tsx","../src/components/link.tsx","../src/index.ts"],"names":["jsxs","jsx"],"mappings":"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","file":"/home/runner/work/json-render/json-render/packages/next/dist/index.js","sourcesContent":[null,"\"use client\";\n\nimport React from \"react\";\nimport type { Spec } from \"@json-render/core\";\nimport { Renderer, type ComponentRegistry } from \"@json-render/react\";\nimport { useNextApp } from \"./provider\";\n\n/**\n * Props for NextErrorBoundary.\n */\nexport interface NextErrorBoundaryProps {\n  /** The error that occurred */\n  error: Error & { digest?: string };\n  /** Function to attempt re-rendering the page */\n  reset: () => void;\n  /** Optional error UI spec from the matched route */\n  errorSpec?: Spec | null;\n}\n\n/**\n * Error boundary component for json-render Next.js apps.\n *\n * If the matched route defines an `error` spec, it renders that.\n * Otherwise renders a minimal default error UI.\n *\n * Must be used in a file with `\"use client\"` directive (Next.js requirement).\n */\nexport function NextErrorBoundary({\n  error,\n  reset,\n  errorSpec,\n}: NextErrorBoundaryProps) {\n  let registry: ComponentRegistry | undefined;\n  try {\n    const ctx = useNextApp();\n    registry = ctx.registry;\n  } catch {\n    // Provider may not be available in error boundaries\n  }\n\n  if (errorSpec && registry) {\n    const augmentedRegistry: ComponentRegistry = {\n      ...registry,\n      Slot: () => null,\n    };\n    return <Renderer spec={errorSpec} registry={augmentedRegistry} />;\n  }\n\n  return (\n    <div style={{ padding: \"2rem\", textAlign: \"center\" }}>\n      <h2 style={{ marginBottom: \"1rem\" }}>Something went wrong</h2>\n      <p style={{ color: \"#666\", marginBottom: \"1.5rem\" }}>\n        {error.message || \"An unexpected error occurred.\"}\n      </p>\n      <button\n        onClick={reset}\n        style={{\n          padding: \"0.5rem 1rem\",\n          borderRadius: \"0.375rem\",\n          border: \"1px solid #ccc\",\n          background: \"#fff\",\n          cursor: \"pointer\",\n        }}\n      >\n        Try again\n      </button>\n    </div>\n  );\n}\n","import React from \"react\";\nimport type { Spec } from \"@json-render/core\";\n\n/**\n * Props for NextLoading.\n */\nexport interface NextLoadingProps {\n  /** Optional loading UI spec */\n  loadingSpec?: Spec | null;\n}\n\n/**\n * Loading component for json-render Next.js apps.\n *\n * If a loading spec is provided, it will be rendered by the PageRenderer.\n * Otherwise renders a minimal default loading indicator.\n *\n * Note: Since Next.js loading.tsx is static (no params), this renders\n * a generic loading state. Route-specific loading can be achieved with\n * Suspense boundaries in page content.\n */\nexport function NextLoading({ loadingSpec: _loadingSpec }: NextLoadingProps) {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        minHeight: \"200px\",\n      }}\n    >\n      <div\n        style={{\n          width: \"2rem\",\n          height: \"2rem\",\n          border: \"2px solid #e5e7eb\",\n          borderTopColor: \"#3b82f6\",\n          borderRadius: \"50%\",\n          animation: \"jr-spin 0.6s linear infinite\",\n        }}\n      />\n      <style>{`@keyframes jr-spin { to { transform: rotate(360deg) } }`}</style>\n    </div>\n  );\n}\n","import React from \"react\";\n\n/**\n * Not-found component for json-render Next.js apps.\n *\n * Renders when the pathname does not match any route in the spec.\n */\nexport function NextNotFound() {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        minHeight: \"400px\",\n        padding: \"2rem\",\n        textAlign: \"center\",\n      }}\n    >\n      <h1 style={{ fontSize: \"4rem\", fontWeight: 700, margin: 0 }}>404</h1>\n      <p style={{ color: \"#666\", marginTop: \"0.5rem\", fontSize: \"1.125rem\" }}>\n        This page could not be found.\n      </p>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { type ReactNode } from \"react\";\nimport NextLink from \"next/link\";\nimport type { ComponentRenderProps } from \"@json-render/react\";\n\n/**\n * Props expected by the Link component in json-render specs.\n */\nexport interface LinkProps {\n  /** The target URL or route path */\n  href: string;\n  /** Whether to replace the current history entry */\n  replace?: boolean;\n  /** Whether to prefetch the linked route */\n  prefetch?: boolean;\n  /** CSS class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\n/**\n * Built-in Link component for json-render Next.js specs.\n *\n * Wraps `next/link` for client-side navigation between routes.\n *\n * Usage in a spec:\n * ```json\n * {\n *   \"type\": \"Link\",\n *   \"props\": { \"href\": \"/about\" },\n *   \"children\": [\"link-text\"]\n * }\n * ```\n */\nexport function Link({ element, children }: ComponentRenderProps<LinkProps>) {\n  const { href, replace, prefetch, className, style } =\n    element.props as LinkProps;\n\n  return (\n    <NextLink\n      href={href}\n      replace={replace}\n      prefetch={prefetch}\n      className={className}\n      style={style}\n    >\n      {children}\n    </NextLink>\n  );\n}\n","\"use client\";\n\n// =============================================================================\n// @json-render/next — Client exports\n//\n// This entry point includes client components and is safe to import\n// in \"use client\" modules and Next.js pages/layouts.\n// =============================================================================\n\n// Provider\nexport {\n  NextAppProvider,\n  useNextApp,\n  type NextAppProviderProps,\n  type NextAppContextValue,\n} from \"./components/provider\";\n\n// Page renderer\nexport {\n  PageRenderer,\n  type PageRendererProps,\n} from \"./components/page-renderer\";\n\n// Error boundary\nexport {\n  NextErrorBoundary,\n  type NextErrorBoundaryProps,\n} from \"./components/error-boundary\";\n\n// Loading\nexport {\n  NextLoading,\n  type NextLoadingProps,\n} from \"./components/loading-renderer\";\n\n// Not found\nexport { NextNotFound } from \"./components/not-found-renderer\";\n\n// Link component\nexport { Link, type LinkProps } from \"./components/link\";\n\n// Types (re-exported for convenience)\nexport type {\n  NextAppSpec,\n  NextRouteSpec,\n  NextMetadata,\n  MatchedRoute,\n  LoaderFn,\n  CreateNextAppOptions,\n  NextAppExports,\n  PageData,\n} from \"./types\";\n\n// Catalog types (re-exported from @json-render/react)\nexport type {\n  EventHandle,\n  BaseComponentProps,\n  SetState,\n  StateModel,\n  ComponentContext,\n  ComponentFn,\n  Components,\n  ActionFn,\n  Actions,\n} from \"./catalog-types\";\n\n// Core types (re-exported for convenience)\nexport type { Spec, StateStore } from \"@json-render/core\";\nexport { createStateStore } from \"@json-render/core\";\nexport type {\n  ComponentRegistry,\n  ComponentRenderProps,\n} from \"@json-render/react\";\n"]}

package/dist/index.mjs

@@ -0,0 +1,135 @@
+"use client";
+"use client";
+import {
+  NextAppProvider,
+  PageRenderer,
+  useNextApp
+} from "./chunk-KWYBSJZC.mjs";
+
+// src/components/error-boundary.tsx
+import { Renderer } from "@json-render/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NextErrorBoundary({
+  error,
+  reset,
+  errorSpec
+}) {
+  let registry;
+  try {
+    const ctx = useNextApp();
+    registry = ctx.registry;
+  } catch {
+  }
+  if (errorSpec && registry) {
+    const augmentedRegistry = {
+      ...registry,
+      Slot: () => null
+    };
+    return /* @__PURE__ */ jsx(Renderer, { spec: errorSpec, registry: augmentedRegistry });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "2rem", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx("h2", { style: { marginBottom: "1rem" }, children: "Something went wrong" }),
+    /* @__PURE__ */ jsx("p", { style: { color: "#666", marginBottom: "1.5rem" }, children: error.message || "An unexpected error occurred." }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: reset,
+        style: {
+          padding: "0.5rem 1rem",
+          borderRadius: "0.375rem",
+          border: "1px solid #ccc",
+          background: "#fff",
+          cursor: "pointer"
+        },
+        children: "Try again"
+      }
+    )
+  ] });
+}
+
+// src/components/loading-renderer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function NextLoading({ loadingSpec: _loadingSpec }) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "200px"
+      },
+      children: [
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            style: {
+              width: "2rem",
+              height: "2rem",
+              border: "2px solid #e5e7eb",
+              borderTopColor: "#3b82f6",
+              borderRadius: "50%",
+              animation: "jr-spin 0.6s linear infinite"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx2("style", { children: `@keyframes jr-spin { to { transform: rotate(360deg) } }` })
+      ]
+    }
+  );
+}
+
+// src/components/not-found-renderer.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function NextNotFound() {
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "400px",
+        padding: "2rem",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx3("h1", { style: { fontSize: "4rem", fontWeight: 700, margin: 0 }, children: "404" }),
+        /* @__PURE__ */ jsx3("p", { style: { color: "#666", marginTop: "0.5rem", fontSize: "1.125rem" }, children: "This page could not be found." })
+      ]
+    }
+  );
+}
+
+// src/components/link.tsx
+import NextLink from "next/link";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Link({ element, children }) {
+  const { href, replace, prefetch, className, style } = element.props;
+  return /* @__PURE__ */ jsx4(
+    NextLink,
+    {
+      href,
+      replace,
+      prefetch,
+      className,
+      style,
+      children
+    }
+  );
+}
+
+// src/index.ts
+import { createStateStore } from "@json-render/core";
+export {
+  Link,
+  NextAppProvider,
+  NextErrorBoundary,
+  NextLoading,
+  NextNotFound,
+  PageRenderer,
+  createStateStore,
+  useNextApp
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-boundary.tsx","../src/components/loading-renderer.tsx","../src/components/not-found-renderer.tsx","../src/components/link.tsx","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport type { Spec } from \"@json-render/core\";\nimport { Renderer, type ComponentRegistry } from \"@json-render/react\";\nimport { useNextApp } from \"./provider\";\n\n/**\n * Props for NextErrorBoundary.\n */\nexport interface NextErrorBoundaryProps {\n  /** The error that occurred */\n  error: Error & { digest?: string };\n  /** Function to attempt re-rendering the page */\n  reset: () => void;\n  /** Optional error UI spec from the matched route */\n  errorSpec?: Spec | null;\n}\n\n/**\n * Error boundary component for json-render Next.js apps.\n *\n * If the matched route defines an `error` spec, it renders that.\n * Otherwise renders a minimal default error UI.\n *\n * Must be used in a file with `\"use client\"` directive (Next.js requirement).\n */\nexport function NextErrorBoundary({\n  error,\n  reset,\n  errorSpec,\n}: NextErrorBoundaryProps) {\n  let registry: ComponentRegistry | undefined;\n  try {\n    const ctx = useNextApp();\n    registry = ctx.registry;\n  } catch {\n    // Provider may not be available in error boundaries\n  }\n\n  if (errorSpec && registry) {\n    const augmentedRegistry: ComponentRegistry = {\n      ...registry,\n      Slot: () => null,\n    };\n    return <Renderer spec={errorSpec} registry={augmentedRegistry} />;\n  }\n\n  return (\n    <div style={{ padding: \"2rem\", textAlign: \"center\" }}>\n      <h2 style={{ marginBottom: \"1rem\" }}>Something went wrong</h2>\n      <p style={{ color: \"#666\", marginBottom: \"1.5rem\" }}>\n        {error.message || \"An unexpected error occurred.\"}\n      </p>\n      <button\n        onClick={reset}\n        style={{\n          padding: \"0.5rem 1rem\",\n          borderRadius: \"0.375rem\",\n          border: \"1px solid #ccc\",\n          background: \"#fff\",\n          cursor: \"pointer\",\n        }}\n      >\n        Try again\n      </button>\n    </div>\n  );\n}\n","import React from \"react\";\nimport type { Spec } from \"@json-render/core\";\n\n/**\n * Props for NextLoading.\n */\nexport interface NextLoadingProps {\n  /** Optional loading UI spec */\n  loadingSpec?: Spec | null;\n}\n\n/**\n * Loading component for json-render Next.js apps.\n *\n * If a loading spec is provided, it will be rendered by the PageRenderer.\n * Otherwise renders a minimal default loading indicator.\n *\n * Note: Since Next.js loading.tsx is static (no params), this renders\n * a generic loading state. Route-specific loading can be achieved with\n * Suspense boundaries in page content.\n */\nexport function NextLoading({ loadingSpec: _loadingSpec }: NextLoadingProps) {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        minHeight: \"200px\",\n      }}\n    >\n      <div\n        style={{\n          width: \"2rem\",\n          height: \"2rem\",\n          border: \"2px solid #e5e7eb\",\n          borderTopColor: \"#3b82f6\",\n          borderRadius: \"50%\",\n          animation: \"jr-spin 0.6s linear infinite\",\n        }}\n      />\n      <style>{`@keyframes jr-spin { to { transform: rotate(360deg) } }`}</style>\n    </div>\n  );\n}\n","import React from \"react\";\n\n/**\n * Not-found component for json-render Next.js apps.\n *\n * Renders when the pathname does not match any route in the spec.\n */\nexport function NextNotFound() {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        minHeight: \"400px\",\n        padding: \"2rem\",\n        textAlign: \"center\",\n      }}\n    >\n      <h1 style={{ fontSize: \"4rem\", fontWeight: 700, margin: 0 }}>404</h1>\n      <p style={{ color: \"#666\", marginTop: \"0.5rem\", fontSize: \"1.125rem\" }}>\n        This page could not be found.\n      </p>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { type ReactNode } from \"react\";\nimport NextLink from \"next/link\";\nimport type { ComponentRenderProps } from \"@json-render/react\";\n\n/**\n * Props expected by the Link component in json-render specs.\n */\nexport interface LinkProps {\n  /** The target URL or route path */\n  href: string;\n  /** Whether to replace the current history entry */\n  replace?: boolean;\n  /** Whether to prefetch the linked route */\n  prefetch?: boolean;\n  /** CSS class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\n/**\n * Built-in Link component for json-render Next.js specs.\n *\n * Wraps `next/link` for client-side navigation between routes.\n *\n * Usage in a spec:\n * ```json\n * {\n *   \"type\": \"Link\",\n *   \"props\": { \"href\": \"/about\" },\n *   \"children\": [\"link-text\"]\n * }\n * ```\n */\nexport function Link({ element, children }: ComponentRenderProps<LinkProps>) {\n  const { href, replace, prefetch, className, style } =\n    element.props as LinkProps;\n\n  return (\n    <NextLink\n      href={href}\n      replace={replace}\n      prefetch={prefetch}\n      className={className}\n      style={style}\n    >\n      {children}\n    </NextLink>\n  );\n}\n","\"use client\";\n\n// =============================================================================\n// @json-render/next — Client exports\n//\n// This entry point includes client components and is safe to import\n// in \"use client\" modules and Next.js pages/layouts.\n// =============================================================================\n\n// Provider\nexport {\n  NextAppProvider,\n  useNextApp,\n  type NextAppProviderProps,\n  type NextAppContextValue,\n} from \"./components/provider\";\n\n// Page renderer\nexport {\n  PageRenderer,\n  type PageRendererProps,\n} from \"./components/page-renderer\";\n\n// Error boundary\nexport {\n  NextErrorBoundary,\n  type NextErrorBoundaryProps,\n} from \"./components/error-boundary\";\n\n// Loading\nexport {\n  NextLoading,\n  type NextLoadingProps,\n} from \"./components/loading-renderer\";\n\n// Not found\nexport { NextNotFound } from \"./components/not-found-renderer\";\n\n// Link component\nexport { Link, type LinkProps } from \"./components/link\";\n\n// Types (re-exported for convenience)\nexport type {\n  NextAppSpec,\n  NextRouteSpec,\n  NextMetadata,\n  MatchedRoute,\n  LoaderFn,\n  CreateNextAppOptions,\n  NextAppExports,\n  PageData,\n} from \"./types\";\n\n// Catalog types (re-exported from @json-render/react)\nexport type {\n  EventHandle,\n  BaseComponentProps,\n  SetState,\n  StateModel,\n  ComponentContext,\n  ComponentFn,\n  Components,\n  ActionFn,\n  Actions,\n} from \"./catalog-types\";\n\n// Core types (re-exported for convenience)\nexport type { Spec, StateStore } from \"@json-render/core\";\nexport { createStateStore } from \"@json-render/core\";\nexport type {\n  ComponentRegistry,\n  ComponentRenderProps,\n} from \"@json-render/react\";\n"],"mappings":";;;;;;;;;AAIA,SAAS,gBAAwC;AAyCtC,cAIP,YAJO;AAlBJ,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,MAAI;AACJ,MAAI;AACF,UAAM,MAAM,WAAW;AACvB,eAAW,IAAI;AAAA,EACjB,QAAQ;AAAA,EAER;AAEA,MAAI,aAAa,UAAU;AACzB,UAAM,oBAAuC;AAAA,MAC3C,GAAG;AAAA,MACH,MAAM,MAAM;AAAA,IACd;AACA,WAAO,oBAAC,YAAS,MAAM,WAAW,UAAU,mBAAmB;AAAA,EACjE;AAEA,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,WAAW,SAAS,GACjD;AAAA,wBAAC,QAAG,OAAO,EAAE,cAAc,OAAO,GAAG,kCAAoB;AAAA,IACzD,oBAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,cAAc,SAAS,GAC/C,gBAAM,WAAW,iCACpB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO;AAAA,UACL,SAAS;AAAA,UACT,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;;;AC7CI,SAQE,OAAAA,MARF,QAAAC,aAAA;AAFG,SAAS,YAAY,EAAE,aAAa,aAAa,GAAqB;AAC3E,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,cAAc;AAAA,cACd,WAAW;AAAA,YACb;AAAA;AAAA,QACF;AAAA,QACA,gBAAAA,KAAC,WAAO,qEAA0D;AAAA;AAAA;AAAA,EACpE;AAEJ;;;ACnCI,SAWE,OAAAE,MAXF,QAAAC,aAAA;AAFG,SAAS,eAAe;AAC7B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,wBAAAD,KAAC,QAAG,OAAO,EAAE,UAAU,QAAQ,YAAY,KAAK,QAAQ,EAAE,GAAG,iBAAG;AAAA,QAChE,gBAAAA,KAAC,OAAE,OAAO,EAAE,OAAO,QAAQ,WAAW,UAAU,UAAU,WAAW,GAAG,2CAExE;AAAA;AAAA;AAAA,EACF;AAEJ;;;ACvBA,OAAO,cAAc;AAsCjB,gBAAAE,YAAA;AALG,SAAS,KAAK,EAAE,SAAS,SAAS,GAAoC;AAC3E,QAAM,EAAE,MAAM,SAAS,UAAU,WAAW,MAAM,IAChD,QAAQ;AAEV,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACiBA,SAAS,wBAAwB;","names":["jsx","jsxs","jsx","jsxs","jsx"]}

package/dist/page-renderer-client.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Spec } from '@json-render/core';
+
+/**
+ * Props for PageRenderer.
+ */
+interface PageRendererProps {
+    /** Page element tree spec */
+    spec: Spec;
+    /** Initial state (merged from spec.state, global state, and loader data) */
+    initialState?: Record<string, unknown>;
+    /** Optional layout element tree spec */
+    layoutSpec?: Spec | null;
+    /** Whether the spec is currently loading/streaming */
+    loading?: boolean;
+}
+/**
+ * Client component that renders a json-render page within the Next.js app.
+ *
+ * Reads the component registry and action handlers from NextAppProvider context.
+ * Handles layout rendering by injecting page content into a Slot component.
+ */
+declare function PageRenderer({ spec, initialState, layoutSpec, loading, }: PageRendererProps): react_jsx_runtime.JSX.Element;
+
+export { PageRenderer, type PageRendererProps };

package/dist/page-renderer-client.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Spec } from '@json-render/core';
+
+/**
+ * Props for PageRenderer.
+ */
+interface PageRendererProps {
+    /** Page element tree spec */
+    spec: Spec;
+    /** Initial state (merged from spec.state, global state, and loader data) */
+    initialState?: Record<string, unknown>;
+    /** Optional layout element tree spec */
+    layoutSpec?: Spec | null;
+    /** Whether the spec is currently loading/streaming */
+    loading?: boolean;
+}
+/**
+ * Client component that renders a json-render page within the Next.js app.
+ *
+ * Reads the component registry and action handlers from NextAppProvider context.
+ * Handles layout rendering by injecting page content into a Slot component.
+ */
+declare function PageRenderer({ spec, initialState, layoutSpec, loading, }: PageRendererProps): react_jsx_runtime.JSX.Element;
+
+export { PageRenderer, type PageRendererProps };

package/dist/page-renderer-client.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunk37T7IDU5js = require('./chunk-37T7IDU5.js');
+
+
+exports.PageRenderer = _chunk37T7IDU5js.PageRenderer;
+//# sourceMappingURL=page-renderer-client.js.map

package/dist/page-renderer-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/json-render/json-render/packages/next/dist/page-renderer-client.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,qDAAC","file":"/home/runner/work/json-render/json-render/packages/next/dist/page-renderer-client.js"}

package/dist/page-renderer-client.mjs

@@ -0,0 +1,9 @@
+"use client";
+"use client";
+import {
+  PageRenderer
+} from "./chunk-KWYBSJZC.mjs";
+export {
+  PageRenderer
+};
+//# sourceMappingURL=page-renderer-client.mjs.map

package/dist/page-renderer-client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}