create-sitecore-jss 22.3.0-canary.9 → 22.3.1-canary.10

package/dist/InitializerFactory.js

@@ -46,10 +46,10 @@ class InitializerFactory {
     }
     create(name) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
             try {
-                const { default: Initializer } = yield (_a = path_1.default.resolve(this.rootPath, 'initializers', name, 'index'), Promise.resolve().then(() => __importStar(require(_a))));
+                const { default: Initializer } = yield Promise.resolve(`${path_1.default.resolve(this.rootPath, 'initializers', name, 'index')}`).then(s => __importStar(require(s)));
                 return new Initializer();
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (error) {
                 return undefined;

package/dist/common/processes/transform.js

@@ -45,6 +45,7 @@ const ejs_1 = require("ejs");
 const inquirer_1 = __importDefault(require("inquirer"));
 const helpers_1 = require("../utils/helpers");
 const diff_1 = require("diff");
+const { version } = require('../../../package.json');
 const FILE_FOR_COPY_REGEXP = /(index\.html)$|\.(gif|jpg|jpeg|tiff|png|svg|ashx|ico|pdf|jar|eot|woff|ttf|woff2)$/;
 const transformFilename = (file, args) => {
     // eslint-disable-next-line guard-for-in
@@ -151,7 +152,7 @@ const diffFiles = (sourceFileContent, targetFilePath) => __awaiter(void 0, void
     return answer.choice;
 });
 exports.diffFiles = diffFiles;
-const diffAndWriteFiles = ({ rendered, pathToNewFile, answers, }) => __awaiter(void 0, void 0, void 0, function* () {
+const diffAndWriteFiles = (_a) => __awaiter(void 0, [_a], void 0, function* ({ rendered, pathToNewFile, answers, }) {
     const targetFilePath = (0, exports.transformFilename)(pathToNewFile, answers);
     const choice = yield (0, exports.diffFiles)(rendered, targetFilePath);
     switch (choice) {
@@ -182,7 +183,11 @@ const diffAndWriteFiles = ({ rendered, pathToNewFile, answers, }) => __awaiter(v
 exports.diffAndWriteFiles = diffAndWriteFiles;
 const populateEjsData = (answers, destination) => {
     // pass in helper to answers object
-    const ejsData = Object.assign(Object.assign({}, answers), { helper: {
+    // Don't expose canary build number in the generated app
+    const jssVersion = version.includes('canary')
+        ? version.replace(/(-canary\.\d+)$/, '-canary')
+        : version;
+    const ejsData = Object.assign(Object.assign({}, answers), { version: jssVersion, helper: {
             isDev: (0, helpers_1.isDevEnvironment)(destination || answers.destination),
             getPascalCaseName: helpers_1.getPascalCaseName,
             getAppPrefix: helpers_1.getAppPrefix,
@@ -192,17 +197,17 @@ const populateEjsData = (answers, destination) => {
 exports.populateEjsData = populateEjsData;
 /**
  * Handles each template file and applies ejs renderer, also:
- * * determines files for copy
- * * determines files for skip
- * * if some files already exist:
- *   * merges package.json files
- *   * concatenates .env files
- *   * compares diffs
+ * - Determines files for copy.
+ * - Determines files for skip.
+ * if some files already exist:
+ *   - merges package.json files
+ *   - concatenates .env files
+ *   - compares diffs
  * @param {string} templatePath path to the template
  * @param {BaseArgs} answers CLI arguments
  * @param {TransformOptions} options custom options
  */
-const transform = (templatePath, answers, options = {}) => __awaiter(void 0, void 0, void 0, function* () {
+const transform = (templatePath_1, answers_1, ...args_1) => __awaiter(void 0, [templatePath_1, answers_1, ...args_1], void 0, function* (templatePath, answers, options = {}) {
     const { isFileForCopy, isFileForSkip, fileForCopyRegExp = FILE_FOR_COPY_REGEXP } = options;
     const destinationPath = path_1.default.resolve(answers.destination);
     if (!answers.appPrefix) {

package/dist/common/prompts/base.js

@@ -9,7 +9,7 @@ var FetchWith;
 (function (FetchWith) {
     FetchWith["GraphQL"] = "GraphQL";
     FetchWith["REST"] = "REST";
-})(FetchWith = exports.FetchWith || (exports.FetchWith = {}));
+})(FetchWith || (exports.FetchWith = FetchWith = {}));
 /**
  * Default app name for the new app
  */

package/dist/common/utils/helpers.js

@@ -90,7 +90,7 @@ const openJsonFile = (jsonFilePath) => {
 exports.openJsonFile = openJsonFile;
 /**
  * Creates a .json file and inserts provided data
- * @param {Object} data data to be written into the .json file
+ * @param {object} data data to be written into the .json file
  * @param {string} jsonFilePath a path to a file.
  */
 const writeJsonFile = (data, jsonFilePath) => {

package/dist/initializers/angular-sxp/index.js

@@ -43,8 +43,8 @@ class AngularSxpInitializer {
         return false;
     }
     init(args) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const answers = yield inquirer_1.default.prompt(common_1.sxpPrompts, args);
             const styleguideAnswers = yield inquirer_1.default.prompt(common_1.styleguidePrompts, args);

package/dist/initializers/angular-xmcloud/index.js

@@ -45,8 +45,8 @@ class AngularXmCloudInitializer {
         return false;
     }
     init(args) {
-        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const addInitializers = [];
             // angular-xmcloud requires node-xmcloud-proxy

package/dist/initializers/nextjs/prompts.js

@@ -10,7 +10,7 @@ var Prerender;
 (function (Prerender) {
     Prerender["SSG"] = "SSG";
     Prerender["SSR"] = "SSR";
-})(Prerender = exports.Prerender || (exports.Prerender = {}));
+})(Prerender || (exports.Prerender = Prerender = {}));
 const DEFAULT_PRERENDER = Prerender.SSG;
 // still need sxp prompts here until sitecore/config is no longer added to xmc app
 exports.prompts = [

package/dist/initializers/nextjs-multisite/index.js

@@ -39,8 +39,8 @@ class NextjsMultisiteInitializer {
         return false;
     }
     init(args) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-multisite');

package/dist/initializers/nextjs-styleguide/index.js

@@ -44,8 +44,8 @@ class NextjsStyleguideInitializer {
         return false;
     }
     init(args) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const answers = yield inquirer_1.default.prompt(common_1.styleguidePrompts, args);
             const mergedArgs = Object.assign(Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false }), answers);

package/dist/initializers/nextjs-styleguide-tracking/index.js

@@ -39,8 +39,8 @@ class NextjsStyleguideInitializer {
         return false;
     }
     init(args) {
-        var _a, _b, _c, _d, _e, _f;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-styleguide-tracking');

package/dist/initializers/nextjs-sxa/index.js

@@ -39,8 +39,8 @@ class NextjsSxaInitializer {
         return false;
     }
     init(args) {
-        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             // TODO: prompts for SXA
             // const answers = await prompt<StyleguideAnswer>(styleguidePrompts, args);

package/dist/initializers/nextjs-xmcloud/index.js

@@ -40,8 +40,8 @@ class NextjsXMCloudInitializer {
         return false;
     }
     init(args) {
-        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
             const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-xmcloud');

package/dist/templates/angular/angular.json

@@ -24,7 +24,6 @@
               "src/favicon.ico"
             ],
             "styles": [
-              "node_modules/bootstrap/dist/css/bootstrap.min.css",
               "src/styles.css"
             ],
             "scripts": [],

package/dist/templates/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "Application utilizing Sitecore JavaScript Services and Angular (angular-cli).",
   "config": {
     "appName": "<%- appName %>",
@@ -57,7 +57,7 @@
     "@apollo/client": "^3.3.12",
     "@ngx-translate/core": "~15.0.0",
     "@ngx-translate/http-loader": "~8.0.0",
-    "@sitecore-jss/sitecore-jss-angular": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-angular": "~<%- version %>",
     "apollo-angular": "~6.0.0",
     "bootstrap": "^5.3.3",
     "core-js": "~3.37.1",
@@ -65,7 +65,8 @@
     "graphql-tag": "~2.11.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "~0.14.7"
+    "zone.js": "~0.14.7",
+    "reflect-metadata": "^0.2.2"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "^17.0.2",
@@ -78,14 +79,14 @@
     "@angular/cli": "~17.3.8",
     "@angular/compiler-cli": "~17.3.11",
     "@angular/language-service": "~17.3.11",
-    "@sitecore-jss/sitecore-jss-angular-schematics": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-cli": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-angular-schematics": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
     "@types/jasmine": "~3.6.7",
     "@types/jasminewd2": "~2.0.8",
-    "@types/node": "~20.14.10",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
+    "@types/node": "~22.9.0",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
     "chalk": "~4.1.0",
     "chokidar": "^3.5.2",
     "codelyzer": "~6.0.1",
@@ -107,9 +108,9 @@
     "karma-jasmine": "~4.0.1",
     "karma-jasmine-html-reporter": "~1.5.4",
     "move-cli": "^2.0.0",
-    "npm-run-all": "~4.1.5",
+    "npm-run-all2": "^7.0.1",
     "protractor": "^7.0.0",
     "ts-node": "~10.9.2",
-    "typescript": "~5.2.2"
+    "typescript": "~5.4.0"
   }
 }

package/dist/templates/angular/src/tsconfig.app.json

@@ -3,8 +3,7 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "newLine": "LF",
-    "types": []
+    "newLine": "LF"
   },
   "lib": [
     "esnext.asynciterable"

package/dist/templates/angular/src/tsconfig.server.json

@@ -5,8 +5,7 @@
     "baseUrl": "./",
     "target": "ES2022",
     "module": "commonjs",
-    "newLine": "LF",
-    "types": []
+    "newLine": "LF"
   },
   "lib": [
     "esnext.asynciterable"

package/dist/templates/angular/tsconfig.json

@@ -20,8 +20,10 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "newLine": "LF",
-    "typeRoots": ["node_modules/@types"],
-    "lib": ["es2018", "dom", "esnext.asynciterable"],
+    "types": ["node"],
+    // add additional type root in case of monorepo where dependencies are hoisted to root node_modules
+    "typeRoots": ["node_modules/@types", "../node_modules/@types"],
+    "lib": ["es2019", "dom", "esnext.asynciterable"],
     "paths": {
       "@angular/*": ["../node_modules/@angular/*"],
       "rxjs": ["node_modules/rxjs", "../node_modules/rxjs"],

package/dist/templates/angular/webpack.config.js

@@ -1,7 +1,13 @@
-const Dotenv = require("dotenv-webpack");
+const Dotenv = require('dotenv-webpack');
+const path = require('path');
 
 module.exports = {
-  plugins: [
-    new Dotenv(),
-  ],
-}
+  plugins: [new Dotenv()],
+  <% if (helper.isDev) { %>
+    resolve: {
+      alias: {
+        '@sitecore-cloudsdk': path.resolve(__dirname, 'node_modules/@sitecore-cloudsdk'),
+      },
+    },
+    <% } %>
+};

package/dist/templates/angular-sxp/angular.json

@@ -0,0 +1,13 @@
+{
+  "projects": {
+    "<%- appName %>": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": ["node_modules/bootstrap/dist/css/bootstrap.min.css"]
+          }
+        }
+      }
+    }
+  }
+}

package/dist/templates/angular-xmcloud/.env

@@ -11,4 +11,12 @@ SITECORE_EDGE_CONTEXT_ID=
 PROXY_HOST=http://localhost:3000
 
 # Your XM Cloud Proxy server path is needed to build the app. The build output will be copied to the proxy server path.
-PROXY_BUILD_PATH=<%- locals.relativeProxyAppDestination.replace(/\\/g, '\\\\') %>dist
+# Use a relative unix style path to ensure compatibility when deployment runs on Windows or Unix based systems. 
+PROXY_BUILD_PATH=<%- locals.relativeProxyAppDestination.replace(/\\/g, '\/') %>dist
+
+# ==============================================
+
+# An optional Sitecore Personalize scope identifier.
+# This can be used to isolate personalization data when multiple XM Cloud Environments share a Personalize tenant.
+# This should match the PAGES_PERSONALIZE_SCOPE environment variable for your connected XM Cloud Environment.
+PERSONALIZE_SCOPE=

package/dist/templates/angular-xmcloud/README.md

@@ -0,0 +1,60 @@
+# Angular for XMCloud
+
+> Sitecore JSS Angular App for XM Cloud. For the current release this feature is experimental.
+
+[Documentation](<TODO>)
+
+This Single Page Application (SPA) built with Angular is designed to be fully compatible with XM Cloud, incorporating several key add-ons and features to streamline the development process and enable seamless integration. The supported key features are as follows:
+
+- `Context ID`: The Context ID environment variable simplifies setting up and configuring XM Cloud solutions. It's a unified identifier that maps to all your configured resources, such as content, sites, files, forms, and integration settings.
+
+- `XM Cloud Pages editing integration`: full integration with Pages - the dynamic visual page editor of XM Cloud.
+
+- `XM Cloud proxy personalization` with embedded personalization and A/B Component Test support.
+
+- `Forms support`: provides the capability to consume and post Sitecore Forms from JSS apps. Sitecore Forms is a form-authoring framework that enables marketers to author their own forms, collect data, and analyze form performance.
+
+This SPA is tailored to enhance development workflows and enable full utilization of XM Cloud’s capabilities, providing a seamless and efficient foundation for developers.
+
+## Components and Supporting Applications
+
+The following components and supporting applications have been added to the Angular base app to ensure compatibility with XM Cloud:
+
+- `XM Cloud Angular`: Adds support for the Sitecore Context data, which simplifies connecting the application to XM Cloud and configuring the integration of multiple composable Sitecore products. Angular app provides components and can be used during development. Once the app is built and its build artifacts are copied into the proxy, the proxy app can be used to connect to an XMCloud instance and render its content (including personalization etc).
+
+- `XM Cloud Proxy`: Adds integration with XMCloud for the JSS SPA applications and enables editing, personalization and A/B component testing support.
+
+## Environment Variables
+
+The following environment variables can be set to configure the angular app. You can use the `.env` file located in the root of the app or set these directly in the environment (for example, in containers).
+
+| Parameter                              | Description                                                                                                                                |
+| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| `PROXY_HOST`                        | Your XM Cloud Proxy hostname is needed to build the app and execute the client-side requests against the proxy server. Default value `http://localhost:3000`                                                                                                                  |
+| `PROXY_BUILD_PATH`                              | Your XM Cloud Proxy server path is needed to build the app. The build output will be copied to the XMCloud Proxy application path. Default value `<xmcloud_proxy_path>\dist`.
+| `SITECORE_EDGE_CONTEXT_ID`                              | The Context ID, which covers many system configurations, required for connecting to the XM Cloud back end. This is an XM Cloud system environment variable. When the application runs on the XM Cloud rendering host, this value is always set to the preview Context ID.                   |
+| `SITECORE_API_KEY`                              | The API key for GRAPH_QL_ENDPOINT authentication. For Experience Edge, you can find the API key in the Sites dashboard by opening the actions menu for a site and navigating to Settings > Developer settings. Copy the value for SITECORE_API_KEY. For a preview endpoint (a CM instance either on XM Cloud or locally), use your preview API Key from the CM instance.
+| `SITECORE_API_HOST`                              | The API hostname, needed to build the application. This should be used in combination with SITECORE_API_KEY for local development or local container setup. For example, https://<xmc_cm_host>.sitecorecloud.io.                   |
+| `GRAPH_QL_ENDPOINT`                              | Your GraphQL Edge endpoint. This is typically optional. By default, the endpoint is calculated using the resolved Sitecore API hostname + the `graphQLEndpointPath` defined in your `package.json`. For a preview endpoint (a CM instance on XM Cloud or a local one), the value is <xmc_cm_host>/sitecore/api/graph/edge.  |
+| `SITECORE_SITE_NAME`                              | The name of your site. This variable overrides the config.appName defined in the package.json file. You can find this value in the Sites dashboard by opening the actions menu for a site and navigating to Settings > Developer settings. Default value `<appName>`,
+`                  |
+| `DEFAULT_LANGUAGE`                              | The default language of your app. Default value `en`                  |
+| `DEBUG`                  | Optional. Debug level for the proxy. Set the DEBUG environment variable to 'sitecore-jss:*,proxy*,http-proxy-middleware*' to see all logs. Refer to the [official docs](https://doc.sitecore.com/xp/en/developers/hd/latest/sitecore-headless-development/debug-logging-in-jss-apps.html#namespaces) for all the available namespaces.
+
+## Build & run
+
+### Running the application in production mode
+
+To build and run in production mode you need to have your angular app side by side with the [Node XM CLoud proxy](https://github.com/Sitecore/jss/tree/dev/packages/create-sitecore-jss/src/templates/node-xmcloud-proxy). For additional information on how to set up and run SPA app in production mode against XM CLoud instance you can check the [spa-starters](https://github.com/sitecorelabs/xmcloud-foundation-head/tree/main/headapps/spa-starter) monoreopo readme.
+
+1. Run `npm install` for both angular and proxy apps
+2. Run `npm run build` in the angular app root; this will build the angular app and copy the the resulting `/dist` folder into the specified proxy app folder
+3. Run `npm run start` in the proxy app root
+
+### Running the application in connected mode
+
+When building and running your app in connected mode the proxy application is not needed. However, please note that certain features, such as personalization, server-side rendering, and editing, will not be available.
+
+1. Run `npm install`
+2. Run `npm run build`
+3. Run `npm run start:connected`

package/dist/templates/angular-xmcloud/package.json

@@ -8,8 +8,8 @@
     "prepare:proxy-build": "ts-node --project src/tsconfig.webpack-server.json ./scripts/proxy-build.ts"
   },
   "dependencies": {
-    "@sitecore-cloudsdk/core": "^0.4.1",
-    "@sitecore-cloudsdk/events": "^0.4.1",
+    "@sitecore-cloudsdk/core": "^0.4.2",
+    "@sitecore-cloudsdk/events": "^0.4.2",
     "font-awesome": "^4.7.0",
     "sass": "^1.52.3",
     "sass-alias": "^1.0.5"

package/dist/templates/angular-xmcloud/scripts/config/plugins/xmcloud.ts

@@ -18,6 +18,7 @@ class XMCloudPlugin implements ConfigPlugin {
       process.env[`${constantCase('sitecoreEdgeUrl')}`]?.replace(/\/$/, '') ||
       'https://edge-platform.sitecorecloud.io';
     const sitecoreEdgeContextId = process.env[`${constantCase('sitecoreEdgeContextId')}`];
+    const personalizeScope = process.env[`${constantCase('personalizeScope')}`]
 
     if (config.sitecoreApiKey && sitecoreEdgeContextId) {
       console.log(
@@ -32,6 +33,7 @@ class XMCloudPlugin implements ConfigPlugin {
       proxyHost,
       sitecoreEdgeUrl,
       sitecoreEdgeContextId,
+      personalizeScope,
     });
   }
 }

package/dist/templates/angular-xmcloud/scripts/proxy-build.ts

@@ -1,13 +1,13 @@
-import { execSync } from 'child_process';
 import { environment } from '../src/environments/environment';
+import { cpSync, rmSync } from 'fs';
 
 // Executed at the end of the build process (jss build) to move the build output to the proxy build path
 
 try {
   console.log('Moving build output to proxy build path:', environment.proxyBuildPath);
 
-  execSync(`del-cli ${environment.proxyBuildPath} --force`, { stdio: 'inherit' });
-  execSync(`move-cli ./dist ${environment.proxyBuildPath}`, { stdio: 'inherit' });
+  rmSync(environment.proxyBuildPath, { recursive: true, force: true });
+  cpSync('./dist', environment.proxyBuildPath, { recursive: true });
 
   console.log('Proxy build prepared successfully!');
 } catch (error) {

package/dist/templates/angular-xmcloud/server.exports.ts

@@ -11,6 +11,7 @@ import metadata from './src/environments/metadata.json';
 
 const defaultLanguage = environment.defaultLanguage;
 const sitecoreSiteName = environment.sitecoreSiteName;
+const personalizeScope = environment.personalizeScope;
 const getClientFactoryConfig = getGraphQLClientFactoryConfig;
 
 export {
@@ -20,6 +21,7 @@ export {
   layoutServiceFactory,
   defaultLanguage,
   sitecoreSiteName,
+  personalizeScope,
   components,
   metadata,
 };

package/dist/templates/nextjs/.eslintrc

@@ -19,7 +19,12 @@
     "@next/next/no-img-element": "off", // Don't force next/image
     "jsx-a11y/alt-text": ["warn", { "elements": ["img"] }], // Don't force alt for <Image/> (sourced from Sitecore media)
     "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "caughtErrorsIgnorePattern": "."
+      }
+    ],
     "@typescript-eslint/no-explicit-any": "error",
     "jsx-quotes": ["error", "prefer-double"]
   }

package/dist/templates/nextjs/next.config.js

@@ -30,6 +30,9 @@ const nextConfig = {
   // Enable React Strict Mode
   reactStrictMode: true,
 
+  // Disable the X-Powered-By header. Follows security best practices.
+  poweredByHeader: false,
+
   // use this configuration to ensure that only images from the whitelisted domains
   // can be served from the Next.js Image Optimization API
   // see https://nextjs.org/docs/app/api-reference/components/image#remotepatterns

package/dist/templates/nextjs/package.json

@@ -1,7 +1,7 @@
 {
   "name": "<%- appName %>",
   "description": "Application utilizing Sitecore JavaScript Services and Next.js",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "private": true,
   "config": {
     "appName": "<%- appName %>",
@@ -25,10 +25,10 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss-nextjs": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-nextjs": "~<%- version %>",
     "graphql": "~15.8.0",
     "graphql-tag": "^2.12.6",
-    "next": "^14.2.7",
+    "next": "^14.2.18",
     "next-localization": "^0.12.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -43,19 +43,19 @@
     "@graphql-codegen/typescript-operations": "^4.0.1",
     "@graphql-codegen/typescript-resolvers": "^4.0.1",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@sitecore-jss/sitecore-jss-cli": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
-    "@types/node": "^20.14.2",
+    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@types/node": "^22.9.0",
     "@types/react": "^18.2.22",
     "@types/react-dom": "^18.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.49.0",
-    "@typescript-eslint/parser": "^5.49.0",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
     "chalk": "~4.1.2",
     "chokidar": "~3.5.3",
     "constant-case": "^3.0.4",
     "cross-env": "~7.0.3",
     "dotenv-flow": "^4.1.0",
-    "eslint": "^8.32.0",
+    "eslint": "^8.56.0",
     "eslint-config-next": "^13.1.5",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -66,7 +66,7 @@
     "prettier": "^2.8.3",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.1.2",
-    "typescript": "~4.9.4",
+    "typescript": "~5.4.0",
     "yaml-loader": "^0.8.0"
   },
   "scripts": {

package/dist/templates/nextjs/scripts/config/index.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+// eslint-disable-next-line @typescript-eslint/no-require-imports
 const plugins = require('scripts/temp/config-plugins');
 import { JssConfig } from 'lib/config';
 

package/dist/templates/nextjs/scripts/config/plugins/scjssconfig.ts

@@ -12,6 +12,7 @@ class ScJssConfigPlugin implements ConfigPlugin {
   async exec(config: JssConfig) {
     let scJssConfig;
     try {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
       scJssConfig = require('scjssconfig.json');
     } catch (e) {
       return config;

package/dist/templates/nextjs/scripts/generate-component-builder/index.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+// eslint-disable-next-line @typescript-eslint/no-require-imports
 const plugins = require('scripts/temp/generate-component-builder-plugins');
 import { PackageDefinition, ComponentFile } from '@sitecore-jss/sitecore-jss-dev-tools';
 

package/dist/templates/nextjs/scripts/scaffold-component/index.ts

@@ -23,7 +23,7 @@ generatePlugins({
   Edit this script if you wish to use your own conventions for component storage in your JSS app.
 */
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+// eslint-disable-next-line @typescript-eslint/no-require-imports
 const plugins = require('scripts/temp/scaffold-component-plugins');
 
 export interface ScaffoldComponentPluginConfig {

package/dist/templates/nextjs/scripts/utils.ts

@@ -40,7 +40,7 @@ export function getItems<Item>(settings: {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const name = item.name.match(fileFormat)![1];
       items.push(resolveItem(path, name));
-      cb && cb(name);
+      if (cb) cb(name);
     }
   });
 

package/dist/templates/nextjs/tsconfig.json

@@ -10,6 +10,7 @@
       "react": ["node_modules/react"]
     },
     "target": "es5",
+    "types": ["node"],
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

package/dist/templates/nextjs-styleguide/package.json

@@ -4,7 +4,7 @@
     "nprogress": "~0.2.0"
   },
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
     "@types/nprogress": "^0.2.0"
   },
   "scripts": {

package/dist/templates/nextjs-styleguide/src/lib/sitemap-fetcher/plugins/disconnected-sitemap-service.ts

@@ -19,7 +19,7 @@ class DisconnectedSitemapServicePlugin implements SitemapFetcherPlugin {
     if (process.env.JSS_MODE !== constants.JSS_MODE.DISCONNECTED) return null;
 
     try {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
       const manifest = require('sitecore/manifest/sitecore-import.json');
 
       return manifest;

package/dist/templates/nextjs-xmcloud/package.json

@@ -1,8 +1,8 @@
 {
   "dependencies": {
     "@sitecore/components": "~2.0.1",
-    "@sitecore-cloudsdk/core": "^0.4.1",
-    "@sitecore-cloudsdk/events": "^0.4.1",
+    "@sitecore-cloudsdk/core": "^0.4.2",
+    "@sitecore-cloudsdk/events": "^0.4.2",
     "@sitecore-feaas/clientside": "^0.5.19"
   }
 }

package/dist/templates/nextjs-xmcloud/src/lib/page-props-factory/plugins/content-styles.ts

@@ -14,7 +14,7 @@ class ContentStylesPlugin implements Plugin {
       config.sitecoreEdgeUrl
     );
 
-    contentStyles && props.headLinks.push(contentStyles);
+    if (contentStyles) props.headLinks.push(contentStyles);
 
     return props;
   }

package/dist/templates/node-headless-ssr-experience-edge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-headless-ssr-experience-edge-sample",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "Node server-side-rendering sample for running JSS apps under Node hosting using Experience Edge",
   "scripts": {
     "start": "ts-node ./src/index.ts"
@@ -19,7 +19,7 @@
   "homepage": "https://jss.sitecore.com",
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss": "~<%- version %>",
     "compression": "^1.7.4",
     "express": "^4.18.2",
     "dotenv": "^16.0.3"
@@ -28,7 +28,7 @@
     "@types/compression": "^1.7.2",
     "@types/express": "^4.17.17",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.6.3"
   },
   "private": true
 }

package/dist/templates/node-headless-ssr-proxy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-headless-ssr-proxy-sample",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "Node server-side-rendering proxy sample for running JSS apps under Node hosting",
   "scripts": {
     "start": "ts-node ./src/index.ts"
@@ -19,8 +19,8 @@
   "homepage": "https://jss.sitecore.com",
   "license": "Apache-2.0",
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-proxy": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-proxy": "~<%- version %>",
     "agentkeepalive": "^4.2.1",
     "compression": "~1.7.4",
     "express": "~4.19.2",
@@ -31,9 +31,9 @@
     "@types/compression": "^1.7.2",
     "@types/express": "^4.17.17",
     "@types/memory-cache": "^0.2.2",
-    "@types/node": "^20.14.2",
+    "@types/node": "^22.9.0",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.6.3"
   },
   "private": true
 }

package/dist/templates/node-xmcloud-proxy/.env

@@ -13,11 +13,6 @@ PROXY_BUNDLE_PATH=
 # Set the DEBUG environment variable to 'sitecore-jss:*,sitecore-jss:proxy,http-proxy-middleware*' to see all logs:
 #DEBUG=sitecore-jss:*,http-proxy-middleware*
 
-# An optional Sitecore Personalize scope identifier.
-# This can be used to isolate personalization data when multiple XM Cloud Environments share a Personalize tenant.
-# This should match the PAGES_PERSONALIZE_SCOPE environment variable for your connected XM Cloud Environment.
-PERSONALIZE_SCOPE=
-
 # Timeout (ms) for Sitecore CDP requests to respond within. Default is 400.
 PERSONALIZE_MIDDLEWARE_CDP_TIMEOUT=
 

package/dist/templates/node-xmcloud-proxy/README.md

@@ -2,35 +2,129 @@
 
 > Sitecore JSS Proxy for XM Cloud is considered experimental.
 
-[Documentation](<TODO>)
+[Documentation](TODO)
+
+This proxy will serve as the backbone for supporting various SPA frameworks by handling server-side rendering (SSR), data queries, and middleware functionalities.
 
 This is a sample setup showing one of how you can configure XM Cloud rendering server.
 
-## Pre-requisites
+## Features Supported
 
-1. SPA sample supports XM Cloud out of the box.
+- `Context ID`: The Context ID environment variable simplifies setting up and configuring XM Cloud solutions. It's a unified identifier that maps to all your configured resources, such as content, sites, files, forms, and integration settings.
+
+- `XM Cloud Pages editing integration`: full integration with Pages - the dynamic visual page editor of XM Cloud.
+
+- `XM Cloud proxy personalization` with embedded personalization and A/B Component Test support.
+
+- `Forms support`: provides the capability to consume and post Sitecore Forms from JSS apps. Sitecore Forms is a form-authoring framework that enables marketers to author their own forms, collect data, and analyze form performance.
+
+## Configuration Setup
+
+The config.ts file in this proxy app handles essential configurations for server-side rendering, data queries, and middleware functionalities. Here are the main configurations defined:
+
+- Server Bundle Configuration:
+
+  - The app loads a server.bundle.js file, pre-built from your SPA app, for SSR support.
+  - This file contains the configuration and factory functions essential for rendering and data querying.
+
+- GraphQL Endpoint Setup:
 
-1. Build your SPA app bundle with `jss build`. The build output should be placed in the `dist` folder.
+  - Defines a graphQLEndpoint for handling Sitecore GraphQL requests. It differentiates between production (Sitecore Edge) and development (Sitecore CM) endpoints.
+  - Constructs the target URL and path for proxy requests, ensuring compliance with http-proxy-middleware requirements.
 
-## Setup
+- Port Configuration:
 
-Open `config.js` and specify your application settings.
+  - Configures the port for running the proxy, with a default of 3000 or an environment-specified port.
+
+- Personalization Configuration (personalizeConfig):
+
+  - Sets up Sitecore personalization through PersonalizeConfig, defining settings for both Sitecore Experience Edge and CDP endpoints.
+  - Contains options to control personalization features, including:
+    - Timeouts for Edge and CDP endpoints (default 400ms, configurable via environment variables).
+    - Scope and site name used for Sitecore Personalize.
+    - Enable/Disable Switch: Functions that allow you to conditionally disable personalization based on the environment (e.g., disabled in development mode) and cookie consent policy.
+    - Language Configuration: defaultLanguage serves as a fallback if language data is unavailable in layout data.
+
+This configuration is designed to be flexible and secure, with dynamic settings managed via environment variables where appropriate.
 
 ### Environment Variables
 
 The following environment variables can be set to configure the Proxy sample instead of modifying `config.js`. You can use the `.env` file located in the root of the app or set these directly in the environment (for example, in containers).
 
-| Parameter                              | Description                                                                                                                                |
-| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
-| `PROXY_BUNDLE_PATH`                        | Path to the JSS SPA app's `server.bundle.js`. Default can be seen in [config.js](./config.js) file.                                                                                                                    |
-| `PROXY_PORT`                              | Optional. Port which will be used when start sample. Default can be seen in [config.js](./config.js) file.                                                             |
-| `DEBUG`                  | Optional. Debug level for the proxy. Set the DEBUG environment variable to 'sitecore-jss:*,proxy*,http-proxy-middleware*' to see all logs.                                                                                                                  |
+| Parameter           | Description                                                                                                                                                                                  |
+| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `PROXY_BUNDLE_PATH` | Path to the JSS SPA app's `server.bundle.js`. Default can be seen in [config.js](./config.js) file.                                                                                          |
+| `PROXY_PORT`        | Optional. Port which will be used when start sample. Default can be seen in [config.js](./config.js) file.                                                                                   |
+| `DEBUG`             | Optional. Debug level for the proxy. Set the DEBUG environment variable to 'sitecore-jss:_,proxy_,http-proxy-middleware\*, 'sitecore-jss:layout','sitecore-jss:personalize' to see all logs. |
+
+## Pre-requisites
+
+1. SPA sample supports XM Cloud out of the box.
+
+2. Build your SPA app bundle with `jss build` or `npm run build`. The build output should be placed in the `dist` folder. |
 
 ## Build & run
 
 1. Run `npm install`
 
-1. Run `npm run start`
+2. Run `npm run start`
 
 You should be able to see the following message:
 `server listening on port 3000!`.
+
+## Deploy to Netlify
+
+`NOTE: If you are using the Angular starter from the XM-Cloud Foundation repository within a monorepo, please skip to Step 3.`
+
+1. Run `npm init` in the root directory and add the following scripts to package.json:
+   ```
+      "build": "cd ./<your-proxy-app-name> && npm run build-all && cd ..",
+      "install": "cd ./<your-proxy-app-name> && npm install && npm run install-all && cd ..",
+   ```
+2. Ensure that `<your-proxy-app-name>/package.json` includes the following commands to handle the build and install steps properly::
+   ```
+      "build-all": "cd ../angular && npm run build && cd ../<your-proxy-app-name> && tsc",
+      "install-all": "cd ../angular && npm i && cd ../<your-proxy-app-name>"
+   ```
+3. Add `serverless-http` to the list of dependencies in `<your-proxy-app-name>/package.json` and then add the following variable to your ``<your-proxy-app-name>/src/index.ts` file.
+    ```
+      export const handler = serverless(server);
+    ```
+4. Create a `netlfiy.toml` file if not already created and ensure that the following Netlify configuration is added there:
+   - Following functions lets the proxy app to treated as netlify functions. [Functions Overview](https://docs.netlify.com/functions/overview/)
+     ```
+        [functions]
+        directory = "<your-proxy-app-name>/src"
+        node_bundler = "esbuild"
+        included_files = ["<your-proxy-app-name>/dist/**"]
+     ```
+   - To ensure that static assets are accessed properly we may need to add redirects statement for them to the toml file:
+     ```
+        [[redirects]]
+        from = "/dist/browser/*"
+        status = 200
+        to = "/browser/:splat"
+     ```
+   - To ensure that static files under /dist are not accessible via browser add `force=true` to the above
+     ```
+       [[redirects]]
+       from = "/*"
+       status = 200
+       to = "/.netlify/functions/index/:splat"
+       force = true
+     ```
+   - Build command
+     ```
+     [build]
+     command = "npm run build"
+     publish = "<your-proxy-app-name>/dist"
+     ```
+5. Create your netlify deployment: [A Step-by-Step Guide: Deploying on Netlify | Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/)
+   a. Set up all your necessary environment variables like SITECORE_EDGE_CONTEXT_ID, SITECORE_SITE_NAME etc.
+   b. Set up your build settings in Site configuration --> Build and Deploy tab.
+      sample configuration:
+        Base Directory: /
+        Build command: npm run build
+        Publish directory: /proxy/dist
+        Functions directory: /proxy/src
+   NOTE: If proxy/dist folder is not picked up properly by Netlify make sure that the `PROXY_BUILD_PATH` env variable is unix style path e.g. `../proxy/dist`

package/dist/templates/node-xmcloud-proxy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-xmcloud-sample",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "Node XM Cloud Proxy sample for running XM Cloud JSS SPA apps",
   "author": {
     "name": "Sitecore Corporation",
@@ -10,17 +10,17 @@
     "start": "ts-node ./src/index.ts"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss-proxy": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-proxy": "~<%- version %>",
     "compression": "^1.7.4",
     "express": "^4.18.2",
     "dotenv": "^16.0.3",
     "http-proxy-middleware": "^3.0.0"
   },
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss": "~<%- version %>",
     "@types/compression": "^1.7.2",
     "@types/express": "^4.17.17",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.6.3"
   }
 }

package/dist/templates/node-xmcloud-proxy/src/config.ts

@@ -77,7 +77,7 @@ export const personalizeConfig: PersonalizeConfig = {
       400,
   },
   // Optional Sitecore Personalize scope identifier.
-  scope: process.env.PERSONALIZE_SCOPE,
+  scope: serverBundle.personalizeScope,
   // This function determines if the personalization should be turned off.
   // IMPORTANT: You should implement based on your cookie consent management solution of choice.
   // You may wish to keep it disabled while in development mode.

package/dist/templates/node-xmcloud-proxy/src/types.ts

@@ -17,6 +17,7 @@ export interface ServerBundle {
   getClientFactoryConfig: () => GraphQLRequestClientFactoryConfig;
   defaultLanguage: string;
   sitecoreSiteName: string;
+  personalizeScope?: string;
   layoutServiceFactory: { create: () => LayoutService };
   dictionaryServiceFactory: { create: () => DictionaryService };
   components: string[] | Map<string, unknown>;

package/dist/templates/react/.eslintrc

@@ -14,6 +14,8 @@
     "ecmaFeatures": {
       "jsx": true
     },
+    //prevent 'ImportDeclaration should appear when the mode is ES6' error when running lint
+    "ecmaVersion": 13,
     "babelOptions": {
       "presets": ["@babel/preset-react"]
     }

package/dist/templates/react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "<%- appName %>",
   "description": "Application utilizing Sitecore JavaScript Services and React (create-react-app).",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "private": true,
   "config": {
     "appName": "<%- appName %>",
@@ -28,7 +28,7 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@sitecore-jss/sitecore-jss-react": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-react": "~<%- version %>",
     "axios": "^1.2.0",
     "bootstrap": "^5.2.3",
     "cross-fetch": "^3.1.5",
@@ -53,9 +53,9 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/register": "~7.18.9",
-    "@sitecore-jss/sitecore-jss-cli": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-rendering-host": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-rendering-host": "~<%- version %>",
     "babel-loader": "~9.1.0",
     "babel-preset-react-app": "~10.0.1",
     "chalk": "~4.1.2",
@@ -64,7 +64,7 @@
     "cross-spawn": "^7.0.3",
     "del-cli": "^5.0.0",
     "dotenv": "^16.0.3",
-    "eslint": "^8.28.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.1",

package/dist/templates/react-native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "A basic React Native app utilizing Sitecore JavaScript Services",
   "config": {
     "appName": "<%- appName %>",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.10",
-    "@sitecore-jss/sitecore-jss-react-native": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-react-native": "~<%- version %>",
     "prop-types": "^15.6.0",
     "react": "16.13.1",
     "react-native": "^0.63.4",
@@ -37,8 +37,8 @@
   },
   "private": true,
   "devDependencies": {
-    "@sitecore-jss/sitecore-jss-cli": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.2.1",
     "babel-plugin-inline-replace-variables": "^1.3.1",

package/dist/templates/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "<%- appName %>",
-  "version": "22.3.0-canary",
+  "version": "<%- version %>",
   "description": "Application utilizing Sitecore JavaScript Services and Vue (vue-cli).",
   "private": true,
   "config": {
@@ -45,7 +45,7 @@
   "dependencies": {
     "@apollo/client": "^3.7.4",
     "@panter/vue-i18next": "~0.15.2",
-    "@sitecore-jss/sitecore-jss-vue": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-vue": "~<%- version %>",
     "@vue/apollo-composable": "4.2.1",
     "@vue/apollo-option": "^4.0.0",
     "@vue/apollo-ssr": "^4.0.0",
@@ -63,8 +63,8 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
     "@babel/register": "7.18.9",
-    "@sitecore-jss/sitecore-jss-cli": "~22.3.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.3.0-canary",
+    "@sitecore-jss/sitecore-jss-cli": "~<%- version %>",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~<%- version %>",
     "@vue/cli-plugin-babel": "~5.0.8",
     "@vue/cli-plugin-eslint": "~5.0.8",
     "@vue/cli-service": "~5.0.8",
@@ -74,7 +74,7 @@
     "constant-case": "^3.0.4",
     "cross-env": "~7.0.3",
     "dotenv": "^16.0.3",
-    "eslint": "^8.32.0",
+    "eslint": "^8.56.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-vue": "~9.9.0",
     "eslint-plugin-yaml": "^0.5.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.3.0-canary.9",
+  "version": "22.3.1-canary.10",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -12,7 +12,7 @@
     "coverage": "nyc npm test"
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "repository": {
     "type": "git",
@@ -49,19 +49,21 @@
     "@types/inquirer": "^9.0.3",
     "@types/minimist": "^1.2.2",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^20.14.2",
-    "@types/sinon": "10.0.6",
-    "@types/sinon-chai": "^3.2.9",
+    "@types/node": "^22.9.0",
+    "@types/proxyquire": "^1.3.31",
+    "@types/sinon": "17.0.3",
+    "@types/sinon-chai": "^4.0.0",
     "chai": "^4.3.7",
     "chokidar": "^3.5.3",
     "del-cli": "^5.0.0",
-    "eslint": "^8.32.0",
+    "eslint": "^8.56.0",
     "mocha": "^10.2.0",
     "nyc": "^15.1.0",
-    "sinon": "^15.0.1",
+    "proxyquire": "^2.1.3",
+    "sinon": "^18.0.0",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.6.3"
   },
-  "gitHead": "80aab2e2e832a1a9ae024c771a955c2d403e63fe"
+  "gitHead": "501bf3b7c73be6cf633b4f86a9ca418c4d61745d"
 }