create-sitecore-jss 22.2.0-canary.3 → 22.2.0-canary.5

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

@@ -0,0 +1,13 @@
+<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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,15 @@
+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/package.json

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