create-content-sdk-app 1.3.0-canary.7 → 1.3.0

package/dist/templates/nextjs-app-router (beta)/package.json

@@ -1,55 +1,55 @@
-{
-  "name": "content-sdk-nextjs-app-router",
-  "description": "Application utilizing Content SDK and Next.js",
-  "version": "0.1.0",
-  "private": true,
-  "author": {
-    "name": "Sitecore Corporation",
-    "url": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sitecore/content-sdk.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sitecore/content-sdk/issues"
-  },
-  "license": "Apache-2.0",
-  "scripts": {
-    "build": "cross-env NODE_ENV=production npm-run-all --serial sitecore-tools:generate-map sitecore-tools:build next:build",
-    "lint": "eslint ./src/**/*.tsx ./src/**/*.ts",
-    "next:build": "next build",
-    "next:dev": "cross-env NODE_OPTIONS='--inspect' next dev",
-    "next:start": "next start",
-    "sitecore-tools:generate-map": "sitecore-tools project component generate-map",
-    "sitecore-tools:generate-map:watch": "sitecore-tools project component generate-map --watch",
-    "sitecore-tools:build": "sitecore-tools project build",
-    "dev": "cross-env NODE_ENV=development npm-run-all --serial sitecore-tools:generate-map sitecore-tools:build --parallel next:dev sitecore-tools:generate-map:watch",
-    "start": "cross-env-shell NODE_ENV=production npm-run-all --serial build next:start"
-  },
-  "dependencies": {
-    "@sitecore-cloudsdk/core": "^0.5.4",
-    "@sitecore-cloudsdk/events": "^0.5.4",
-    "@sitecore-content-sdk/nextjs": "<%- version %>",
-    "@sitecore-feaas/clientside": "^0.6.0",
-    "@sitecore/components": "~2.1.0",
-    "next": "^15.5.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "next-intl": "^4.3.5"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@sitecore-content-sdk/cli": "<%- version %>",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^22.15.14",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "cross-env": "^10.0.0",
-    "eslint": "^9.33.0",
-    "eslint-config-next": "15.5.0",
-    "npm-run-all2": "^8.0.4",
-    "tailwindcss": "^4",
-    "typescript": "~5.8.3"
-  }
+{
+  "name": "content-sdk-nextjs-app-router",
+  "description": "Application utilizing Content SDK and Next.js",
+  "version": "0.1.0",
+  "private": true,
+  "author": {
+    "name": "Sitecore Corporation",
+    "url": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sitecore/content-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sitecore/content-sdk/issues"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "cross-env NODE_ENV=production npm-run-all --serial sitecore-tools:generate-map sitecore-tools:build next:build",
+    "lint": "eslint ./src/**/*.tsx ./src/**/*.ts",
+    "next:build": "next build",
+    "next:dev": "cross-env NODE_OPTIONS='--inspect' next dev",
+    "next:start": "next start",
+    "sitecore-tools:generate-map": "sitecore-tools project component generate-map",
+    "sitecore-tools:generate-map:watch": "sitecore-tools project component generate-map --watch",
+    "sitecore-tools:build": "sitecore-tools project build",
+    "dev": "cross-env NODE_ENV=development npm-run-all --serial sitecore-tools:generate-map sitecore-tools:build --parallel next:dev sitecore-tools:generate-map:watch",
+    "start": "cross-env-shell NODE_ENV=production npm-run-all --serial build next:start"
+  },
+  "dependencies": {
+    "@sitecore-cloudsdk/core": "^0.5.4",
+    "@sitecore-cloudsdk/events": "^0.5.4",
+    "@sitecore-content-sdk/nextjs": "<%- version %>",
+    "@sitecore-feaas/clientside": "^0.6.0",
+    "@sitecore/components": "~2.1.0",
+    "next": "^15.5.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "next-intl": "^4.3.5"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@sitecore-content-sdk/cli": "<%- version %>",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^22.15.14",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "cross-env": "^10.0.0",
+    "eslint": "^9.33.0",
+    "eslint-config-next": "15.5.0",
+    "npm-run-all2": "^8.0.4",
+    "tailwindcss": "^4",
+    "typescript": "~5.8.3"
+  }
 }

package/dist/templates/nextjs-app-router (beta)/postcss.config.mjs

@@ -1,5 +1,5 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;
+const config = {
+  plugins: ["@tailwindcss/postcss"],
+};
+
+export default config;

package/dist/templates/nextjs-app-router (beta)/sitecore.config.ts.example

@@ -1,38 +1,38 @@
-import { defineConfig } from '@sitecore-content-sdk/nextjs/config';
-/**
- * @type {import('@sitecore-content-sdk/nextjs/config').SitecoreConfig}
- * See the documentation for `defineConfig`:
- * https://doc.sitecore.com/xmc/en/developers/content-sdk/the-sitecore-configuration-file.html
- */
-export default defineConfig({
-  api: {
-    edge: {
-      contextId:
-        process.env.SITECORE_EDGE_CONTEXT_ID ||
-        process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID ||
-        '',
-      clientContextId: process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID,
-      edgeUrl: process.env.SITECORE_EDGE_URL || process.env.NEXT_PUBLIC_SITECORE_EDGE_URL,
-    },
-    local: {
-      apiKey: process.env.NEXT_PUBLIC_SITECORE_API_KEY || '',
-      apiHost: process.env.NEXT_PUBLIC_SITECORE_API_HOST || '',
-    },
-  },
-  defaultSite: process.env.NEXT_PUBLIC_DEFAULT_SITE_NAME,
-  defaultLanguage: process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE || 'en',
-  editingSecret: process.env.SITECORE_EDITING_SECRET,
-  redirects: {
-    enabled: true,
-    locales: ['en'],
-  },
-  multisite: {
-    enabled: true,
-    useCookieResolution: () => process.env.VERCEL_ENV === 'preview',
-  },
-  personalize: {
-    scope: process.env.NEXT_PUBLIC_PERSONALIZE_SCOPE,
-    edgeTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT!, 10),
-    cdpTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT!, 10),
-  },
-});
+import { defineConfig } from '@sitecore-content-sdk/nextjs/config';
+/**
+ * @type {import('@sitecore-content-sdk/nextjs/config').SitecoreConfig}
+ * See the documentation for `defineConfig`:
+ * https://doc.sitecore.com/xmc/en/developers/content-sdk/the-sitecore-configuration-file.html
+ */
+export default defineConfig({
+  api: {
+    edge: {
+      contextId:
+        process.env.SITECORE_EDGE_CONTEXT_ID ||
+        process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID ||
+        '',
+      clientContextId: process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID,
+      edgeUrl: process.env.SITECORE_EDGE_URL || process.env.NEXT_PUBLIC_SITECORE_EDGE_URL,
+    },
+    local: {
+      apiKey: process.env.NEXT_PUBLIC_SITECORE_API_KEY || '',
+      apiHost: process.env.NEXT_PUBLIC_SITECORE_API_HOST || '',
+    },
+  },
+  defaultSite: process.env.NEXT_PUBLIC_DEFAULT_SITE_NAME,
+  defaultLanguage: process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE || 'en',
+  editingSecret: process.env.SITECORE_EDITING_SECRET,
+  redirects: {
+    enabled: true,
+    locales: ['en'],
+  },
+  multisite: {
+    enabled: true,
+    useCookieResolution: () => process.env.VERCEL_ENV === 'preview',
+  },
+  personalize: {
+    scope: process.env.NEXT_PUBLIC_PERSONALIZE_SCOPE,
+    edgeTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT!, 10),
+    cdpTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT!, 10),
+  },
+});

package/dist/templates/nextjs-app-router (beta)/src/Layout.tsx

@@ -1,8 +1,7 @@
 import React, { JSX } from 'react';
-import { AppPlaceholder, Field, Page } from '@sitecore-content-sdk/nextjs';
+import { AppPlaceholder, DesignLibraryApp, Field, Page } from '@sitecore-content-sdk/nextjs';
 import Scripts from 'src/Scripts';
 import SitecoreStyles from 'components/content-sdk/SitecoreStyles';
-import { DesignLibraryLayout } from './DesignLibraryLayout';
 import componentMap from '.sitecore/component-map';
 
 interface LayoutProps {
@@ -25,7 +24,14 @@ const Layout = ({ page }: LayoutProps): JSX.Element => {
       {/* root placeholder for the app, which we add components to using route data */}
       <div className={mainClassPageEditing}>
         {mode.isDesignLibrary ? (
-          <DesignLibraryLayout />
+          route && (
+            <DesignLibraryApp
+              page={page}
+              rendering={route}
+              componentMap={componentMap}
+              loadServerImportMap={() => import('.sitecore/import-map.server')}
+            />
+          )
         ) : (
           <>
             <header>

package/dist/templates/nextjs-app-router (beta)/src/Providers.tsx

@@ -1,26 +1,18 @@
 'use client';
 import React from 'react';
-import {
-  ComponentPropsCollection,
-  ComponentPropsContext,
-  Page,
-  SitecoreProvider,
-} from '@sitecore-content-sdk/nextjs';
+import { Page, SitecoreProvider } from '@sitecore-content-sdk/nextjs';
 import scConfig from 'sitecore.config';
 import components from '.sitecore/component-map.client';
 
-export default function Providers({
-  children,
-  page,
-  componentProps = {},
-}: {
-  children: React.ReactNode;
-  page: Page;
-  componentProps?: ComponentPropsCollection;
-}) {
+export default function Providers({ children, page }: { children: React.ReactNode; page: Page }) {
   return (
-    <SitecoreProvider api={scConfig.api} componentMap={components} page={page}>
-      <ComponentPropsContext value={componentProps}>{children}</ComponentPropsContext>
+    <SitecoreProvider
+      api={scConfig.api}
+      componentMap={components}
+      page={page}
+      loadImportMap={() => import('.sitecore/import-map.client')}
+    >
+      {children}
     </SitecoreProvider>
   );
 }

package/dist/templates/nextjs-app-router (beta)/src/app/[site]/[locale]/[[...path]]/page.tsx

@@ -9,7 +9,6 @@ import scConfig from 'sitecore.config';
 <% } -%>
 import client from 'src/lib/sitecore-client';
 import Layout, { RouteFields } from 'src/Layout';
-import components from '.sitecore/component-map';
 import Providers from 'src/Providers';
 import { NextIntlClientProvider } from 'next-intl';
 import { setRequestLocale } from 'next-intl/server';
@@ -44,12 +43,9 @@ export default async function Page({ params, searchParams }: PageProps) {
     notFound();
   }
 
-  // Fetch the component data from Sitecore (Likely will be deprecated)
-  const componentProps = await client.getComponentData(page.layout, {}, components);
-
   return (
     <NextIntlClientProvider>
-      <Providers page={page} componentProps={componentProps}>
+      <Providers page={page}>
         <Layout page={page} />
       </Providers>
     </NextIntlClientProvider>

package/dist/templates/nextjs-app-router (beta)/src/app/api/editing/config/route.ts

@@ -1,5 +1,6 @@
 import { createEditingConfigRouteHandler } from '@sitecore-content-sdk/nextjs/route-handler';
 import components from '.sitecore/component-map';
+import clientComponents from '.sitecore/component-map.client';
 import metadata from '.sitecore/metadata.json';
 
 /**
@@ -9,5 +10,6 @@ import metadata from '.sitecore/metadata.json';
 
 export const { GET, OPTIONS } = createEditingConfigRouteHandler({
   components,
+  clientComponents,
   metadata,
 });

package/dist/templates/nextjs-app-router (beta)/src/app/api/editing/render/route.ts

@@ -12,4 +12,4 @@ import { createEditingRenderRouteHandlers } from '@sitecore-content-sdk/nextjs/r
  *  4. Return the rendered HTML for editing mode
  */
 
-export const { GET, OPTIONS } = createEditingRenderRouteHandlers({});
+export const { GET, POST, OPTIONS } = createEditingRenderRouteHandlers({});

package/dist/templates/nextjs-app-router (beta)/src/app/globals.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import "tailwindcss";

package/dist/templates/nextjs-app-router (beta)/src/middleware.ts

@@ -31,7 +31,6 @@ const multisite = new AppRouterMultisiteMiddleware({
    * List of sites for site resolver to work with
    */
   sites,
-  ...scConfig.api.edge,
   ...scConfig.multisite,
   // This function determines if the middleware should be turned off on per-request basis.
   // Certain paths are ignored by default (e.g. files and Next.js API routes), but you may wish to disable more.
@@ -45,6 +44,7 @@ const redirects = new RedirectsMiddleware({
    */
   sites,
   ...scConfig.api.edge,
+  ...scConfig.api.local,
   ...scConfig.redirects,
   // This function determines if the middleware should be turned off on per-request basis.
   // Certain paths are ignored by default (e.g. Next.js API routes), but you may wish to disable more.
@@ -64,7 +64,18 @@ const personalize = new PersonalizeMiddleware({
   // Certain paths are ignored by default (e.g. Next.js API routes), but you may wish to disable more.
   // By default it is disabled while in development mode.
   // This is an important performance consideration since Next.js Edge middleware runs on every request.
+  // NOTE: Personalize requires Edge configuration and cannot work with local containers.
+  // The middleware will disable itself if Edge config is not present.
   skip: () => false,
+  // This is an example of how to provide geo data for personalization.
+  // The provided callback will be called on each request to extract geo data.
+  // extractGeoDataCb: () => {
+  //   return {
+  //     city: 'Athens',
+  //     country: 'Greece',
+  //     region: 'Attica',
+  //   };
+  // },
 });
 
 export function middleware(req: NextRequest, ev: NextFetchEvent) {

package/dist/templates/nextjs-app-router (beta)/tsconfig.json

@@ -1,48 +1,48 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "components/*": [
-        "src/components/*"
-      ],
-      "lib/*": [
-        "src/lib/*"
-      ],
-      "temp/*": [
-        "src/temp/*"
-      ],
-      "assets/*": [
-        "src/assets/*"
-      ],
-      ".sitecore/*": [
-        ".sitecore/*"
-      ],
-      <%_ if (helper.isDev) { _%>
-      "next/*": ["node_modules/next/*"],
-      <%_ } _%>
-    },
-    "target": "ES2017",
-    "types": ["node"],
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "strictFunctionTypes": false,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "components/*": [
+        "src/components/*"
+      ],
+      "lib/*": [
+        "src/lib/*"
+      ],
+      "temp/*": [
+        "src/temp/*"
+      ],
+      "assets/*": [
+        "src/assets/*"
+      ],
+      ".sitecore/*": [
+        ".sitecore/*"
+      ],
+      <%_ if (helper.isDev) { _%>
+      "next/*": ["node_modules/next/*"],
+      <%_ } _%>
+    },
+    "target": "ES2017",
+    "types": ["node"],
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "strictFunctionTypes": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/package.json

@@ -1,74 +1,73 @@
-{
-  "name": "create-content-sdk-app",
-  "version": "1.3.0-canary.7",
-  "description": "Sitecore Content SDK initializer",
-  "bin": "./dist/index.js",
-  "scripts": {
-    "build": "npm run clean && tsc && ts-node ./scripts/build-templates.ts",
-    "clean": "del-cli dist types",
-    "lint": "eslint \"./src/**/*.ts\"",
-    "watch": "ts-node ./scripts/watch-templates.ts",
-    "test": "mocha --require ts-node/register \"./src/**/*.test.ts\"",
-    "coverage": "nyc npm test"
-  },
-  "engines": {
-    "node": ">=22"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Sitecore/content-sdk.git",
-    "directory": "packages/create-content-sdk-app"
-  },
-  "homepage": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html",
-  "author": "Sitecore Corporation",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/Sitecore/content-sdk/issues"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "chalk": "^4.1.2",
-    "cross-spawn": "^7.0.6",
-    "ejs": "^3.1.10",
-    "fs-extra": "^11.3.0",
-    "glob": "^11.0.2",
-    "inquirer": "^8.2.4",
-    "minimist": "^1.2.8"
-  },
-  "devDependencies": {
-    "@stylistic/eslint-plugin": "^5.2.2",
-    "@types/chai": "^5.2.2",
-    "@types/cross-spawn": "^6.0.6",
-    "@types/ejs": "^3.1.5",
-    "@types/fs-extra": "^11.0.4",
-    "@types/glob": "^8.1.0",
-    "@types/inquirer": "^9.0.8",
-    "@types/minimist": "^1.2.5",
-    "@types/mocha": "^10.0.10",
-    "@types/node": "^22.15.14",
-    "@types/proxyquire": "^1.3.31",
-    "@types/sinon": "17.0.4",
-    "@types/sinon-chai": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "8.39.0",
-    "@typescript-eslint/parser": "8.39.0",
-    "chai": "^4.4.1",
-    "chokidar": "^4.0.3",
-    "del-cli": "^6.0.0",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsdoc": "52.0.3",
-    "eslint-plugin-prettier": "^4.0.0",
-    "mocha": "^11.2.2",
-    "nyc": "^17.1.0",
-    "prettier": "^2.8.0",
-    "proxyquire": "^2.1.3",
-    "sinon": "^20.0.0",
-    "sinon-chai": "^3.7.0",
-    "ts-node": "^10.9.2",
-    "typescript": "~5.8.3"
-  },
-  "gitHead": "6491bd1951409ae27085c7119e408c6483be0295"
-}
+{
+  "name": "create-content-sdk-app",
+  "version": "1.3.0",
+  "description": "Sitecore Content SDK initializer",
+  "bin": "./dist/index.js",
+  "scripts": {
+    "build": "npm run clean && tsc && ts-node ./scripts/build-templates.ts",
+    "clean": "del-cli dist types",
+    "lint": "eslint \"./src/**/*.ts\"",
+    "watch": "ts-node ./scripts/watch-templates.ts",
+    "test": "mocha --require ts-node/register \"./src/**/*.test.ts\"",
+    "coverage": "nyc npm test"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Sitecore/content-sdk.git",
+    "directory": "packages/create-content-sdk-app"
+  },
+  "homepage": "https://doc.sitecore.com/xmc/en/developers/content-sdk/index.html",
+  "author": "Sitecore Corporation",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/Sitecore/content-sdk/issues"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "cross-spawn": "^7.0.6",
+    "ejs": "^3.1.10",
+    "fs-extra": "^11.3.0",
+    "glob": "^11.0.2",
+    "inquirer": "^8.2.4",
+    "minimist": "^1.2.8"
+  },
+  "devDependencies": {
+    "@stylistic/eslint-plugin": "^5.2.2",
+    "@types/chai": "^5.2.2",
+    "@types/cross-spawn": "^6.0.6",
+    "@types/ejs": "^3.1.5",
+    "@types/fs-extra": "^11.0.4",
+    "@types/glob": "^8.1.0",
+    "@types/inquirer": "^9.0.8",
+    "@types/minimist": "^1.2.5",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^22.15.14",
+    "@types/proxyquire": "^1.3.31",
+    "@types/sinon": "17.0.4",
+    "@types/sinon-chai": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "8.39.0",
+    "@typescript-eslint/parser": "8.39.0",
+    "chai": "^4.4.1",
+    "chokidar": "^4.0.3",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsdoc": "52.0.3",
+    "eslint-plugin-prettier": "^4.0.0",
+    "mocha": "^11.2.2",
+    "nyc": "^17.1.0",
+    "prettier": "^2.8.0",
+    "proxyquire": "^2.1.3",
+    "sinon": "^20.0.0",
+    "sinon-chai": "^3.7.0",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3"
+  }
+}