refactor(demo): Convert core to standalone

apps/demo/src/app/app-routing.module.ts

@@ -11,6 +11,8 @@ import {
   DaffProductPageUrlResolver,
 } from '@daffodil/product/routing';
 
+import { provideDemoImageGalleryState } from './core/image-gallery/image-gallery-state.provider';
+import { provideDemoSidebarState } from './core/sidebar/sidebar-state.provider';
 import { TemplateComponent } from './core/template/template/template.component';
 import { NotFoundComponent } from './misc/not-found/not-found.component';
 import { ProductGridViewComponent } from './product/pages/product-grid-view/product-grid-view.component';
@@ -23,7 +25,13 @@ export const appRoutes: Routes = [
     pathMatch: 'full',
   },
   {
-    path: '', component: TemplateComponent, children: [
+    path: '',
+    component: TemplateComponent,
+    providers: [
+      provideDemoSidebarState(),
+      provideDemoImageGalleryState(),
+    ],
+    children: [
       { path: 'product-grid', component: ProductGridViewComponent },
       { path: 'cart',       loadChildren: () => import('./cart/cart.module').then(m => m.DemoCartModule) },
       {

apps/demo/src/app/app.module.ts

@@ -24,7 +24,6 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { DemoCartRootModule } from './cart/cart-root.module';
 import { DemoCheckoutStepActionTypes } from './checkout/actions/checkout-step.actions';
-import { TemplateModule } from './core/template/template/template.module';
 import { DemoDriverModule } from './drivers/driver.module';
 import { NotFoundModule } from './misc/not-found/not-found.module';
 import { ProductModule } from './product/product.module';
@@ -52,7 +51,6 @@ import { DemoIndicatorComponent } from './routing/indicator/indicator.component'
     DemoIndicatorComponent,
     DemoCartRootModule,
     ProductModule,
-    TemplateModule,
     NotFoundModule,
     DaffAuthorizeNetPaymentStateModule,
     DaffAuthorizeNetStateModule,

apps/demo/src/app/core/footer/footer.component.spec.ts

@@ -4,11 +4,7 @@ import {
   TestBed,
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { RouterTestingModule } from '@angular/router/testing';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-
-import { DaffContainerModule } from '@daffodil/design/container';
-import { DaffListModule } from '@daffodil/design/list';
+import { provideRouter } from '@angular/router';
 
 import { FooterComponent } from './footer.component';
 
@@ -18,14 +14,11 @@ describe('FooterComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         FooterComponent,
       ],
-      imports: [
-        RouterTestingModule,
-        DaffContainerModule,
-        DaffListModule,
-        FontAwesomeModule,
+      providers: [
+        provideRouter([]),
       ],
     })
       .compileComponents();

apps/demo/src/app/core/footer/footer.component.ts

@@ -1,15 +1,27 @@
 import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import {
   faTwitter,
   faFacebookF,
   faInstagram,
 } from '@fortawesome/free-brands-svg-icons';
 
+import { DAFF_ICON_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import { DaffContainerComponent } from '@daffodil/design/container';
+import { DAFF_LIST_COMPONENTS } from '@daffodil/design/list';
+
 @Component({
   selector: 'demo-footer',
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.scss'],
-  standalone: false,
+  imports: [
+    RouterModule,
+    DAFF_LIST_COMPONENTS,
+    DAFF_ICON_BUTTON_COMPONENTS,
+    DaffContainerComponent,
+    FaIconComponent,
+  ],
 })
 export class FooterComponent {
   faTwitter = faTwitter;

apps/demo/src/app/core/header/components/header/header.component.spec.ts

@@ -4,10 +4,10 @@ import {
   TestBed,
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { Router } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { DaffNavbarModule } from '@daffodil/design/navbar';
+import {
+  Router,
+  provideRouter,
+} from '@angular/router';
 
 import { DemoHeaderComponent } from './header.component';
 
@@ -19,12 +19,11 @@ describe('DemoHeaderComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
-        DaffNavbarModule,
-        RouterTestingModule,
-      ],
-      declarations: [
         DemoHeaderComponent,
       ],
+      providers: [
+        provideRouter([]),
+      ],
     })
       .compileComponents();
   }));

apps/demo/src/app/core/header/components/header/header.component.ts

@@ -1,11 +1,15 @@
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 
+import { DaffNavbarComponent } from '@daffodil/design/navbar';
+
 @Component({
   selector: 'demo-header',
   templateUrl: './header.component.html',
   styleUrls: ['./header.component.scss'],
-  standalone: false,
+  imports: [
+    DaffNavbarComponent,
+  ],
 })
 export class DemoHeaderComponent {
 

apps/demo/src/app/core/header/containers/header/header.component.spec.ts

@@ -1,22 +1,18 @@
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import {
   waitForAsync,
   ComponentFixture,
   TestBed,
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { RouterTestingModule } from '@angular/router/testing';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { provideRouter } from '@angular/router';
 import {
   StoreModule,
   Store,
 } from '@ngrx/store';
 
 import { DemoHeaderContainer } from './header.component';
-import { LogoModule } from '../../../logo/logo.module';
 import { ToggleSidebar } from '../../../sidebar/actions/sidebar.actions';
 import * as fromSidebar from '../../../sidebar/reducers/index';
-import { DemoHeaderComponent } from '../../components/header/header.component';
 
 describe('DemoHeaderContainer', () => {
   let component: DemoHeaderContainer;
@@ -28,16 +24,10 @@ describe('DemoHeaderContainer', () => {
     TestBed.configureTestingModule({
       imports: [
         StoreModule.forRoot({}),
-        RouterTestingModule,
-        LogoModule,
-        FontAwesomeModule,
-      ],
-      declarations: [
         DemoHeaderContainer,
-        DemoHeaderComponent,
       ],
-      schemas: [
-        CUSTOM_ELEMENTS_SCHEMA,
+      providers: [
+        provideRouter([]),
       ],
     })
       .compileComponents();

apps/demo/src/app/core/header/containers/header/header.component.ts

@@ -1,17 +1,29 @@
 import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import {
   faBars,
   faShoppingCart,
 } from '@fortawesome/free-solid-svg-icons';
 import { Store } from '@ngrx/store';
 
+import { DaffIconButtonComponent } from '@daffodil/design/button';
+
+import { LogoComponent } from '../../../logo/logo.component';
 import { ToggleSidebar } from '../../../sidebar/actions/sidebar.actions';
+import { DemoHeaderComponent } from '../../components/header/header.component';
 
 
 @Component({
   selector: 'demo-header-container',
   templateUrl: './header.component.html',
-  standalone: false,
+  imports: [
+    RouterModule,
+    FaIconComponent,
+    DaffIconButtonComponent,
+    DemoHeaderComponent,
+    LogoComponent,
+  ],
 })
 export class DemoHeaderContainer {
   faBars = faBars;

apps/demo/src/app/core/image-gallery/components/image-gallery.component.spec.ts

@@ -10,9 +10,6 @@ import {
   MockStore,
 } from '@ngrx/store/testing';
 
-import { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';
-import { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';
-
 import { ImageGalleryComponent } from './image-gallery.component';
 
 const stubImages = [
@@ -22,7 +19,9 @@ const stubImages = [
 
 @Component({
   template: '<demo-image-gallery-container [images]="imagesValue"></demo-image-gallery-container>',
-  standalone: false,
+  imports: [
+    ImageGalleryComponent,
+  ],
 })
 class WrapperComponent {
   imagesValue: Record<string, any>[] = stubImages;
@@ -38,12 +37,7 @@ describe('ImageGalleryComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
-        DAFF_MEDIA_GALLERY_COMPONENTS,
-        DAFF_IMAGE_COMPONENTS,
-      ],
-      declarations: [
         WrapperComponent,
-        ImageGalleryComponent,
       ],
       providers: [
         provideMockStore({}),

apps/demo/src/app/core/image-gallery/components/image-gallery.component.ts

@@ -6,6 +6,8 @@ import {
 } from '@angular/core';
 import { Store } from '@ngrx/store';
 
+import { DaffImageComponent } from '@daffodil/design/image';
+import { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';
 
 import { SetSelectedImageState } from '../actions/image-gallery.actions';
 import * as fromDemoImageGallery from '../reducers/index';
@@ -14,7 +16,10 @@ import * as fromDemoImageGallery from '../reducers/index';
   selector: 'demo-image-gallery-container',
   templateUrl: './image-gallery.component.html',
   encapsulation: ViewEncapsulation.None,
-  standalone: false,
+  imports: [
+    DaffImageComponent,
+    DAFF_MEDIA_GALLERY_COMPONENTS,
+  ],
 })
 export class ImageGalleryComponent implements OnInit {
 

apps/demo/src/app/core/image-gallery/image-gallery.state.module.ts → apps/demo/src/app/core/image-gallery/image-gallery-state.provider.ts

@@ -1,11 +1,9 @@
-import { NgModule } from '@angular/core';
+import { importProvidersFrom } from '@angular/core';
 import { StoreModule } from '@ngrx/store';
 
 import { reducers } from './reducers/index';
 
-@NgModule({
-  imports: [
+export const provideDemoImageGalleryState = () =>
+  importProvidersFrom(
     StoreModule.forFeature('demoImageGallery', reducers),
-  ],
-})
-export class DemoImageGalleryStateModule { }
+  );

apps/demo/src/app/core/logo/logo.component.spec.ts

@@ -12,7 +12,9 @@ describe('LogoComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ LogoComponent ],
+      imports: [
+        LogoComponent,
+      ],
     })
       .compileComponents();
   }));