@uniformdev/canvas-next-rsc 19.204.0 → 19.204.1-alpha.2

package/dist/{UniformComposition-Dw55RFP6.d.mts → UniformComposition-B8budr-b.d.mts}

@@ -64,4 +64,4 @@ type ResolveComponentsOptions = {
     mode: UniformCompositionProps['mode'];
 };
 
-export { type ResolveComponentFunction as R, type UniformCompositionProps as U, UniformComposition as a, type ResolveComponentResult as b, resolveComposition as r };
+export { type ResolveComponentFunction as R, type UniformCompositionProps as U, type ResolveComponentResult as a, UniformComposition as b, resolveComposition as r };

package/dist/{UniformComposition-Dw55RFP6.d.ts → UniformComposition-B8budr-b.d.ts}

@@ -64,4 +64,4 @@ type ResolveComponentsOptions = {
     mode: UniformCompositionProps['mode'];
 };
 
-export { type ResolveComponentFunction as R, type UniformCompositionProps as U, UniformComposition as a, type ResolveComponentResult as b, resolveComposition as r };
+export { type ResolveComponentFunction as R, type UniformCompositionProps as U, type ResolveComponentResult as a, UniformComposition as b, resolveComposition as r };

package/dist/component.d.mts

@@ -1,13 +1,13 @@
 import { ComponentProps, CompositionContext, SlotDefinition } from '@uniformdev/canvas-next-rsc-shared';
 export { ComponentProps, CompositionContext } from '@uniformdev/canvas-next-rsc-shared';
 import React__default, { PropsWithChildren, ReactNode, Key } from 'react';
-export { R as ResolveComponentFunction, b as ResolveComponentResult } from './UniformComposition-Dw55RFP6.mjs';
+export { R as ResolveComponentFunction, a as ResolveComponentResult } from './UniformComposition-B8budr-b.mjs';
 import { ComponentInstance } from '@uniformdev/canvas';
 import { RichTextNode } from '@uniformdev/richtext';
 import { PureUniformTextProps } from '@uniformdev/canvas-react/core';
 export { ClientContextComponent, createClientUniformContext, useInitUniformContext, useUniformContext } from '@uniformdev/canvas-next-rsc-client';
 
-declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element;
+declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element | null;
 
 type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
     node: TNode;
@@ -71,7 +71,7 @@ declare const UniformRichText: React__default.ForwardRefExoticComponent<{
     placeholder?: string | ((parameter: {
         id: string;
     }) => string | undefined);
-} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "placeholder" | "children"> & React__default.RefAttributes<unknown>>;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children" | "placeholder"> & React__default.RefAttributes<unknown>>;
 
 type UniformRichTextNodeProps = {
     node: RichTextNode;

package/dist/component.d.ts

@@ -1,13 +1,13 @@
 import { ComponentProps, CompositionContext, SlotDefinition } from '@uniformdev/canvas-next-rsc-shared';
 export { ComponentProps, CompositionContext } from '@uniformdev/canvas-next-rsc-shared';
 import React__default, { PropsWithChildren, ReactNode, Key } from 'react';
-export { R as ResolveComponentFunction, b as ResolveComponentResult } from './UniformComposition-Dw55RFP6.js';
+export { R as ResolveComponentFunction, a as ResolveComponentResult } from './UniformComposition-B8budr-b.js';
 import { ComponentInstance } from '@uniformdev/canvas';
 import { RichTextNode } from '@uniformdev/richtext';
 import { PureUniformTextProps } from '@uniformdev/canvas-react/core';
 export { ClientContextComponent, createClientUniformContext, useInitUniformContext, useUniformContext } from '@uniformdev/canvas-next-rsc-client';
 
-declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element;
+declare const DefaultNotImplementedComponent: ({ component }: ComponentProps) => React__default.JSX.Element | null;
 
 type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
     node: TNode;
@@ -71,7 +71,7 @@ declare const UniformRichText: React__default.ForwardRefExoticComponent<{
     placeholder?: string | ((parameter: {
         id: string;
     }) => string | undefined);
-} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "placeholder" | "children"> & React__default.RefAttributes<unknown>>;
+} & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children" | "placeholder"> & React__default.RefAttributes<unknown>>;
 
 type UniformRichTextNodeProps = {
     node: RichTextNode;

package/dist/component.js

@@ -43,8 +43,78 @@ module.exports = __toCommonJS(component_exports);
 
 // src/components/DefaultNotImplementedComponent.tsx
 var import_react = __toESM(require("react"));
+var wrapperStyles = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem",
+  borderLeft: "4px solid #e42535",
+  padding: "16px",
+  fontSize: "16px",
+  borderRadius: "0 8px 8px 0",
+  margin: "8px",
+  backgroundColor: "rgba(255, 255, 255, 0.45)",
+  color: "#1d3557"
+};
 var DefaultNotImplementedComponent = ({ component }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, "The component of type ", component.type, " not been implemented yet.");
+  var _a, _b;
+  const componentType = component == null ? void 0 : component.type;
+  if (!componentType) {
+    return null;
+  }
+  const proposedFileName = `${componentType[0].toUpperCase()}${componentType.substring(1)}`;
+  const probableProps = Object.keys((_a = component.parameters) != null ? _a : {});
+  const probableSlots = Object.keys((_b = component.slots) != null ? _b : {});
+  const resolvedParameters = probableProps.map((prop) => {
+    var _a2;
+    const propType = (_a2 = component.parameters) == null ? void 0 : _a2[prop];
+    const propTypeValue = (propType == null ? void 0 : propType.type) === "text" ? "string" : "unknown";
+    return `  ${prop}: ${propTypeValue}`;
+  }).join("\n");
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ import_react.default.createElement("h2", { style: { fontSize: "1.2rem" } }, "Unknown Component"), /* @__PURE__ */ import_react.default.createElement("p", null, "Received request from Uniform to render a component with the public ID: ", /* @__PURE__ */ import_react.default.createElement("code", null, componentType), "."), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement("code", null, "<UniformComposition />"), " does not have ", /* @__PURE__ */ import_react.default.createElement("code", null, componentType), " mapped to a React component yet."), /* @__PURE__ */ import_react.default.createElement(
+    "ul",
+    {
+      style: {
+        listStyleType: "disc",
+        marginLeft: "1rem",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.5rem"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("li", null, "Create a React component and register it with Uniform, for example", /* @__PURE__ */ import_react.default.createElement("pre", null, `
+import {
+  ComponentProps,
+  UniformSlot,
+} from '@uniformdev/canvas-next-rsc/component';
+
+type ${proposedFileName}Parameters = {
+${resolvedParameters}
+};
+type ${proposedFileName}Slots = ${probableSlots.map((slot) => `'${slot}'`).join(" | ")};
+type ${proposedFileName}Props = ComponentProps<${proposedFileName}Parameters, ${proposedFileName}Slots>;
+
+export const ${proposedFileName}Component = (props: ${proposedFileName}Props) => {
+  return (
+    <div>
+      <div>
+        ${probableSlots.map((slot) => `<UniformSlot data={props.component} context={props.context} slot={props.slots.${slot}} />`).join("\n")}
+      </div>
+    </div>
+  );
+};
+
+Add this component mapping to your resolveComponent function on UniformComposition.`)),
+    /* @__PURE__ */ import_react.default.createElement("li", null, "Import the component into the file where ", /* @__PURE__ */ import_react.default.createElement("code", null, "<UniformComposition />"), " is defined, for example ", /* @__PURE__ */ import_react.default.createElement("pre", null, `import "../../components/${proposedFileName}.tsx"`))
+  ), " ", /* @__PURE__ */ import_react.default.createElement("p", null, "Need more help?", " ", /* @__PURE__ */ import_react.default.createElement(
+    "a",
+    {
+      href: "https://docs.uniform.app/docs/learn/tutorials/nextjs-app-router",
+      target: "_blank",
+      rel: "noreferrer",
+      style: { textDecoration: "underline" }
+    },
+    "Check out the documentation."
+  )));
 };
 
 // src/components/UniformRichText.tsx

package/dist/component.mjs

@@ -1,7 +1,77 @@
 // src/components/DefaultNotImplementedComponent.tsx
 import React from "react";
+var wrapperStyles = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem",
+  borderLeft: "4px solid #e42535",
+  padding: "16px",
+  fontSize: "16px",
+  borderRadius: "0 8px 8px 0",
+  margin: "8px",
+  backgroundColor: "rgba(255, 255, 255, 0.45)",
+  color: "#1d3557"
+};
 var DefaultNotImplementedComponent = ({ component }) => {
-  return /* @__PURE__ */ React.createElement("div", null, "The component of type ", component.type, " not been implemented yet.");
+  var _a, _b;
+  const componentType = component == null ? void 0 : component.type;
+  if (!componentType) {
+    return null;
+  }
+  const proposedFileName = `${componentType[0].toUpperCase()}${componentType.substring(1)}`;
+  const probableProps = Object.keys((_a = component.parameters) != null ? _a : {});
+  const probableSlots = Object.keys((_b = component.slots) != null ? _b : {});
+  const resolvedParameters = probableProps.map((prop) => {
+    var _a2;
+    const propType = (_a2 = component.parameters) == null ? void 0 : _a2[prop];
+    const propTypeValue = (propType == null ? void 0 : propType.type) === "text" ? "string" : "unknown";
+    return `  ${prop}: ${propTypeValue}`;
+  }).join("\n");
+  return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("h2", { style: { fontSize: "1.2rem" } }, "Unknown Component"), /* @__PURE__ */ React.createElement("p", null, "Received request from Uniform to render a component with the public ID: ", /* @__PURE__ */ React.createElement("code", null, componentType), "."), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("code", null, "<UniformComposition />"), " does not have ", /* @__PURE__ */ React.createElement("code", null, componentType), " mapped to a React component yet."), /* @__PURE__ */ React.createElement(
+    "ul",
+    {
+      style: {
+        listStyleType: "disc",
+        marginLeft: "1rem",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.5rem"
+      }
+    },
+    /* @__PURE__ */ React.createElement("li", null, "Create a React component and register it with Uniform, for example", /* @__PURE__ */ React.createElement("pre", null, `
+import {
+  ComponentProps,
+  UniformSlot,
+} from '@uniformdev/canvas-next-rsc/component';
+
+type ${proposedFileName}Parameters = {
+${resolvedParameters}
+};
+type ${proposedFileName}Slots = ${probableSlots.map((slot) => `'${slot}'`).join(" | ")};
+type ${proposedFileName}Props = ComponentProps<${proposedFileName}Parameters, ${proposedFileName}Slots>;
+
+export const ${proposedFileName}Component = (props: ${proposedFileName}Props) => {
+  return (
+    <div>
+      <div>
+        ${probableSlots.map((slot) => `<UniformSlot data={props.component} context={props.context} slot={props.slots.${slot}} />`).join("\n")}
+      </div>
+    </div>
+  );
+};
+
+Add this component mapping to your resolveComponent function on UniformComposition.`)),
+    /* @__PURE__ */ React.createElement("li", null, "Import the component into the file where ", /* @__PURE__ */ React.createElement("code", null, "<UniformComposition />"), " is defined, for example ", /* @__PURE__ */ React.createElement("pre", null, `import "../../components/${proposedFileName}.tsx"`))
+  ), " ", /* @__PURE__ */ React.createElement("p", null, "Need more help?", " ", /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: "https://docs.uniform.app/docs/learn/tutorials/nextjs-app-router",
+      target: "_blank",
+      rel: "noreferrer",
+      style: { textDecoration: "underline" }
+    },
+    "Check out the documentation."
+  )));
 };
 
 // src/components/UniformRichText.tsx

package/dist/handler.js

@@ -84,8 +84,8 @@ var createPreviewGETRouteHandler = (options) => {
       pathToRedirectTo = options.playgroundPath;
     }
     const id = getQueryParam(request, compositionQueryParam.id);
-    const slug = getQueryParam(request, compositionQueryParam.slug);
     const path = getQueryParam(request, compositionQueryParam.path);
+    const slug = getQueryParam(request, compositionQueryParam.slug);
     const locale = getQueryParam(request, compositionQueryParam.locale);
     const disable = getQueryParam(request, "disable");
     const secret = getQueryParam(request, import_canvas.SECRET_QUERY_STRING_PARAM);
@@ -110,7 +110,7 @@ var createPreviewGETRouteHandler = (options) => {
     (0, import_headers.draftMode)().enable();
     const redirectionUrl = new URL(pathToRedirectTo, BASE_URL_EXAMPLE);
     assignRequestQueryToSearchParams(redirectionUrl.searchParams, searchParams);
-    if (isPlayground) {
+    if (isPlayground || (options == null ? void 0 : options.playgroundPath) && pathToRedirectTo === options.playgroundPath) {
       redirectionUrl.searchParams.set("id", searchParams.get("id") || "");
     }
     if (!isUniformContextualEditing) {
@@ -363,7 +363,7 @@ var isSvixMessage = async (request) => {
     const wh = new import_svix.Webhook(process.env.UNIFORM_WEBHOOK_SECRET);
     try {
       wh.verify(payload, headers);
-    } catch (err) {
+    } catch (e) {
       return {
         looksLikeMessage: true,
         validation: false

package/dist/handler.mjs

@@ -51,8 +51,8 @@ var createPreviewGETRouteHandler = (options) => {
       pathToRedirectTo = options.playgroundPath;
     }
     const id = getQueryParam(request, compositionQueryParam.id);
-    const slug = getQueryParam(request, compositionQueryParam.slug);
     const path = getQueryParam(request, compositionQueryParam.path);
+    const slug = getQueryParam(request, compositionQueryParam.slug);
     const locale = getQueryParam(request, compositionQueryParam.locale);
     const disable = getQueryParam(request, "disable");
     const secret = getQueryParam(request, SECRET_QUERY_STRING_PARAM);
@@ -77,7 +77,7 @@ var createPreviewGETRouteHandler = (options) => {
     draftMode().enable();
     const redirectionUrl = new URL(pathToRedirectTo, BASE_URL_EXAMPLE);
     assignRequestQueryToSearchParams(redirectionUrl.searchParams, searchParams);
-    if (isPlayground) {
+    if (isPlayground || (options == null ? void 0 : options.playgroundPath) && pathToRedirectTo === options.playgroundPath) {
       redirectionUrl.searchParams.set("id", searchParams.get("id") || "");
     }
     if (!isUniformContextualEditing) {
@@ -330,7 +330,7 @@ var isSvixMessage = async (request) => {
     const wh = new Webhook(process.env.UNIFORM_WEBHOOK_SECRET);
     try {
       wh.verify(payload, headers);
-    } catch (err) {
+    } catch (e) {
       return {
         looksLikeMessage: true,
         validation: false

package/dist/index.d.mts

@@ -5,8 +5,8 @@ import { ManifestClient } from '@uniformdev/context/api';
 import { ProjectMapClient, ProjectMapNode } from '@uniformdev/project-map';
 import { ContextState, ContextOptions } from '@uniformdev/context';
 import React__default, { PropsWithChildren } from 'react';
-import { U as UniformCompositionProps } from './UniformComposition-Dw55RFP6.mjs';
-export { a as UniformComposition, r as resolveComposition } from './UniformComposition-Dw55RFP6.mjs';
+import { U as UniformCompositionProps } from './UniformComposition-B8budr-b.mjs';
+export { b as UniformComposition, r as resolveComposition } from './UniformComposition-B8budr-b.mjs';
 import { ClientContextComponent } from '@uniformdev/canvas-next-rsc-client';
 
 type GetCanvasClientOptions = {

package/dist/index.d.ts

@@ -5,8 +5,8 @@ import { ManifestClient } from '@uniformdev/context/api';
 import { ProjectMapClient, ProjectMapNode } from '@uniformdev/project-map';
 import { ContextState, ContextOptions } from '@uniformdev/context';
 import React__default, { PropsWithChildren } from 'react';
-import { U as UniformCompositionProps } from './UniformComposition-Dw55RFP6.js';
-export { a as UniformComposition, r as resolveComposition } from './UniformComposition-Dw55RFP6.js';
+import { U as UniformCompositionProps } from './UniformComposition-B8budr-b.js';
+export { b as UniformComposition, r as resolveComposition } from './UniformComposition-B8budr-b.js';
 import { ClientContextComponent } from '@uniformdev/canvas-next-rsc-client';
 
 type GetCanvasClientOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc",
-  "version": "19.204.0",
+  "version": "19.204.1-alpha.2+0262cf78a6",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -13,9 +13,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "require": "./dist/index.js",
-      "import": "./dist/index.esm.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/index.esm.js"
     },
     "./handler": {
       "require": "./dist/handler.js",
@@ -23,14 +23,14 @@
       "types": "./dist/handler.d.ts"
     },
     "./config": {
+      "types": "./dist/config.d.ts",
       "require": "./dist/config.js",
-      "import": "./dist/config.mjs",
-      "types": "./dist/config.d.ts"
+      "import": "./dist/config.mjs"
     },
     "./component": {
+      "types": "./dist/component.d.ts",
       "require": "./dist/component.js",
-      "import": "./dist/component.mjs",
-      "types": "./dist/component.d.ts"
+      "import": "./dist/component.mjs"
     }
   },
   "typesVersions": {
@@ -53,23 +53,23 @@
     "/dist"
   ],
   "devDependencies": {
-    "@types/node": "20.10.6",
-    "@types/react": "18.3.3",
+    "@types/node": "22.7.8",
+    "@types/react": "18.3.11",
     "eslint": "9.9.0",
     "next": "^14.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.204.0",
-    "@uniformdev/canvas-next-rsc-client": "^19.204.0",
-    "@uniformdev/canvas-next-rsc-shared": "^19.204.0",
-    "@uniformdev/canvas-react": "19.204.0",
-    "@uniformdev/context": "19.204.0",
-    "@uniformdev/project-map": "19.204.0",
-    "@uniformdev/redirect": "19.204.0",
-    "@uniformdev/richtext": "19.204.0",
-    "@uniformdev/webhooks": "19.204.0",
+    "@uniformdev/canvas": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/canvas-next-rsc-client": "^19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/canvas-next-rsc-shared": "^19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/canvas-react": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/context": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/project-map": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/redirect": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/richtext": "19.204.1-alpha.2+0262cf78a6",
+    "@uniformdev/webhooks": "19.204.1-alpha.2+0262cf78a6",
     "@vercel/edge-config": "^0.4.0",
     "encoding": "^0.1.13",
     "server-only": "^0.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "526d22d188132e5d47dc117808be6ead40532cb1"
+  "gitHead": "0262cf78a6bd7179419e2e1505c1a985fd1103de"
 }