create-sitecore-jss 22.5.0 → 22.5.1-canary.2

package/dist/templates/angular-sxp/src/app/components/styleguide-tracking/styleguide-tracking.component.html

@@ -1,175 +1,175 @@
-<app-styleguide-specimen [rendering]="rendering" e2eId="styleguide-tracking">
-  <p *ngIf="disconnectedMode">The tracking API is only available in connected, integrated, or headless modes.</p>
-
-  <div *ngIf="!disconnectedMode">
-    <p class="alert alert-warning">
-      Note: The JSS tracker API is disabled by default. Consult the <a href="https://jss.sitecore.com/docs/fundamentals/services/tracking">tracking documentation</a> to enable it.
-    </p>
-    <div class="row">
-      <fieldset class="form-group col-sm">
-        <legend>Event</legend>
-        <p>
-          Events are defined in <code>/sitecore/system/Settings/Analytics/Page Events</code>
-        </p>
-        <label htmlFor="event">Event GUID or Name</label>
-        <input type="text" id="event" class="form-control" [(ngModel)]="event" />
-        <button
-          type="button"
-          class="btn btn-primary mt-3"
-          (click)="submitEvent()"
-        >
-          Submit
-        </button>
-      </fieldset>
-
-      <fieldset class="form-group col-sm">
-        <legend>Goal</legend>
-        <p>
-          Goals are defined in <code>/sitecore/system/Marketing Control Panel/Goals</code>
-        </p>
-        <label htmlFor="goal">Goal GUID or Name</label>
-        <input
-          type="text"
-          class="form-control"
-          id="goal"
-          name="goal"
-          [(ngModel)]="goal"
-          placeholder="i.e. Register"
-        />
-        <button
-          type="button"
-          class="btn btn-primary mt-3"
-          (click)="submitGoal()"
-        >
-          Submit
-        </button>
-      </fieldset>
-    </div>
-    <div class="row">
-      <fieldset class="form-group col-sm">
-        <legend>Outcome</legend>
-        <p>
-          Outcomes are defined in <code>/sitecore/system/Marketing Control Panel/Outcomes</code>
-        </p>
-        <label htmlFor="outcomeName">Outcome GUID or Name</label>
-        <input
-          type="text"
-          class="form-control"
-          id="outcomeName"
-          name="outcomeName"
-          [(ngModel)]="outcomeName"
-          placeholder="i.e. Marketing Lead"
-        />
-        <br />
-        <label htmlFor="outcomeValue">Monetary Value (optional)</label>
-        <input
-          type="number"
-          class="form-control"
-          id="outcomeValue"
-          name="outcomeValue"
-          [(ngModel)]="outcomeValue"
-          placeholder="i.e. 1337.00"
-        />
-        <button
-          type="button"
-          class="btn btn-primary mt-3"
-          (click)="submitOutcome()"
-        >
-          Submit
-        </button>
-      </fieldset>
-
-      <fieldset class="form-group col-sm">
-        <legend>Campaign</legend>
-        <p>
-          Campaigns are defined in <code>/sitecore/system/Marketing Control Panel/Campaigns</code>
-        </p>
-        <label htmlFor="campaign">Campaign GUID or Name</label>
-        <input type="text" class="form-control" id="campaign" [(ngModel)]="campaign" />
-        <button
-          type="button"
-          class="btn btn-primary mt-3"
-          (click)="triggerCampaign()"
-        >
-          Submit
-        </button>
-      </fieldset>
-    </div>
-    <div class="row">
-      <fieldset class="form-group col-sm">
-        <legend>Page View</legend>
-        <p>
-          Track arbitrary page views for custom routing or offline use. Note that Layout
-          Service tracks page views by default unless <code>tracking=false</code> is passed
-          in its query string.
-        </p>
-        <label htmlFor="pageId">Page Item GUID</label>
-        <input
-          type="text"
-          class="form-control"
-          id="pageId"
-          name="pageId"
-          [(ngModel)]="pageId"
-          placeholder="i.e. 11111111-1111-1111-1111-111111111111"
-        />
-        <br />
-        <label htmlFor="pageUrl">Page URL</label>
-        <input
-          type="text"
-          class="form-control"
-          id="pageUrl"
-          name="pageUrl"
-          [(ngModel)]="pageUrl"
-          placeholder="i.e. /foo/bar"
-        />
-        <button
-          type="button"
-          class="btn btn-primary mt-3"
-          (click)="submitPageView()"
-        >
-          Submit
-        </button>
-      </fieldset>
-
-      <fieldset class="form-group col-sm">
-        <legend>Batching</legend>
-        <p>
-          The tracking API supports pushing a whole batch of events in a single request.
-          This can be useful for queuing strategies or offline PWA usage.
-        </p>
-        <button
-          type="button"
-          class="btn btn-primary"
-          (click)="submitBatching()"
-        >
-          Submit Batch of Events
-        </button>
-      </fieldset>
-    </div>
-    <div class="row">
-      <fieldset class="form-group col-sm">
-        <legend>Interaction Control</legend>
-        <p>
-          Tracking data is not pushed into the xConnect service until your session ends on
-          the Sitecore server. Click this button to instantly end your session and flush the
-          data - great for debugging and testing.
-        </p>
-        <p class="alert alert-warning">
-          Note: By default <em>anonymous</em> contacts will not be shown in Experience
-          Profile. If your interactions are not showing up in Experience Profile, you may
-          need to
-          <a href="https://doc.sitecore.net/developers/xp/xconnect/xconnect-search-indexer/enable-anonymous-contact-indexing.html">
-            enable anonymous contact indexing.
-          </a>
-        </p>
-        <button
-          type="button"
-          class="btn btn-primary"
-          (click)="abandonSession()"
-        >
-          End Interaction
-        </button>
-      </fieldset>
-    </div>
-  </div>
-</app-styleguide-specimen>
+<app-styleguide-specimen [rendering]="rendering" e2eId="styleguide-tracking">
+  <p *ngIf="disconnectedMode">The tracking API is only available in connected, integrated, or headless modes.</p>
+
+  <div *ngIf="!disconnectedMode">
+    <p class="alert alert-warning">
+      Note: The JSS tracker API is disabled by default. Consult the <a href="https://jss.sitecore.com/docs/fundamentals/services/tracking">tracking documentation</a> to enable it.
+    </p>
+    <div class="row">
+      <fieldset class="form-group col-sm">
+        <legend>Event</legend>
+        <p>
+          Events are defined in <code>/sitecore/system/Settings/Analytics/Page Events</code>
+        </p>
+        <label htmlFor="event">Event GUID or Name</label>
+        <input type="text" id="event" class="form-control" [(ngModel)]="event" />
+        <button
+          type="button"
+          class="btn btn-primary mt-3"
+          (click)="submitEvent()"
+        >
+          Submit
+        </button>
+      </fieldset>
+
+      <fieldset class="form-group col-sm">
+        <legend>Goal</legend>
+        <p>
+          Goals are defined in <code>/sitecore/system/Marketing Control Panel/Goals</code>
+        </p>
+        <label htmlFor="goal">Goal GUID or Name</label>
+        <input
+          type="text"
+          class="form-control"
+          id="goal"
+          name="goal"
+          [(ngModel)]="goal"
+          placeholder="i.e. Register"
+        />
+        <button
+          type="button"
+          class="btn btn-primary mt-3"
+          (click)="submitGoal()"
+        >
+          Submit
+        </button>
+      </fieldset>
+    </div>
+    <div class="row">
+      <fieldset class="form-group col-sm">
+        <legend>Outcome</legend>
+        <p>
+          Outcomes are defined in <code>/sitecore/system/Marketing Control Panel/Outcomes</code>
+        </p>
+        <label htmlFor="outcomeName">Outcome GUID or Name</label>
+        <input
+          type="text"
+          class="form-control"
+          id="outcomeName"
+          name="outcomeName"
+          [(ngModel)]="outcomeName"
+          placeholder="i.e. Marketing Lead"
+        />
+        <br />
+        <label htmlFor="outcomeValue">Monetary Value (optional)</label>
+        <input
+          type="number"
+          class="form-control"
+          id="outcomeValue"
+          name="outcomeValue"
+          [(ngModel)]="outcomeValue"
+          placeholder="i.e. 1337.00"
+        />
+        <button
+          type="button"
+          class="btn btn-primary mt-3"
+          (click)="submitOutcome()"
+        >
+          Submit
+        </button>
+      </fieldset>
+
+      <fieldset class="form-group col-sm">
+        <legend>Campaign</legend>
+        <p>
+          Campaigns are defined in <code>/sitecore/system/Marketing Control Panel/Campaigns</code>
+        </p>
+        <label htmlFor="campaign">Campaign GUID or Name</label>
+        <input type="text" class="form-control" id="campaign" [(ngModel)]="campaign" />
+        <button
+          type="button"
+          class="btn btn-primary mt-3"
+          (click)="triggerCampaign()"
+        >
+          Submit
+        </button>
+      </fieldset>
+    </div>
+    <div class="row">
+      <fieldset class="form-group col-sm">
+        <legend>Page View</legend>
+        <p>
+          Track arbitrary page views for custom routing or offline use. Note that Layout
+          Service tracks page views by default unless <code>tracking=false</code> is passed
+          in its query string.
+        </p>
+        <label htmlFor="pageId">Page Item GUID</label>
+        <input
+          type="text"
+          class="form-control"
+          id="pageId"
+          name="pageId"
+          [(ngModel)]="pageId"
+          placeholder="i.e. 11111111-1111-1111-1111-111111111111"
+        />
+        <br />
+        <label htmlFor="pageUrl">Page URL</label>
+        <input
+          type="text"
+          class="form-control"
+          id="pageUrl"
+          name="pageUrl"
+          [(ngModel)]="pageUrl"
+          placeholder="i.e. /foo/bar"
+        />
+        <button
+          type="button"
+          class="btn btn-primary mt-3"
+          (click)="submitPageView()"
+        >
+          Submit
+        </button>
+      </fieldset>
+
+      <fieldset class="form-group col-sm">
+        <legend>Batching</legend>
+        <p>
+          The tracking API supports pushing a whole batch of events in a single request.
+          This can be useful for queuing strategies or offline PWA usage.
+        </p>
+        <button
+          type="button"
+          class="btn btn-primary"
+          (click)="submitBatching()"
+        >
+          Submit Batch of Events
+        </button>
+      </fieldset>
+    </div>
+    <div class="row">
+      <fieldset class="form-group col-sm">
+        <legend>Interaction Control</legend>
+        <p>
+          Tracking data is not pushed into the xConnect service until your session ends on
+          the Sitecore server. Click this button to instantly end your session and flush the
+          data - great for debugging and testing.
+        </p>
+        <p class="alert alert-warning">
+          Note: By default <em>anonymous</em> contacts will not be shown in Experience
+          Profile. If your interactions are not showing up in Experience Profile, you may
+          need to
+          <a href="https://doc.sitecore.net/developers/xp/xconnect/xconnect-search-indexer/enable-anonymous-contact-indexing.html">
+            enable anonymous contact indexing.
+          </a>
+        </p>
+        <button
+          type="button"
+          class="btn btn-primary"
+          (click)="abandonSession()"
+        >
+          End Interaction
+        </button>
+      </fieldset>
+    </div>
+  </div>
+</app-styleguide-specimen>

package/dist/templates/angular-sxp/src/app/routing/navigation/navigation.component.html

@@ -1,23 +1,23 @@
-<div
-  class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom"
->
-  <h5 class="my-0 me-md-auto fw-normal">
-    <a routerLink="/" class="text-dark" class="logo"></a>
-  </h5>
-  <nav class="my-2 my-md-0 me-md-3">
-    <a
-      class="p-2 text-dark"
-      href="https://jss.sitecore.com"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      {{ 'Documentation' | translate }}
-    </a>
-    <a routerLink="/styleguide" class="p-2 text-dark">
-      {{ 'Styleguide' | translate }}
-    </a>
-    <a routerLink="/graphql" class="p-2 text-dark">
-      {{ 'GraphQL' | translate }}
-    </a>
-  </nav>
-</div>
+<div
+  class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom"
+>
+  <h5 class="my-0 me-md-auto fw-normal">
+    <a routerLink="/" class="text-dark" class="logo"></a>
+  </h5>
+  <nav class="my-2 my-md-0 me-md-3">
+    <a
+      class="p-2 text-dark"
+      href="https://jss.sitecore.com"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {{ 'Documentation' | translate }}
+    </a>
+    <a routerLink="/styleguide" class="p-2 text-dark">
+      {{ 'Styleguide' | translate }}
+    </a>
+    <a routerLink="/graphql" class="p-2 text-dark">
+      {{ 'GraphQL' | translate }}
+    </a>
+  </nav>
+</div>

package/dist/templates/angular-sxp/src/app/routing/scripts/scripts.component.html

@@ -1,3 +1,3 @@
-<div>
-  <app-visitor-identification></app-visitor-identification>
-</div>
+<div>
+  <app-visitor-identification></app-visitor-identification>
+</div>

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

@@ -1,87 +1,87 @@
-# Angular for XM Cloud
-
-> Sitecore JSS Angular App for XM Cloud. This feature is currently in public beta.
-> If you encounter any issues or bugs, please submit a new issue in the [JSS GitHub Repo](https://github.com/Sitecore/jss)
-
-[Documentation](https://doc.sitecore.com/xmc/en/developers/jss/latest/jss-xmc/introducing-sitecore-javascript-rendering-sdk.html)
-
-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 Angular XM Cloud integration consists of two parts:
-- `XM Cloud Angular`: simplifies connecting the application to XM Cloud and configuring the integration of multiple composable Sitecore products, and provides out-of-the-box helper components.
-- `XM Cloud Proxy`: Adds integration with XM Cloud for the JSS SPA applications and enables editing, personalization and component A/B/n testing support. See [XM Cloud Proxy](../node-xmcloud-proxy/) for more information.
-
-The following key features are supported:
-
-- `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 component A/B/n testing.
-
-- `Forms support`: consume and post XM Cloud Forms in JSS apps. Using Forms, marketers can create forms, collect data, and analyze form performance.
-
-- `Internationalization` support.
-
-> The following features and integrations are not supported by Angular and Proxy apps for XM Cloud:
-> - Multisite
-> - The XM Cloud Components application
-> - BYOC components
-> - SXA sitemap, redirects, error pages
-> - Sitecore Experience Editor
-
-## Getting Started
-
-### Development
-
-When building and running your app in connected (development) mode the proxy application is not needed.
-
-Execute the following commands:
-```shell
-npm install
-npm run build
-npm run start:connected
-```
-
-> The following features are not supported in development mode:
-> * personalization
-> * server-side rendering
-> * editing
-
-### Production
-
-To build and run in production mode you need to have your Angular app side by side with the [Node XM Cloud proxy](../node-xmcloud-proxy/).
-
-Execute the following commands:
-
-For the Angular app:
-```shell
-npm install
-
-# It will build the angular app and copy the the resulting `/dist` folder into the specified proxy app folder
-npm run build
-```
-
-For the Proxy app:
-
-```shell
-npm install
-npm run start
-```
-
-For additional information on how to set up and run a SPA app in production mode against an XM Cloud instance you can check the [spa-starters monorepo](https://github.com/sitecorelabs/xmcloud-foundation-head/tree/main/headapps/spa-starter) in the XM Cloud Foundation Starter Kit.
-
-## Environment Variables
-
-The following environment variables can be used 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_BUILD_PATH`                              | Your XM Cloud Proxy server path is needed to build the app. The build output will be copied to the XM Cloud Proxy application path. Default value `<xmcloud_proxy_path>\dist`.
-| `SITECORE_EDGE_CONTEXT_ID`                              | The Context ID, which covers many system configurations, is 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 editing host, this value is always set to the preview Context ID.                   |
-| `SITECORE_API_KEY`                              | The API key for GRAPH_QL_ENDPOINT authentication. It should be used in combination with SITECORE_API_HOST for local development when connecting to a local XM Cloud 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. 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. The default value is the name of your app.                   |
-| `DEFAULT_LANGUAGE`                              | The default language of your app. The default value is `en`                  |
-| `DEBUG`                  | Optional. Debug level for the application. Set the DEBUG environment variable to 'sitecore-jss:*' to see all logs. Refer to the [official docs](https://doc.sitecore.com/xmc/en/developers/jss/22/jss-xmc/debug-logging-in-jss-apps.html#namespaces) for all the available namespaces.
+# Angular for XM Cloud
+
+> Sitecore JSS Angular App for XM Cloud. This feature is currently in public beta.
+> If you encounter any issues or bugs, please submit a new issue in the [JSS GitHub Repo](https://github.com/Sitecore/jss)
+
+[Documentation](https://doc.sitecore.com/xmc/en/developers/jss/latest/jss-xmc/introducing-sitecore-javascript-rendering-sdk.html)
+
+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 Angular XM Cloud integration consists of two parts:
+- `XM Cloud Angular`: simplifies connecting the application to XM Cloud and configuring the integration of multiple composable Sitecore products, and provides out-of-the-box helper components.
+- `XM Cloud Proxy`: Adds integration with XM Cloud for the JSS SPA applications and enables editing, personalization and component A/B/n testing support. See [XM Cloud Proxy](../node-xmcloud-proxy/) for more information.
+
+The following key features are supported:
+
+- `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 component A/B/n testing.
+
+- `Forms support`: consume and post XM Cloud Forms in JSS apps. Using Forms, marketers can create forms, collect data, and analyze form performance.
+
+- `Internationalization` support.
+
+> The following features and integrations are not supported by Angular and Proxy apps for XM Cloud:
+> - Multisite
+> - The XM Cloud Components application
+> - BYOC components
+> - SXA sitemap, redirects, error pages
+> - Sitecore Experience Editor
+
+## Getting Started
+
+### Development
+
+When building and running your app in connected (development) mode the proxy application is not needed.
+
+Execute the following commands:
+```shell
+npm install
+npm run build
+npm run start:connected
+```
+
+> The following features are not supported in development mode:
+> * personalization
+> * server-side rendering
+> * editing
+
+### Production
+
+To build and run in production mode you need to have your Angular app side by side with the [Node XM Cloud proxy](../node-xmcloud-proxy/).
+
+Execute the following commands:
+
+For the Angular app:
+```shell
+npm install
+
+# It will build the angular app and copy the the resulting `/dist` folder into the specified proxy app folder
+npm run build
+```
+
+For the Proxy app:
+
+```shell
+npm install
+npm run start
+```
+
+For additional information on how to set up and run a SPA app in production mode against an XM Cloud instance you can check the [spa-starters monorepo](https://github.com/sitecorelabs/xmcloud-foundation-head/tree/main/headapps/spa-starter) in the XM Cloud Foundation Starter Kit.
+
+## Environment Variables
+
+The following environment variables can be used 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_BUILD_PATH`                              | Your XM Cloud Proxy server path is needed to build the app. The build output will be copied to the XM Cloud Proxy application path. Default value `<xmcloud_proxy_path>\dist`.
+| `SITECORE_EDGE_CONTEXT_ID`                              | The Context ID, which covers many system configurations, is 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 editing host, this value is always set to the preview Context ID.                   |
+| `SITECORE_API_KEY`                              | The API key for GRAPH_QL_ENDPOINT authentication. It should be used in combination with SITECORE_API_HOST for local development when connecting to a local XM Cloud 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. 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. The default value is the name of your app.                   |
+| `DEFAULT_LANGUAGE`                              | The default language of your app. The default value is `en`                  |
+| `DEBUG`                  | Optional. Debug level for the application. Set the DEBUG environment variable to 'sitecore-jss:*' to see all logs. Refer to the [official docs](https://doc.sitecore.com/xmc/en/developers/jss/22/jss-xmc/debug-logging-in-jss-apps.html#namespaces) for all the available namespaces.

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

@@ -1,33 +1,33 @@
-{
-  "projects": {
-    "<%- appName %>": {
-      "architect": {
-        "build": {
-          "options": {
-            "styles": [
-              "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"
-    }
-  }
-}
+{
+  "projects": {
+    "<%- appName %>": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "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"
+    }
+  }
+}