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

package/dist/utils/diff.js

@@ -0,0 +1,144 @@
+import { walkComponentTree } from '@uniformdev/canvas';
+import { dequal } from 'dequal';
+import { getAllComponents, getComponent, getSlotComponents } from './comp';
+export var ComponentDiffType;
+(function (ComponentDiffType) {
+    ComponentDiffType["ComponentRemoved"] = "cr";
+    ComponentDiffType["ComponentAdded"] = "ca";
+    ComponentDiffType["ComponentMoved"] = "cm";
+    ComponentDiffType["ParameterChanged"] = "pc";
+    ComponentDiffType["ParameterRemoved"] = "pr";
+})(ComponentDiffType || (ComponentDiffType = {}));
+export const diff = (existingComposition, composition) => {
+    const entries = [];
+    const existingComponents = getAllComponents(existingComposition);
+    const newComponents = getAllComponents(composition);
+    // check all of the existing components, see if they still exist
+    for (const id in existingComponents) {
+        if (!newComponents[id]) {
+            entries.push({
+                type: ComponentDiffType.ComponentRemoved,
+                id,
+            });
+        }
+    }
+    // check all of the components in the new composition, see if they are new
+    for (const id in newComponents) {
+        if (!existingComponents[id]) {
+            const reference = newComponents[id];
+            const { slots, ...rest } = reference.component;
+            entries.push({
+                ...reference,
+                type: ComponentDiffType.ComponentAdded,
+                id,
+                component: {
+                    ...rest,
+                },
+            });
+        }
+    }
+    // check all of the components in the new composition, see if they have moved
+    // to save space, only record properties that have changed
+    for (const id in newComponents) {
+        const existingComponent = existingComponents[id];
+        if (existingComponent) {
+            const component = newComponents[id];
+            let changedSlot;
+            let changedSlotIndex;
+            let changedParentId;
+            if ((existingComponent === null || existingComponent === void 0 ? void 0 : existingComponent.slot) !== component.slot) {
+                changedSlot = component.slot;
+            }
+            if ((existingComponent === null || existingComponent === void 0 ? void 0 : existingComponent.slotIndex) !== component.slotIndex) {
+                changedSlotIndex = component.slotIndex;
+            }
+            if ((existingComponent === null || existingComponent === void 0 ? void 0 : existingComponent.parentId) !== component.parentId) {
+                changedParentId = component.parentId;
+            }
+            const hasNotableChange = changedSlot || typeof changedSlotIndex !== 'undefined' || changedParentId;
+            if (hasNotableChange &&
+                !isSlotTheSame({
+                    existingComposition: existingComponents,
+                    components: newComponents,
+                    parentId: component.parentId,
+                    slot: component.slot,
+                })) {
+                entries.push({
+                    type: ComponentDiffType.ComponentMoved,
+                    id,
+                    parentId: changedParentId,
+                    slot: changedSlot,
+                    slotIndex: changedSlotIndex,
+                });
+            }
+        }
+    }
+    // walk the tree and look at parameters
+    walkComponentTree(composition, (component) => {
+        var _a, _b, _c, _d;
+        const existingComponent = getComponent(existingComposition, component._id);
+        const wasAdded = entries.find((e) => e.type === ComponentDiffType.ComponentAdded && e.id === component._id);
+        if (!wasAdded) {
+            // check all of our new parameters
+            if (component.parameters) {
+                for (const key in component.parameters) {
+                    // does the value match?
+                    const existingValue = (_b = (_a = existingComponent === null || existingComponent === void 0 ? void 0 : existingComponent.parameters) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.value;
+                    const newValue = (_c = component.parameters[key]) === null || _c === void 0 ? void 0 : _c.value;
+                    const areBothFalsey = !existingValue && !newValue;
+                    if (!areBothFalsey && dequal(existingValue, newValue) === false) {
+                        entries.push({
+                            type: ComponentDiffType.ParameterChanged,
+                            componentId: component._id,
+                            parameterName: key,
+                            value: component.parameters[key].value,
+                        });
+                    }
+                }
+            }
+            // check all of the old parameters, see if they have been removed
+            if (existingComponent === null || existingComponent === void 0 ? void 0 : existingComponent.parameters) {
+                for (const key in existingComponent.parameters) {
+                    if (typeof ((_d = component.parameters) === null || _d === void 0 ? void 0 : _d[key]) === 'undefined') {
+                        entries.push({
+                            type: ComponentDiffType.ParameterRemoved,
+                            componentId: component._id,
+                            parameterName: key,
+                        });
+                    }
+                }
+            }
+        }
+    });
+    return entries;
+};
+export const isSlotTheSame = ({ existingComposition, components, slot, parentId, }) => {
+    const existingSlot = getSlotComponents({
+        components: existingComposition,
+        slot,
+        parentId,
+    });
+    const newSlot = getSlotComponents({
+        components,
+        slot,
+        parentId,
+    });
+    if (newSlot.length > existingSlot.length) {
+        return false;
+    }
+    const newSlotIds = newSlot.map((c) => c.id);
+    const existingSlotIds = existingSlot.map((c) => c.id);
+    // just pretend the base existing slot is the new slot
+    // and we will check the order of components against this pretend slot
+    // if its different, then something moved inside the slot, otherwise
+    // any other changes should be handled by add / remove ops
+    const pretendExistingSlotIds = existingSlotIds.filter((c) => newSlotIds.includes(c));
+    for (let i = 0; i < newSlotIds.length; i++) {
+        const newComponent = newSlotIds[i];
+        const existingComponent = pretendExistingSlotIds === null || pretendExistingSlotIds === void 0 ? void 0 : pretendExistingSlotIds[i];
+        if (newComponent !== existingComponent) {
+            return false;
+        }
+    }
+    return true;
+};

package/dist/utils/draft.d.ts

@@ -0,0 +1,20 @@
+export declare const isDraftModeEnabled: ({
+  searchParams,
+}: {
+  searchParams:
+    | {
+        [key: string]: string | undefined;
+      }
+    | undefined;
+}) => boolean;
+export declare const isIncontextEditingEnabled: ({
+  searchParams,
+}: {
+  searchParams:
+    | {
+        [key: string]: string | undefined;
+      }
+    | undefined;
+}) => boolean;
+export declare const isOnVercelPreviewEnvironment: () => boolean;
+export declare const isDevelopmentEnvironment: () => boolean;

package/dist/utils/draft.js

@@ -0,0 +1,22 @@
+import { IN_CONTEXT_EDITOR_QUERY_STRING_PARAM } from '@uniformdev/canvas';
+import { draftMode } from 'next/headers';
+export const isDraftModeEnabled = ({ searchParams, }) => {
+    // workaround for this https://github.com/vercel/next.js/issues/49927, as draftMode() is not working in dev mode
+    // so we just need to check if the query string contains the IN_CONTEXT_EDITOR_QUERY_STRING_PARAM blindly
+    if (isDevelopmentEnvironment()) {
+        return isIncontextEditingEnabled({ searchParams });
+    }
+    return draftMode().isEnabled || isIncontextEditingEnabled({ searchParams });
+};
+export const isIncontextEditingEnabled = ({ searchParams, }) => {
+    // todo (adaml): draft mode can't be trusted in edge mode, consider in context editing if query string
+    // is present: https://github.com/vercel/next.js/issues/52080
+    const containsKey = typeof (searchParams === null || searchParams === void 0 ? void 0 : searchParams[IN_CONTEXT_EDITOR_QUERY_STRING_PARAM]) !== 'undefined';
+    return containsKey;
+};
+export const isOnVercelPreviewEnvironment = () => {
+    return process.env.VERCEL_ENV === 'preview';
+};
+export const isDevelopmentEnvironment = () => {
+    return process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+};

package/dist/utils/tag.d.ts

@@ -0,0 +1,2 @@
+export declare const buildPathTag: (path: string) => string;
+export declare const buildCompositionTag: (compositionId: string) => string;

package/dist/utils/tag.js

@@ -0,0 +1,7 @@
+export const buildPathTag = (path) => {
+    const actualPath = path.startsWith('/') ? path : `/${path}`;
+    return `path:${actualPath}`.toLowerCase();
+};
+export const buildCompositionTag = (compositionId) => {
+    return `composition:${compositionId}`.toLowerCase();
+};

package/dist/utils/url.d.ts

@@ -0,0 +1 @@
+export declare function getBaseUrl(): string;

package/dist/utils/url.js

@@ -0,0 +1,10 @@
+export function getBaseUrl() {
+    var _a;
+    if (process.env.VERCEL_URL) {
+        return `https://${process.env.VERCEL_URL}`;
+    }
+    if (process.env.RENDER_INTERNAL_HOSTNAME) {
+        return `http://${process.env.RENDER_INTERNAL_HOSTNAME}:${process.env.PORT}`;
+    }
+    return `http://localhost:${(_a = process.env.PORT) !== null && _a !== void 0 ? _a : 3000}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc",
-  "version": "20.31.1-alpha.1+b3b021f551",
+  "version": "20.31.1-alpha.185+f4131987e9",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -54,22 +54,22 @@
     "/dist"
   ],
   "devDependencies": {
-    "@types/node": "22.14.0",
-    "@types/react": "18.3.11",
-    "next": "15.2.4",
+    "@types/node": "24.3.1",
+    "@types/react": "18.3.24",
+    "next": "15.2.5",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/canvas-next-rsc-client": "^20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/canvas-next-rsc-shared": "^20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/canvas-react": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/context": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/project-map": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/redirect": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/richtext": "20.31.1-alpha.1+b3b021f551",
-    "@uniformdev/webhooks": "20.31.1-alpha.1+b3b021f551",
+    "@uniformdev/canvas": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/canvas-next-rsc-client": "^20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/canvas-next-rsc-shared": "^20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/canvas-react": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/context": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/project-map": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/redirect": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/richtext": "20.31.1-alpha.185+f4131987e9",
+    "@uniformdev/webhooks": "20.31.1-alpha.185+f4131987e9",
     "@vercel/edge-config": "^0.4.0",
     "encoding": "^0.1.13",
     "server-only": "^0.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b3b021f551f35362f521966890475a86353ee1f3"
+  "gitHead": "f4131987e95aa361d3061636de450994ffb65651"
 }