@salesforce/pwa-kit-create-app 3.0.0-preview.0

package/LICENSE

@@ -0,0 +1,14 @@
+BSD 3-Clause License
+
+Copyright (c) 2021, Salesforce.com, Inc.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+
+3. Neither the name of Salesforce.com nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,44 @@
+# PWA Kit Create App
+
+A tool for generating PWA Kit projects based on project templates, such as the [Retail React App](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/retail-react-app.html).
+
+## Requirements
+
+-   Node 16.11 or later
+-   npm 8 or later
+
+## Quick Start
+
+To get started, open a terminal and run the following:
+
+```bash
+npx @salesforce/pwa-kit-create-app
+```
+
+For help, run:
+
+```bash
+npx @salesforce/pwa-kit-create-app --help
+```
+
+## Documentation
+
+The full documentation for PWA Kit and Managed Runtime is hosted on the [Salesforce Developers](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/overview) portal.
+
+### Useful Links:
+
+-   [Get Started](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/getting-started.html)
+-   [Skills for Success](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/skills-for-success.html)
+-   [Set Up API Access](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/setting-up-api-access.html)
+-   [Configuration Options](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/configuration-options.html)
+-   [Proxy Requests](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/proxying-requests.html)
+-   [Push and Deploy Bundles](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/pushing-and-deploying-bundles.html)
+-   [The Retail React App](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/retail-react-app.html)
+-   [Rendering](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/rendering.html)
+-   [Routing](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/routing.html)
+-   [Phased Headless Rollouts](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/phased-headless-rollouts.html)
+-   [Launch Your Storefront](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/launching-your-storefront.html)
+
+
+## Support Policy
+Security patches are provided for 24 months after the general availability of each major version of the SDK (1.0, 2.0, and so on).

package/assets/bootstrap/js/.eslintignore

@@ -0,0 +1,4 @@
+build
+coverage
+docs
+app/overrides/static

package/assets/bootstrap/js/.eslintrc.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+module.exports = {
+    extends: [require.resolve('@salesforce/pwa-kit-dev/configs/eslint')]
+}

package/assets/bootstrap/js/.prettierrc.yaml

@@ -0,0 +1,7 @@
+printWidth: 100
+singleQuote: true
+semi: false
+bracketSpacing: false
+tabWidth: 4
+arrowParens: 'always'
+trailingComma: 'none'

package/assets/bootstrap/js/babel.config.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+module.exports = require('@salesforce/pwa-kit-dev/configs/babel/babel-config')

package/assets/bootstrap/js/config/default.js.hbs

@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+/* eslint-disable @typescript-eslint/no-var-requires */
+const sites = require('./sites.js')
+module.exports = {
+    app: {
+        // Customize how your 'site' and 'locale' are displayed in the url.
+        url: {
+            // Determine where the siteRef is located. Valid values include 'path|query_param|none'. Defaults to: 'none'
+            // site: 'none',
+            // Determine where the localeRef is located. Valid values include 'path|query_param|none'. Defaults to: 'none'
+            locale: 'none'
+            // This boolean value dictates whether or not default site or locale values are shown in the url. Defaults to: false
+            // showDefaults: true
+        },
+        // The default site for your app. This value will be used when a siteRef could not be determined from the url
+        defaultSite: '{{answers.project.commerce.siteId}}',
+        // Provide aliases for your sites. These will be used in place of your site id when generating paths throughout the application.
+        // siteAliases: {
+        //     RefArch: 'us'
+        // },
+        // The sites for your app, which is imported from sites.js
+        sites,
+        // Commerce api config
+        commerceAPI: {
+            proxyPath: '/mobify/proxy/api',
+            parameters: {
+                clientId: '{{answers.project.commerce.clientId}}',
+                organizationId: '{{answers.project.commerce.organizationId}}',
+                shortCode: '{{answers.project.commerce.shortCode}}',
+                siteId: '{{answers.project.commerce.siteId}}'
+            }
+        },
+        // Einstein api config
+        einsteinAPI: {
+            host: 'https://api.cquotient.com',
+            einsteinId: '{{answers.project.einstein.clientId}}',
+            siteId: '{{answers.project.einstein.siteId}}',
+            // Flag Einstein activities as coming from a production environment.
+            // By setting this to true, the Einstein activities generated by the environment will appear
+            // in production environment reports
+            isProduction: false
+        }
+    },
+    // This list contains server-side only libraries that you don't want to be compiled by webpack
+    externals: [],
+    // Page not found url for your app
+    pageNotFoundURL: '/page-not-found',
+    // Enables or disables building the files necessary for server-side rendering.
+    ssrEnabled: true,
+    // This list determines which files are available exclusively to the server-side rendering system
+    // and are not available through the /mobify/bundle/ path.
+    ssrOnly: ['ssr.js', 'ssr.js.map', 'node_modules/**/*.*'],
+    // This list determines which files are available to the server-side rendering system
+    // and available through the /mobify/bundle/ path.
+    ssrShared: [
+        'static/ico/favicon.ico',
+        'static/robots.txt',
+        '**/*.js',
+        '**/*.js.map',
+        '**/*.json'
+    ],
+    // Additional parameters that configure Express app behavior.
+    ssrParameters: {
+        ssrFunctionNodeVersion: '16.x',
+        proxyConfigs: [
+            {
+                host: '{{answers.project.commerce.shortCode}}.api.commercecloud.salesforce.com',
+                path: 'api'
+            }
+        ]
+    }
+}

package/assets/bootstrap/js/config/sites.js.hbs

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+// Provide the sites for your app. Each site includes site id, and its localization configuration.
+// You can also provide aliases for your locale. They will be used in place of your locale id when generating paths across the app
+module.exports = [
+    {
+        id: '{{answers.project.commerce.siteId}}',
+        l10n: {
+            supportedCurrencies: ['USD'],
+            defaultCurrency: 'USD',
+            defaultLocale: 'en-US',
+            supportedLocales: [
+                {
+                    id: 'en-US',
+                    // alias: 'us',
+                    preferredCurrency: 'USD'
+                }
+            ]
+        }
+    }
+]

package/assets/bootstrap/js/overrides/app/assets/svg/brand-logo.svg

@@ -0,0 +1,5 @@
+<svg width="44" height="42" viewBox="0 0 46 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1 1.94319C1 1.12982 1.91937 0.656693 2.58124 1.12946L42.5812 29.7009C42.844 29.8886 43 30.1917 43 30.5146V40.0568C43 40.8702 42.0806 41.3433 41.4188 40.8705L1.41876 12.2991C1.15597 12.1114 1 11.8083 1 11.4854V1.94319Z" fill="#0D9DDA"/>
+  <path d="M22 1.94319C22 1.12982 22.9194 0.656693 23.5812 1.12946L42.5812 14.7009C42.844 14.8886 43 15.1917 43 15.5146V25.0568C43 25.8702 42.0806 26.3433 41.4188 25.8705L22.4188 12.2991C22.156 12.1114 22 11.8083 22 11.4854V1.94319Z" fill="#8ECAE3"/>
+  <path d="M1 16.9432C1 16.1298 1.91937 15.6567 2.58124 16.1295L21.5812 29.7009C21.844 29.8886 22 30.1917 22 30.5146V40.0568C22 40.8702 21.0806 41.3433 20.4188 40.8705L1.41876 27.2991C1.15597 27.1114 1 26.8083 1 26.4854V16.9432Z" fill="#0B5473"/>
+</svg>

package/assets/bootstrap/js/overrides/app/main.jsx

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+import {start, registerServiceWorker} from '@salesforce/pwa-kit-react-sdk/ssr/browser/main'
+
+const main = () => {
+    // The path to your service worker should match what is set up in ssr.js
+    return Promise.all([start(), registerServiceWorker('/worker.js')])
+}
+
+main()

package/assets/bootstrap/js/overrides/app/request-processor.js

@@ -0,0 +1,118 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+// This is an EXAMPLE file. To enable request processing, rename it to
+// 'request-processor.js' and update the processRequest function so that
+// it processes requests in whatever way your project requires.
+
+// Uncomment the following line for the example code to work.
+import {QueryParameters} from '@salesforce/pwa-kit-runtime/utils/ssr-request-processing'
+
+/**
+ * The processRequest function is called for *every* non-proxy, non-bundle
+ * request received. That is, all requests that will result in pages being
+ * rendered, or the Express app requestHook function being invoked. Because
+ * this function runs for every request, it is important that processing
+ * take as little time as possible. Do not make external requests from
+ * this code. Make your code error tolerant; throwing an error from
+ * this function will cause a 500 error response to be sent to the
+ * requesting client.
+ *
+ * The processRequest function is passed details of the incoming request,
+ * function to support request-class setting plus parameters that refer to
+ * the target for which this code is being run.
+ *
+ * The function must return an object with 'path' and 'querystring'. These
+ * may be the same values passed in, or modified values.
+ *
+ * Processing query strings can be challenging, because there are multiple
+ * formats in use, URL-quoting may be required, and the order of parameters
+ * in the URL may be important. To avoid issues, use the QueryParameters
+ * class from the SDK's 'utils/ssr-request-processing' module. This
+ * class will correctly preserve the order, case, values and encoding of
+ * the parameters. The QueryParameters class is documented in the SDK.
+ *
+ * @param path {String} the path part of the URL, beginning with a '/'
+ * @param querystring {String} the query string part of the URL, without
+ * any initial '?'
+ * @param headers {Headers} the headers of the incoming request. This should
+ * be considered read-only (although header values can be changed, most headers
+ * are not passed to the origin, so changes have no effect).
+ * @param setRequestClass {function} call this with a string to set the
+ * "class" of the incoming request. By default, requests have no class.
+ * @param parameters {Object}
+ * @param parameters.appHostname {String} the "application host name" is the
+ * hostname to which requests are sent for this target: the website's hostname.
+ * @param parameters.deployTarget {String} the target's id. Use this to have
+ * different processing for different targets.
+ * @param parameters.proxyConfigs {Object[]} an array of proxy configuration
+ * object, each one containing protocol, host and path for a proxy. Use this
+ * to have different processing for different backends.
+ * @returns {{path: String, querystring: String}}
+ */
+export const processRequest = ({
+    // Uncomment the following lines for the example code to work.
+    // headers,
+    // setRequestClass,
+    // parameters,
+    path,
+    querystring
+}) => {
+    // This is an EXAMPLE processRequest implementation. You should
+    // replace it with code that processes your requests as needed.
+
+    // This example code will remove any of the parameters whose keys appear
+    // in the 'exclusions' array.
+    const exclusions = [
+        // 'gclid',
+        // 'utm_campaign',
+        // 'utm_content',
+        // 'utm_medium',
+        // 'utm_source'
+    ]
+
+    // This is a performance optimization for SLAS.
+    // On client side, browser always follow the redirect
+    // to /callback but the response is always the same.
+    // We strip out the unique query parameters so this
+    // endpoint is cached at the CDN level
+    if (path === '/callback') {
+        exclusions.push('usid')
+        exclusions.push('code')
+    }
+
+    // Build a first QueryParameters object from the given querystring
+    const incomingParameters = new QueryParameters(querystring)
+
+    // Build a second QueryParameters from the first, with all
+    // excluded parameters removed
+    const filteredParameters = QueryParameters.from(
+        incomingParameters.parameters.filter(
+            // parameter.key is always lower-case
+            (parameter) => !exclusions.includes(parameter.key)
+        )
+    )
+
+    // Re-generate the querystring
+    querystring = filteredParameters.toString()
+
+    /***************************************************************************
+    // This example code will detect bots by examining the user-agent,
+    // and will set the request class to 'bot' for all such requests.
+    const ua = headers.getHeader('user-agent')
+    // This check
+    const botcheck = /bot|crawler|spider|crawling/i
+    if (botcheck.test(ua)) {
+        setRequestClass('bot')
+    }
+    ***************************************************************************/
+    // Return the path unchanged, and the updated query string
+    return {
+        path,
+        querystring
+    }
+}

package/assets/bootstrap/js/overrides/app/routes.jsx.hbs

@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+import {routes} from '{{preset.templateSource.id}}/app/routes'
+{{!-- TODO: The configure routes should be an optional opt-in provided from the SDK. --}}
+import {configureRoutes} from '{{preset.templateSource.id}}/app/utils/routes-utils'
+import {getConfig} from '@salesforce/pwa-kit-runtime/utils/ssr-config'
+
+{{!-- export default routes --}}
+export default () => {
+    const config = getConfig()
+    return configureRoutes(routes, config, {
+        ignoredRoutes: ['/callback', '*']
+    })
+}

package/assets/bootstrap/js/overrides/app/ssr.js

@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+/* eslint-disable @typescript-eslint/no-var-requires */
+'use strict'
+
+const path = require('path')
+const {getRuntime} = require('@salesforce/pwa-kit-runtime/ssr/server/express')
+const {isRemote} = require('@salesforce/pwa-kit-runtime/utils/ssr-server')
+const {getConfig} = require('@salesforce/pwa-kit-runtime/utils/ssr-config')
+const helmet = require('helmet')
+
+const options = {
+    // The build directory (an absolute path)
+    buildDir: path.resolve(process.cwd(), 'build'),
+
+    // The cache time for SSR'd pages (defaults to 600 seconds)
+    defaultCacheTimeSeconds: 600,
+
+    // This is the value of the 'mobify' object from package.json
+    mobify: getConfig(),
+
+    // The port that the local dev server listens on
+    port: 3000,
+
+    // The protocol on which the development Express app listens.
+    // Note that http://localhost is treated as a secure context for development.
+    protocol: 'http'
+}
+
+const runtime = getRuntime()
+
+const {handler} = runtime.createHandler(options, (app) => {
+    // Set HTTP security headers
+    app.use(
+        helmet({
+            contentSecurityPolicy: {
+                useDefaults: true,
+                directives: {
+                    'img-src': ["'self'", '*.commercecloud.salesforce.com', 'data:'],
+                    'script-src': ["'self'", "'unsafe-eval'", 'storage.googleapis.com'],
+                    'connect-src': ["'self'", 'api.cquotient.com'],
+
+                    // Do not upgrade insecure requests for local development
+                    'upgrade-insecure-requests': isRemote() ? [] : null
+                }
+            },
+            hsts: isRemote()
+        })
+    )
+
+    // Handle the redirect from SLAS as to avoid error
+    app.get('/callback?*', (req, res) => {
+        res.send()
+    })
+    app.get('/robots.txt', runtime.serveStaticFile('static/robots.txt'))
+    app.get('/favicon.ico', runtime.serveStaticFile('static/ico/favicon.ico'))
+
+    app.get('/worker.js(.map)?', runtime.serveServiceWorker)
+    app.get('*', runtime.render)
+})
+// SSR requires that we export a single handler function called 'get', that
+// supports AWS use of the server that we created above.
+exports.get = handler

package/assets/bootstrap/js/overrides/app/static/manifest.json.hbs

@@ -0,0 +1,19 @@
+{
+  "name": "{{preset.id}}",
+  "short_name": "{{preset.id}}",
+  "start_url": "/?homescreen=1",
+  "background_color": "#fff",
+  "theme_color": "#4e439b",
+  "display": "standalone",
+  "icons": [
+    {
+      "src": "./img/global/app-icon-192.png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./img/global/app-icon-512.png",
+      "sizes": "512x512"
+    }
+  ]
+}
+

package/assets/bootstrap/js/overrides/app/static/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

package/assets/bootstrap/js/package.json.hbs

@@ -0,0 +1,36 @@
+{
+  "name": "{{answers.project.name}}",
+  "version": "0.0.1",
+  "license": "See license in LICENSE",
+  "engines": {
+    "node": "^16.0.0 || ^18.0.0",
+    "npm": "^7.0.0 || ^8.0.0 || ^9.0.0"
+  },
+  "ccExtensibility": {
+    "extends": "{{preset.templateSource.id}}",
+    "overridesDir": "overrides"
+  },
+  "devDependencies": {
+    "{{preset.templateSource.id}}": "{{answers.general.packageJSON.version}}"
+  },
+  "scripts": {
+    {{#each answers.general.packageJSON.scripts}}
+    "{{@key}}": "{{{script this}}}"{{#unless @last}},{{/unless}}
+    {{/each}}
+  },
+  "bundlesize": [
+    {
+      "path": "build/main.js",
+      "maxSize": "42 kB"
+    },
+    {
+      "path": "build/vendor.js",
+      "maxSize": "320 kB"
+    }
+  ],
+  "browserslist": [
+    "iOS >= 9.0",
+    "Android >= 4.4.4",
+    "last 4 ChromeAndroid versions"
+  ]
+}

package/assets/bootstrap/js/worker/main.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */

package/assets/templates/retail-react-app/app/static/manifest.json.hbs

@@ -0,0 +1,19 @@
+{
+  "name": "{{preset.id}}",
+  "short_name": "{{preset.id}}",
+  "start_url": "/?homescreen=1",
+  "background_color": "#fff",
+  "theme_color": "#4e439b",
+  "display": "standalone",
+  "icons": [
+    {
+      "src": "./img/global/app-icon-192.png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./img/global/app-icon-512.png",
+      "sizes": "512x512"
+    }
+  ]
+}
+

package/assets/templates/retail-react-app/config/default.js.hbs

@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+/* eslint-disable @typescript-eslint/no-var-requires */
+const sites = require('./sites.js')
+module.exports = {
+    app: {
+        // Customize how your 'site' and 'locale' are displayed in the url.
+        url: {
+            // Determine where the siteRef is located. Valid values include 'path|query_param|none'. Defaults to: 'none'
+            // site: 'none',
+            // Determine where the localeRef is located. Valid values include 'path|query_param|none'. Defaults to: 'none'
+            locale: 'none',
+            // This boolean value dictates whether or not default site or locale values are shown in the url. Defaults to: false
+            // showDefaults: true
+        },
+        // The default site for your app. This value will be used when a siteRef could not be determined from the url
+        defaultSite: '{{answers.project.commerce.siteId}}',
+        // Provide aliases for your sites. These will be used in place of your site id when generating paths throughout the application.
+        // siteAliases: {
+        //     RefArch: 'us'
+        // },
+        // The sites for your app, which is imported from sites.js
+        sites,
+        // Commerce api config
+        commerceAPI: {
+            proxyPath: '/mobify/proxy/api',
+            parameters: {
+                clientId: '{{answers.project.commerce.clientId}}',
+                organizationId: '{{answers.project.commerce.organizationId}}',
+                shortCode: '{{answers.project.commerce.shortCode}}',
+                siteId: '{{answers.project.commerce.siteId}}'
+            }
+        },
+        // Einstein api config
+        einsteinAPI: {
+            host: 'https://api.cquotient.com',
+            einsteinId: '{{answers.project.einstein.clientId}}',
+            siteId: '{{answers.project.einstein.siteId}}',
+            // Flag Einstein activities as coming from a production environment.
+            // By setting this to true, the Einstein activities generated by the environment will appear
+            // in production environment reports
+            isProduction: false
+        }
+    },
+    // This list contains server-side only libraries that you don't want to be compiled by webpack
+    externals: [],
+    // Page not found url for your app
+    pageNotFoundURL: '/page-not-found',
+    // Enables or disables building the files necessary for server-side rendering.
+    ssrEnabled: true,
+    // This list determines which files are available exclusively to the server-side rendering system
+    // and are not available through the /mobify/bundle/ path.
+    ssrOnly: ['ssr.js', 'ssr.js.map', 'node_modules/**/*.*'],
+    // This list determines which files are available to the server-side rendering system
+    // and available through the /mobify/bundle/ path.
+    ssrShared: [
+        'static/ico/favicon.ico',
+        'static/robots.txt',
+        '**/*.js',
+        '**/*.js.map',
+        '**/*.json'
+    ],
+    // Additional parameters that configure Express app behavior.
+    ssrParameters: {
+        ssrFunctionNodeVersion: '16.x',
+        proxyConfigs: [
+            {
+                host: '{{answers.project.commerce.shortCode}}.api.commercecloud.salesforce.com',
+                path: 'api'
+            }
+        ]
+    }
+}

package/assets/templates/retail-react-app/config/sites.js.hbs

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+// Provide the sites for your app. Each site includes site id, and its localization configuration.
+// You can also provide aliases for your locale. They will be used in place of your locale id when generating paths across the app
+module.exports = [
+    {
+        id: '{{answers.project.commerce.siteId}}',
+        l10n: {
+            supportedCurrencies: ['USD'],
+            defaultCurrency: 'USD',
+            defaultLocale: 'en-US',
+            supportedLocales: [
+                {
+                    id: 'en-US',
+                    // alias: 'us',
+                    preferredCurrency: 'USD'
+                }
+            ]
+        }
+    }
+]