Migrate the SPA examples: React, Vue, Nuxt, Angular and multitenant

.github/workflows/angular.yml

@@ -1,82 +1,37 @@
-name: Deploy Angular Example
+name: Angular (angular-oauth2-oidc)
 
-env:
-  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ANGULAR_PROJECT_ID }}
-  VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}
 on:
   push:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/angular/**"
+      - ".github/workflows/angular.yml"
   pull_request:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/angular/**"
+      - ".github/workflows/angular.yml"
+  workflow_dispatch:
 
-jobs:
-  deploy-preview:
-    if: github.event_name == 'pull_request' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/angular
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=preview --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
-
-      - name: Build Project Artifacts
-        run: vercel build --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
-
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
+permissions:
+  contents: read
 
-  deploy-prod:
-    if: github.event_name == 'push' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.event_name == 'pull_request' }}
 
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/angular
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=production --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
-
-      - name: Build Project Artifacts
-        run: vercel build --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
-
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/angular
+jobs:
+  ci:
+    uses: ./.github/workflows/_node-ci.yml
+    with:
+      working-directory: frameworks/angular
+
+  deploy:
+    needs: ci
+    uses: ./.github/workflows/_vercel-deploy.yml
+    with:
+      working-directory: frameworks/angular
+    secrets:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ANGULAR_PROJECT_ID }}
+      VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}

.github/workflows/multitenant.yml

@@ -0,0 +1,27 @@
+name: Multitenant (Nx)
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - "multitenant/**"
+      - ".github/workflows/multitenant.yml"
+  pull_request:
+    branches: [main]
+    paths:
+      - "multitenant/**"
+      - ".github/workflows/multitenant.yml"
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.event_name == 'pull_request' }}
+
+jobs:
+  ci:
+    uses: ./.github/workflows/_node-ci.yml
+    with:
+      working-directory: multitenant

.github/workflows/nuxt-keycloakjs.yml

@@ -1,81 +1,37 @@
-name: Deploy Nuxt keycloak-js Example
-env:
-  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_NUXT_KEYCLOAKJS_PROJECT_ID }}
-  VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}
+name: Nuxt (keycloak-js)
+
 on:
   push:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/nuxt/keycloak-js/**"
+      - ".github/workflows/nuxt-keycloakjs.yml"
   pull_request:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/nuxt/keycloak-js/**"
+      - ".github/workflows/nuxt-keycloakjs.yml"
+  workflow_dispatch:
 
-jobs:
-  deploy-preview:
-    if: github.event_name == 'pull_request' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/nuxt/keycloak-js
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=preview --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
-
-      - name: Build Project Artifacts
-        run: vercel build --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
+permissions:
+  contents: read
 
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.event_name == 'pull_request' }}
 
-  deploy-prod:
-    if: github.event_name == 'push' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/nuxt/keycloak-js
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=production --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
-
-      - name: Build Project Artifacts
-        run: vercel build --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
-
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/keycloak-js
+jobs:
+  ci:
+    uses: ./.github/workflows/_node-ci.yml
+    with:
+      working-directory: frameworks/nuxt/keycloak-js
+
+  deploy:
+    needs: ci
+    uses: ./.github/workflows/_vercel-deploy.yml
+    with:
+      working-directory: frameworks/nuxt/keycloak-js
+    secrets:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_NUXT_KEYCLOAKJS_PROJECT_ID }}
+      VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}

.github/workflows/nuxt-oidc.yml

@@ -1,81 +1,37 @@
-name: Deploy Nuxt oidc-client-ts Example
-env:
-  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_NUXT_OIDC_PROJECT_ID }}
-  VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}
+name: Nuxt (oidc-client-ts)
+
 on:
   push:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/nuxt/oidc-client-ts/**"
+      - ".github/workflows/nuxt-oidc.yml"
   pull_request:
-    branches:
-      - main
+    branches: [main]
     paths:
       - "frameworks/nuxt/oidc-client-ts/**"
+      - ".github/workflows/nuxt-oidc.yml"
+  workflow_dispatch:
 
-jobs:
-  deploy-preview:
-    if: github.event_name == 'pull_request' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/nuxt/oidc-client-ts
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=preview --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
-
-      - name: Build Project Artifacts
-        run: vercel build --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
+permissions:
+  contents: read
 
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.event_name == 'pull_request' }}
 
-  deploy-prod:
-    if: github.event_name == 'push' && github.repository == 'p2-inc/examples'
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v7
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v7
-        with:
-          node-version: "20"
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./frameworks/nuxt/oidc-client-ts
-
-      - name: Install Vercel CLI
-        run: npm install -g vercel@latest
-
-      - name: Pull Vercel Environment Information
-        run: vercel pull --yes --environment=production --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
-
-      - name: Build Project Artifacts
-        run: vercel build --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
-
-      - name: Deploy Project Artifacts to Vercel
-        run: vercel deploy --prebuilt --prod --token=$VERCEL_TOKEN
-        working-directory: ./frameworks/nuxt/oidc-client-ts
+jobs:
+  ci:
+    uses: ./.github/workflows/_node-ci.yml
+    with:
+      working-directory: frameworks/nuxt/oidc-client-ts
+
+  deploy:
+    needs: ci
+    uses: ./.github/workflows/_vercel-deploy.yml
+    with:
+      working-directory: frameworks/nuxt/oidc-client-ts
+    secrets:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_NUXT_OIDC_PROJECT_ID }}
+      VERCEL_TOKEN: ${{ secrets.VERCEL_DEPLOYMENT_TOKEN }}