Convert core to standalone

Author: joannalauu

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

@@ -18,19 +18,22 @@ import {
   DaffAuthorizeNetStateModule,
 } from '@daffodil/authorizenet/state';
 import { daffCartProvideRetrievalActions } from '@daffodil/cart/state';
+import { DaffNavigationStateModule } from '@daffodil/navigation/state';
 import { DaffPaymentStateModule } from '@daffodil/payment/state';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { DemoCartRootModule } from './cart/cart-root.module';
 import { CategoryModule } from './category/category.module';
 import { DemoCheckoutStepActionTypes } from './checkout/actions/checkout-step.actions';
-import { TemplateModule } from './core/template/template/template.module';
+import { provideDemoImageGalleryState } from './core/image-gallery/image-gallery-state.provider';
+import { TemplateComponent } from './core/template/template/template.component';
 import { DemoDriverModule } from './drivers/driver.module';
 import { NotFoundModule } from './misc/not-found/not-found.module';
 import { ProductModule } from './product/product.module';
 import { DemoRoutingComponentModule } from './routing/routing-component.module';
 import { environment } from '../environments/environment';
+import { provideDemoSidebarState } from './core/sidebar/sidebar-state.provider';
 
 @NgModule({
   declarations: [
@@ -54,10 +57,11 @@ import { environment } from '../environments/environment';
     DemoCartRootModule,
     ProductModule,
     CategoryModule,
-    TemplateModule,
+    TemplateComponent,
     NotFoundModule,
     DaffAuthorizeNetPaymentStateModule,
     DaffAuthorizeNetStateModule,
+    DaffNavigationStateModule,
     DaffPaymentStateModule,
   ],
   providers: [
@@ -73,6 +77,8 @@ import { environment } from '../environments/environment';
       },
     ),
     provideRouterStore(),
+    provideDemoSidebarState(),
+    provideDemoImageGalleryState(),
     // network providers
     provideHttpClient(withInterceptorsFromDi()),
     // this must be after http client! ^

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_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import { DAFF_CONTAINER_COMPONENTS } 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_BUTTON_COMPONENTS,
+    DAFF_CONTAINER_COMPONENTS,
+    FaIconComponent,
+  ],
 })
 export class FooterComponent {
   faTwitter = faTwitter;

apps/demo/src/app/core/footer/footer.module.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.spec.ts

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

apps/demo/src/app/core/header/components/header/header.component.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.spec.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 { DAFF_BUTTON_COMPONENTS } 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,
+    DAFF_BUTTON_COMPONENTS,
+    DemoHeaderComponent,
+    LogoComponent,
+  ],
 })
 export class DemoHeaderContainer {
   faBars = faBars;

apps/demo/src/app/core/header/containers/header/header.component.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({}),