feat(demo): add product external resolution (#1843)

graycoreio · Nov 24, 2023 · 669fe5a · 669fe5a
1 parent 6efc2c4
commit 669fe5a
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 2 deletions.
diff --git a/apps/demo/package.json b/apps/demo/package.json
@@ -34,6 +34,7 @@
     "@daffodil/checkout": "0.0.0-PLACEHOLDER",
     "@daffodil/core": "0.0.0-PLACEHOLDER",
     "@daffodil/design": "0.0.0-PLACEHOLDER",
+    "@daffodil/external-router": "0.0.0-PLACEHOLDER",
     "@daffodil/newsletter": "0.0.0-PLACEHOLDER",
     "@daffodil/navigation": "0.0.0-PLACEHOLDER",
     "@daffodil/driver": "0.0.0-PLACEHOLDER"

diff --git a/apps/demo/src/app/app-routing.module.ts b/apps/demo/src/app/app-routing.module.ts
@@ -4,7 +4,16 @@ import {
   RouterModule,
 } from '@angular/router';
 
-import { DaffProductPageIdResolver } from '@daffodil/product/routing';
+import {
+  DaffExternalRouterModule,
+  daffDataPathUrlMatcher,
+  daffInsertDataPathStrategy,
+} from '@daffodil/external-router';
+import { DaffExternalRouterExistenceGuard } from '@daffodil/external-router/routing';
+import {
+  DaffProductPageIdResolver,
+  DaffProductPageUrlResolver,
+} from '@daffodil/product/routing';
 
 import { EmptyCartResolver } from './cart/routing-resolvers/resolvers/empty-cart-resolver.service';
 import { CheckoutViewComponent } from './checkout/pages/checkout-view/checkout-view.component';
@@ -31,6 +40,16 @@ export const appRoutes: Routes = [
           product: DaffProductPageIdResolver,
         },
       },
+      {
+        matcher: daffDataPathUrlMatcher,
+        data: {
+          daffExternalRouteType: 'PRODUCT',
+        },
+        component: ProductViewComponent,
+        resolve: {
+          product: DaffProductPageUrlResolver,
+        },
+      },
       {
         path: 'checkout',
         loadChildren: () => import('./checkout/checkout.module').then(m => m.CheckoutModule),
@@ -40,7 +59,8 @@ export const appRoutes: Routes = [
   },
   {
     path: '**',
-    redirectTo: '/404',
+    canActivate: [DaffExternalRouterExistenceGuard],
+    children: [],
   },
 ];
 
@@ -49,6 +69,20 @@ export const appRoutes: Routes = [
     RouterModule.forRoot(appRoutes, {
       scrollPositionRestoration: 'enabled',
     }),
+    DaffExternalRouterModule.forRoot({
+      failedResolutionPath: '404',
+      notFoundResolutionPath: '404',
+    }, [
+      // {
+      //   type: 'CATEGORY',
+      //   route: {},
+      // },
+      {
+        type: 'PRODUCT',
+        insertionStrategy: daffInsertDataPathStrategy,
+        route: {},
+      },
+    ]),
   ],
   exports: [
     RouterModule,

diff --git a/apps/demo/src/app/drivers/in-memory/external-router.config.token.ts b/apps/demo/src/app/drivers/in-memory/external-router.config.token.ts
@@ -0,0 +1,46 @@
+import {
+  inject,
+  InjectionToken,
+} from '@angular/core';
+
+import { DaffInMemoryBackendCategoryService } from '@daffodil/category/driver/in-memory';
+import { DAFF_EXTERNAL_ROUTER_NOT_FOUND_RESOLUTION } from '@daffodil/external-router/driver';
+import { DaffExternalRouterDriverInMemoryConfig } from '@daffodil/external-router/driver/in-memory';
+import { DaffInMemoryBackendProductService } from '@daffodil/product/driver/in-memory';
+
+export const DEMO_EXTERNAL_ROUTER_DRIVER_IN_MEMORY_CONFIG
+  = new InjectionToken<DaffExternalRouterDriverInMemoryConfig>('DEMO_EXTERNAL_ROUTER_DRIVER_IN_MEMORY_CONFIG', {
+    factory: () => {
+      const productBackend = inject(DaffInMemoryBackendProductService);
+      // const categoryBackend = inject(DaffInMemoryBackendCategoryService);
+
+      return {
+        resolver: url => {
+          const product = productBackend.products.find(p => p.url === url);
+          if (product) {
+            return {
+              id: product.id,
+              url,
+              // TODO(griest024): don't hardcode this
+              type: 'PRODUCT',
+              code: 200,
+            };
+          }
+
+          // const category = categoryBackend.categories.find(c => c.url === url);
+          // if (category) {
+          //   return {
+          //     id: category.id,
+          //     url,
+          //     // TODO(griest024): don't hardcode this
+          //     type: 'CATEGORY',
+          //     code: 200,
+          //   };
+          // }
+
+          return DAFF_EXTERNAL_ROUTER_NOT_FOUND_RESOLUTION;
+        },
+      };
+    },
+  })
+;
diff --git a/apps/demo/src/app/drivers/in-memory/in-memory.module.ts b/apps/demo/src/app/drivers/in-memory/in-memory.module.ts
@@ -4,12 +4,14 @@ import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
 import { DaffAuthInMemoryDriverModule } from '@daffodil/auth/driver/in-memory';
 import { DaffCartInMemoryDriverModule } from '@daffodil/cart/driver/in-memory';
 import { DaffCheckoutInMemoryDriverModule } from '@daffodil/checkout/testing';
+import { DaffExternalRouterDriverInMemoryModule } from '@daffodil/external-router/driver/in-memory';
 import { DaffGeographyInMemoryDriverModule } from '@daffodil/geography/driver/in-memory';
 import { DaffNavigationInMemoryDriverModule } from '@daffodil/navigation/driver/in-memory';
 import { DaffNewsletterInMemoryDriverModule } from '@daffodil/newsletter/driver/in-memory';
 import { DaffProductInMemoryDriverModule } from '@daffodil/product/driver/in-memory';
 
 import { DemoInMemoryBackendService } from './backend/backend.service';
+import { DEMO_EXTERNAL_ROUTER_DRIVER_IN_MEMORY_CONFIG } from './external-router.config.token';
 
 
 @NgModule({
@@ -22,6 +24,7 @@ import { DemoInMemoryBackendService } from './backend/backend.service';
     DaffNavigationInMemoryDriverModule.forRoot(),
     DaffNewsletterInMemoryDriverModule.forRoot(),
     DaffGeographyInMemoryDriverModule.forRoot(),
+    DaffExternalRouterDriverInMemoryModule.forRoot(DEMO_EXTERNAL_ROUTER_DRIVER_IN_MEMORY_CONFIG),
   ],
 })
 export class DemoInMemoryDriverModule { }