create-content-sdk-app 2.4.0-canary.20260907075319 → 2.4.0

package/dist/templates/angular/.env.example

@@ -12,8 +12,8 @@
 # CSDK_PUBLIC_SITECORE_API_HOST=
 
 # Site / language
-# CSDK_PUBLIC_SITECORE_DEFAULT_SITE=
-# CSDK_PUBLIC_SITECORE_DEFAULT_LANGUAGE=en
+# CSDK_PUBLIC_DEFAULT_SITE_NAME=
+# CSDK_PUBLIC_DEFAULT_LANGUAGE=en
 
 # Global switch for Content SDK experimental features. Set to `true`
 # together with individual `CSDK_EXPERIMENTAL_*` flags during development.
@@ -24,3 +24,6 @@
 
 # Timeout (ms) for Sitecore Experience Edge requests to respond within. Default is 400.
 # PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT=
+
+# Optional secret for /api/revalidate endpoint used to revalidate loaders cache
+# SITECORE_REVALIDATE_SECRET=

package/dist/templates/angular/src/app/app.html

@@ -1,2 +1,3 @@
 <sc-editing-scripts />
+<app-cdp-page-view />
 <router-outlet />

package/dist/templates/angular/src/app/app.ts

@@ -1,11 +1,12 @@
 import { Component, effect, inject, signal } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { ScEditingScriptsComponent, SitecoreContextService } from '@sitecore-content-sdk/angular';
+import { CdpPageViewComponent } from './components/content-sdk/cdp-page-view.component';
 import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, ScEditingScriptsComponent],
+  imports: [RouterOutlet, ScEditingScriptsComponent, CdpPageViewComponent],
   templateUrl: './app.html',
   styleUrl: './app.css',
 })

package/dist/templates/angular/src/app/components/content-sdk/cdp-page-view.component.ts

@@ -0,0 +1,58 @@
+import { Component, effect, inject } from '@angular/core';
+import {
+  CdpHelper,
+  SITECORE_ANALYTICS,
+  SitecoreContextService,
+} from '@sitecore-content-sdk/angular';
+import config from 'sitecore.config';
+
+/**
+ * CDP page view component. Dispatches a Sitecore CDP page view event on initial load and on
+ * every client-side navigation. Template-less — it only performs the side effect.
+ *
+ * page data comes from {@link SitecoreContextService}, dispatch goes through the {@link SITECORE_ANALYTICS} facade
+ * Runs in browser only.
+ *
+ * See Sitecore Content SDK documentation for details:
+ * https://www.npmjs.com/package/@sitecore-content-sdk/events
+ */
+@Component({
+  selector: 'app-cdp-page-view',
+  template: '',
+})
+export class CdpPageViewComponent {
+  private readonly analytics = inject(SITECORE_ANALYTICS);
+  private readonly context = inject(SitecoreContextService);
+
+  constructor() {
+    effect(() => {
+      const page = this.context.page();
+      // Do not create events in editing or preview mode, or if missing route data.
+      if (!page || !page.mode.isNormal) {
+        return;
+      }
+      const route = page.layout.sitecore.route;
+      if (!route?.itemId) {
+        return;
+      }
+
+      const language = page.locale || config.defaultLanguage;
+      const pageVariantId = CdpHelper.getPageVariantId(
+        route.itemId,
+        language,
+        page.layout.sitecore.context.variantId as string,
+        config.personalize.scope
+      );
+
+      // Events may not be initialized (the façade is a no-op in dev / when Edge config is
+      // missing, and swallows runtime failures at debug level).
+      void this.analytics.pageView({
+        channel: 'WEB',
+        currency: 'USD',
+        page: route.name,
+        pageVariantId,
+        language,
+      });
+    });
+  }
+}

package/dist/templates/angular/src/server.ts

@@ -52,6 +52,9 @@ const loaderCache = createLoaderCache({
 
 app.use(express.json());
 
+/** Health check endpoint. */
+app.get('/healthz', (_req, res) => res.sendStatus(200));
+
 /** Production webhook: POST /api/revalidate (Sitecore Edge OSR). */
 app.use(
   createSitecoreRevalidateMiddleware({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-content-sdk-app",
-  "version": "2.4.0-canary.20260907075319",
+  "version": "2.4.0",
   "description": "Sitecore Content SDK initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -38,12 +38,12 @@
     "minimist": "^1.2.8"
   },
   "devDependencies": {
-    "@sitecore-content-sdk/analytics-core": "2.1.3-canary.20260907075319",
-    "@sitecore-content-sdk/angular": "0.3.0-canary.20260907075319",
-    "@sitecore-content-sdk/cli": "2.3.0-canary.20260907075319",
-    "@sitecore-content-sdk/events": "2.1.3-canary.20260907075319",
-    "@sitecore-content-sdk/nextjs": "2.4.0-canary.20260907075319",
-    "@sitecore-content-sdk/personalize": "2.1.1-canary.20260907075319",
+    "@sitecore-content-sdk/analytics-core": "^2.1.2",
+    "@sitecore-content-sdk/angular": "~1.0.0",
+    "@sitecore-content-sdk/cli": "^2.3.0",
+    "@sitecore-content-sdk/events": "^2.1.2",
+    "@sitecore-content-sdk/nextjs": "^2.4.0",
+    "@sitecore-content-sdk/personalize": "^2.1.0",
     "@stylistic/eslint-plugin": "^5.2.2",
     "@types/chai": "^5.2.2",
     "@types/cross-spawn": "^6.0.6",