@uniformdev/canvas-next-rsc 19.96.1-alpha.13 → 19.99.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc",
-  "version": "19.96.1-alpha.13+45a0734f3e",
+  "version": "19.99.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -61,15 +61,15 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/canvas-next-rsc-client": "^19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/canvas-next-rsc-shared": "^19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/canvas-react": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/context": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/project-map": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/redirect": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/richtext": "19.96.1-alpha.13+45a0734f3e",
-    "@uniformdev/webhooks": "19.96.1-alpha.13+45a0734f3e",
+    "@uniformdev/canvas": "19.99.0",
+    "@uniformdev/canvas-next-rsc-client": "^19.99.0",
+    "@uniformdev/canvas-next-rsc-shared": "^19.99.0",
+    "@uniformdev/canvas-react": "19.99.0",
+    "@uniformdev/context": "19.99.0",
+    "@uniformdev/project-map": "19.99.0",
+    "@uniformdev/redirect": "19.99.0",
+    "@uniformdev/richtext": "19.99.0",
+    "@uniformdev/webhooks": "19.99.0",
     "@vercel/edge-config": "^0.4.0",
     "encoding": "^0.1.13",
     "server-only": "^0.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "45a0734f3e9e54959a6e70c4bc7472657becc28b"
+  "gitHead": "f867c1229e8dc020c099534be72396792748c300"
 }

package/dist/UniformComposition-38e22896.d.ts

@@ -1,74 +0,0 @@
-import { ComponentInstance, CompositionResolvedGetResponse } from '@uniformdev/canvas';
-import {
-  AppDirectoryServerContext,
-  ComponentProps,
-  CompositionContext,
-  PageParameters,
-} from '@uniformdev/canvas-next-rsc-shared';
-import * as React$1 from 'react';
-import { ComponentType, ReactNode } from 'react';
-
-type UniformStaticCompositionProps = {
-  /**
-   * How to render the composition.
-   */
-  mode: 'static';
-};
-type UniformServerCompositionProps = {
-  /**
-   * How to render the composition.
-   */
-  mode: 'server';
-  /**
-   * The Context instance to use for server-side rendering.
-   */
-  serverContext?: AppDirectoryServerContext;
-};
-type UniformCompositionProps = PageParameters & {
-  composition?: CompositionResolvedGetResponse;
-  /**
-   * Function to map composition components to React components.
-   */
-  resolveComponent: ResolveComponentFunction;
-} & (UniformStaticCompositionProps | UniformServerCompositionProps);
-declare const UniformComposition: React.FC<UniformCompositionProps>;
-type ResolveComponentFunction = (options: { component: ComponentInstance }) => ResolveComponentResult;
-type ResolveComponentResult = {
-  component: ComponentType<ComponentProps<any, any>> | null;
-  includeContext?: boolean;
-};
-declare const resolveComposition: (
-  props: Omit<ResolveComponentsOptions, 'slotName' | 'slotIndex' | 'target'> & {
-    composition: ComponentInstance;
-    compositionContext: CompositionContext;
-  }
-) => React$1.FunctionComponentElement<{
-  children?: ReactNode;
-}> | null;
-type ResolveComponentsOptions = {
-  serverContext?: AppDirectoryServerContext;
-  target:
-    | {
-        type: 'root';
-        composition: ComponentInstance;
-      }
-    | {
-        type: 'slot';
-        components: ComponentInstance[];
-        parent: ComponentInstance;
-        root: ComponentInstance;
-      };
-  slotName: string | undefined;
-  slotIndex: number | undefined;
-  resolveComponent: ResolveComponentFunction;
-  compositionContext: CompositionContext;
-  mode: UniformCompositionProps['mode'];
-};
-
-export {
-  UniformComposition as a,
-  ResolveComponentResult as b,
-  ResolveComponentFunction as R,
-  resolveComposition as r,
-  UniformCompositionProps as U,
-};

package/dist/UniformComposition-d178d865.d.ts

@@ -1,77 +0,0 @@
-import { ComponentInstance, ResolvedRouteGetResponse } from '@uniformdev/canvas';
-import {
-  AppDirectoryServerContext,
-  ComponentProps,
-  CompositionContext,
-  PageParameters,
-} from '@uniformdev/canvas-next-rsc-shared';
-import * as React$1 from 'react';
-import { ComponentType, ReactNode } from 'react';
-
-type UniformStaticCompositionProps = {
-  /**
-   * How to render the composition.
-   */
-  mode: 'static';
-};
-type UniformServerCompositionProps = {
-  /**
-   * How to render the composition.
-   */
-  mode: 'server';
-  /**
-   * The Context instance to use for server-side rendering.
-   */
-  serverContext?: AppDirectoryServerContext;
-};
-type UniformCompositionProps = PageParameters & {
-  /**
-   * The route data to render.
-   */
-  route: ResolvedRouteGetResponse | undefined;
-  /**
-   * Function to map composition components to React components.
-   */
-  resolveComponent: ResolveComponentFunction;
-} & (UniformStaticCompositionProps | UniformServerCompositionProps);
-declare const UniformComposition: React.FC<UniformCompositionProps>;
-type ResolveComponentFunction = (options: { component: ComponentInstance }) => ResolveComponentResult;
-type ResolveComponentResult = {
-  component: ComponentType<ComponentProps<any, any>> | null;
-  includeContext?: boolean;
-};
-declare const resolveComposition: (
-  props: Omit<ResolveComponentsOptions, 'slotName' | 'slotIndex' | 'target'> & {
-    composition: ComponentInstance;
-    compositionContext: CompositionContext;
-  }
-) => React$1.FunctionComponentElement<{
-  children?: ReactNode;
-}> | null;
-type ResolveComponentsOptions = {
-  serverContext?: AppDirectoryServerContext;
-  target:
-    | {
-        type: 'root';
-        composition: ComponentInstance;
-      }
-    | {
-        type: 'slot';
-        components: ComponentInstance[];
-        parent: ComponentInstance;
-        root: ComponentInstance;
-      };
-  slotName: string | undefined;
-  slotIndex: number | undefined;
-  resolveComponent: ResolveComponentFunction;
-  compositionContext: CompositionContext;
-  mode: UniformCompositionProps['mode'];
-};
-
-export {
-  UniformComposition as a,
-  ResolveComponentResult as b,
-  ResolveComponentFunction as R,
-  resolveComposition as r,
-  UniformCompositionProps as U,
-};

package/dist/actions/updateContext.d.ts

@@ -1,2 +0,0 @@
-import { ContextState } from '@uniformdev/context';
-export declare const updateContextAction: (options: Partial<ContextState>) => Promise<void>;

package/dist/actions/updateContext.js

@@ -1,17 +0,0 @@
-'use server';
-import { UNIFORM_DEFAULT_COOKIE_NAME } from '@uniformdev/context';
-import { cookies } from 'next/headers';
-import { getUniformContext } from '../components/getUniformContext';
-import { serializeCookie } from '../score';
-export const updateContextAction = async (options) => {
-    var _a;
-    const context = await getUniformContext({
-        cookieValue: (_a = cookies().get(UNIFORM_DEFAULT_COOKIE_NAME)) === null || _a === void 0 ? void 0 : _a.value,
-    });
-    if (!context.storage.data.consent) {
-        return;
-    }
-    await context.update(options);
-    const scoreCookie = serializeCookie(context.storage.data);
-    cookies().set(UNIFORM_DEFAULT_COOKIE_NAME, scoreCookie);
-};

package/dist/client/canvasClient.d.ts

@@ -1,5 +0,0 @@
-import { CanvasClient } from '@uniformdev/canvas';
-export type GetCanvasClientOptions = {
-  revalidate?: number;
-};
-export declare const getCanvasClient: (options?: GetCanvasClientOptions) => CanvasClient;

package/dist/client/canvasClient.js

@@ -1,53 +0,0 @@
-import { CanvasClient } from '@uniformdev/canvas';
-import { isDevelopmentEnvironment } from '../utils/draft';
-import { buildCompositionTag } from '../utils/tag';
-export const getCanvasClient = (options) => {
-    return new CanvasClient({
-        projectId: process.env.UNIFORM_PROJECT_ID,
-        apiHost: process.env.UNIFORM_API_HOST,
-        apiKey: process.env.UNIFORM_API_KEY,
-        edgeApiHost: process.env.UNIFORM_EDGE_API_HOST,
-        fetch: (req, init) => {
-            let requestedUrl;
-            if (typeof req === 'string') {
-                requestedUrl = new URL(req);
-            }
-            else if (req instanceof URL) {
-                requestedUrl = req;
-            }
-            else {
-                requestedUrl = new URL(req.url);
-            }
-            const tags = [];
-            if (requestedUrl) {
-                // this is here so this code breaks if parameters change here
-                const compositionIdKey = 'compositionId';
-                const compositionIdsKey = 'compositionIDs';
-                const compositionId = requestedUrl.searchParams.get(compositionIdKey);
-                const compositionIds = requestedUrl.searchParams.get(compositionIdsKey);
-                if (compositionId) {
-                    tags.push(buildCompositionTag(compositionId));
-                }
-                if (compositionIds) {
-                    const ids = compositionIds.split(',');
-                    for (let i = 0; i < ids.length; i++) {
-                        tags.push(buildCompositionTag(ids[i]));
-                    }
-                }
-            }
-            let revalidate = options === null || options === void 0 ? void 0 : options.revalidate;
-            let noCache = false;
-            if (revalidate === -1 || isDevelopmentEnvironment()) {
-                noCache = true;
-                revalidate = undefined;
-            }
-            return fetch(req, {
-                ...init,
-                cache: noCache ? 'no-cache' : 'force-cache',
-                next: {
-                    revalidate,
-                },
-            });
-        },
-    });
-};

package/dist/client/manifestClient.d.ts

@@ -1,209 +0,0 @@
-import { ManifestClient } from '@uniformdev/context/api';
-export type GetManifestClientOptions = {
-  revalidate?: number;
-};
-export declare const getManifestClient: (options?: GetManifestClientOptions) => ManifestClient;
-export declare const getManifestFromApi: (options: {
-  searchParams:
-    | {
-        [key: string]: string | undefined;
-      }
-    | undefined;
-}) => Promise<{
-  project: {
-    id?: string | undefined;
-    name?: string | undefined;
-    ui_version?: number | undefined;
-    pz?:
-      | {
-          sig?:
-            | {
-                [key: string]: {
-                  str: number;
-                  cap: number;
-                  dur: 'p' | 's' | 't';
-                  crit: {
-                    type: 'G';
-                    op?: '&' | '|' | undefined;
-                    clauses: (
-                      | {
-                          type: 'G';
-                          op?: '&' | '|' | undefined;
-                          clauses: (
-                            | any
-                            | {
-                                type: 'CK';
-                                cookieName: string;
-                                match:
-                                  | {
-                                      rhs: string;
-                                      op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                      cs?: boolean | undefined;
-                                    }
-                                  | {
-                                      op: '*' | '!*';
-                                    };
-                              }
-                            | {
-                                type: 'QS';
-                                queryName: string;
-                                match:
-                                  | {
-                                      rhs: string;
-                                      op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                      cs?: boolean | undefined;
-                                    }
-                                  | {
-                                      op: '*' | '!*';
-                                    };
-                              }
-                            | {
-                                type: 'QK';
-                                key: string;
-                                match:
-                                  | {
-                                      rhs: string;
-                                      op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                      cs?: boolean | undefined;
-                                    }
-                                  | {
-                                      op: '*' | '!*';
-                                    };
-                              }
-                            | {
-                                type: 'EVT';
-                                event:
-                                  | {
-                                      rhs: string;
-                                      op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                      cs?: boolean | undefined;
-                                    }
-                                  | {
-                                      op: '*' | '!*';
-                                    };
-                              }
-                            | {
-                                type: 'PV';
-                                path:
-                                  | {
-                                      rhs: string;
-                                      op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                      cs?: boolean | undefined;
-                                    }
-                                  | {
-                                      op: '*' | '!*';
-                                    };
-                              }
-                            | {
-                                type: 'PVC';
-                                match: {
-                                  rhs: number;
-                                  op: '=' | '!=' | '<' | '>';
-                                };
-                              }
-                          )[];
-                        }
-                      | {
-                          type: 'CK';
-                          cookieName: string;
-                          match:
-                            | {
-                                rhs: string;
-                                op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                cs?: boolean | undefined;
-                              }
-                            | {
-                                op: '*' | '!*';
-                              };
-                        }
-                      | {
-                          type: 'QS';
-                          queryName: string;
-                          match:
-                            | {
-                                rhs: string;
-                                op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                cs?: boolean | undefined;
-                              }
-                            | {
-                                op: '*' | '!*';
-                              };
-                        }
-                      | {
-                          type: 'QK';
-                          key: string;
-                          match:
-                            | {
-                                rhs: string;
-                                op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                cs?: boolean | undefined;
-                              }
-                            | {
-                                op: '*' | '!*';
-                              };
-                        }
-                      | {
-                          type: 'EVT';
-                          event:
-                            | {
-                                rhs: string;
-                                op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                cs?: boolean | undefined;
-                              }
-                            | {
-                                op: '*' | '!*';
-                              };
-                        }
-                      | {
-                          type: 'PV';
-                          path:
-                            | {
-                                rhs: string;
-                                op: '~' | '=' | '//' | '!=' | '!~' | '!//';
-                                cs?: boolean | undefined;
-                              }
-                            | {
-                                op: '*' | '!*';
-                              };
-                        }
-                      | {
-                          type: 'PVC';
-                          match: {
-                            rhs: number;
-                            op: '=' | '!=' | '<' | '>';
-                          };
-                        }
-                    )[];
-                  };
-                };
-              }
-            | undefined;
-          enr?:
-            | {
-                [key: string]: {
-                  cap: number;
-                };
-              }
-            | undefined;
-          agg?:
-            | {
-                [key: string]: {
-                  inputs: {
-                    dim: string;
-                    sign?: '-' | '+' | 'c' | undefined;
-                  }[];
-                };
-              }
-            | undefined;
-          control?: number | undefined;
-        }
-      | undefined;
-    test?:
-      | {
-          [key: string]: {
-            wv?: string | undefined;
-          };
-        }
-      | undefined;
-  };
-}>;

package/dist/client/manifestClient.js

@@ -1,33 +0,0 @@
-import { ManifestClient } from '@uniformdev/context/api';
-import { getManifestRevalidateInterval } from '../config/helpers';
-import { isDevelopmentEnvironment } from '../utils/draft';
-export const getManifestClient = (options) => {
-    const manifestClient = new ManifestClient({
-        apiHost: process.env.UNIFORM_API_HOST || process.env.UNIFORM_CLI_BASE_URL,
-        apiKey: process.env.UNIFORM_API_KEY,
-        projectId: process.env.UNIFORM_PROJECT_ID,
-        fetch: (req, init) => {
-            let revalidate = options === null || options === void 0 ? void 0 : options.revalidate;
-            let noCache = false;
-            if (revalidate === -1 || isDevelopmentEnvironment()) {
-                noCache = true;
-                revalidate = undefined;
-            }
-            return fetch(req, {
-                ...init,
-                cache: noCache ? 'no-cache' : 'force-cache',
-                next: {
-                    revalidate,
-                    tags: ['manifest'],
-                },
-            });
-        },
-    });
-    return manifestClient;
-};
-export const getManifestFromApi = (options) => {
-    const manifestClient = getManifestClient({
-        revalidate: getManifestRevalidateInterval(options),
-    });
-    return manifestClient.get();
-};

package/dist/client/projectMapClient.d.ts

@@ -1,5 +0,0 @@
-import { ProjectMapClient } from '@uniformdev/project-map';
-export type GetProjectMapClientOptions = {
-  revalidate?: number;
-};
-export declare const getProjectMapClient: (options?: GetProjectMapClientOptions) => ProjectMapClient;

package/dist/client/projectMapClient.js

@@ -1,17 +0,0 @@
-import { ProjectMapClient } from '@uniformdev/project-map';
-export const getProjectMapClient = (options) => {
-    const manifestClient = new ProjectMapClient({
-        apiHost: process.env.UNIFORM_API_HOST || process.env.UNIFORM_CLI_BASE_URL,
-        apiKey: process.env.UNIFORM_API_KEY,
-        projectId: process.env.UNIFORM_PROJECT_ID,
-        fetch: (req, init) => {
-            return fetch(req, {
-                ...init,
-                next: {
-                    revalidate: options === null || options === void 0 ? void 0 : options.revalidate,
-                },
-            });
-        },
-    });
-    return manifestClient;
-};

package/dist/client/routeClient.d.ts

@@ -1,5 +0,0 @@
-import { RouteClient } from '@uniformdev/canvas';
-export type GetRouteClientOptions = {
-  revalidate?: number;
-};
-export declare const getRouteClient: (options?: GetRouteClientOptions) => RouteClient;

package/dist/client/routeClient.js

@@ -1,68 +0,0 @@
-import { CANVAS_EDITOR_STATE, RouteClient } from '@uniformdev/canvas';
-import { isDevelopmentEnvironment } from '../utils/draft';
-import { buildPathTag } from '../utils/tag';
-export const getRouteClient = (options) => {
-    const client = new RouteClient({
-        projectId: process.env.UNIFORM_PROJECT_ID,
-        apiKey: process.env.UNIFORM_API_KEY,
-        edgeApiHost: process.env.UNIFORM_EDGE_API_HOST,
-        fetch: (req, init) => {
-            let requestedUrl;
-            if (typeof req === 'string') {
-                requestedUrl = new URL(req);
-            }
-            else if (req instanceof URL) {
-                requestedUrl = req;
-            }
-            else {
-                requestedUrl = new URL(req.url);
-            }
-            const tags = [];
-            let state;
-            if (requestedUrl) {
-                // this is here so this code breaks if parameters change here
-                const pathKey = 'path';
-                const stateKey = 'state';
-                const path = requestedUrl.searchParams.get(pathKey);
-                state = parseInt(requestedUrl.searchParams.get(stateKey) || '', 10);
-                if (path) {
-                    // at this point, we do not know if this path is dynamic or not
-                    // so apply each segment as a tag so we can clear any segment, ie:
-                    // /authors/alex would add /authors and /authors/alex as tags
-                    const pieces = path.split('/');
-                    for (let i = 0; i < pieces.length; i++) {
-                        const segmentPieces = pieces.slice(0, i + 1);
-                        const segment = segmentPieces.join('/');
-                        tags.push(buildPathTag(segment));
-                    }
-                }
-            }
-            let revalidate;
-            let noCache = false;
-            if (options === null || options === void 0 ? void 0 : options.revalidate) {
-                revalidate = options.revalidate;
-            }
-            if (revalidate === -1 || isDevelopmentEnvironment()) {
-                noCache = true;
-                revalidate = undefined;
-            }
-            const extraHeaders = {};
-            if (state === CANVAS_EDITOR_STATE) {
-                extraHeaders['x-bypass-cache'] = 'true';
-            }
-            return fetch(req, {
-                ...init,
-                cache: noCache ? 'no-cache' : 'force-cache',
-                next: {
-                    revalidate,
-                    tags: tags.length ? tags : undefined,
-                },
-                headers: {
-                    ...((init === null || init === void 0 ? void 0 : init.headers) || {}),
-                    ...extraHeaders,
-                },
-            });
-        },
-    });
-    return client;
-};

package/dist/components/DefaultNotImplementedComponent.d.ts

@@ -1,4 +0,0 @@
-import { ComponentProps } from './UniformComponent';
-export declare function DefaultNotImplementedComponent(
-  props: ComponentProps
-): import('react/jsx-runtime').JSX.Element | null;

package/dist/components/DefaultNotImplementedComponent.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CANVAS_LOCALIZATION_TYPE } from '@uniformdev/canvas';
-const 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',
-};
-export function DefaultNotImplementedComponent(props) {
-    var _a, _b, _c;
-    const componentType = (_a = props.component) === null || _a === void 0 ? void 0 : _a.type;
-    if (!componentType) {
-        return null;
-    }
-    if (componentType === CANVAS_LOCALIZATION_TYPE) {
-        return (_jsx("div", { style: wrapperStyles, children: _jsxs("p", { children: ["Seems like localization is not enabled in your application. Please read our documentation on how to", ' ', _jsx("a", { href: "https://docs.uniform.app/guides/composition/localization#activate-front-end", target: "_blank", style: { fontWeight: 'bolder', textDecoration: 'underline' }, rel: "noreferrer", children: "enable localization in your front-end application." })] }) }));
-    }
-    const proposedFileName = `${componentType[0].toUpperCase()}${componentType.substring(1)}`;
-    const probableProps = Object.keys((_b = props.component.parameters) !== null && _b !== void 0 ? _b : {});
-    const probableSlots = Object.keys((_c = props.component.slots) !== null && _c !== void 0 ? _c : {});
-    return (_jsxs("div", { style: wrapperStyles, children: [_jsx("h2", { style: { fontSize: '1.2rem' }, children: "Unknown Component" }), _jsxs("p", { children: ["Received request from Uniform to render a component with the public ID: ", _jsx("code", { children: componentType }), "."] }), _jsxs("p", { children: [_jsx("code", { children: "<UniformComposition />" }), " does not have ", _jsx("code", { children: componentType }), " mapped to a React component yet."] }), _jsx("p", { children: "To teach your app how to render this component:" }), ' ', _jsxs("ul", { style: {
-                    listStyleType: 'disc',
-                    marginLeft: '1rem',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: '0.5rem',
-                }, children: [_jsxs("li", { children: ["Create a React component and register it with Uniform, for example", _jsx("pre", { children: `function ${proposedFileName}(${probableProps.length > 0 ? `{ ${probableProps.join(', ')} }` : ''}) {
-  return (
-    <div>
-      ${proposedFileName}!
-      ${probableSlots.length > 0
-                                    ? probableSlots.map((slot) => `<UniformSlot name="${slot}" />`).join('\n      ')
-                                    : ''}
-    </div>
-  )
-}
-
-registerUniformComponent({ type: "${componentType}", component: ${proposedFileName} })` }), _jsxs("details", { children: [_jsx("summary", { style: { cursor: 'pointer' }, children: "Props that your React component will receive" }), _jsx("pre", { children: JSON.stringify(props, null, 2) })] })] }), _jsxs("li", { children: ["Import the component into the file where ", _jsx("code", { children: "<UniformComposition />" }), " is defined, for example ", _jsx("pre", { children: `import "../components/${proposedFileName}.tsx"` })] })] }), ' ', _jsxs("p", { children: ["Need more help?", ' ', _jsx("a", { href: "https://docs.uniform.app/docs/guides/composition/rendering", target: "_blank", rel: "noreferrer", style: { textDecoration: 'underline' }, children: "Check out the documentation." })] })] }));
-}