create-sitecore-jss 22.2.0-canary.36 → 22.2.0-canary.37

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

@@ -0,0 +1,7 @@
+<div class="component content {{styles}}" [attr.id]="id">
+  <div class="component-content">
+    <div class="field-content">
+        <div *scRichText="content || contextContent"></div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,34 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { RichTextField } from '@sitecore-jss/sitecore-jss-angular';
+import { JssContextService } from '../../jss-context.service';
+import { SxaComponent } from './../sxa.component';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'app-page-content',
+  templateUrl: './page-content.component.html',
+})
+export class PageContentComponent extends SxaComponent implements OnInit, OnDestroy {
+  content?: RichTextField;
+  contextContent?: RichTextField;
+  private contextSubscription: Subscription;
+
+  constructor(private jssContext: JssContextService) {
+    super();
+  }
+  ngOnInit() {
+    super.ngOnInit();
+
+    this.content = this.rendering.fields?.Content as RichTextField;
+    this.contextSubscription = this.jssContext.state.subscribe((newState) => {
+      this.contextContent =
+        newState.sitecore && (newState.sitecore.route.fields.Content as RichTextField);
+    });
+  }
+
+  ngOnDestroy() {
+    if (this.contextSubscription) {
+      this.contextSubscription.unsubscribe();
+    }
+  }
+}

package/package.json

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