create-sitecore-jss 22.2.0-canary.35 → 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/dist/templates/angular-xmcloud/src/app/components/title/title.component.html

@@ -0,0 +1,12 @@
+<div class="component title {{ styles }}" [attr.id]="id">
+  <div clas="component-content">
+    <div class="field-title">
+      <ng-container *ngIf="!pageEditing; else textOnly">
+        <a *scLink="link"></a>
+      </ng-container>
+    </div>
+  </div>
+  <ng-template #textOnly>
+    <span *scText="text"></span>
+  </ng-template>
+</div>

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

@@ -0,0 +1,51 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { LinkField, SxaTitleFields, TextField } from '@sitecore-jss/sitecore-jss-angular';
+import { SxaComponent } from '../sxa.component';
+import { Subscription } from 'rxjs';
+import { JssContextService } from '../../jss-context.service';
+
+@Component({
+  selector: 'app-title',
+  templateUrl: './title.component.html',
+})
+export class TitleComponent extends SxaComponent<SxaTitleFields> implements OnInit, OnDestroy {
+  text: TextField;
+  link: LinkField;
+  pageEditing?: boolean;
+  
+  private contextSubscription: Subscription;
+
+  constructor(private jssContext: JssContextService) {
+    super();
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+    const datasource =
+      this.rendering.fields?.data?.datasource || this.rendering.fields?.data?.contextItem;
+    this.text = datasource.field?.jsonValue;
+    this.link = {
+      value: {
+        href: datasource?.url?.path,
+        title: datasource?.field?.jsonValue?.value,
+        text: datasource?.field?.jsonValue?.value,
+      },
+    };
+    this.contextSubscription = this.jssContext.state.subscribe(({ sitecore }) => {
+      this.pageEditing = sitecore.context.pageEditing;
+      if (sitecore.context.pageState !== 'normal') {
+        this.link.value.querystring = `sc_site=${datasource?.url?.siteName}`;
+        if (!this.text?.value) {
+          this.text.value = 'Title field';
+          this.link.value.href = '#';
+        }
+      }
+    });
+  }
+
+  ngOnDestroy() {
+    if (this.contextSubscription) {
+      this.contextSubscription.unsubscribe();
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/app/routing/layout/layout.component.html

@@ -1,4 +1,3 @@
-<app-navigation></app-navigation>
 <div class="{{ mainClassPageEditing }}">
   <ng-container *ngIf="state === LayoutState.Layout">
     <app-scripts></app-scripts>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.2.0-canary.35",
+  "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": "67c28920d9bb04df85415c3b662592c7cd1ad6e4"
+  "gitHead": "2f18bc17c4728742b8ba81f1df2c237d4102d14c"
 }