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

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,8 +0,0 @@
-
-# ========== 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:3001
-
-# Your XM Cloud Proxy server path is needed to build the app. The build output will be copied to the proxy server path.
-PROXY_BUILD_PATH=<%- helper.relativeProxyAppDestination %>dist

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

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

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

@@ -1,15 +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": {
-    "font-awesome": "^4.7.0",
-    "sass": "^1.52.3",
-    "sass-alias": "^1.0.5"
-  }
-}

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

@@ -1,23 +0,0 @@
-import { JssConfig } from 'lib/config';
-import { ConfigPlugin } from '..';
-import { constantCase } from 'constant-case';
-
-/**
- * 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')}`];
-
-    return Object.assign({}, config, {
-      proxyBuildPath,
-      proxyHost,
-    });
-  }
-}
-
-export const xmcloudPlugin = new XMCloudPlugin();

package/dist/templates/angular-xmcloud/scripts/proxy-build.ts

@@ -1,15 +0,0 @@
-import { execSync } from 'child_process';
-import { environment } from '../src/environments/environment';
-
-// Executed at the end of the build process (jss build) to move the build output to the proxy build path
-
-try {
-  console.log('Moving build output to proxy build path:', environment.proxyBuildPath);
-
-  execSync(`del-cli ${environment.proxyBuildPath} --force`, { stdio: 'inherit' });
-  execSync(`move-cli ./dist ${environment.proxyBuildPath}`, { stdio: 'inherit' });
-
-  console.log('Proxy build prepared successfully!');
-} catch (error) {
-  console.error('Error preparing proxy build:', error);
-}

package/dist/templates/angular-xmcloud/src/app/components/container/container.component.html

@@ -1,15 +0,0 @@
-<div class="container-wrapper" *ngIf="wrapped; else default">
-  <ng-container *ngTemplateOutlet="default"></ng-container>
-</div>
-<ng-template #default>
-  <div class="component container-default {{ styles }}" [attr.id]="id">
-    <div class="component-content" [ngStyle]="backgroundStyle">
-      <div class="row">
-        <sc-placeholder
-          [name]="placeholderName"
-          [rendering]="rendering">
-        </sc-placeholder>
-      </div>
-    </div>
-  </div>
-</ng-template>

package/dist/templates/angular-xmcloud/src/app/components/container/container.component.ts

@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { SxaComponent } from '../sxa.component';
-
-@Component({
-  selector: 'app-container',
-  templateUrl: './container.component.html',
-})
-export class ContainerComponent extends SxaComponent implements OnInit {
-  placeholderName: string;
-  wrapped: boolean;
-
-  override ngOnInit() {
-    super.ngOnInit();
-
-    this.placeholderName = `container-${this.rendering.params?.DynamicPlaceholderId}`;
-    this.wrapped = this.rendering.params?.Styles?.split(' ').includes('container');
-  }
-
-  get backgroundStyle() {
-    const backgroundImage = this.rendering.params?.BackgroundImage;
-    const mediaUrlPattern = new RegExp(/mediaurl=\"([^"]*)\"/, 'i');
-    if (!backgroundImage || !backgroundImage.match(mediaUrlPattern)) {
-      return {};
-    }
-    const mediaUrl = backgroundImage.match(mediaUrlPattern)[1];
-    return {
-      backgroundImage: `url('${mediaUrl}')`,
-    };
-  }
-}

package/dist/templates/angular-xmcloud/src/app/components/richtext/richtext.component.html

@@ -1,13 +0,0 @@
-<div
-  class="component rich-text {{ styles }}"
-  [attr.id]="id"
->
-  <div class="component-content">
-    <ng-container *ngIf="text; else emptyHint">
-      <div *scRichText="text"></div>
-    </ng-container>
-    <ng-template #emptyHint>
-      <span class="is-empty-hint">Rich text</span>
-    </ng-template>
-  </div>
-</div>

package/dist/templates/angular-xmcloud/src/app/components/richtext/richtext.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Field } from '@sitecore-jss/sitecore-jss-angular';
-import { SxaComponent } from '../sxa.component';
-
-@Component({
-  selector: 'app-richtext',
-  templateUrl: './richtext.component.html',
-})
-export class RichTextComponent extends SxaComponent implements OnInit {
-  text?: Field<string>;
-
-  ngOnInit() {
-    super.ngOnInit();
-    this.text = this.rendering.fields?.Text as Field<string>;
-  }
-}

package/dist/templates/angular-xmcloud/src/app/components/sxa.component.ts

@@ -1,15 +0,0 @@
-import { OnInit, Input, Directive } from '@angular/core';
-import { ComponentRendering } from '@sitecore-jss/sitecore-jss-angular';
-
-@Directive()
-export abstract class SxaComponent implements OnInit {
-  @Input() rendering: ComponentRendering;
-
-  id?: string;
-  styles?: string;
-
-  ngOnInit() {
-    this.id = this.rendering.params?.RenderingIdentifier;
-    this.styles = this.rendering.params?.styles;
-  }
-}

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

@@ -1,15 +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;
-  defaultServerRoute?: string;
-  proxyBuildPath?: string;
-  proxyHost?: string;
-}

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

@@ -1,44 +0,0 @@
-import {
-  GraphQLRequestClientFactoryConfig,
-  GraphQLRequestClient,
-} from '@sitecore-jss/sitecore-jss-angular';
-import { environment as env } from '../../environments/environment';
-
-// The GraphQLRequestClientFactory serves as the central hub for executing GraphQL requests within the application
-
-/**
- * Creates a new GraphQLRequestClientFactory instance
- * @returns GraphQLRequestClientFactory instance
- */
-export const createGraphQLClientFactory = () => {
-  let clientConfig: GraphQLRequestClientFactoryConfig;
-
-  // If we are in a production environment we are going to use Node XM Cloud proxy
-  if (env.production === 'true') {
-    if (env.proxyHost && env.sitecoreApiKey && env.graphQLEndpoint) {
-      // Server side requests should go directly to the Sitecore, browser requests should go through the proxy.
-      clientConfig = {
-        endpoint:
-          typeof window === 'undefined'
-            ? env.graphQLEndpoint
-            : `${env.proxyHost}${env.graphQLEndpointPath}`,
-        apiKey: env.sitecoreApiKey,
-      };
-    } else {
-      throw new Error('Please configure your proxyHost, sitecoreApiKey, graphQLEndpoint.');
-    }
-  } else {
-    if (env.graphQLEndpoint && env.sitecoreApiKey) {
-      clientConfig = {
-        endpoint: env.graphQLEndpoint,
-        apiKey: env.sitecoreApiKey,
-      };
-    } else {
-      throw new Error('Please configure your graphQLEndpoint and sitecoreApiKey.');
-    }
-  }
-
-  return GraphQLRequestClient.createClientFactory(clientConfig);
-};
-
-export const clientFactory = createGraphQLClientFactory();

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_component.scss

@@ -1,48 +0,0 @@
-.component-content {
-  @include respond-to(mobile-large) {
-    .row {
-      padding: 0;
-      margin: 0;
-    }
-  }
-}
-@include respond-to(mobile-large) {
-  .row {
-    margin: 0;
-    padding: 0;
-    > * {
-      padding: 0;
-      margin: 0;
-    }
-  }
-}
-
-.hero-banner {
-  .component-content {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    height: 800px;
-
-    @include respond-to(mobile-large) {
-      height: 300px;
-    }
-  }
-  .sc-image-wrapper {
-    opacity: 0;
-  }
-  &.scEnabledChrome {
-    &.hero-banner-empty {
-      .sc-image-wrapper {
-        display: block;
-        width: 100%;
-  
-        .scEmptyImage {
-          max-height: 800px;
-          max-width: 100%;
-          width: 100%;
-        }
-      }
-    }
-  }
-}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_container.scss

@@ -1,64 +0,0 @@
-@import "sass/abstracts/mixins";
-@import "variables";
-
-body {
-  font-family: Roboto;
-  color: $main-color;
-}
-
-
-@media (min-width: 1400px) {
-  .container {
-    max-width: 1250px;
-  }
-}
-
-main {
-  .main-header {
-    margin-top: 55px;
-    margin-bottom: 30px;
-
-    @include respond-to(mobile-large) {
-      margin-bottom: 0;
-    }
-
-    h4 {
-      font-size: $text-size-50;
-      font-weight: 500;
-      line-height: 70px;
-    }
-  }
-
-  .main-news-header {
-    margin-top: 60px;
-
-    h2 {
-      font-size: $text-size-36;
-      line-height: 43px;
-    }
-  }
-
-  @include respond-to(mobile-large) {
-    padding-top: 0;
-    margin-bottom: 0;
-
-    .main-header {
-      margin-top: 10px;
-
-      h4 {
-        font-size: $text-size-24;
-        line-height: 32px;
-      }
-    }
-    
-    .main-news-header {
-      padding-bottom: 35px;
-
-      h2 {
-        margin-top: 0;
-        font-size: $text-size-18;
-        line-height: 22px;
-      }
-    }
-  }
-}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_fonts.scss

@@ -1,3 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
-/* FontAwesome */
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_footer.scss

@@ -1,31 +0,0 @@
-@import "sass/abstracts/mixins";
-@import "variables";
-
-footer {
-  @include respond-to(mobile-large) {
-    padding-top: 0;
-  }
-  .container-dark-background {
-    background-color: #262626;
-  }
-
-  .contacts {
-    font-size: $text-size-14;
-
-    a {
-      color: $text-white;
-    }
-
-    p, span {
-      color: $text-white;
-    }
-  }
-
-  .indent-inner {
-    padding: 65px;
-
-    @include respond-to(mobile-large) {
-      padding: 40px 0;
-    }
-  }
-}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_header.scss

@@ -1,49 +0,0 @@
-@import "sass/abstracts/vars/colors";
-@import "sass/abstracts/mixins";
-@import "variables";
-
-.prod-mode {
-  #header {
-    display: flex;
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      flex-direction: column-reverse;
-    }
-  }
-}
-
-header {
-  #header {
-    .bs-title {
-      padding-left: 50px;
-
-      h1 {
-        font-size: $text-size-24;
-        font-weight: 600;
-        line-height: 18px;
-        padding-top: 40px;
-        margin: 0;
-      }
-    }
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      padding-top: 0;
-      flex-direction: column-reverse;
-
-      .bs-title {
-        padding-left: 0;
-        text-align: center;
-        margin-top: -5px;
-
-        h1 {
-          font-weight: 500;
-          line-height: 29px;
-          padding-top: 0;
-          margin-bottom: 10px;
-        }
-      }
-    }
-  }
-}