create-sitecore-jss 22.2.0-canary.80 → 22.2.0-canary.83

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

@@ -1,13 +0,0 @@
-import { environment } from './src/environments/environment';
-
-/**
- * Define the required configuration values to be exported from the server.bundle.ts.
- */
-
-const apiKey = environment.sitecoreApiKey;
-const siteName = environment.sitecoreSiteName;
-
-export {
-  apiKey,
-  siteName,
-};

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

@@ -1,16 +0,0 @@
-/*
- * Represents the type of config object available within the generated /environments/environment.js
- */
-export interface JssConfig extends Record<string, string | boolean | undefined> {
-  production?: false;
-  sitecoreApiKey?: string;
-  sitecoreApiHost?: string;
-  sitecoreSiteName?: string;
-  defaultLanguage?: string;
-  graphQLEndpoint?: string;
-  graphQLEndpointPath?: string;
-  <% if (!locals.xmcloud) { -%>
-  layoutServiceConfigurationName?: string;
-  <% } -%>
-  defaultServerRoute?: string;
-}

package/dist/templates/angular/src/app/lib/graphql-client-factory/config.ts

@@ -1,21 +0,0 @@
-import { GraphQLRequestClientFactoryConfig } from '@sitecore-jss/sitecore-jss-angular/cjs';
-import { environment as env } from '../../../environments/environment';
-
-/**
- * Gets the configuration for the GraphQLRequestClientFactory
- * @returns GraphQLRequestClientFactoryConfig
- */
-export const getGraphQLClientFactoryConfig = () => {
-  let clientConfig: GraphQLRequestClientFactoryConfig;
-
-  if (env.graphQLEndpoint && env.sitecoreApiKey) {
-    clientConfig = {
-      endpoint: env.graphQLEndpoint,
-      apiKey: env.sitecoreApiKey,
-    };
-  } else {
-    throw new Error('Please configure your graphQLEndpoint and sitecoreApiKey.');
-  }
-
-  return clientConfig;
-};

package/dist/templates/angular/src/app/lib/graphql-client-factory/index.ts

@@ -1,16 +0,0 @@
-import { GraphQLRequestClient } from '@sitecore-jss/sitecore-jss-angular/cjs';
-import { getGraphQLClientFactoryConfig } from './config';
-
-// The GraphQLRequestClientFactory serves as the central hub for executing GraphQL requests within the application
-
-/**
- * Creates a new GraphQLRequestClientFactory instance
- * @returns GraphQLRequestClientFactory instance
- */
-const createGraphQLClientFactory = () => {
-  const clientConfig = getGraphQLClientFactoryConfig();
-
-  return GraphQLRequestClient.createClientFactory(clientConfig);
-};
-
-export default createGraphQLClientFactory();

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

@@ -1 +0,0 @@
-<div></div>

package/dist/templates/angular/src/app/routing/scripts/scripts.component.ts

@@ -1,7 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-scripts',
-  templateUrl: './scripts.component.html',
-})
-export class ScriptsComponent {}

package/dist/templates/angular/src/app/routing/scripts/scripts.module.ts

@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { ScriptsComponent } from './scripts.component';
-
-@NgModule({
-  exports: [ScriptsComponent],
-  declarations: [ScriptsComponent],
-})
-export class ScriptsModule {}

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

@@ -1,2 +0,0 @@
-# The way in which layout and dictionary data is fetched from Sitecore
-FETCH_WITH=<%- fetchWith %>

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

@@ -1,12 +0,0 @@
-{
-  "scripts": {
-    "start": "cross-env-shell JSS_MODE=disconnected \"npm-run-all --serial bootstrap --parallel start:angular start:proxy start:watch-components\"",
-    "start:proxy": "ts-node --project src/tsconfig.webpack-server.json scripts/disconnected-mode-proxy.ts",
-    "lint:yml": "ts-node ./scripts/lint-yml.ts",
-    "lint": "ng lint <%- appName %> --fix && npm run lint:yml",
-    "scaffold": "ng generate @sitecore-jss/sitecore-jss-angular-schematics:jss-component"
-  },
-  "devDependencies": {
-    "yaml-lint": "^1.2.4"
-  }
-}

package/dist/templates/angular-sxp/proxy.conf.js

@@ -1,43 +0,0 @@
-/*
-  When the app runs in disconnected mode, and Sitecore is not present, we need to give
-  the app copies of the Sitecore APIs it depends on (layout service, dictionary service, content service)
-  to talk to so that the app can run using the locally defined disconnected data.
-
-  When the app runs in connected mode, Sitecore is present and some of the requests should be
-  proxied to the Sitecore API
-
-  This is accomplished by spinning up a small Express server that mocks the APIs, and then
-  telling angular-cli to proxy requests to the API paths to this express instance.
-
-*/
-const constants = require('@sitecore-jss/sitecore-jss-angular/cjs').constants;
-const environment = require('./src/environments/environment.js').environment;
-
-const port = 3043;
-
-const PROXY_CONFIG =
-  process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED
-    ? [
-        {
-          context: ['/data', '/sitecore'],
-          target: `http://localhost:${port}`,
-          secure: false,
-        },
-      ]
-    : [
-        {
-          context: [
-            // API endpoints
-            '/sitecore',
-            // media items
-            '/-',
-            // visitor identification
-            '/layouts',
-          ],
-          target: environment.sitecoreApiHost,
-          secure: false,
-          changeOrigin: true,
-        },
-      ];
-
-module.exports = PROXY_CONFIG;

package/dist/templates/angular-sxp/scripts/config/plugins/disconnected.ts

@@ -1,29 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-import { constants } from '@sitecore-jss/sitecore-jss-angular/cjs';
-const chalk = require('chalk');
-
-/**
- * This plugin will check if fetchwith graphgl is beeing used in disconnected mode and throw error if so
- */
-class DisconnectedPlugin implements ConfigPlugin {
-  // should come before other plugins
-  order = 2;
-
-  async exec(config: JssConfig) {
-    const disconnected = process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED;
-    if (disconnected && process.env.FETCH_WITH === constants.FETCH_WITH.GRAPHQL) {
-      throw new Error(
-        chalk.red(
-          'GraphQL requests to Dictionary and Layout services are not supported in disconnected mode.'
-        )
-      );
-    }
-
-    return Object.assign({}, config, {
-      sitecoreApiKey: config.sitecoreApiKey || 'no-api-key-set',
-    });
-  }
-}
-
-export const disconnectedPlugin = new DisconnectedPlugin();

package/dist/templates/angular-sxp/src/app/components/app-components.shared.module.ts

@@ -1,35 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
-import { RouterModule } from '@angular/router';
-import { StyleguideSpecimenComponent } from './shared/styleguide-specimen/styleguide-specimen.component';
-import { JssModule } from '@sitecore-jss/sitecore-jss-angular';
-
-/*
-  This module is imported by the generated app-components.module.ts.
-  You can use this module to provide shared Angular components that are not
-  JSS components, etc to the generated module.
-
-  Don't want code generation? See ./.gitignore for instructions to turn it off.
-*/
-@NgModule({
-  imports: [
-    CommonModule,
-    TranslateModule,
-    RouterModule,
-    JssModule,
-    FormsModule,
-  ],
-  exports: [
-    CommonModule,
-    TranslateModule,
-    RouterModule,
-    FormsModule,
-    StyleguideSpecimenComponent
-  ],
-  declarations: [
-    StyleguideSpecimenComponent
-  ],
-})
-export class AppComponentsSharedModule { }

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

@@ -1,23 +0,0 @@
-<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 +0,0 @@
-<div>
-  <app-visitor-identification></app-visitor-identification>
-</div>

package/dist/templates/angular-sxp/src/app/routing/scripts/scripts.module.ts

@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { ScriptsComponent } from './scripts.component';
-import { VisitorIdentificationComponent } from './visitor-identification/visitor-identification.component';
-
-@NgModule({
-  exports: [ScriptsComponent],
-  declarations: [ScriptsComponent, VisitorIdentificationComponent],
-})
-export class ScriptsModule {}

package/dist/templates/angular-sxp/src/graphql-fragment-types.ts

@@ -1,219 +0,0 @@
-/* eslint-disable */
-export default {
-  __schema: {
-    types: [
-      {
-        kind: 'INTERFACE',
-        name: 'ItemField',
-        possibleTypes: [
-          {
-            name: 'RichTextField',
-          },
-          {
-            name: 'NumberField',
-          },
-          {
-            name: 'MultilistField',
-          },
-          {
-            name: 'LookupField',
-          },
-          {
-            name: 'LinkField',
-          },
-          {
-            name: 'TextField',
-          },
-          {
-            name: 'IntegerField',
-          },
-          {
-            name: 'ImageField',
-          },
-          {
-            name: 'DateField',
-          },
-          {
-            name: 'CheckboxField',
-          },
-          {
-            name: 'NameValueListField',
-          },
-        ],
-      },
-      {
-        kind: 'INTERFACE',
-        name: 'Item',
-        possibleTypes: [
-          {
-            name: 'UnknownItem',
-          },
-          {
-            name: 'StyleguideComponentParamsRenderingParameters',
-          },
-          {
-            name: 'C__StandardTemplate',
-          },
-          {
-            name: 'C__Route',
-          },
-          {
-            name: 'RenderEngineType',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideTracking',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideSitecoreContext',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideSection',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideRouteFields',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideMultilingual',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideLayoutTabsTab',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideLayoutTabs',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideLayoutReuse',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideItemLinkItemTemplate',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageText',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageRichText',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageNumber',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageLink',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageItemLink',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageImage',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageFile',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageDate',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageCustom',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageContentList',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideFieldUsageCheckbox',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideExplanatoryComponent',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideContentListItemTemplate',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideComponentParams',
-          },
-          {
-            name:
-              '<%- helper.getAppPrefix(appPrefix, appName, false) %>StyleguideAngularLazyLoading',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>GraphQLIntegratedDemo',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>GraphQLConnectedDemo',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>ExampleCustomRouteType',
-          },
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>ContentBlock',
-          },
-          {
-            name: 'C__<%- helper.getAppPrefix(appPrefix, appName, false) %>AppRoute',
-          },
-          {
-            name: 'JsonRendering',
-          },
-          {
-            name: 'JavaScriptRendering',
-          },
-          {
-            name: 'JSSLayout',
-          },
-          {
-            name: 'App',
-          },
-        ],
-      },
-      {
-        kind: 'INTERFACE',
-        name: 'RenderingOptions',
-        possibleTypes: [
-          {
-            name: 'JsonRendering',
-          },
-          {
-            name: 'JavaScriptRendering',
-          },
-        ],
-      },
-      {
-        kind: 'INTERFACE',
-        name: 'Layout',
-        possibleTypes: [
-          {
-            name: 'JSSLayout',
-          },
-        ],
-      },
-      {
-        kind: 'INTERFACE',
-        name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>AppRoute',
-        possibleTypes: [
-          {
-            name: '<%- helper.getAppPrefix(appPrefix, appName, false) %>ExampleCustomRouteType',
-          },
-          {
-            name: 'C__<%- helper.getAppPrefix(appPrefix, appName, false) %>AppRoute',
-          },
-        ],
-      },
-      {
-        kind: 'INTERFACE',
-        name: 'Caching',
-        possibleTypes: [
-          {
-            name: 'JsonRendering',
-          },
-          {
-            name: 'JavaScriptRendering',
-          },
-        ],
-      },
-    ],
-  },
-};

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

@@ -1,21 +0,0 @@
-
-# ========== Sitecore Edge Platform ===========
-
-# Your unified Sitecore Edge Context Id.
-# This will be used over any Sitecore Preview / Delivery Edge variables (above).
-SITECORE_EDGE_CONTEXT_ID=
-
-# ========== XM Cloud Proxy ===========
-
-# Your XM Cloud Proxy hostname is needed to build the app and execute the client-side requests against the proxy server.
-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
-
-# ==============================================
-
-# 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/angular.json

@@ -1,33 +0,0 @@
-{
-  "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"
-    }
-  }
-}

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

@@ -1,17 +0,0 @@
-{
-  "config": {
-    "sitecoreDistPath": "/dist"
-  },
-  "scripts": {
-    "postbuild:server": "npm-run-all --serial prepare:build prepare:proxy-build",
-    "prepare:build": "move-cli ./dist/main.js ./dist/server.bundle.js",
-    "prepare:proxy-build": "ts-node --project src/tsconfig.webpack-server.json ./scripts/proxy-build.ts"
-  },
-  "dependencies": {
-    "@sitecore-cloudsdk/core": "^0.4.0-rc.0",
-    "@sitecore-cloudsdk/events": "^0.4.0-rc.0",
-    "font-awesome": "^4.7.0",
-    "sass": "^1.52.3",
-    "sass-alias": "^1.0.5"
-  }
-}

package/dist/templates/angular-xmcloud/scripts/bootstrap.ts

@@ -1,28 +0,0 @@
-import 'dotenv/config';
-
-/*
-  BOOTSTRAPPING
-  The bootstrap process runs before build, and generates TS that needs to be
-  included into the build - specifically, the component name to component mapping,
-  and the global config module.
-*/
-
-/*
-   PLUGINS GENERATION
-*/
-require('./generate-plugins');
-
-/*
-  CONFIG GENERATION
-*/
-require('./generate-config');
-
-/*
-  COMPONENT FACTORY GENERATION
-*/
-require('./generate-component-factory');
-
-/*
-  METADATA GENERATION
-*/
-require('./generate-metadata');

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

@@ -1,39 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-import { constantCase } from 'constant-case';
-import chalk from 'chalk';
-
-/**
- * This plugin will set XM Cloud related config props.
- */
-class XMCloudPlugin implements ConfigPlugin {
-  // should come after other plugins (but before fallback)
-  order = 10;
-
-  async exec(config: JssConfig) {
-    const proxyBuildPath = process.env[`${constantCase('proxyBuildPath')}`]?.replace(/\/$/, '');
-    const proxyHost = process.env[`${constantCase('proxyHost')}`];
-
-    const sitecoreEdgeUrl =
-      process.env[`${constantCase('sitecoreEdgeUrl')}`]?.replace(/\/$/, '') ||
-      'https://edge-platform.sitecorecloud.io';
-    const sitecoreEdgeContextId = process.env[`${constantCase('sitecoreEdgeContextId')}`];
-
-    if (config.sitecoreApiKey && sitecoreEdgeContextId) {
-      console.log(
-        chalk.yellow(
-          "You have configured both 'sitecoreApiKey' and 'sitecoreEdgeContextId' values. The 'sitecoreEdgeContextId' is used instead."
-        )
-      );
-    }
-
-    return Object.assign({}, config, {
-      proxyBuildPath,
-      proxyHost,
-      sitecoreEdgeUrl,
-      sitecoreEdgeContextId,
-    });
-  }
-}
-
-export const xmcloudPlugin = new XMCloudPlugin();

package/dist/templates/angular-xmcloud/scripts/generate-component-factory/plugins/packages.ts

@@ -1,34 +0,0 @@
-import { ComponentFactoryPlugin, ComponentFactoryPluginConfig } from '..';
-
-/**
- * Provides custom packages configuration
- */
-class PackagesPlugin implements ComponentFactoryPlugin {
-  order = 0;
-
-  exec(config: ComponentFactoryPluginConfig) {
-    /**
-     * You can specify components which you want to import from external/internal packages
-     * in format:
-     *  {
-     *    name: 'package name',
-     *    components: [
-     *      {
-     *        componentName: 'component name', // component rendering name,
-     *        moduleName: 'module name' // component name to import from the package
-     *      }
-     *    ]
-     *  }
-     */
-    config.packages = [
-      {
-        name: '@sitecore-jss/sitecore-jss-angular',
-        components: [{ componentName: 'Form', moduleName: 'FormComponent' }],
-      },
-    ];
-
-    return config;
-  }
-}
-
-export const packagesPlugin = new PackagesPlugin();