@uniformdev/next-app-router 20.77.0 → 20.77.1-alpha.10.sha-3381091ae6

package/dist/middleware.mjs

@@ -2999,7 +2999,9 @@ var DefaultDataClient = class {
       source: "middleware",
       route: options.route,
       routeClient,
-      enableRuntimeCache: options.route.state === CANVAS_PUBLISHED_STATE && getMiddlewareRuntimeCache(),
+      // The runtime cache is keyed on the route path. Development bypasses it so an author sees
+      // an edit right away, the same way the fetch cache is bypassed for development.
+      enableRuntimeCache: options.route.state === CANVAS_PUBLISHED_STATE && getMiddlewareRuntimeCache() && !isDevelopmentEnvironment(),
       disableSwrCache: getDisableSwrMiddlewareCache()
     });
     if (resolvedRoute.type === "composition") {
@@ -3056,6 +3058,75 @@ var DefaultDataClient = class {
   }
 };
 
+// src/middleware/composition/evaluate/evaluateRunnables.ts
+import {
+  evaluatePersonalization,
+  evaluateTest
+} from "@uniformdev/next-app-router-shared";
+var evaluateRunnables = async ({
+  runnables,
+  context,
+  compositionContext,
+  isPrefetch
+}) => {
+  var _a;
+  const result = {
+    components: {},
+    rules: void 0
+  };
+  const runnablesToProcess = runnables.filter((item2) => item2.variantId === void 0);
+  let item;
+  while (item = runnablesToProcess.shift()) {
+    if (item.type === "test" && isPrefetch) {
+      continue;
+    }
+    if (item.type === "test") {
+      const testResult = evaluateTest({
+        context,
+        test: item.result,
+        compositionContext
+      });
+      if (testResult.index !== null) {
+        result.components[item._id] = {
+          indexes: [testResult.index]
+        };
+        if (testResult.componentId) {
+          const dependentRunnables = runnables.filter((r) => r.variantId === testResult.componentId);
+          runnablesToProcess.push(...dependentRunnables);
+        }
+      }
+    } else if (item.type === "personalization") {
+      const personalizationResult = evaluatePersonalization({
+        context,
+        personalization: item.result,
+        compositionContext
+      });
+      if (personalizationResult.indexes.length) {
+        result.components[item._id] = {
+          indexes: personalizationResult.indexes
+        };
+      }
+      if (personalizationResult.componentIds.length) {
+        const dependentRunnables = runnables.filter(
+          (r) => r.variantId && personalizationResult.componentIds.includes(r.variantId)
+        );
+        runnablesToProcess.push(...dependentRunnables);
+      }
+    } else if (item.type === "visibility") {
+      const rules = createQuirksVisibilityRule(context.quirks);
+      const isVisible = evaluateNodeVisibilityParameter({
+        rules,
+        parameter: item.rules
+      });
+      if (isVisible !== null) {
+        result.rules = (_a = result.rules) != null ? _a : {};
+        result.rules[item._id] = isVisible;
+      }
+    }
+  }
+  return result;
+};
+
 // src/data/extract/extractRunnables.ts
 import { getRuleId } from "@uniformdev/next-app-router-shared";
 
@@ -3172,6 +3243,41 @@ var extractRunnables = (composition) => {
   return runnable;
 };
 
+// src/data/evaluate/evaluatePageState.ts
+var evaluatePageState = async ({
+  composition,
+  matchedRoute,
+  dynamicInputs,
+  pageState,
+  context
+}) => {
+  const extracted = extractRunnables(composition);
+  const result = await evaluateRunnables({
+    runnables: extracted,
+    context,
+    isPrefetch: pageState.isPrefetch,
+    compositionContext: {
+      _id: composition._id,
+      type: composition.type,
+      state: pageState.compositionState,
+      isContextualEditing: pageState.compositionState === CANVAS_EDITOR_STATE,
+      matchedRoute,
+      dynamicInputs,
+      pageState: {
+        ...pageState,
+        // empty for now, we need to pass composition metadata down to evaluateRunnables for Context events enrichment
+        components: {},
+        rules: void 0
+      }
+    }
+  });
+  const allComponentIds = extracted.filter((r) => r.type === "test" || r.type === "personalization").map((r) => r._id);
+  return {
+    ...result,
+    allComponentIds
+  };
+};
+
 // src/data/routes.ts
 var findRouteMatch = (routes, path) => {
   const pieces = path.split("/").filter(Boolean);
@@ -3203,75 +3309,6 @@ var findRouteMatch = (routes, path) => {
   return void 0;
 };
 
-// src/middleware/composition/evaluate/evaluateRunnables.ts
-import {
-  evaluatePersonalization,
-  evaluateTest
-} from "@uniformdev/next-app-router-shared";
-var evaluateRunnables = async ({
-  runnables,
-  context,
-  compositionContext,
-  isPrefetch
-}) => {
-  var _a;
-  const result = {
-    components: {},
-    rules: void 0
-  };
-  const runnablesToProcess = runnables.filter((item2) => item2.variantId === void 0);
-  let item;
-  while (item = runnablesToProcess.shift()) {
-    if (item.type === "test" && isPrefetch) {
-      continue;
-    }
-    if (item.type === "test") {
-      const testResult = evaluateTest({
-        context,
-        test: item.result,
-        compositionContext
-      });
-      if (testResult.index !== null) {
-        result.components[item._id] = {
-          indexes: [testResult.index]
-        };
-        if (testResult.componentId) {
-          const dependentRunnables = runnables.filter((r) => r.variantId === testResult.componentId);
-          runnablesToProcess.push(...dependentRunnables);
-        }
-      }
-    } else if (item.type === "personalization") {
-      const personalizationResult = evaluatePersonalization({
-        context,
-        personalization: item.result,
-        compositionContext
-      });
-      if (personalizationResult.indexes.length) {
-        result.components[item._id] = {
-          indexes: personalizationResult.indexes
-        };
-      }
-      if (personalizationResult.componentIds.length) {
-        const dependentRunnables = runnables.filter(
-          (r) => r.variantId && personalizationResult.componentIds.includes(r.variantId)
-        );
-        runnablesToProcess.push(...dependentRunnables);
-      }
-    } else if (item.type === "visibility") {
-      const rules = createQuirksVisibilityRule(context.quirks);
-      const isVisible = evaluateNodeVisibilityParameter({
-        rules,
-        parameter: item.rules
-      });
-      if (isVisible !== null) {
-        result.rules = (_a = result.rules) != null ? _a : {};
-        result.rules[item._id] = isVisible;
-      }
-    }
-  }
-  return result;
-};
-
 // ../../node_modules/.pnpm/dequal@2.0.3/node_modules/dequal/lite/index.mjs
 var has = Object.prototype.hasOwnProperty;
 function dequal(foo, bar) {
@@ -5480,7 +5517,8 @@ var dc2 = (0, import_rfdc3.default)();
 
 // src/middleware/context/index.ts
 var createOnDemandContext = async (options) => {
-  const manifest = await options.dataClient.getManifest({ source: "middleware" });
+  var _a;
+  const manifest = await options.dataClient.getManifest({ source: (_a = options.source) != null ? _a : "middleware" });
   if (!manifest) {
     console.error("Uniform manifest not found, falling back to empty manifest");
   }
@@ -5604,6 +5642,22 @@ var determineState = async ({
   return isDraftMode ? (isCanvasEditing ? [CANVAS_EDITOR_STATE] : []).concat([CANVAS_DRAFT_STATE]) : [CANVAS_PUBLISHED_STATE];
 };
 
+// src/utils/quirks.ts
+var buildQuirksFromHeaders = (headers) => {
+  const headerToQuirkKey = {
+    "x-vercel-ip-country": "vc-country",
+    "x-vercel-ip-country-region": "vc-region",
+    "x-vercel-ip-city": "vc-city"
+  };
+  return Object.entries(headerToQuirkKey).reduce((acc, [headerName, quirkKey]) => {
+    const value = headers.get(headerName);
+    if (value) {
+      acc[quirkKey] = value;
+    }
+    return acc;
+  }, {});
+};
+
 // src/middleware.ts
 var uniformMiddleware = (options) => {
   return async (request) => {
@@ -5642,26 +5696,11 @@ var isPlaygroundPath = (path) => {
   );
   return (match == null ? void 0 : match.route.id) === PLAYGROUND_ID ? match : void 0;
 };
-var buildQuirksFromHeaders = (headers) => {
-  const headerToQuirkKey = {
-    "x-vercel-ip-country": "vc-country",
-    "x-vercel-ip-country-region": "vc-region",
-    "x-vercel-ip-city": "vc-city"
-  };
-  return Object.entries(headerToQuirkKey).reduce((acc, [headerName, quirkKey]) => {
-    const value = headers.get(headerName);
-    if (value) {
-      acc[quirkKey] = value;
-    }
-    return acc;
-  }, {});
-};
 var handlePlaygroundRequest = async ({
   request,
-  options,
-  dataClient
+  options
 }) => {
-  var _a, _b;
+  var _a;
   const id = request.nextUrl.searchParams.get("id");
   if (!id) {
     return NextResponse.json(
@@ -5703,41 +5742,12 @@ var handlePlaygroundRequest = async ({
   }
   const serverConfig = getServerConfig();
   const playgroundPath = getPlaygroundPath();
-  const onDemandContext = await createOnDemandContext({
-    cookies: request.cookies,
-    dataClient,
-    defaultConsent: determineDefaultConsent({
-      serverConfig,
-      defaultConsent: options.defaultConsent
-    })
-  });
-  const context = await onDemandContext.getContext();
-  const { components, rules, allComponentIds } = await extractAndEvaluateRunnables({
-    composition: composition.composition,
-    routePath: id,
-    state: composition.state,
-    context,
-    matchedRoute: id,
-    dynamicInputs: {},
-    releaseId: (_a = options.release) == null ? void 0 : _a.id,
-    defaultConsent: determineDefaultConsent({
-      serverConfig,
-      defaultConsent: options.defaultConsent
-    }),
-    keys: void 0,
-    previewMode: determinePreviewMode({
-      searchParams: request.nextUrl.searchParams,
-      isDraftModeEnabled: true
-      // this is checked above
-    }),
-    isPrefetch: false
-  });
   const pageState = {
     routePath: id,
     compositionState: composition.state,
-    components,
+    components: {},
     keys: void 0,
-    releaseId: (_b = options.release) == null ? void 0 : _b.id,
+    releaseId: (_a = options.release) == null ? void 0 : _a.id,
     defaultConsent: determineDefaultConsent({
       serverConfig,
       defaultConsent: options.defaultConsent
@@ -5747,13 +5757,13 @@ var handlePlaygroundRequest = async ({
       isDraftModeEnabled: true
       // this is checked above
     }),
-    rules,
+    rules: void 0,
     locale: options.locale,
-    isPrefetch: void 0
+    isPrefetch: void 0,
+    requestPath: `${request.nextUrl.pathname}${request.nextUrl.search}`
   };
   const code = serializeEvaluationResult({
-    payload: pageState,
-    allComponentIds
+    payload: pageState
   });
   let pathToRewriteTo = await (options.rewriteDestinationPath ? options.rewriteDestinationPath({ code, pageState, source: "playground" }) : void 0);
   if (!pathToRewriteTo) {
@@ -5836,30 +5846,10 @@ var handleRouteRequest = async ({
     isDraftModeEnabled: draftModeEnabled
   });
   const isPrefetch = isPrefetchRequest(request);
-  const { components, rules, allComponentIds } = await extractAndEvaluateRunnables({
-    composition: route.compositionApiResponse.composition,
-    routePath,
-    state,
-    context,
-    matchedRoute: route.matchedRoute,
-    dynamicInputs: (_g = route.dynamicInputs) != null ? _g : {},
-    releaseId,
-    defaultConsent: determineDefaultConsent({
-      serverConfig,
-      defaultConsent: options.defaultConsent
-    }),
-    keys: requestPath.keys,
-    previewMode: determinePreviewMode({
-      searchParams: request.nextUrl.searchParams,
-      isDraftModeEnabled: true
-      // this is checked above
-    }),
-    isPrefetch
-  });
-  const pageState = {
+  const basePageState = {
     routePath,
     compositionState: state,
-    components,
+    components: {},
     keys: requestPath.keys,
     releaseId,
     defaultConsent: determineDefaultConsent({
@@ -5867,10 +5857,32 @@ var handleRouteRequest = async ({
       defaultConsent: options.defaultConsent
     }),
     previewMode,
-    rules,
+    rules: void 0,
     locale: options.locale,
-    isPrefetch: isPrefetch || void 0
+    isPrefetch: isPrefetch || void 0,
+    // Draft requests evaluate while the page renders, so they carry with them the inputs that
+    // cannot be derived again there: the request path, and any custom quirks the consumer
+    // supplied to the middleware. Quirks from request headers are rebuilt at render time.
+    requestPath: draftModeEnabled ? `${request.nextUrl.pathname}${request.nextUrl.search}` : void 0,
+    quirks: draftModeEnabled ? options.quirks : void 0
   };
+  let pageState = basePageState;
+  let allComponentIds = void 0;
+  if (!draftModeEnabled) {
+    const evaluated = await evaluatePageState({
+      composition: route.compositionApiResponse.composition,
+      matchedRoute: route.matchedRoute,
+      dynamicInputs: (_g = route.dynamicInputs) != null ? _g : {},
+      pageState: basePageState,
+      context
+    });
+    pageState = {
+      ...basePageState,
+      components: evaluated.components,
+      rules: evaluated.rules
+    };
+    allComponentIds = evaluated.allComponentIds;
+  }
   const code = serializeEvaluationResult({
     payload: pageState,
     allComponentIds
@@ -5893,49 +5905,6 @@ var handleRouteRequest = async ({
 var isPrefetchRequest = (request) => {
   return request.headers.has("next-url");
 };
-var extractAndEvaluateRunnables = async ({
-  composition,
-  routePath,
-  context,
-  state,
-  matchedRoute,
-  dynamicInputs,
-  releaseId,
-  defaultConsent,
-  keys,
-  previewMode,
-  isPrefetch
-}) => {
-  const extracted = extractRunnables(composition);
-  const result = await evaluateRunnables({
-    runnables: extracted,
-    context,
-    isPrefetch,
-    compositionContext: {
-      _id: composition._id,
-      type: composition.type,
-      state,
-      isContextualEditing: state === CANVAS_EDITOR_STATE,
-      matchedRoute,
-      dynamicInputs,
-      pageState: {
-        routePath,
-        compositionState: state,
-        // empty for now, we need to pass composition metadata down to evaluateRunnables for Context events enrichment
-        components: {},
-        keys,
-        releaseId,
-        defaultConsent,
-        previewMode,
-        rules: void 0,
-        locale: void 0,
-        isPrefetch: isPrefetch || void 0
-      }
-    }
-  });
-  const allComponentIds = extracted.filter((r) => r.type === "test" || r.type === "personalization").map((r) => r._id);
-  return { ...result, allComponentIds };
-};
 var handleRedirect = ({ request, route }) => {
   const href = resolveRedirectHref({
     resolveResult: route,
@@ -5958,7 +5927,7 @@ var buildRoutePath = ({
   pathname,
   route
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const [routePath, search] = pathname.split("?");
   const locale = (_a = route.dynamicInputs) == null ? void 0 : _a.locale;
   const projectMapNode = (_b = route.compositionApiResponse.composition.projectMapNodes) == null ? void 0 : _b.find((node) => {
@@ -5973,22 +5942,12 @@ var buildRoutePath = ({
   });
   const searchParams = new URLSearchParams();
   if ((_c = projectMapNode == null ? void 0 : projectMapNode.data) == null ? void 0 : _c.queryStrings) {
-    if (search) {
-      const existingSearchParams = new URLSearchParams(search);
-      for (const [key, value] of existingSearchParams.entries()) {
-        searchParams.set(key, value);
-      }
-    }
+    const existingSearchParams = search ? new URLSearchParams(search) : void 0;
     for (const qs of projectMapNode.data.queryStrings) {
-      if (!searchParams.has(qs.name)) {
-        const qsValue = qs.value;
-        searchParams.set(qs.name, qsValue != null ? qsValue : "");
-      }
+      const existingValue = existingSearchParams == null ? void 0 : existingSearchParams.get(qs.name);
+      searchParams.set(qs.name, (_d = existingValue != null ? existingValue : qs.value) != null ? _d : "");
     }
   }
-  if (process.env.NODE_ENV === "development") {
-    searchParams.set("cache", (/* @__PURE__ */ new Date()).valueOf().toString());
-  }
   if (searchParams.size) {
     return `${routePath}?${searchParams.toString()}`;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/next-app-router",
-  "version": "20.77.0",
+  "version": "20.77.1-alpha.10.sha-3381091ae6",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -100,12 +100,12 @@
     "vitest": "4.1.11"
   },
   "dependencies": {
-    "@uniformdev/canvas-react": "20.77.0",
-    "@uniformdev/next-app-router-client": "20.77.0",
-    "@uniformdev/next-app-router-shared": "20.77.0",
-    "@uniformdev/redirect": "20.77.0",
-    "@uniformdev/richtext": "20.77.0",
-    "@uniformdev/webhooks": "20.77.0",
+    "@uniformdev/canvas-react": "20.77.1-alpha.10.sha-3381091ae6",
+    "@uniformdev/next-app-router-client": "20.77.1-alpha.10.sha-3381091ae6",
+    "@uniformdev/next-app-router-shared": "20.77.1-alpha.10.sha-3381091ae6",
+    "@uniformdev/redirect": "20.77.1-alpha.10.sha-3381091ae6",
+    "@uniformdev/richtext": "20.77.1-alpha.10.sha-3381091ae6",
+    "@uniformdev/webhooks": "20.77.1-alpha.10.sha-3381091ae6",
     "@vercel/functions": "^3.7.2",
     "encoding": "^0.1.13",
     "server-only": "^0.0.1",
@@ -122,5 +122,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f994c88e282d803eae476fb5078e106ab66c38e0"
+  "gitHead": "3381091ae65d8f50effdea93e6971c369203ecaf"
 }