@uniformdev/canvas-next-rsc 20.31.1-alpha.1 → 20.31.1-alpha.185

package/dist/handler/helpers.d.ts

@@ -0,0 +1,17 @@
+export declare const isSvixMessage: (request: Request) => Promise<{
+  looksLikeMessage: boolean;
+  validation: boolean;
+}>;
+export declare const processCompositionChange: (compositionId: string) => Promise<{
+  tags: string[];
+}>;
+export declare const buildProjectMapNodePaths: (path: string) => string[];
+export declare const getPathName: (url: string) => string;
+export declare const processRedirectChange: (sourceUrl: string) => Promise<{
+  tags: string[];
+}>;
+export declare const processEdgeConfigChange: ({ source_url }: { source_url: string }) => Promise<void>;
+export type MessageHandlerResponse = {
+  tags: string[];
+};
+export type SvixMessageHandler = (body: any) => Promise<MessageHandlerResponse | undefined>;

package/dist/handler/helpers.js

@@ -0,0 +1,148 @@
+import { parseConnectionString } from '@vercel/edge-config';
+import { Webhook } from 'svix';
+import { getProjectMapClient } from '../client/projectMapClient';
+import { getRouteClient } from '../client/routeClient';
+import { getServerConfig } from '../config/helpers';
+import { buildCompositionTag, buildPathTag } from '../utils/tag';
+export const isSvixMessage = async (request) => {
+    const requiredHeaders = ['svix-id', 'svix-timestamp', 'svix-signature'];
+    const hasAllRequiredHeaders = requiredHeaders.every((header) => request.headers.has(header));
+    if (!hasAllRequiredHeaders) {
+        return {
+            looksLikeMessage: false,
+            validation: false,
+        };
+    }
+    if (typeof process.env.UNIFORM_WEBHOOK_SECRET !== 'undefined') {
+        // https://docs.svix.com/receiving/verifying-payloads/how
+        const payload = await request.clone().text();
+        const headers = Object.fromEntries(request.headers.entries());
+        const wh = new Webhook(process.env.UNIFORM_WEBHOOK_SECRET);
+        try {
+            wh.verify(payload, headers);
+        }
+        catch (err) {
+            return {
+                looksLikeMessage: true,
+                validation: false,
+            };
+        }
+    }
+    return {
+        looksLikeMessage: true,
+        validation: true,
+    };
+};
+export const processCompositionChange = async (compositionId) => {
+    const projectMapClient = getProjectMapClient({
+        revalidate: 0,
+    });
+    const { nodes } = await projectMapClient.getNodes({
+        compositionId,
+    });
+    const tags = [];
+    if (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            await processEdgeConfigChange({
+                source_url: node.path,
+            });
+            tags.push(...buildProjectMapNodePaths(node.path));
+        }
+    }
+    tags.push(buildCompositionTag(compositionId));
+    return {
+        tags,
+    };
+};
+export const buildProjectMapNodePaths = (path) => {
+    const tags = [];
+    const isDynamic = path.includes(':');
+    if (!isDynamic) {
+        tags.push(buildPathTag(path));
+    }
+    else {
+        const pieces = path.split('/');
+        const invalidatePieces = [];
+        for (let j = 0; j < pieces.length; j++) {
+            const piece = pieces[j];
+            if (piece.startsWith(':')) {
+                break;
+            }
+            invalidatePieces.push(piece);
+        }
+        const toInvalidate = invalidatePieces.join('/');
+        tags.push(buildPathTag(toInvalidate));
+    }
+    return tags;
+};
+export const getPathName = (url) => {
+    try {
+        const { pathname } = new URL(url);
+        return pathname;
+    }
+    catch (_a) {
+        return url;
+    }
+};
+export const processRedirectChange = async (sourceUrl) => {
+    const tags = [];
+    const pathName = getPathName(sourceUrl);
+    tags.push(buildPathTag(pathName));
+    return {
+        tags,
+    };
+};
+export const processEdgeConfigChange = async ({ source_url }) => {
+    var _a, _b;
+    if (!process.env.UNIFORM_VERCEL_EDGE_CONFIG_TOKEN) {
+        // eslint-disable-next-line no-console
+        console.warn('UNIFORM_VERCEL_EDGE_CONFIG_TOKEN is not set, skipping edge redirect upsert');
+        return;
+    }
+    const config = getServerConfig();
+    const routeClient = getRouteClient({
+        revalidate: -1,
+    });
+    const route = await routeClient.getRoute({
+        path: source_url,
+    });
+    let valueToStore = undefined;
+    const shouldSaveRedirect = route.type === 'redirect' && ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeRedirects);
+    const shouldSaveComposition = route.type === 'composition' && ((_b = config.experimental) === null || _b === void 0 ? void 0 : _b.edgeCompositions);
+    if (shouldSaveRedirect || shouldSaveComposition) {
+        valueToStore = route;
+    }
+    const sourcePath = getPathName(source_url);
+    const soucrcePathKey = buildPathTag(sourcePath);
+    const { id } = parseConnectionString(process.env.EDGE_CONFIG) || {};
+    if (!id) {
+        // eslint-disable-next-line no-console
+        console.warn('EDGE_CONFIG is not set or not a connection string, skipping edge redirect upsert');
+        return;
+    }
+    const url = new URL(`https://api.vercel.com/v1/edge-config/${id}/items`);
+    if (process.env.UNIFORM_VERCEL_EDGE_CONFIG_TEAM_ID) {
+        url.searchParams.set('teamId', process.env.UNIFORM_VERCEL_EDGE_CONFIG_TEAM_ID);
+    }
+    const response = await fetch(url.toString(), {
+        method: 'PATCH',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${process.env.UNIFORM_VERCEL_EDGE_CONFIG_TOKEN}`,
+        },
+        body: JSON.stringify({
+            items: [
+                {
+                    operation: valueToStore ? 'upsert' : 'delete',
+                    key: soucrcePathKey.replace(/\W+/g, ''),
+                    value: valueToStore !== null && valueToStore !== void 0 ? valueToStore : null,
+                },
+            ],
+        }),
+    });
+    if (!response.ok) {
+        // eslint-disable-next-line no-console
+        console.warn(`Failed to upsert edge redirect for ${source_url}`, await response.text());
+    }
+};

package/dist/handler/messages/handleCompositionChanged.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleCompositionChanged: SvixMessageHandler;

package/dist/handler/messages/handleCompositionChanged.js

@@ -0,0 +1,9 @@
+import { CompositionChangedDefinition } from '@uniformdev/webhooks';
+import { processCompositionChange } from '../helpers';
+export const handleCompositionChanged = async (body) => {
+    const parsed = CompositionChangedDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    return processCompositionChange(parsed.data.id);
+};

package/dist/handler/messages/handleCompositionDeleted.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleCompositionDeleted: SvixMessageHandler;

package/dist/handler/messages/handleCompositionDeleted.js

@@ -0,0 +1,9 @@
+import { CompositionDeletedDefinition } from '@uniformdev/webhooks';
+import { processCompositionChange } from '../helpers';
+export const handleCompositionDeleted = async (body) => {
+    const parsed = CompositionDeletedDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    return processCompositionChange(parsed.data.id);
+};

package/dist/handler/messages/handleCompositionPublished.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleCompositionPublished: SvixMessageHandler;

package/dist/handler/messages/handleCompositionPublished.js

@@ -0,0 +1,9 @@
+import { CompositionPublishedDefinition } from '@uniformdev/webhooks';
+import { processCompositionChange } from '../helpers';
+export const handleCompositionPublished = async (body) => {
+    const parsed = CompositionPublishedDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    return processCompositionChange(parsed.data.id);
+};

package/dist/handler/messages/handleManifestPublished.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleManifestPublished: SvixMessageHandler;

package/dist/handler/messages/handleManifestPublished.js

@@ -0,0 +1,10 @@
+import { ManifestPublishedDefinition } from '@uniformdev/webhooks';
+export const handleManifestPublished = async (body) => {
+    const parsed = ManifestPublishedDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    return {
+        tags: ['manifest'],
+    };
+};

package/dist/handler/messages/handleProjectMapNodeDelete.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleProjectMapNodeDelete: SvixMessageHandler;

package/dist/handler/messages/handleProjectMapNodeDelete.js

@@ -0,0 +1,21 @@
+import { ProjectMapNodeDeleteDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { buildProjectMapNodePaths, processEdgeConfigChange } from '../helpers';
+export const handleProjectMapNodeDelete = async (body) => {
+    var _a;
+    const parsed = ProjectMapNodeDeleteDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const tags = [];
+    tags.push(...buildProjectMapNodePaths(parsed.data.path));
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeCompositions) {
+        await processEdgeConfigChange({
+            source_url: parsed.data.path,
+        });
+    }
+    return {
+        tags,
+    };
+};

package/dist/handler/messages/handleProjectMapNodeInsert.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleProjectMapNodeInsert: SvixMessageHandler;

package/dist/handler/messages/handleProjectMapNodeInsert.js

@@ -0,0 +1,21 @@
+import { ProjectMapNodeInsertDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { buildProjectMapNodePaths, processEdgeConfigChange } from '../helpers';
+export const handleProjectMapNodeInsert = async (body) => {
+    var _a;
+    const parsed = ProjectMapNodeInsertDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const tags = [];
+    tags.push(...buildProjectMapNodePaths(parsed.data.path));
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeCompositions) {
+        await processEdgeConfigChange({
+            source_url: parsed.data.path,
+        });
+    }
+    return {
+        tags,
+    };
+};

package/dist/handler/messages/handleProjectMapNodeUpdate.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleProjectMapNodeUpdate: SvixMessageHandler;

package/dist/handler/messages/handleProjectMapNodeUpdate.js

@@ -0,0 +1,22 @@
+import { ProjectMapNodeUpdateDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { buildProjectMapNodePaths, processEdgeConfigChange } from '../helpers';
+export const handleProjectMapNodeUpdate = async (body) => {
+    var _a;
+    const parsed = ProjectMapNodeUpdateDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const tags = [];
+    tags.push(...buildProjectMapNodePaths(parsed.data.path));
+    tags.push(...buildProjectMapNodePaths(parsed.data.previous_path));
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeCompositions) {
+        await processEdgeConfigChange({
+            source_url: parsed.data.path,
+        });
+    }
+    return {
+        tags,
+    };
+};

package/dist/handler/messages/handleRedirectDelete.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleRedirectDelete: SvixMessageHandler;

package/dist/handler/messages/handleRedirectDelete.js

@@ -0,0 +1,15 @@
+import { RedirectDeleteDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { processEdgeConfigChange, processRedirectChange } from '../helpers';
+export const handleRedirectDelete = async (body) => {
+    var _a;
+    const parsed = RedirectDeleteDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeRedirects) {
+        await processEdgeConfigChange(parsed.data);
+    }
+    return processRedirectChange(parsed.data.source_url);
+};

package/dist/handler/messages/handleRedirectInsert.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleRedirectInsert: SvixMessageHandler;

package/dist/handler/messages/handleRedirectInsert.js

@@ -0,0 +1,15 @@
+import { RedirectInsertDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { processEdgeConfigChange, processRedirectChange } from '../helpers';
+export const handleRedirectInsert = async (body) => {
+    var _a;
+    const parsed = RedirectInsertDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeRedirects) {
+        await processEdgeConfigChange(parsed.data);
+    }
+    return processRedirectChange(parsed.data.source_url);
+};

package/dist/handler/messages/handleRedirectUpdate.d.ts

@@ -0,0 +1,2 @@
+import { SvixMessageHandler } from '../helpers';
+export declare const handleRedirectUpdate: SvixMessageHandler;

package/dist/handler/messages/handleRedirectUpdate.js

@@ -0,0 +1,15 @@
+import { RedirectUpdateDefinition } from '@uniformdev/webhooks';
+import { getServerConfig } from '../../config/helpers';
+import { processEdgeConfigChange, processRedirectChange } from '../helpers';
+export const handleRedirectUpdate = async (body) => {
+    var _a;
+    const parsed = RedirectUpdateDefinition.schema.safeParse(body);
+    if (!parsed.success) {
+        return undefined;
+    }
+    const config = getServerConfig();
+    if ((_a = config.experimental) === null || _a === void 0 ? void 0 : _a.edgeRedirects) {
+        await processEdgeConfigChange(parsed.data);
+    }
+    return processRedirectChange(parsed.data.source_url);
+};

package/dist/hooks/useForgetMe.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Removes the Uniform cookie and reloads the page.
+ */
+export declare const useForgetMe: () => () => void;

package/dist/hooks/useForgetMe.js

@@ -0,0 +1,10 @@
+import { removeUniformCookie } from '../cookie';
+/**
+ * Removes the Uniform cookie and reloads the page.
+ */
+export const useForgetMe = () => {
+    return () => {
+        removeUniformCookie();
+        window.location.reload();
+    };
+};

package/dist/hooks/useToggleConsent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Indicates whether or not a user has provided consent, and provides a function to toggle consent.
+ */
+export declare const useToggleConsent: () => {
+  consent: boolean;
+  toggleConsent: () => void;
+};

package/dist/hooks/useToggleConsent.js

@@ -0,0 +1,22 @@
+'use client';
+import { removeUniformCookie, setUniformCookie } from '../cookie';
+import { useUniformContext } from './useUniformContext';
+/**
+ * Indicates whether or not a user has provided consent, and provides a function to toggle consent.
+ */
+export const useToggleConsent = () => {
+    const { cookieValue } = useUniformContext();
+    const hasConsent = !!cookieValue;
+    return {
+        consent: hasConsent,
+        toggleConsent: () => {
+            if (hasConsent) {
+                removeUniformCookie();
+            }
+            else {
+                setUniformCookie('~~');
+            }
+            window.location.reload();
+        },
+    };
+};

package/dist/hooks/useUniformContext.d.ts

@@ -0,0 +1 @@
+export declare const useUniformContext: () => import('../components/UniformContext').UniformContextProps;

package/dist/hooks/useUniformContext.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { UniformContext } from '../components/UniformContext';
+export const useUniformContext = () => useContext(UniformContext);

package/dist/index.esm.js

@@ -29,7 +29,7 @@ var isDraftModeEnabled = async ({
 var isIncontextEditingEnabled = ({
   searchParams
 }) => {
-  return typeof (searchParams == null ? void 0 : searchParams[IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) !== "undefined";
+  return (searchParams == null ? void 0 : searchParams[IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) === "true";
 };
 var determinePreviewMode = ({
   searchParams
@@ -628,18 +628,11 @@ var ContextUpdateTrigger = ({ path }) => {
 // src/components/PersonalizeClientWrapper.tsx
 import { PersonalizeClient } from "@uniformdev/canvas-next-rsc-client";
 import React3 from "react";
-var PersonalizeClientWrapper = (props) => {
-  return /* @__PURE__ */ React3.createElement(
-    PersonalizeClient,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes: []
-    }
-  );
+var PersonalizeClientWrapper = ({
+  contextInstance,
+  ...props
+}) => {
+  return /* @__PURE__ */ React3.createElement(PersonalizeClient, { ...props, indexes: [] });
 };
 
 // src/components/PersonalizeServer.ts
@@ -678,19 +671,12 @@ var PersonalizeServer = (props) => {
 import { PersonalizeClient as PersonalizeClient2 } from "@uniformdev/canvas-next-rsc-client";
 import { runPersonalization as runPersonalization2 } from "@uniformdev/canvas-next-rsc-shared";
 import React5 from "react";
-var PersonalizeServerHybrid = (props) => {
-  const { indexes } = runPersonalization2(props);
-  return /* @__PURE__ */ React5.createElement(
-    PersonalizeClient2,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes
-    }
-  );
+var PersonalizeServerHybrid = ({
+  contextInstance,
+  ...props
+}) => {
+  const { indexes } = runPersonalization2({ ...props, contextInstance });
+  return /* @__PURE__ */ React5.createElement(PersonalizeClient2, { ...props, indexes });
 };
 
 // src/components/TestServer.ts
@@ -829,6 +815,11 @@ var UniformComposition = async ({
           },
           {}
         ),
+        compositionMetadata: {
+          compositionId: route.compositionApiResponse.composition._id,
+          matchedRoute: route.matchedRoute,
+          dynamicInputs: route.dynamicInputs
+        },
         quirks: {
           "vc-country": headersValue.get("x-vercel-ip-country") || missingQuirkValue,
           "vc-region": headersValue.get("x-vercel-ip-country-region") || missingQuirkValue,

package/dist/index.js

@@ -82,7 +82,7 @@ var isDraftModeEnabled = async ({
 var isIncontextEditingEnabled = ({
   searchParams
 }) => {
-  return typeof (searchParams == null ? void 0 : searchParams[import_canvas.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) !== "undefined";
+  return (searchParams == null ? void 0 : searchParams[import_canvas.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) === "true";
 };
 var determinePreviewMode = ({
   searchParams
@@ -656,18 +656,11 @@ var ContextUpdateTrigger = ({ path }) => {
 // src/components/PersonalizeClientWrapper.tsx
 var import_canvas_next_rsc_client3 = require("@uniformdev/canvas-next-rsc-client");
 var import_react3 = __toESM(require("react"));
-var PersonalizeClientWrapper = (props) => {
-  return /* @__PURE__ */ import_react3.default.createElement(
-    import_canvas_next_rsc_client3.PersonalizeClient,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes: []
-    }
-  );
+var PersonalizeClientWrapper = ({
+  contextInstance,
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_canvas_next_rsc_client3.PersonalizeClient, { ...props, indexes: [] });
 };
 
 // src/components/PersonalizeServer.ts
@@ -706,19 +699,12 @@ var PersonalizeServer = (props) => {
 var import_canvas_next_rsc_client5 = require("@uniformdev/canvas-next-rsc-client");
 var import_canvas_next_rsc_shared4 = require("@uniformdev/canvas-next-rsc-shared");
 var import_react6 = __toESM(require("react"));
-var PersonalizeServerHybrid = (props) => {
-  const { indexes } = (0, import_canvas_next_rsc_shared4.runPersonalization)(props);
-  return /* @__PURE__ */ import_react6.default.createElement(
-    import_canvas_next_rsc_client5.PersonalizeClient,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes
-    }
-  );
+var PersonalizeServerHybrid = ({
+  contextInstance,
+  ...props
+}) => {
+  const { indexes } = (0, import_canvas_next_rsc_shared4.runPersonalization)({ ...props, contextInstance });
+  return /* @__PURE__ */ import_react6.default.createElement(import_canvas_next_rsc_client5.PersonalizeClient, { ...props, indexes });
 };
 
 // src/components/TestServer.ts
@@ -852,6 +838,11 @@ var UniformComposition = async ({
           },
           {}
         ),
+        compositionMetadata: {
+          compositionId: route.compositionApiResponse.composition._id,
+          matchedRoute: route.matchedRoute,
+          dynamicInputs: route.dynamicInputs
+        },
         quirks: {
           "vc-country": headersValue.get("x-vercel-ip-country") || missingQuirkValue,
           "vc-region": headersValue.get("x-vercel-ip-country-region") || missingQuirkValue,

package/dist/index.mjs

@@ -29,7 +29,7 @@ var isDraftModeEnabled = async ({
 var isIncontextEditingEnabled = ({
   searchParams
 }) => {
-  return typeof (searchParams == null ? void 0 : searchParams[IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) !== "undefined";
+  return (searchParams == null ? void 0 : searchParams[IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) === "true";
 };
 var determinePreviewMode = ({
   searchParams
@@ -628,18 +628,11 @@ var ContextUpdateTrigger = ({ path }) => {
 // src/components/PersonalizeClientWrapper.tsx
 import { PersonalizeClient } from "@uniformdev/canvas-next-rsc-client";
 import React3 from "react";
-var PersonalizeClientWrapper = (props) => {
-  return /* @__PURE__ */ React3.createElement(
-    PersonalizeClient,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes: []
-    }
-  );
+var PersonalizeClientWrapper = ({
+  contextInstance,
+  ...props
+}) => {
+  return /* @__PURE__ */ React3.createElement(PersonalizeClient, { ...props, indexes: [] });
 };
 
 // src/components/PersonalizeServer.ts
@@ -678,19 +671,12 @@ var PersonalizeServer = (props) => {
 import { PersonalizeClient as PersonalizeClient2 } from "@uniformdev/canvas-next-rsc-client";
 import { runPersonalization as runPersonalization2 } from "@uniformdev/canvas-next-rsc-shared";
 import React5 from "react";
-var PersonalizeServerHybrid = (props) => {
-  const { indexes } = runPersonalization2(props);
-  return /* @__PURE__ */ React5.createElement(
-    PersonalizeClient2,
-    {
-      component: props.component,
-      count: props.count,
-      slots: props.slots,
-      trackingEventName: props.trackingEventName,
-      algorithm: props.algorithm,
-      indexes
-    }
-  );
+var PersonalizeServerHybrid = ({
+  contextInstance,
+  ...props
+}) => {
+  const { indexes } = runPersonalization2({ ...props, contextInstance });
+  return /* @__PURE__ */ React5.createElement(PersonalizeClient2, { ...props, indexes });
 };
 
 // src/components/TestServer.ts
@@ -829,6 +815,11 @@ var UniformComposition = async ({
           },
           {}
         ),
+        compositionMetadata: {
+          compositionId: route.compositionApiResponse.composition._id,
+          matchedRoute: route.matchedRoute,
+          dynamicInputs: route.dynamicInputs
+        },
         quirks: {
           "vc-country": headersValue.get("x-vercel-ip-country") || missingQuirkValue,
           "vc-region": headersValue.get("x-vercel-ip-country-region") || missingQuirkValue,