+
+
\ No newline at end of file
diff --git a/src/app/agility/pages/components/featured-post/featured-post.component.ts b/src/app/agility/pages/components/featured-post/featured-post.component.ts
new file mode 100644
index 0000000..2de8f54
--- /dev/null
+++ b/src/app/agility/pages/components/featured-post/featured-post.component.ts
@@ -0,0 +1,85 @@
+import { Component, OnInit, Input, TransferState, makeStateKey, isDevMode, OnChanges, SimpleChanges } from '@angular/core';
+import { AgilityService } from '../../../agility.service';
+import { Router, RouterLink } from '@angular/router';
+import { NgIf } from '@angular/common';
+import { firstValueFrom } from 'rxjs';
+
+function decodeHTML(str: string): string {
+ return str.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec));
+}
+
+const CATEGORIES_KEY = makeStateKey
diff --git a/src/app/agility/pages/components/post-details/post-details.component.ts b/src/app/agility/pages/components/post-details/post-details.component.ts
new file mode 100644
index 0000000..1035bd9
--- /dev/null
+++ b/src/app/agility/pages/components/post-details/post-details.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-module-post-details',
+ templateUrl: './post-details.component.html',
+ standalone: true,
+})
+export class ModulePostDetailsComponent implements OnInit {
+ @Input() data: any;
+ public post: any = null;
+
+ constructor() {}
+
+ ngOnInit() {
+ this.post = this.data.dynamicPageItem.fields;
+ this.post.date = new Date(this.post.date).toLocaleDateString();
+ this.post.title = this.post.title;
+ this.post.category = this.post.category || 'Uncategorized';
+ }
+}
diff --git a/src/app/module-posts-listing/module-posts-listing.component.html b/src/app/agility/pages/components/posts-listing/posts-listing.component.html
similarity index 100%
rename from src/app/module-posts-listing/module-posts-listing.component.html
rename to src/app/agility/pages/components/posts-listing/posts-listing.component.html
diff --git a/src/app/agility/pages/components/posts-listing/posts-listing.component.ts b/src/app/agility/pages/components/posts-listing/posts-listing.component.ts
new file mode 100644
index 0000000..71acc86
--- /dev/null
+++ b/src/app/agility/pages/components/posts-listing/posts-listing.component.ts
@@ -0,0 +1,50 @@
+import { Component, Input, OnInit, TransferState, makeStateKey } from '@angular/core';
+import { AgilityService } from '../../../agility.service';
+import { htmlDecode } from 'js-htmlencode';
+import { firstValueFrom } from 'rxjs';
+import { NgForOf, NgIf } from '@angular/common';
+
+const POSTS_KEY = makeStateKey('posts');
+
+@Component({
+ selector: 'app-module-posts-listing',
+ standalone: true,
+ imports: [NgIf, NgForOf],
+ templateUrl: './posts-listing.component.html',
+})
+export class ModulePostsListingComponent implements OnInit {
+ @Input() data: any;
+
+ public posts: any[] = [];
+ public moduleData: any = null;
+
+ constructor(
+ private agilityService: AgilityService,
+ private transferState: TransferState
+ ) {}
+
+ async ngOnInit(): Promise {
+ this.moduleData = this.data.item.fields;
+
+ // Check if the posts data is already available in the transfer state
+ this.posts = this.transferState.get(POSTS_KEY, null as any);
+
+ if (!this.posts) {
+ const postsRes = await firstValueFrom(this.agilityService.getContentList('posts'));
+
+ this.posts = postsRes.items.map((p: any) => {
+ return {
+ title: p.fields.title,
+ slug: p.fields.slug,
+ date: new Date(p.fields.date).toLocaleDateString(),
+ image: p.fields.image,
+ content: p.fields.content,
+ category: p.fields.category.fields.title || 'Uncategorized',
+ };
+ });
+
+ // Store the posts data in the transfer state
+ this.transferState.set(POSTS_KEY, this.posts);
+ }
+ }
+}
diff --git a/src/app/agility/pages/components/preview-bar/preview-bar.component.html b/src/app/agility/pages/components/preview-bar/preview-bar.component.html
new file mode 100644
index 0000000..4a54a14
--- /dev/null
+++ b/src/app/agility/pages/components/preview-bar/preview-bar.component.html
@@ -0,0 +1,64 @@
+
+
diff --git a/src/app/agility/pages/components/preview-bar/preview-bar.component.ts b/src/app/agility/pages/components/preview-bar/preview-bar.component.ts
new file mode 100644
index 0000000..279efc1
--- /dev/null
+++ b/src/app/agility/pages/components/preview-bar/preview-bar.component.ts
@@ -0,0 +1,67 @@
+import { Component, OnInit, PLATFORM_ID } from '@angular/core';
+import { AgilityService } from '../../../agility.service';
+import { isDevMode } from '@angular/core';
+import { faGithub } from '@fortawesome/free-brands-svg-icons';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NgClass, NgIf } from '@angular/common';
+
+@Component({
+ selector: 'agility-preview-bar',
+ standalone: true,
+ imports: [FontAwesomeModule, NgIf, NgClass],
+ templateUrl: './preview-bar.component.html',
+})
+export class PreviewBarComponent implements OnInit {
+ public visible: boolean = false;
+ public isPreview: boolean = false;
+ public isDevMode: boolean = false;
+ public showPreviewMode: boolean = false;
+ public faGithub = faGithub;
+ public faInfoCircle = faInfoCircle;
+ public faChevronDown = faChevronDown;
+ public faChevronUp = faChevronUp;
+
+ constructor(
+ private agilityService: AgilityService,
+ private route: ActivatedRoute,
+ private router: Router
+ ) {
+ this.isPreview = agilityService.isPreviewMode;
+ this.isDevMode = isDevMode();
+ }
+
+ togglePreviewMode() {
+ if (this.isPreview) {
+ this.agilityService.exitPreviewMode();
+ this.isPreview = false;
+ } else {
+ this.agilityService.enterPreviewMode();
+ this.isPreview = true;
+ }
+ }
+ toggle() {
+ this.visible = !this.visible;
+ }
+
+ ngOnInit(): void {
+
+ this.isPreview = this.agilityService.isPreviewMode;
+
+ this.route.queryParams.subscribe((params) => {
+ const previewKey = params['agilitypreviewkey'];
+ if (previewKey) {
+ this.agilityService.enterPreviewMode(previewKey);
+ this.isPreview = true;
+ this.router.navigate([], {
+ relativeTo: this.route,
+ queryParams: {},
+ queryParamsHandling: ''
+ });
+ }
+ });
+
+ }
+}
diff --git a/src/app/agility/pages/components/rich-text-area/richtextarea.component.html b/src/app/agility/pages/components/rich-text-area/richtextarea.component.html
new file mode 100644
index 0000000..9fe7ba9
--- /dev/null
+++ b/src/app/agility/pages/components/rich-text-area/richtextarea.component.html
@@ -0,0 +1,8 @@
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ + {{ isPreview ? 'Previewing' : 'Viewing' }} + {{ isPreview ? 'Latest' : 'Published'}} + {{ isPreview ? 'Changes' : 'Content' }} +
+ + + +
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/agility/pages/components/rich-text-area/richtextarea.component.ts b/src/app/agility/pages/components/rich-text-area/richtextarea.component.ts
new file mode 100644
index 0000000..e1230db
--- /dev/null
+++ b/src/app/agility/pages/components/rich-text-area/richtextarea.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-module-richtextarea',
+ templateUrl: './richtextarea.component.html',
+ styles: [],
+ standalone: true,
+})
+export class ModuleRichTextAreaComponent implements OnInit {
+ @Input() item: any;
+ textblob: string = '';
+
+ ngOnInit(): void {
+ this.withFetch();
+ }
+
+ withFetch() {
+ this.textblob = this.item.fields.textblob;
+ }
+}
diff --git a/src/app/module-textblockwithimage/module-textblockwithimage.component.html b/src/app/agility/pages/components/text-block-with-image/textblockwithimage.component.html
similarity index 96%
rename from src/app/module-textblockwithimage/module-textblockwithimage.component.html
rename to src/app/agility/pages/components/text-block-with-image/textblockwithimage.component.html
index 650d294..b375362 100644
--- a/src/app/module-textblockwithimage/module-textblockwithimage.component.html
+++ b/src/app/agility/pages/components/text-block-with-image/textblockwithimage.component.html
@@ -12,7 +12,9 @@
"
>
+
+
+
-
+
![]()
Loading
+Page not found.
+Error loading page.
+
+
+
+
+
+
+
+
+('page');
+ let dynamicPageItemKey = makeStateKey('dynamicPageItem');
+ this.page = this.transferState.get(pageKey, null);
+ this.dynamicPageItem = this.transferState.get(dynamicPageItemKey, null);
+ this.transferState.remove(pageKey);
+ this.pageStatus = 200;
+ }
+
+ this.routerSubscription = this.router.events.subscribe((event) => {
+ if (event instanceof NavigationEnd) {
+ this.loadPage();
+ }
+ });
+
+ this.previewModeSubscription = this.agilityService.previewModeChange.subscribe(() => {
+ if (isPlatformBrowser(this.platformId)) {
+ this.loadPage();
+ }
+ });
+ }
+
+ ngOnDestroy() {
+ if (this.previewModeSubscription) {
+ this.previewModeSubscription.unsubscribe();
+ }
+ if (this.routerSubscription) {
+ this.routerSubscription.unsubscribe();
+ }
+ }
+
+
+ async loadPage() {
+
+
+ let currentPath = this.location.path().split('?')[0] || '/home';
+ if (currentPath === '' || currentPath === '/favicon.png') currentPath = '/home';
+
+ let pageKey = makeStateKey('page');
+ let dynamicPageItemKey = makeStateKey('dynamicPageItem');
+
+ const sitemap = await firstValueFrom(this.agilityService.getSitemapFlat());
+ const pageInSitemap = sitemap[currentPath];
+
+ if (!pageInSitemap) {
+ this.pageStatus = 404;
+ return;
+ }
+
+ if (pageInSitemap.contentID) {
+ this.dynamicPageItem = await firstValueFrom(this.agilityService.getContentItem(pageInSitemap.contentID));
+ }
+
+ this.page = await firstValueFrom(this.agilityService.getPage(pageInSitemap.pageID));
+ this.titleService.setTitle(pageInSitemap.title);
+ this.pageStatus = 200;
+ this.transferState.set(dynamicPageItemKey, this.dynamicPageItem);
+ this.transferState.set(pageKey, this.page);
+
+
+ }
+}
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
deleted file mode 100644
index 43505c8..0000000
--- a/src/app/app-routing.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { AgilityPageComponent } from "./agility-page/agility-page.component"
-
-const routes: Routes = [
- { path: '**', component: AgilityPageComponent }
-];
-
-
-@NgModule({
- imports: [RouterModule.forRoot(routes)],
- exports: [RouterModule]
-})
-export class AppRoutingModule { }
diff --git a/src/app/app.component.css b/src/app/app.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/app.component.html b/src/app/app.component.html
index d7156ec..90c6b64 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,8 +1 @@
-
{}
}
diff --git a/src/app/components/site-header/site-header.component.html b/src/app/components/site-header/site-header.component.html
new file mode 100644
index 0000000..716b896
--- /dev/null
+++ b/src/app/components/site-header/site-header.component.html
@@ -0,0 +1,125 @@
+
+
\ No newline at end of file
diff --git a/src/app/components/site-header/site-header.component.ts b/src/app/components/site-header/site-header.component.ts
new file mode 100644
index 0000000..2038724
--- /dev/null
+++ b/src/app/components/site-header/site-header.component.ts
@@ -0,0 +1,83 @@
+import { Component, Inject, OnInit, PLATFORM_ID, TransferState, makeStateKey } from '@angular/core';
+import { isDevMode } from '@angular/core';
+import { AgilityService } from '../../agility/agility.service';
+import { Router, RouterLink } from '@angular/router';
+import { firstValueFrom } from 'rxjs';
+import { NgIf, NgFor, isPlatformBrowser, isPlatformServer } from '@angular/common';
+
+@Component({
+ selector: 'site-header',
+ standalone: true,
+ templateUrl: './site-header.component.html',
+ imports: [RouterLink, NgIf, NgFor],
+ styles: [],
+})
+export class SiteHeaderComponent implements OnInit {
+ public siteHeader: any = null; // Initialize to null
+ public links: any[] = [];
+ public isPreviewMode: boolean;
+ public isDevMode: boolean = false;
+ public showMobileMenu: boolean = false;
+
+ constructor(
+ private agilityService: AgilityService,
+ private transferState: TransferState,
+ private router: Router,
+ @Inject(PLATFORM_ID) private platformId: Object
+ ) {
+ this.isPreviewMode = this.agilityService.isPreviewMode;
+ this.isDevMode = isDevMode();
+ }
+
+ toggle() {
+ this.showMobileMenu = !this.showMobileMenu;
+ }
+
+ mobileLink(e: Event) {
+ this.showMobileMenu = false;
+ }
+
+ public navigate(e: Event, url: string) {
+ e.preventDefault();
+ if(this.isDevMode || this.agilityService.isPreviewMode) {
+ this.router.navigate([url]);
+ } else {
+ window.location.href = url;
+ }
+ }
+
+ async ngOnInit(): Promise {
+
+
+ const SITEMAP_KEY = makeStateKey('sitemap');
+ const HEADER_KEY = makeStateKey('header');
+
+
+ let sitemap, obj;
+ if(isPlatformServer(this.platformId)) {
+ sitemap = await firstValueFrom(this.agilityService.getSitemapNested());
+ this.transferState.set(SITEMAP_KEY, sitemap);
+ obj = await firstValueFrom(this.agilityService.getHeader());
+ this.transferState.set(HEADER_KEY, obj);
+ }
+
+ if(isPlatformBrowser(this.platformId)) {
+ sitemap = this.transferState.get(SITEMAP_KEY, null);
+ obj = this.transferState.get(HEADER_KEY, null);
+ }
+
+ if (obj && obj.fields) {
+ this.siteHeader = obj.fields;
+ }
+
+ this.links = sitemap
+ .filter((s: any) => s.visible.menu)
+ .map((s: any) => {
+ return {
+ url: s.path,
+ title: s.title,
+ };
+ });
+
+ }
+}
\ No newline at end of file
diff --git a/src/app/module-featuredpost/module-featuredpost.component.html b/src/app/module-featuredpost/module-featuredpost.component.html
deleted file mode 100644
index 6d70026..0000000
--- a/src/app/module-featuredpost/module-featuredpost.component.html
+++ /dev/null
@@ -1,73 +0,0 @@
- {
- // fetch categories content list
- const categoriesRes = await this.agilityService.getContentList(
- 'categories'
- );
-
- // fields for this item
- this.item = this.data.item.fields;
-
- // create excerpt
- this.excerpt = htmlDecode(
- this.item.featuredPost.fields.content.replace(/<[^>]+>/g, '')
- );
-
- if (this.excerpt.length > 160) {
- this.excerpt = this.excerpt.substring(0, 160) + '...';
- }
-
- // get category id
- const categoryID = this.item.featuredPost.fields.category?.contentid;
-
- // find matching category
- const category = categoriesRes.items.find(
- (c) => c.contentID === categoryID
- );
-
- // set featured post category
- this.category = category.fields.title;
-
- // format date
- this.date = new Date(
- this.item.featuredPost.fields.date
- ).toLocaleDateString();
- }
-}
diff --git a/src/app/module-heading/module-heading.component.ts b/src/app/module-heading/module-heading.component.ts
deleted file mode 100644
index e73c937..0000000
--- a/src/app/module-heading/module-heading.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { IAgilityModuleComponent } from '../../agility/agility.module.icomponent';
-
-@Component({
- selector: 'app-module-heading',
- templateUrl: './module-heading.component.html',
-})
-export class ModuleHeading implements IAgilityModuleComponent {
- @Input() data: any;
-
- public item: any = null;
-
- constructor() {}
-
- ngOnInit(): void {
- this.item = this.data.item.fields;
- }
-}
diff --git a/src/app/module-post-details/module-post-details.component.css b/src/app/module-post-details/module-post-details.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/module-post-details/module-post-details.component.ts b/src/app/module-post-details/module-post-details.component.ts
deleted file mode 100644
index 1142455..0000000
--- a/src/app/module-post-details/module-post-details.component.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { IAgilityModuleComponent } from 'src/agility/agility.module.icomponent';
-
-@Component({
- selector: 'app-module-post-details',
- templateUrl: './module-post-details.component.html',
- styleUrls: ['./module-post-details.component.css'],
-})
-export class ModulePostDetailsComponent implements IAgilityModuleComponent {
- @Input() data: any;
-
- public post: any = null;
-
- constructor() {}
-
- ngOnInit(): void {
- this.post = this.data.dynamicPageItem.fields;
-
- this.post.date = new Date(this.post.date).toLocaleDateString();
-
- this.post.category = this.post.category.fields.title || 'Uncategorized';
- }
-}
diff --git a/src/app/module-posts-listing/module-posts-listing.component.ts b/src/app/module-posts-listing/module-posts-listing.component.ts
deleted file mode 100644
index 8005476..0000000
--- a/src/app/module-posts-listing/module-posts-listing.component.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { IAgilityModuleComponent } from 'src/agility/agility.module.icomponent';
-import { AgilityService } from '../../agility/agility.service';
-import { htmlDecode } from 'js-htmlencode';
-
-@Component({
- selector: 'app-module-posts-listing',
- templateUrl: './module-posts-listing.component.html',
-})
-export class ModulePostsListingComponent implements IAgilityModuleComponent {
- @Input() data: any;
-
- public posts: any[] = null;
- public moduleData: any = null;
-
- constructor(private agilityService: AgilityService) {}
-
- async ngOnInit(): Promise {
- const postsRes = await this.agilityService.getContentList('posts');
-
- this.moduleData = this.data.item.fields;
-
- this.posts = postsRes.items.map((p) => {
- return {
- title: p.fields.title,
- slug: p.fields.slug,
- date: new Date(p.fields.date).toLocaleDateString(),
- image: p.fields.image,
- content: p.fields.content,
- category: p.fields.category.fields.title || 'Uncategorized',
- };
- });
- }
-}
diff --git a/src/app/module-richtextarea/module-richtextarea.component.ts b/src/app/module-richtextarea/module-richtextarea.component.ts
deleted file mode 100644
index 7d57e55..0000000
--- a/src/app/module-richtextarea/module-richtextarea.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { IAgilityModuleComponent } from '../../agility/agility.module.icomponent';
-
-@Component({
- selector: 'app-module-richtextarea',
- template: `
-
-
-
-
diff --git a/src/app/site-header/site-header.component.ts b/src/app/site-header/site-header.component.ts
deleted file mode 100644
index 4cbc83f..0000000
--- a/src/app/site-header/site-header.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { isDevMode } from '@angular/core';
-import { AgilityService } from '../../agility/agility.service';
-
-@Component({
- selector: 'app-site-header',
- templateUrl: './site-header.component.html',
- styles: [],
-})
-export class SiteHeaderComponent implements OnInit {
- public siteHeader: any = null;
- public links: any[] = [];
- public isPreview: boolean;
-
- public showMobileMenu: boolean = false;
-
- constructor(private agilityService: AgilityService) {
- this.isPreview = isDevMode();
- }
-
- toggle() {
- this.showMobileMenu = !this.showMobileMenu;
- }
-
- mobileLink(e) {
- this.showMobileMenu = false;
- }
-
- async ngOnInit(): Promise {
- // get sitemap
- let sitemap = await this.agilityService.getSitemapNested();
-
- // get header content item
- let obj = await this.agilityService.getHeader();
- this.siteHeader = obj.fields;
-
- // get visible links in sitemap
- this.links = sitemap
- .filter((s) => s.visible.menu)
- .map((s) => {
- return {
- url: s.path,
- title: s.title,
- };
- });
- }
-}
diff --git a/src/favicon.png b/src/assets/images/favicon.png
similarity index 100%
rename from src/favicon.png
rename to src/assets/images/favicon.png
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
deleted file mode 100644
index aa5b8e8..0000000
--- a/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// Get these values from your API Keys page in Agility Settings => https://manager.agilitycms.com/settings/apikeys
-export const environment = {
- production: true,
- AGILITY_GUID: 'e13c7b01-u',
- AGILITY_API_KEY:
- 'AngularFetch.a20b40fd8cd25e02ba62ca5c3acbaae5512c1d633b51ea104ac28f9bc3b9d44d',
- AGILITY_LANGUAGE_CODE: 'en-us',
- AGILITY_CHANNEL: 'website',
-};
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
deleted file mode 100644
index 23887b9..0000000
--- a/src/environments/environment.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-// Get these values from your API Keys page in Agility Settings => https://manager.agilitycms.com/settings/apikeys
-export const environment = {
- production: false,
- AGILITY_GUID: 'e13c7b01-u',
- AGILITY_API_KEY:
- 'AngularPreview.6617c54b87588d941d32416a9dfb1e8fd9e556439984e8236ac75896e47ae02a',
- AGILITY_LANGUAGE_CODE: 'en-us',
- AGILITY_CHANNEL: 'website',
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/src/index.html b/src/index.html
index 65cfbf5..8067947 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,13 +1,13 @@
-
+
-
-
- Loading...
- AgilityCMS Angular 18 Starter
+ (id: string): T;
- };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
- BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/tailwind.config.js b/tailwind.config.js
index 79bf8e5..2d76b08 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,9 @@
+/** @type {import('tailwindcss').Config} */
module.exports = {
- purge: {
- enabled: true,
- content: ["./src/**/*.{html,ts}"],
- },
+ content: [
+ "./src/**/*.{html,ts}",
+ "./app/**/*.{html,ts}"
+ ],
theme: {
container: {
screens: {
@@ -190,4 +191,4 @@ module.exports = {
},
},
plugins: [require("@tailwindcss/typography")],
-};
+}
\ No newline at end of file
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 82d91dc..cdc0b28 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -1,13 +1,17 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
- "types": []
+ "types": [
+ "node"
+ ]
},
"files": [
"src/main.ts",
- "src/polyfills.ts"
+ "src/main.server.ts",
+ "server.ts"
],
"include": [
"src/**/*.d.ts"
diff --git a/tsconfig.json b/tsconfig.json
index 4a4dc62..a8bb65b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,23 +1,33 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
{
"compileOnSave": false,
"compilerOptions": {
- "baseUrl": "./",
"outDir": "./dist/out-tsc",
+ "strict": true,
+ "noImplicitOverride": true,
+ "noPropertyAccessFromIndexSignature": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ "skipLibCheck": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
"sourceMap": true,
"declaration": false,
- "downlevelIteration": true,
"experimentalDecorators": true,
- "moduleResolution": "node",
+ "moduleResolution": "bundler",
"importHelpers": true,
- "target": "es2015",
- "module": "es2020",
+ "target": "ES2022",
+ "module": "ES2022",
"lib": [
- "es2018",
+ "ES2022",
"dom"
]
},
"angularCompilerOptions": {
- "enableI18nLegacyMessageIdFormat": false
+ "enableI18nLegacyMessageIdFormat": false,
+ "strictInjectionParameters": true,
+ "strictInputAccessModifiers": true,
+ "strictTemplates": true
}
}
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
index 092345b..5fb748d 100644
--- a/tsconfig.spec.json
+++ b/tsconfig.spec.json
@@ -1,4 +1,5 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
{
"extends": "./tsconfig.json",
"compilerOptions": {
@@ -7,10 +8,6 @@
"jasmine"
]
},
- "files": [
- "src/test.ts",
- "src/polyfills.ts"
- ],
"include": [
"src/**/*.spec.ts",
"src/**/*.d.ts"
diff --git a/tslint.json b/tslint.json
deleted file mode 100644
index 277c8eb..0000000
--- a/tslint.json
+++ /dev/null
@@ -1,152 +0,0 @@
-{
- "extends": "tslint:recommended",
- "rulesDirectory": [
- "codelyzer"
- ],
- "rules": {
- "align": {
- "options": [
- "parameters",
- "statements"
- ]
- },
- "array-type": false,
- "arrow-return-shorthand": true,
- "curly": true,
- "deprecation": {
- "severity": "warning"
- },
- "eofline": true,
- "import-blacklist": [
- true,
- "rxjs/Rx"
- ],
- "import-spacing": true,
- "indent": {
- "options": [
- "spaces"
- ]
- },
- "max-classes-per-file": false,
- "max-line-length": [
- true,
- 140
- ],
- "member-ordering": [
- true,
- {
- "order": [
- "static-field",
- "instance-field",
- "static-method",
- "instance-method"
- ]
- }
- ],
- "no-console": [
- true,
- "debug",
- "info",
- "time",
- "timeEnd",
- "trace"
- ],
- "no-empty": false,
- "no-inferrable-types": [
- true,
- "ignore-params"
- ],
- "no-non-null-assertion": true,
- "no-redundant-jsdoc": true,
- "no-switch-case-fall-through": true,
- "no-var-requires": false,
- "object-literal-key-quotes": [
- true,
- "as-needed"
- ],
- "quotemark": [
- true,
- "single"
- ],
- "semicolon": {
- "options": [
- "always"
- ]
- },
- "space-before-function-paren": {
- "options": {
- "anonymous": "never",
- "asyncArrow": "always",
- "constructor": "never",
- "method": "never",
- "named": "never"
- }
- },
- "typedef": [
- true,
- "call-signature"
- ],
- "typedef-whitespace": {
- "options": [
- {
- "call-signature": "nospace",
- "index-signature": "nospace",
- "parameter": "nospace",
- "property-declaration": "nospace",
- "variable-declaration": "nospace"
- },
- {
- "call-signature": "onespace",
- "index-signature": "onespace",
- "parameter": "onespace",
- "property-declaration": "onespace",
- "variable-declaration": "onespace"
- }
- ]
- },
- "variable-name": {
- "options": [
- "ban-keywords",
- "check-format",
- "allow-pascal-case"
- ]
- },
- "whitespace": {
- "options": [
- "check-branch",
- "check-decl",
- "check-operator",
- "check-separator",
- "check-type",
- "check-typecast"
- ]
- },
- "component-class-suffix": true,
- "contextual-lifecycle": true,
- "directive-class-suffix": true,
- "no-conflicting-lifecycle": true,
- "no-host-metadata-property": true,
- "no-input-rename": true,
- "no-inputs-metadata-property": true,
- "no-output-native": true,
- "no-output-on-prefix": true,
- "no-output-rename": true,
- "no-outputs-metadata-property": true,
- "template-banana-in-box": true,
- "template-no-negated-async": true,
- "use-lifecycle-interface": true,
- "use-pipe-transform-interface": true,
- "directive-selector": [
- true,
- "attribute",
- "app",
- "camelCase"
- ],
- "component-selector": [
- true,
- "element",
- "app",
- "kebab-case"
- ]
- }
-}
-
-
-
+ {}
}
diff --git a/src/app/components/site-header/site-header.component.html b/src/app/components/site-header/site-header.component.html
new file mode 100644
index 0000000..716b896
--- /dev/null
+++ b/src/app/components/site-header/site-header.component.html
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
diff --git a/src/app/module-featuredpost/module-featuredpost.component.ts b/src/app/module-featuredpost/module-featuredpost.component.ts
deleted file mode 100644
index bee780e..0000000
--- a/src/app/module-featuredpost/module-featuredpost.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { htmlDecode } from 'js-htmlencode';
-import { IAgilityModuleComponent } from '../../agility/agility.module.icomponent';
-import { AgilityService } from '../../agility/agility.service';
-
-@Component({
- selector: 'app-module-featuredpost',
- templateUrl: './module-featuredpost.component.html',
-})
-export class ModuleFeaturedPost implements IAgilityModuleComponent {
- @Input() data: any;
-
- public item: any = null;
- public date: any = null;
- public category: any = null;
- public excerpt: any = null;
-
- constructor(private agilityService: AgilityService) {}
-
- async ngOnInit(): Promise
-
-
- `,
- styles: [],
-})
-export class ModuleRichTextAreaComponent implements IAgilityModuleComponent {
- @Input() data: any;
-
- public textblob: string;
-
- constructor() {}
-
- ngOnInit(): void {
- this.textblob = this.data.item.fields.textblob;
- }
-}
diff --git a/src/app/module-textblockwithimage/module-textblockwithimage.component.ts b/src/app/module-textblockwithimage/module-textblockwithimage.component.ts
deleted file mode 100644
index 3f0bff7..0000000
--- a/src/app/module-textblockwithimage/module-textblockwithimage.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { IAgilityModuleComponent } from '../../agility/agility.module.icomponent';
-
-@Component({
- selector: 'app-module-textblockwithimage',
- templateUrl: './module-textblockwithimage.component.html',
-})
-export class ModuleTextBlockWithImage implements IAgilityModuleComponent {
- @Input() data: any;
-
- public item: any = null;
-
- constructor() {}
-
- ngOnInit(): void {
- this.item = this.data.item.fields;
- }
-}
diff --git a/src/app/preview-bar/preview-bar.component.html b/src/app/preview-bar/preview-bar.component.html
deleted file mode 100644
index 6b0393d..0000000
--- a/src/app/preview-bar/preview-bar.component.html
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
-
diff --git a/src/app/preview-bar/preview-bar.component.ts b/src/app/preview-bar/preview-bar.component.ts
deleted file mode 100644
index 70894fa..0000000
--- a/src/app/preview-bar/preview-bar.component.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { AgilityService } from '../../agility/agility.service';
-import { isDevMode } from '@angular/core';
-import { faGithub } from '@fortawesome/free-brands-svg-icons';
-import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
-
-@Component({
- selector: 'app-preview-bar',
- templateUrl: './preview-bar.component.html',
-})
-export class PreviewBarComponent implements OnInit {
- public visible: boolean = true;
- public isPreview: boolean;
- faGithub = faGithub;
- faInfoCircle = faInfoCircle;
-
- constructor(private agilityService: AgilityService) {
- this.isPreview = isDevMode();
- }
-
- toggle() {
- this.visible = !this.visible;
- }
-
- ngOnInit(): void {}
-}
diff --git a/src/app/site-header/site-header.component.html b/src/app/site-header/site-header.component.html
deleted file mode 100644
index ad2c0fb..0000000
--- a/src/app/site-header/site-header.component.html
+++ /dev/null
@@ -1,184 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- - Previewing Latest Changes -
-
-
- - Viewing Published Content -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-