merge release-9.0.0

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -20,10 +20,10 @@ body:
     id: affected-versions
     attributes:
       label: Ionic Framework Version
-      description: Which version(s) of Ionic Framework does this issue impact? [Ionic Framework 1.x to 6.x are no longer supported](https://ionicframework.com/docs/reference/support#framework-maintenance-and-support-status). For extended support, considering visiting [Ionic's Enterprise offering](https://ionic.io/enterprise).
+      description: Which version(s) of Ionic Framework does this issue impact? [Ionic Framework 1.x to 7.x are no longer supported](https://ionicframework.com/docs/reference/support#framework-maintenance-and-support-status).
       options:
-        - v7.x
         - v8.x
+        - v9.x
         - Nightly
       multiple: true
     validations:

.github/workflows/actions/build-angular-server/action.yml

@@ -19,10 +19,25 @@ runs:
       run: npm run sync
       shell: bash
       working-directory: ./packages/angular-server
+    - name: 🖌️ Lint
+      run: npm run lint
+      shell: bash
+      working-directory: ./packages/angular-server
+    # No Typecheck step here. Unlike the rollup-built packages, which report
+    # type errors as warnings and still exit 0, ng-packagr fails the build on
+    # them, so the Build step below already covers this.
     - name: 🏗️ Build
       run: npm run build.prod
       shell: bash
       working-directory: ./packages/angular-server
+    - name: Clean core package.json
+      run: git checkout ./package.json
+      shell: bash
+      working-directory: ./core
+    - name: 🔍 Check Diff
+      run: git diff --exit-code
+      shell: bash
+      working-directory: ./packages/angular-server
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-angular-server

.github/workflows/actions/build-angular/action.yml

@@ -23,6 +23,9 @@ runs:
       run: npm run lint
       shell: bash
       working-directory: ./packages/angular
+    # No Typecheck step here. Unlike the rollup-built packages, which report
+    # type errors as warnings and still exit 0, ng-packagr fails the build on
+    # them, so the Build step below already covers this.
     - name: 🏗️ Build
       run: npm run build
       shell: bash
@@ -39,4 +42,4 @@ runs:
       with:
         name: ionic-angular
         output: ./packages/angular/AngularBuild.zip
-        paths: ./packages/angular/dist
+        paths: ./packages/angular/dist ./packages/angular/css

.github/workflows/actions/build-core-stencil-prerelease/action.yml

@@ -1,10 +1,14 @@
 name: 'Build Ionic Core with Stencil Prerelease'
 description: 'Build Ionic Core with a Prerelease Build of Stencil'
 inputs:
-  stencil-version:
+  stencil-core-version:
     description: 'The NPM tag of @stencil/core to install.'
     type: string
     required: true
+  stencil-react-output-target-version:
+    description: 'The NPM tag of @stencil/react-output-target to install.'
+    type: string
+    required: true
 runs:
   using: 'composite'
   steps:
@@ -13,13 +17,17 @@ runs:
       with:
         node-version: 24.x
 
-    - name: 🕸️ Install Dependencies
+    - name: 🕸️ Install Core Dependencies
       run: npm ci
       working-directory: ./core
       shell: bash
-    - name: 📦 Install Stencil ${{ inputs.stencil-version }}
+    - name: 📦 Install Stencil Core ${{ inputs.stencil-core-version }}
+      working-directory: ./core
+      run: npm i @stencil/core@${{ inputs.stencil-core-version }}
+      shell: bash
+    - name: 📦 Install Stencil React Output Target ${{ inputs.stencil-react-output-target-version }}
       working-directory: ./core
-      run: npm i @stencil/core@${{ inputs.stencil-version }}
+      run: npm i @stencil/react-output-target@${{ inputs.stencil-react-output-target-version }}
       shell: bash
     - name: 🏗️ Build Core
       run: npm run build -- --ci --debug --verbose
@@ -29,8 +37,16 @@ runs:
       run: npm run test.lazy-imports
       working-directory: ./core
       shell: bash
+    - name: 🕸️ Install React Package Dependencies
+      run: npm ci
+      working-directory: ./packages/react
+      shell: bash
+    - name: 🏗️ Lint React Package
+      run: npm run lint
+      working-directory: ./packages/react
+      shell: bash
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-core
         output: core/CoreBuild.zip
-        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/package.json
+        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/package.json packages/react/src/components/components.ts

.github/workflows/actions/build-core/action.yml

@@ -37,4 +37,4 @@ runs:
         output: core/CoreBuild.zip
         # Include generated proxy files from Stencil output targets so
         # framework builds can detect when they need to be updated
-        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/api.txt packages/angular/src/directives/proxies.ts packages/angular/src/directives/proxies-list.ts packages/angular/standalone/src/directives/proxies.ts packages/vue/src/proxies.ts packages/react/src/components/proxies.ts packages/react/src/components/inner-proxies.ts packages/react/src/components/routing-proxies.ts
+        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/api.txt packages/angular/src/lazy/directives/proxies.ts packages/angular/src/lazy/directives/proxies-list.ts packages/angular/src/standalone/directives packages/vue/src/proxies.ts packages/react/src/components/proxies.ts packages/react/src/components/inner-proxies.ts packages/react/src/components/routing-proxies.ts

.github/workflows/actions/build-react-router/action.yml

@@ -28,10 +28,22 @@ runs:
       run: npm run lint
       shell: bash
       working-directory: ./packages/react-router
+    # The rollup build reports type errors as warnings and still succeeds, so
+    # this step is what keeps the package type-clean.
+    - name: 🔎 Typecheck
+      run: npm run typecheck
+      shell: bash
+      working-directory: ./packages/react-router
     - name: 🏗️ Build
       run: npm run build
       shell: bash
       working-directory: ./packages/react-router
+    - name: Clean package.json updates
+      run: git checkout ./core/package.json ./packages/react/package.json
+      shell: bash
+    - name: 🔍 Check Diff
+      run: git diff --exit-code
+      shell: bash
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-react-router

.github/workflows/actions/build-react/action.yml

@@ -23,6 +23,12 @@ runs:
       run: npm run lint
       shell: bash
       working-directory: ./packages/react
+    # The rollup build reports type errors as warnings and still succeeds, so
+    # this step is what keeps the package type-clean.
+    - name: 🔎 Typecheck
+      run: npm run typecheck
+      shell: bash
+      working-directory: ./packages/react
     - name: 🏗️ Build
       run: npm run build
       shell: bash
@@ -31,16 +37,14 @@ runs:
       run: npm run test.spec
       shell: bash
       working-directory: ./packages/react
-    - name: Clean core package.json
-      run: git checkout ./package.json
-      shell: bash
-      working-directory: ./core
-    - name: 🔍 Check Diff
-      run: git diff --exit-code
-      shell: bash
-      working-directory: ./packages/react
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-react
         output: packages/react/ReactBuild.zip
-        paths: packages/react/dist packages/react/css
+        paths: packages/react/dist packages/react/css packages/react/package.json
+    - name: Clean package.json updates
+      run: git checkout ./core/package.json ./packages/react/package.json
+      shell: bash
+    - name: 🔍 Check Diff
+      run: git diff --exit-code
+      shell: bash

.github/workflows/actions/build-vue-router/action.yml

@@ -28,14 +28,22 @@ runs:
       run: npm run lint
       shell: bash
       working-directory: ./packages/vue-router
+    # The rollup build reports type errors as warnings and still succeeds, so
+    # this step is what keeps the package type-clean.
+    - name: 🔎 Typecheck
+      run: npm run typecheck
+      shell: bash
+      working-directory: ./packages/vue-router
     - name: 🏗️ Build
       run: npm run build
       shell: bash
       working-directory: ./packages/vue-router
-    - name: 🧪 Test Spec
-      run: npm run test.spec
+    - name: Clean package.json updates
+      run: git checkout ./core/package.json
+      shell: bash
+    - name: 🔍 Check Diff
+      run: git diff --exit-code
       shell: bash
-      working-directory: ./packages/vue-router
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-vue-router

.github/workflows/actions/build-vue/action.yml

@@ -23,18 +23,22 @@ runs:
       run: npm run lint
       shell: bash
       working-directory: ./packages/vue
+    # The rollup build reports type errors as warnings and still succeeds, so
+    # this step is what keeps the package type-clean.
+    - name: 🔎 Typecheck
+      run: npm run typecheck
+      shell: bash
+      working-directory: ./packages/vue
     - name: 🏗️ Build
       run: npm run build
       shell: bash
       working-directory: ./packages/vue
-    - name: Clean core package.json
-      run: git checkout ./package.json
+    - name: Clean package.json updates
+      run: git checkout ./core/package.json ./packages/react/package.json
       shell: bash
-      working-directory: ./core
     - name: 🔍 Check Diff
       run: git diff --exit-code
       shell: bash
-      working-directory: ./packages/vue
     - uses: ./.github/workflows/actions/upload-archive
       with:
         name: ionic-vue

.github/workflows/actions/test-core-clean-build/action.yml

@@ -12,10 +12,9 @@ runs:
         name: ionic-core
         path: ./core
         filename: CoreBuild.zip
-    - name: Clean core package.json
-      run: git checkout ./package.json
+    - name: Clean package.json updates
+      run: git checkout ./core/package.json ./packages/react/package.json
       shell: bash
-      working-directory: ./core
     - name: 🔍 Check Diff
       run: |
         git diff --exit-code || {

.github/workflows/actions/test-react-router-e2e/action.yml

@@ -32,6 +32,10 @@ runs:
       run: npm install
       shell: bash
       working-directory: ./packages/react-router/test/build/${{ inputs.app }}
+    - name: 📦 Install Playwright Browsers
+      run: npx playwright install chromium
+      shell: bash
+      working-directory: ./packages/react-router/test/build/${{ inputs.app }}
     - name: 🔄 Sync Built Changes
       run: npm run sync
       shell: bash
@@ -40,7 +44,13 @@ runs:
       run: npm run build
       shell: bash
       working-directory: ./packages/react-router/test/build/${{ inputs.app }}
-    - name: 🧪 Run Tests
+    - name: 🧪 Run Cypress Tests
       run: npm run e2e
       shell: bash
       working-directory: ./packages/react-router/test/build/${{ inputs.app }}
+    - name: 🎭 Run Playwright Tests
+      run: npx playwright test --retries=2
+      env:
+        CI: true
+      shell: bash
+      working-directory: ./packages/react-router/test/build/${{ inputs.app }}

.github/workflows/actions/test-vue-e2e/action.yml

@@ -32,6 +32,10 @@ runs:
       run: npm install
       shell: bash
       working-directory: ./packages/vue/test/build/${{ inputs.app }}
+    - name: 📦 Install Playwright Browsers
+      run: npx playwright install chromium
+      shell: bash
+      working-directory: ./packages/vue/test/build/${{ inputs.app }}
     - name: 🔄 Sync
       run: npm run sync
       shell: bash
@@ -44,3 +48,9 @@ runs:
       run: npm run test:e2e
       shell: bash
       working-directory: ./packages/vue/test/build/${{ inputs.app }}
+    - name: 🎭 Run Playwright Tests
+      run: npx playwright test --retries=2
+      env:
+        CI: true
+      shell: bash
+      working-directory: ./packages/vue/test/build/${{ inputs.app }}

.github/workflows/build.yml

@@ -140,7 +140,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        apps: [ng16, ng17, ng18, ng19, ng20]
+        apps: [ng18, ng19, ng20, ng21, ng22]
     needs: [build-angular, build-angular-server]
     runs-on: ubuntu-latest
     steps:
@@ -176,7 +176,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        apps: [reactrouter5]
+        apps: [reactrouter6-react18, reactrouter6-react19]
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps:
@@ -198,7 +198,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        apps: [react17, react18, react19]
+        apps: [react18, react19]
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps: