create-sitecore-jss 22.2.0-canary.9 → 22.2.0

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

@@ -1,66 +0,0 @@
-"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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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;
-    }
-    init(args) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            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;
-        });
-    }
-}
-exports.default = AngularXmCloudInitializer;

package/dist/initializers/node-xmcloud-proxy/index.js

@@ -1,32 +0,0 @@
-"use strict";
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 = __importDefault(require("path"));
-const common_1 = require("../../common");
-class AngularXmCloudInitializer {
-    get isBase() {
-        return true;
-    }
-    init(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const templatePath = path_1.default.resolve(__dirname, '../../templates/node-xmcloud-proxy');
-            yield (0, common_1.transform)(templatePath, args);
-            const response = {
-                appName: 'node-xmcloud-proxy',
-            };
-            return response;
-        });
-    }
-}
-exports.default = AngularXmCloudInitializer;

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

@@ -1,28 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const plugins = require('scripts/temp/config-plugins');
-import { JssConfig } from 'lib/config';
-
-export interface ConfigPlugin {
-  /**
-   * Detect order when the plugin should be called, e.g. 0 - will be called first (can be a plugin which data is required for other plugins)
-   */
-  order: number;
-  /**
-   * A function which will be called during config generation
-   * @param {JssConfig} config Current (accumulated) config
-   */
-  exec(config: JssConfig): Promise<JssConfig>;
-}
-
-export class JssConfigFactory {
-  public async create(defaultConfig: JssConfig = {}): Promise<JssConfig> {
-    return (Object.values(plugins) as ConfigPlugin[])
-      .sort((p1, p2) => p1.order - p2.order)
-      .reduce(
-        (promise, plugin) => promise.then((config) => plugin.exec(config)),
-        Promise.resolve(defaultConfig)
-      );
-  }
-}
-
-export const jssConfigFactory = new JssConfigFactory();

package/dist/templates/angular/scripts/config/plugins/computed.ts

@@ -1,21 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-
-/**
- * This plugin will set computed config props.
- * The "graphQLEndpoint" is an example of making a _computed_ config setting
- * based on other config settings.
- */
-class ComputedPlugin implements ConfigPlugin {
-  // should come after other plugins (but before fallback)
-  order = 10;
-
-  async exec(config: JssConfig) {
-    return Object.assign({}, config, {
-      graphQLEndpoint:
-        config.graphQLEndpoint || `${config.sitecoreApiHost}${config.graphQLEndpointPath}`,
-    });
-  }
-}
-
-export const computedPlugin = new ComputedPlugin();

package/dist/templates/angular/scripts/config/plugins/fallback.ts

@@ -1,23 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-
-/**
- * This config will set fallback values for properties that were left empty
- * If neither env, nor other places had a proper value, this will ensure a fallback is set
- */
-class FallbackPlugin implements ConfigPlugin {
-  // should always come last
-  order = 100;
-
-  async exec(config: JssConfig) {
-    return Object.assign({}, config, {
-      defaultLanguage: config.defaultLanguage || 'en',
-      sitecoreApiKey: config.sitecoreApiKey || 'no-api-key-set',
-      <% if (!locals.xmcloud) { -%>
-      layoutServiceConfigurationName: config.layoutServiceConfigurationName || 'default',
-      <% } -%>
-    });
-  }
-}
-
-export const fallbackPlugin = new FallbackPlugin();

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

@@ -1,22 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-import packageConfig from 'package.json';
-
-/**
- * This plugin will set config props based on package.json.
- */
-class PackageJsonPlugin implements ConfigPlugin {
-  order = 1;
-
-  async exec(config: JssConfig) {
-    if (!packageConfig.config) return config;
-
-    return Object.assign({}, config, {
-      sitecoreSiteName: config.sitecoreSiteName || packageConfig.config.appName,
-      graphQLEndpointPath: config.graphQLEndpointPath || packageConfig.config.graphQLEndpointPath,
-      defaultLanguage: config.defaultLanguage || packageConfig.config.language,
-    });
-  }
-}
-
-export const packageJsonPlugin = new PackageJsonPlugin();

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

@@ -1,29 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-
-/**
- * This plugin will set config props based on scjssconfig.json.
- * scjssconfig.json may not exist if you've never run `jss setup` (development)
- * or are depending on environment variables instead (production).
- */
-class ScJssConfigPlugin implements ConfigPlugin {
-  order = 1;
-
-  async exec(config: JssConfig) {
-    let scJssConfig;
-    try {
-      scJssConfig = require('scjssconfig.json');
-    } catch (e) {
-      return config;
-    }
-
-    if (!scJssConfig) return config;
-
-    return Object.assign({}, config, {
-      sitecoreApiKey: config.sitecoreApiKey || scJssConfig.sitecore?.apiKey,
-      sitecoreApiHost: config.sitecoreApiHost || scJssConfig.sitecore?.layoutServiceHost,
-    });
-  }
-}
-
-export const scjssconfigPlugin = new ScJssConfigPlugin();

package/dist/templates/angular/scripts/generate-plugins.ts

@@ -1,28 +0,0 @@
-import {
-  generatePlugins,
-  ModuleType,
-  PluginDefinition,
-} from '@sitecore-jss/sitecore-jss-dev-tools';
-
-/*
-  PLUGINS GENERATION
-  NOTE: pluginName: the name of the plugin in the src/lib folder
-  Generates the `/src/temp/{pluginName}-plugins.ts` file, which exports list of plugins
-
-  Generating the plugins is optional, and it can be maintained manually if preferred.
-
-  The default convention uses the plugin's filename (without the extension) as the first part of the component
-  name. For example, the file `/lib/page-props-factory/plugins/exampleName.ts` would map to plugin `exampleNamePlugin`.
-*/
-
-const pluginDefinitions: PluginDefinition[] = [
-  {
-    distPath: 'scripts/temp/config-plugins.ts',
-    rootPath: 'scripts/config/plugins',
-    moduleType: ModuleType.ESM,
-  },
-];
-
-pluginDefinitions.forEach((definition) => {
-  generatePlugins(definition);
-});

package/dist/templates/angular/scripts/temp/gitignore

@@ -1,2 +0,0 @@
-*
-!.gitignore

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/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/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,27 +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 = 0;
-
-  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 config;
-  }
-}
-
-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 {}