ci: change to pnpm

.eslintignore

@@ -1 +1,2 @@
 node_modules
+pnpm-lock.yaml

.github/workflows/ci.yml

@@ -1,36 +1,45 @@
-name: CI
+name: Publish
+
 on:
   push:
     branches:
-      # Change this if your primary branch is not main
       - main
-  pull_request:
-
-# Needed for nx-set-shas when run on the main branch
-permissions:
-  actions: read
-  contents: read
 
 jobs:
-  main:
+  test:
+    name: Publish
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write # needed for provenance data generation
+    timeout-minutes: 10
     steps:
-      - uses: actions/checkout@v4
+      - name: Checkout repository
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v3
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - name: Install Node
+        uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
-      # This line enables distribution
-      # The "--stop-agents-after" is optional, but allows idle agents to shut down once the "e2e-ci" targets have been requested
-      # - run: npx nx-cloud start-ci-run --distribute-on="5 linux-medium-js" --stop-agents-after="e2e-ci"
-      - run: npm ci
+          registry-url: https://registry.npmjs.org/
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+        shell: bash
 
-      - uses: nrwl/nx-set-shas@v3
-      # This line is needed for nx affected to work when CI is running on a PR
-      - run: git branch --track main origin/main
-        if: ${{ github.event_name == 'pull_request' }}
+      - name: Print Environment Info
+        run: pnpx nx report
+        shell: bash
 
-      - run: npx nx-cloud record -- nx format:check
-      - run: npx nx affected -t lint test build e2e-ci
+      - name: Publish packages
+        run: |
+          pnpx nx format:check
+          pnpx nx run web:build:production
+        shell: bash

apps/web/src/app/app.config.server.ts

@@ -7,17 +7,19 @@ const serverConfig: ApplicationConfig = {
   providers: [
     provideServerRendering(),
     {
-        provide: ROUTES,
-        multi: true,
-        useValue: [
-            {
-                path: '',
-                loadComponent: () => import('@nx-cleanarch-spotify/shell').then(m => m.ShellComponent),
-                loadChildren: () => import('@nx-cleanarch-spotify/shell').then(m => m.shellRoutes)
-            }
-        ]
-    }
-]
+      provide: ROUTES,
+      multi: true,
+      useValue: [
+        {
+          path: '',
+          loadComponent: () =>
+            import('@nx-cleanarch-spotify/shell').then((m) => m.ShellComponent),
+          loadChildren: () =>
+            import('@nx-cleanarch-spotify/shell').then((m) => m.shellRoutes),
+        },
+      ],
+    },
+  ],
 };
 
 export const config = mergeApplicationConfig(appConfig, serverConfig);

apps/web/src/app/app.routes.ts

@@ -3,7 +3,9 @@ import { Route } from '@angular/router';
 export const appRoutes: Route[] = [
   {
     path: '',
-    loadComponent: () => import('@nx-cleanarch-spotify/shell').then(m => m.ShellComponent),
-    loadChildren: () => import('@nx-cleanarch-spotify/shell').then(m => m.shellRoutes)
-  }
+    loadComponent: () =>
+      import('@nx-cleanarch-spotify/shell').then((m) => m.ShellComponent),
+    loadChildren: () =>
+      import('@nx-cleanarch-spotify/shell').then((m) => m.shellRoutes),
+  },
 ];

libs/main/feature-shell/src/lib/shell/shell.component.ts

@@ -8,7 +8,13 @@ import { NavbarComponent } from '@nx-cleanarch-spotify/navbar';
 @Component({
   selector: 'lib-shell',
   standalone: true,
-  imports: [CommonModule, RouterModule, PlayerComponent, ContentComponent, NavbarComponent],
+  imports: [
+    CommonModule,
+    RouterModule,
+    PlayerComponent,
+    ContentComponent,
+    NavbarComponent,
+  ],
   templateUrl: './shell.component.html',
   styleUrl: './shell.component.scss',
 })

libs/main/feature-shell/src/lib/shell/shell.routes.ts

@@ -3,6 +3,7 @@ import { Route } from '@angular/router';
 export const shellRoutes: Route[] = [
   {
     path: '',
-    loadComponent: () => import('@nx-cleanarch-spotify/home').then(m => m.HomeComponent)
-  }
+    loadComponent: () =>
+      import('@nx-cleanarch-spotify/home').then((m) => m.HomeComponent),
+  },
 ];