feat(challengestandalone): challenge standalone

libs/module-to-standalone/user/shell/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/user-shell.module';

libs/module-to-standalone/user/shell/src/lib/user-shell.component.ts

@@ -0,0 +1,33 @@
+import { TOKEN } from '@angular-challenges/module-to-standalone/core/providers';
+import { Component, Inject } from '@angular/core';
+
+@Component({
+  selector: 'lib-user-shell',
+  template: `
+    -- User Panel --
+    <div class="flex gap-2 items-center">
+      <button
+        routerLink="home"
+        class="border px-4 py-2 border-blue-400 rounded-md">
+        Home
+      </button>
+      <button
+        routerLink="contact"
+        class="border px-4 py-2 border-blue-400 rounded-md">
+        Contact
+      </button>
+      More buttons ...
+    </div>
+    <router-outlet></router-outlet>
+    <section>
+      LoadedToken
+      {{ token }}
+    </section>
+  `,
+  host: {
+    class: 'flex flex-col p-4 gap-3 border border-blue',
+  },
+})
+export class UserShellComponent {
+  constructor(@Inject(TOKEN) public token: string) {}
+}

libs/module-to-standalone/user/shell/src/lib/user-shell.module.ts

@@ -0,0 +1,13 @@
+import { provideToken } from '@angular-challenges/module-to-standalone/core/providers';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { UserShellComponent } from './user-shell.component';
+import { userShellRoutes } from './user-shell.routes';
+
+@NgModule({
+  imports: [CommonModule, RouterModule.forChild(userShellRoutes), RouterModule],
+  declarations: [UserShellComponent],
+  providers: [provideToken('user-token')],
+})
+export class UserShellModule {}

libs/module-to-standalone/user/shell/src/lib/user-shell.routes.ts

@@ -0,0 +1,26 @@
+import { Route } from '@angular/router';
+import { UserShellComponent } from './user-shell.component';
+
+export const userShellRoutes: Route[] = [
+  {
+    path: '',
+    component: UserShellComponent,
+    children: [
+      { path: '', redirectTo: 'home', pathMatch: 'full' },
+      {
+        path: 'home',
+        loadChildren: () =>
+          import('@angular-challenges/module-to-standalone/user/home').then(
+            (m) => m.UserHomeModule
+          ),
+      },
+      {
+        path: 'contact',
+        loadChildren: () =>
+          import('@angular-challenges/module-to-standalone/user/contact').then(
+            (m) => m.ContactFeatureModule
+          ),
+      },
+    ],
+  },
+];

libs/module-to-standalone/user/shell/src/test-setup.ts

@@ -0,0 +1,8 @@
+// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
+globalThis.ngJest = {
+  testEnvironmentOptions: {
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true,
+  },
+};
+import 'jest-preset-angular/setup-jest';