@gradial/aci 0.1.42 → 0.1.43

package/templates/common/starter-content/.content/pages/home/_index.json

@@ -11,6 +11,7 @@
   "regions": {
     "main": [
       {
+        "$type": "component",
         "id": "hero",
         "component": "home_hero",
         "props": {
@@ -27,6 +28,7 @@
         }
       },
       {
+        "$type": "component",
         "id": "why-meridian",
         "component": "feature_grid",
         "props": {
@@ -34,6 +36,7 @@
           "subtitle": "Engineered for the edges of the world.",
           "features": [
             {
+              "$type": "component",
               "id": "global-coverage",
               "component": "feature_card",
               "props": {
@@ -43,6 +46,7 @@
               }
             },
             {
+              "$type": "component",
               "id": "low-latency",
               "component": "feature_card",
               "props": {
@@ -52,6 +56,7 @@
               }
             },
             {
+              "$type": "component",
               "id": "easy-setup",
               "component": "feature_card",
               "props": {
@@ -64,6 +69,7 @@
         }
       },
       {
+        "$type": "component",
         "id": "stats",
         "component": "stats_bar",
         "props": {
@@ -76,6 +82,7 @@
         }
       },
       {
+        "$type": "component",
         "id": "cta",
         "component": "container",
         "props": {
@@ -83,6 +90,7 @@
           "className": "items-center justify-center text-center",
           "content": [
             {
+              "$type": "component",
               "id": "cta-primary",
               "component": "button",
               "props": {
@@ -94,6 +102,7 @@
               }
             },
             {
+              "$type": "component",
               "id": "cta-secondary",
               "component": "button",
               "props": {

package/templates/nextjs/starter-content/src/middleware.ts

@@ -7,5 +7,35 @@ export default createGradialMiddleware({
 
 export const config = {
   runtime: 'nodejs',
-  matcher: ['/((?!_next(?:/|$)|api(?:/|$)|collect(?:/|$)|gradial/assets(?:/|$)|favicon\\.ico$).*)'],
+  matcher: [
+    '/((?!_next(?:/|$)|api(?:/|$)|collect(?:/|$)|gradial/assets(?:/|$)|favicon\\.ico$).*)',
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-gradial-framework-origin-auth' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-site-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-release-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-ref' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-content-base-url' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-path' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'query', key: '__aci_content_path' }],
+    },
+  ],
 };

package/templates/nextjs/template/src/app/collect/route.ts

@@ -1,11 +1,11 @@
 import {
   createPersonalizationCollectRoute,
-  createVercelPersonalizationFromEnv,
+  createVercelCollectionFromEnv,
 } from '@gradial/aci/next/vercel-personalization';
 
 export const runtime = 'nodejs';
 
-const personalization = createVercelPersonalizationFromEnv();
+const personalization = createVercelCollectionFromEnv();
 const unavailable = async () => new Response('personalization host is not configured', {
   status: 503,
   headers: { 'Cache-Control': 'private, no-store' },

package/templates/nextjs/template/src/middleware.ts

@@ -7,5 +7,35 @@ export default createGradialMiddleware({
 
 export const config = {
   runtime: 'nodejs',
-  matcher: ['/((?!_next(?:/|$)|api(?:/|$)|collect(?:/|$)|gradial/assets(?:/|$)|favicon\\.ico$).*)'],
+  matcher: [
+    '/((?!_next(?:/|$)|api(?:/|$)|collect(?:/|$)|gradial/assets(?:/|$)|favicon\\.ico$).*)',
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-gradial-framework-origin-auth' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-site-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-release-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-ref' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-content-base-url' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-path' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'query', key: '__aci_content_path' }],
+    },
+  ],
 };

package/templates/nextjs/template/src/middleware.ts.tmpl

@@ -6,5 +6,35 @@ export default createGradialMiddleware();
 // Source of truth: aciMiddlewareMatcher from '@gradial/aci/next/middleware'.
 // The conformance check verifies this stays in sync with the SDK export.
 export const config = {
-  matcher: ['/((?!_next(?:/|$)|api(?:/|$)|favicon\\.ico$|\\.gradial-dam(?:/|$)).*)'],
+  matcher: [
+    '/((?!_next(?:/|$)|api(?:/|$)|collect(?:/|$)|gradial/assets(?:/|$)|favicon\\.ico$).*)',
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-gradial-framework-origin-auth' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-site-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-release-id' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-ref' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-baremetal-content-base-url' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'header', key: 'x-aci-content-path' }],
+    },
+    {
+      source: '/:path*',
+      has: [{ type: 'query', key: '__aci_content_path' }],
+    },
+  ],
 };