create-sitecore-jss 22.2.0-canary.5 → 22.2.0-canary.7

package/dist/bin.js

@@ -43,7 +43,7 @@ const inquirer_1 = __importDefault(require("inquirer"));
 const init_runner_1 = require("./init-runner");
 const minimist_1 = __importDefault(require("minimist"));
 const common_1 = require("./common");
-const proxyAppMatcher = /node-.+-proxy/g;
+const helpers_1 = require("./common/utils/helpers");
 const parseArgs = () => {
     // parse any command line arguments passed into `init sitecore-jss`
     // to pass to the generator prompts and skip them.
@@ -84,16 +84,17 @@ const getDestinations = (args, templates) => __awaiter(void 0, void 0, void 0, f
             : yield (0, exports.promptDestination)('Where would you like your new app created?', defaultBaseDestination);
     }
     // work with node-proxy destination if needed
-    const proxyApp = templates.find((template) => template.match(proxyAppMatcher));
+    const proxyApp = templates.find((template) => template.match(helpers_1.proxyAppMatcher));
     if (proxyApp) {
-        const defaultProxyDestination = proxyApp && `${process.cwd()}${path_1.sep}${proxyApp}`;
+        // put the proxy alongside main app by default
+        const defaultProxyDestination = (0, helpers_1.getDefaultProxyDestination)(destination, proxyApp);
         let proxyAppDestination = args.proxyAppDestination;
         if (!proxyAppDestination) {
             proxyAppDestination = args.yes
                 ? defaultProxyDestination
                 : yield (0, exports.promptDestination)('Where would you like your proxy app created?', defaultProxyDestination);
         }
-        while (proxyAppDestination === destination) {
+        while (path_1.default.resolve(proxyAppDestination) === path_1.default.resolve(destination)) {
             proxyAppDestination = yield (0, exports.promptDestination)('Proxy app and base app cannot be located in the same folder. Please input another path for proxy', defaultProxyDestination);
         }
         return {

package/dist/common/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.installPrePushHook = exports.lintFix = exports.installPackages = exports.nextSteps = exports.transform = exports.removeFile = exports.saveConfiguration = exports.getBaseTemplates = exports.getAllTemplates = exports.writePackageJson = exports.openPackageJson = exports.isDevEnvironment = exports.styleguidePrompts = exports.missingAddonMsg = exports.incompatibleAddonsMsg = exports.DEFAULT_APPNAME = exports.clientAppPrompts = void 0;
+exports.installPrePushHook = exports.lintFix = exports.installPackages = exports.nextSteps = exports.transform = exports.removeFile = exports.saveConfiguration = exports.getBaseTemplates = exports.getAllTemplates = exports.writeJsonFile = exports.openJsonFile = exports.isDevEnvironment = exports.sxpPrompts = exports.styleguidePrompts = exports.missingAddonMsg = exports.incompatibleAddonsMsg = exports.DEFAULT_APPNAME = exports.clientAppPrompts = void 0;
 var base_1 = require("./prompts/base");
 Object.defineProperty(exports, "clientAppPrompts", { enumerable: true, get: function () { return base_1.clientAppPrompts; } });
 Object.defineProperty(exports, "DEFAULT_APPNAME", { enumerable: true, get: function () { return base_1.DEFAULT_APPNAME; } });
@@ -8,10 +8,12 @@ Object.defineProperty(exports, "incompatibleAddonsMsg", { enumerable: true, get:
 Object.defineProperty(exports, "missingAddonMsg", { enumerable: true, get: function () { return base_1.missingAddonMsg; } });
 var styleguide_1 = require("./prompts/styleguide");
 Object.defineProperty(exports, "styleguidePrompts", { enumerable: true, get: function () { return styleguide_1.styleguidePrompts; } });
+var sxp_1 = require("./prompts/sxp");
+Object.defineProperty(exports, "sxpPrompts", { enumerable: true, get: function () { return sxp_1.sxpPrompts; } });
 var helpers_1 = require("./utils/helpers");
 Object.defineProperty(exports, "isDevEnvironment", { enumerable: true, get: function () { return helpers_1.isDevEnvironment; } });
-Object.defineProperty(exports, "openPackageJson", { enumerable: true, get: function () { return helpers_1.openPackageJson; } });
-Object.defineProperty(exports, "writePackageJson", { enumerable: true, get: function () { return helpers_1.writePackageJson; } });
+Object.defineProperty(exports, "openJsonFile", { enumerable: true, get: function () { return helpers_1.openJsonFile; } });
+Object.defineProperty(exports, "writeJsonFile", { enumerable: true, get: function () { return helpers_1.writeJsonFile; } });
 Object.defineProperty(exports, "getAllTemplates", { enumerable: true, get: function () { return helpers_1.getAllTemplates; } });
 Object.defineProperty(exports, "getBaseTemplates", { enumerable: true, get: function () { return helpers_1.getBaseTemplates; } });
 Object.defineProperty(exports, "saveConfiguration", { enumerable: true, get: function () { return helpers_1.saveConfiguration; } });

package/dist/common/processes/install.js

@@ -85,5 +85,5 @@ const installPrePushHook = (destination, silent) => __awaiter(void 0, void 0, vo
 exports.installPrePushHook = installPrePushHook;
 const getPackageJson = (projectFolder) => {
     const packagePath = path_1.default.join(projectFolder, 'package.json');
-    return (0, helpers_1.openPackageJson)(packagePath);
+    return (0, helpers_1.openJsonFile)(packagePath);
 };

package/dist/common/processes/next.js

@@ -16,10 +16,10 @@ exports.nextSteps = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 /**
  * Logs app creation completion message and next steps
- * @param {string} appName application name for the new app
+ * @param {string[]} appNames application name(s) for the new app
  * @param {string[]} nextStepsArr next steps to be performed after app is created
  */
-const nextSteps = (appName, nextStepsArr) => __awaiter(void 0, void 0, void 0, function* () {
+const nextSteps = (appNames, nextStepsArr) => __awaiter(void 0, void 0, void 0, function* () {
     console.log(chalk_1.default.red('                 -/oyhdmNNNNmdhyo/-                '));
     console.log(chalk_1.default.red('             :sdMMMMMMMMMMMMMMMMMMMMds:            '));
     console.log(chalk_1.default.red('          :yNMMMMMMMMMMMMMMMMMMMMMMMMMMNy:         '));
@@ -51,7 +51,7 @@ const nextSteps = (appName, nextStepsArr) => __awaiter(void 0, void 0, void 0, f
     console.log(chalk_1.default.white('                 / // /\\ \\_\\ \\  '));
     console.log(chalk_1.default.white('                 \\___/___/___/'));
     console.log();
-    console.log(`JSS application ${chalk_1.default.green(appName)} is ready!`);
+    console.log(`JSS application(s) ${chalk_1.default.green(appNames.join(', '))} is ready!`);
     console.log();
     console.log(chalk_1.default.yellow('Next steps:'));
     nextStepsArr.forEach((step) => {

package/dist/common/processes/transform.js

@@ -35,7 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.transform = exports.diffAndWriteFiles = exports.diffFiles = exports.mergeEnv = exports.merge = exports.transformFilename = void 0;
+exports.transform = exports.populateEjsData = exports.diffAndWriteFiles = exports.diffFiles = exports.mergeEnv = exports.merge = exports.transformFilename = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const glob_1 = __importDefault(require("glob"));
@@ -180,6 +180,21 @@ 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: {
+            isDev: (0, helpers_1.isDevEnvironment)(destination || answers.destination),
+            getPascalCaseName: helpers_1.getPascalCaseName,
+            getAppPrefix: helpers_1.getAppPrefix,
+        } });
+    // When SPA application and XM Cloud proxy is used we need to calculate relative path between SPA app and proxy to apply that in EJS template
+    // Absolute path can't be used across all the machines
+    if (answers.proxyAppDestination) {
+        ejsData.helper.relativeProxyAppDestination = `${path_1.default.relative(path_1.default.resolve(answers.destination), path_1.default.resolve(answers.proxyAppDestination))}${path_1.sep}`;
+    }
+    return ejsData;
+};
+exports.populateEjsData = populateEjsData;
 /**
  * Handles each template file and applies ejs renderer, also:
  * * determines files for copy
@@ -196,19 +211,14 @@ const transform = (templatePath, answers, options = {}) => __awaiter(void 0, voi
     const { isFileForCopy, isFileForSkip, fileForCopyRegExp = FILE_FOR_COPY_REGEXP } = options;
     let destination = undefined;
     // allow proxy app to be installed separately alongside base app
-    if (templatePath.match(/.*node-.+-proxy$/g)) {
+    if (templatePath.match(/.*node-.+-proxy$/g) && answers.proxyAppDestination) {
         destination = answers.proxyAppDestination;
     }
     const destinationPath = path_1.default.resolve(destination || answers.destination);
     if (!answers.appPrefix) {
         answers.appPrefix = false;
     }
-    // pass in helper to answers object
-    const ejsData = Object.assign(Object.assign({}, answers), { helper: {
-            isDev: (0, helpers_1.isDevEnvironment)(destination || answers.destination),
-            getPascalCaseName: helpers_1.getPascalCaseName,
-            getAppPrefix: helpers_1.getAppPrefix,
-        } });
+    const ejsData = (0, exports.populateEjsData)(answers, destination);
     // the templates to be run through ejs render or copied directly
     const files = glob_1.default.sync('**/*', { cwd: templatePath, dot: true, nodir: true });
     for (const file of files) {
@@ -233,13 +243,13 @@ const transform = (templatePath, answers, options = {}) => __awaiter(void 0, voi
                 fs_extra_1.default.copySync(pathToTemplate, pathToNewFile);
                 continue;
             }
-            if (file.endsWith('package.json') && fs_extra_1.default.existsSync(pathToNewFile)) {
-                // we treat package.json a bit differently
-                // read the current package.json and the template package.json (rendered with ejs)
-                const currentPkg = (0, helpers_1.openPackageJson)(pathToNewFile);
-                const templatePkg = JSON.parse(yield (0, ejs_1.renderFile)(path_1.default.resolve(pathToTemplate), ejsData));
+            if (file.endsWith('.json') && fs_extra_1.default.existsSync(pathToNewFile)) {
+                // we treat a .json a bit differently
+                // read the current .json and the template .json (rendered with ejs)
+                const currentJson = (0, helpers_1.openJsonFile)(pathToNewFile);
+                const templateJson = JSON.parse(yield (0, ejs_1.renderFile)(path_1.default.resolve(pathToTemplate), ejsData));
                 // merge them and set the result to str which will then go through diff
-                const merged = (0, exports.merge)(currentPkg, templatePkg);
+                const merged = (0, exports.merge)(currentJson, templateJson);
                 str = JSON.stringify(merged, null, 2);
             }
             if (file.endsWith('.env') && fs_extra_1.default.existsSync(pathToNewFile)) {

package/dist/common/prompts/base.js

@@ -38,18 +38,6 @@ exports.clientAppPrompts = [
             return !answers.appName;
         },
     },
-    {
-        type: 'input',
-        name: 'hostName',
-        message: 'What is your Sitecore hostname (used if deployed to Sitecore)?',
-        default: (answers) => `${answers.appName}.dev.local`,
-        when: (answers) => {
-            if (answers.yes && !answers.hostName) {
-                answers.hostName = `${answers.appName}.dev.local`;
-            }
-            return !answers.hostName;
-        },
-    },
     {
         type: 'list',
         name: 'fetchWith',

package/dist/common/prompts/sxp.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sxpPrompts = void 0;
+/**
+ * Set of CLI prompts for an SXP app
+ */
+exports.sxpPrompts = [
+    {
+        type: 'input',
+        name: 'hostName',
+        message: 'What is your Sitecore hostname (used if deployed to Sitecore)?',
+        default: (answers) => `${answers.appName}.dev.local`,
+        when: (answers) => {
+            if (answers.yes && !answers.hostName) {
+                answers.hostName = `${answers.appName}.dev.local`;
+            }
+            return !answers.hostName;
+        },
+    },
+];

package/dist/common/utils/helpers.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,11 +12,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeFile = exports.writeFileToPath = exports.getAppPrefix = exports.getBaseTemplates = exports.getAllTemplates = exports.sortKeys = exports.saveConfiguration = exports.writePackageJson = exports.openPackageJson = exports.getPascalCaseName = exports.isDevEnvironment = void 0;
+exports.removeFile = exports.writeFileToPath = exports.getAppPrefix = exports.getBaseTemplates = exports.getAllTemplates = exports.sortKeys = exports.saveConfiguration = exports.writeJsonFile = exports.openJsonFile = exports.getPascalCaseName = exports.isDevEnvironment = exports.getDefaultProxyDestination = exports.proxyAppMatcher = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = __importDefault(require("fs"));
-const path_1 = __importStar(require("path"));
+const path_1 = __importDefault(require("path"));
 const InitializerFactory_1 = require("../../InitializerFactory");
+// matched for proxy templates
+exports.proxyAppMatcher = /node-headless.+|node-xmcloud.+/g;
+/**
+ * Returns the default path for proxy app initialized alongside main JSS tempalates.
+ * @param {string} mainAppDestination target destination for main app
+ * @param {string} proxyName name of for the proxy app folder
+ * @returns {string} target path for proxy app
+ */
+const getDefaultProxyDestination = (mainAppDestination, proxyName) => path_1.default.join(mainAppDestination, '..', proxyName);
+exports.getDefaultProxyDestination = getDefaultProxyDestination;
 /**
  * Determines whether you are in a dev environment.
  * It's `true` if you are inside the monorepo
@@ -61,46 +48,44 @@ const getPascalCaseName = (name) => {
 };
 exports.getPascalCaseName = getPascalCaseName;
 /**
- * Provides `package.json` data
- * @param {string} [pkgPath] path to `package.json`. Default is './package.json'.
- * @returns `package.json` data
+ * Provides json data from a file
+ * @param {string} jsonFilePath path to the .json file.
+ * @returns json data
  */
-const openPackageJson = (pkgPath) => {
-    const filePath = path_1.default.resolve(pkgPath !== null && pkgPath !== void 0 ? pkgPath : `.${path_1.sep}package.json`);
+const openJsonFile = (jsonFilePath) => {
     try {
-        const data = fs_1.default.readFileSync(filePath, 'utf8');
+        const data = fs_1.default.readFileSync(jsonFilePath, 'utf8');
         return data ? JSON.parse(data) : undefined;
     }
     catch (error) {
-        console.log(chalk_1.default.red(`The following error occurred while trying to read ${filePath}:`));
+        console.log(chalk_1.default.red(`The following error occurred while trying to read ${jsonFilePath}:`));
         console.log(chalk_1.default.red(error));
     }
 };
-exports.openPackageJson = openPackageJson;
+exports.openJsonFile = openJsonFile;
 /**
- * Creates `package.json` file and inserts provided data
- * @param {Object} data data to be written into package.json
- * @param {string} [pkgPath] a path to a file. Default is './package.json'.
+ * Creates a .json file and inserts provided data
+ * @param {Object} data data to be written into the .json file
+ * @param {string} jsonFilePath a path to a file.
  */
-const writePackageJson = (data, pkgPath) => {
-    const filePath = path_1.default.resolve(pkgPath !== null && pkgPath !== void 0 ? pkgPath : `.${path_1.sep}package.json`);
+const writeJsonFile = (data, jsonFilePath) => {
     try {
-        fs_1.default.writeFileSync(filePath, JSON.stringify(data, null, 2), { encoding: 'utf8' });
+        fs_1.default.writeFileSync(jsonFilePath, JSON.stringify(data, null, 2), { encoding: 'utf8' });
     }
     catch (error) {
-        console.log(chalk_1.default.red(`The following error occurred while trying to write ${filePath}:`));
+        console.log(chalk_1.default.red(`The following error occurred while trying to write ${jsonFilePath}:`));
         console.log(chalk_1.default.red(error));
     }
 };
-exports.writePackageJson = writePackageJson;
+exports.writeJsonFile = writeJsonFile;
 /**
  * Save configuration params to the package.json
  * @param {string[]} templates templates applied to the sample
  * @param {string} [pkgPath] path to the package.json
  */
 const saveConfiguration = (templates, pkgPath) => {
-    const pkg = (0, exports.openPackageJson)(pkgPath);
-    (0, exports.writePackageJson)(Object.assign(Object.assign({}, pkg), { config: Object.assign(Object.assign({}, pkg.config), { templates }) }), pkgPath);
+    const pkg = (0, exports.openJsonFile)(pkgPath);
+    (0, exports.writeJsonFile)(Object.assign(Object.assign({}, pkg), { config: Object.assign(Object.assign({}, pkg.config), { templates }) }), pkgPath);
 };
 exports.saveConfiguration = saveConfiguration;
 const sortKeys = (obj) => {

package/dist/init-runner.js

@@ -42,7 +42,7 @@ const common_1 = require("./common");
 const InitializerFactory_1 = require("./InitializerFactory");
 const initRunner = (initializers, args) => __awaiter(void 0, void 0, void 0, function* () {
     let nextStepsArr = [];
-    let appName;
+    const appNames = new Set([]);
     const initFactory = new InitializerFactory_1.InitializerFactory();
     const runner = (inits) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
@@ -53,7 +53,8 @@ const initRunner = (initializers, args) => __awaiter(void 0, void 0, void 0, fun
             }
             args.silent || console.log(chalk_1.default.cyan(`Initializing '${init}'...`));
             const response = yield initializer.init(args);
-            appName = response.appName;
+            // App names can be multiple if the base template requires to setup additional standalone app (e.g. XM Cloud proxy)
+            appNames.add(response.appName);
             nextStepsArr = [...nextStepsArr, ...((_a = response.nextSteps) !== null && _a !== void 0 ? _a : [])];
             // process any returned initializers
             if (response.initializers && response.initializers.length > 0) {
@@ -81,7 +82,7 @@ const initRunner = (initializers, args) => __awaiter(void 0, void 0, void 0, fun
         }
     }
     if (!args.silent) {
-        (0, common_1.nextSteps)(appName || '', nextStepsArr);
+        (0, common_1.nextSteps)([...appNames], nextStepsArr);
     }
 });
 exports.initRunner = initRunner;

package/dist/initializers/angular/index.js

@@ -32,9 +32,6 @@ class AngularInitializer {
                 if (!args.templates.includes('angular-xmcloud')) {
                     addInitializers.push('angular-xmcloud');
                 }
-                if (!args.templates.includes('node-xmcloud-proxy')) {
-                    addInitializers.push('node-xmcloud-proxy');
-                }
             }
             else {
                 // invoke default non-XMC init

package/dist/initializers/angular/prompts.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.prompts = void 0;
 const common_1 = require("../../common");
 exports.prompts = [
-    ...common_1.clientAppPrompts,
+    // XMCloud answer defines init behavior. Prompt must go first
     {
         type: 'confirm',
         name: 'xmcloud',
@@ -22,5 +22,5 @@ exports.prompts = [
             return true;
         },
     },
-    ...common_1.styleguidePrompts,
+    ...common_1.clientAppPrompts,
 ];

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

@@ -31,9 +31,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const path_1 = __importStar(require("path"));
 const common_1 = require("../../common");
+const inquirer_1 = __importDefault(require("inquirer"));
 class AngularSxpInitializer {
     get isBase() {
         return false;
@@ -41,8 +45,10 @@ class AngularSxpInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${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 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);
+            const mergedArgs = Object.assign(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), styleguideAnswers);
             const templatePath = path_1.default.resolve(__dirname, '../../templates/angular-sxp');
             yield (0, common_1.transform)(templatePath, mergedArgs);
             const response = {

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

@@ -34,6 +34,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 const path_1 = __importStar(require("path"));
 const common_1 = require("../../common");
+const helpers_1 = require("../../common/utils/helpers");
 class AngularXmCloudInitializer {
     get isBase() {
         return false;
@@ -41,13 +42,22 @@ class AngularXmCloudInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
+            const addInitializers = [];
+            // when installing proxy alongside main app, have a separate path ready
+            if (!args.proxyAppDestination) {
+                args.proxyAppDestination = (0, helpers_1.getDefaultProxyDestination)(args.destination, 'node-xmcloud-proxy');
+            }
+            if (!args.templates.includes('node-xmcloud-proxy')) {
+                addInitializers.push('node-xmcloud-proxy');
+            }
             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/angular-xmcloud');
             yield (0, common_1.transform)(templatePath, mergedArgs);
             const response = {
                 nextSteps: [],
                 appName: args.appName || common_1.DEFAULT_APPNAME,
+                initializers: addInitializers,
             };
             return response;
         });

package/dist/initializers/nextjs/index.js

@@ -105,9 +105,9 @@ class NextjsInitializer {
             }
             if (!addInitializers.includes('nextjs-styleguide') &&
                 !args.templates.includes('nextjs-styleguide')) {
-                const pkg = (0, common_1.openPackageJson)(pkgPath);
+                const pkg = (0, common_1.openJsonFile)(pkgPath);
                 pkg.scripts.bootstrap = pkg.scripts.bootstrap.replace(' && graphql-let', '');
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             const response = {
                 nextSteps: [`* Connect to Sitecore with ${chalk_1.default.green('jss setup')} (optional)`],

package/dist/initializers/nextjs/prompts.js

@@ -12,8 +12,10 @@ var Prerender;
     Prerender["SSR"] = "SSR";
 })(Prerender = exports.Prerender || (exports.Prerender = {}));
 const DEFAULT_PRERENDER = Prerender.SSG;
+// still need sxp prompts here until sitecore/config is no longer added to xmc app
 exports.prompts = [
     ...common_1.clientAppPrompts,
+    ...common_1.sxpPrompts,
     {
         type: 'list',
         name: 'prerender',

package/dist/initializers/nextjs/remove-dev-dependencies.js

@@ -10,10 +10,10 @@ const common_1 = require("../../common");
 const removeDevDependencies = (projectPath) => {
     // remove `next-transpile-modules` dependency
     const packagePath = path_1.default.join(projectPath, 'package.json');
-    const pkg = (0, common_1.openPackageJson)(packagePath);
+    const pkg = (0, common_1.openJsonFile)(packagePath);
     if (pkg === null || pkg === void 0 ? void 0 : pkg.devDependencies['next-transpile-modules']) {
         delete pkg.devDependencies['next-transpile-modules'];
-        (0, common_1.writePackageJson)(pkg, packagePath);
+        (0, common_1.writeJsonFile)(pkg, packagePath);
     }
     // remove monorepo next.config.js plugin
     const monorepoPlugin = path_1.default.join(projectPath, 'src/lib/next-config/plugins/monorepo.js');

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

@@ -41,7 +41,7 @@ class NextjsMultisiteInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            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');
             yield (0, common_1.transform)(templatePath, mergedArgs);

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

@@ -46,7 +46,7 @@ class NextjsStyleguideInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            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);
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-styleguide');

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

@@ -41,7 +41,7 @@ class NextjsStyleguideInitializer {
     init(args) {
         var _a, _b, _c, _d, _e, _f;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            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');
             yield (0, common_1.transform)(templatePath, mergedArgs);

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

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

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

@@ -42,7 +42,7 @@ class NextjsXMCloudInitializer {
     init(args) {
         var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            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');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/react/index.js

@@ -52,7 +52,7 @@ class ReactInitializer {
             yield (0, common_1.transform)(templatePath, mergedArgs);
             const isDev = (0, common_1.isDevEnvironment)(args.destination);
             const pkgPath = path_1.default.resolve(`${args.destination}${path_1.sep}package.json`);
-            const pkg = (0, common_1.openPackageJson)(pkgPath);
+            const pkg = (0, common_1.openJsonFile)(pkgPath);
             if (isDev) {
                 Object.entries(pkg.scripts).forEach(([key, value]) => {
                     // Can't rewire `eject` script
@@ -61,14 +61,14 @@ class ReactInitializer {
                     // It's required to start each command using `react-app-rewired`, to solve duplicate `react` issue
                     pkg.scripts[key] = value.replace('react-scripts', 'react-app-rewired');
                 });
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             else {
                 // Don't need to rewire anything if we are not in the dev env
                 delete pkg.devDependencies['react-app-rewired'];
                 // Remove webpack overrides
                 (0, common_1.removeFile)(path_1.default.resolve(`${args.destination}${path_1.sep}config-overrides.js`));
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             const response = {
                 nextSteps: [`* Connect to Sitecore with ${chalk_1.default.green('jss setup')} (optional)`],

package/dist/initializers/react/prompts.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prompts = void 0;
 const common_1 = require("../../common");
-exports.prompts = [...common_1.clientAppPrompts, ...common_1.styleguidePrompts];
+exports.prompts = [...common_1.clientAppPrompts, ...common_1.sxpPrompts, ...common_1.styleguidePrompts];

package/dist/initializers/react-native/prompts.js

@@ -4,5 +4,6 @@ exports.prompts = void 0;
 const common_1 = require("../../common");
 exports.prompts = [
     ...common_1.clientAppPrompts.filter((p) => p.name !== 'fetchWith'),
+    ...common_1.sxpPrompts,
     ...common_1.styleguidePrompts,
 ];

package/dist/initializers/vue/prompts.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prompts = void 0;
 const common_1 = require("../../common");
-exports.prompts = [...common_1.clientAppPrompts, ...common_1.styleguidePrompts];
+exports.prompts = [...common_1.clientAppPrompts, ...common_1.sxpPrompts, ...common_1.styleguidePrompts];

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

@@ -5,4 +5,4 @@
 PROXY_HOST=http://localhost:3001
 
 # 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=<%- proxyAppDestination %>/dist
+PROXY_BUILD_PATH=<%- helper.relativeProxyAppDestination %>dist

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

@@ -0,0 +1,34 @@
+{
+  "projects": {
+    "<%- appName %>": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "src/styles.css",
+              "src/assets/styles/main.scss"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/assets/styles", "node_modules"]
+            }
+          }
+        },
+        "test": {
+          "options": {
+            "styles": ["src/styles.css", "src/assets/styles/main.scss"],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/assets/styles", "node_modules"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "style": "scss"
+    }
+  }
+}