create-sitecore-jss 22.2.0-canary.22 → 22.2.0-canary.24

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

@@ -0,0 +1,10 @@
+<div class="row component column-splitter" [ngClass]="columnSplitterStyles" [attr.id]="id">
+  <div *ngFor="let ph of enabledPlaceholders" [ngClass]="getColumnClass(+ph - 1)">
+    <div class="row">
+      <sc-placeholder
+        [name]="getPlaceholderName(ph)"
+        [rendering]="rendering">
+      </sc-placeholder>
+    </div>
+</div>
+</div>

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

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { SxaComponent } from '../sxa.component';
+
+@Component({
+  selector: 'app-column-splitter',
+  templateUrl: './column-splitter.component.html',
+})
+export class ColumnSplitterComponent extends SxaComponent {
+  get columnSplitterStyles(): string {
+    return `${this.rendering.params.GridParameters ?? ''} ${this.rendering.params.Styles ??
+      ''}`.trimEnd();
+  }
+
+  get columnWidths(): string[] {
+    return Array.from({ length: 8 }, (_, i) => this.rendering.params[`ColumnWidth${i + 1}`]);
+  }
+
+  get columnStyles(): string[] {
+    return Array.from({ length: 8 }, (_, i) => this.rendering.params[`Styles${i + 1}`]);
+  }
+
+  get enabledPlaceholders(): string[] {
+    return this.rendering.params.EnabledPlaceholders.split(',');
+  }
+
+  getColumnClass(index: number): string {
+    const widthClass = this.columnWidths[index] || '';
+    const styleClass = this.columnStyles[index] || '';
+    return `${widthClass} ${styleClass}`.trim();
+  }
+
+  getPlaceholderName(ph: string): string {
+    return `column-${ph}-{*}`;
+  }
+}

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

@@ -48,7 +48,7 @@ export const getGraphQLClientFactoryConfig = () => {
     }
   }
 
-  if (!clientConfig.endpoint) {
+  if (!clientConfig?.endpoint) {
     throw new Error(
       'Please configure either your sitecoreEdgeContextId, or your graphQLEndpoint and sitecoreApiKey.'
     );

package/dist/templates/node-xmcloud-proxy/src/config.ts

@@ -5,7 +5,13 @@ import { Config, ServerBundle } from './types';
  */
 const bundlePath = process.env.PROXY_BUNDLE_PATH || '../dist/server.bundle';
 
-const serverBundle: ServerBundle = require(bundlePath);
+let serverBundle: ServerBundle;
+
+try {
+  serverBundle = require(bundlePath);
+} catch (error) {
+  throw new Error(`ERROR: The server.bundle.js error. ${error}`);
+}
 
 export const config: Config = {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.2.0-canary.22",
+  "version": "22.2.0-canary.24",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -63,5 +63,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },
-  "gitHead": "beab63322dff1a38c33b3580620377215a8b3ab2"
+  "gitHead": "2c4ab55cbdb879def573fd9e88b6d5d2dc530c36"
 }