@ionic/angular 8.6.3-dev.11751478001.1cb7436f → 8.6.3-nightly.20250620

package/README.md

@@ -18,80 +18,40 @@ Ionic Angular specific building blocks on top of [@ionic/core](https://www.npmjs
 
 * [MIT](https://raw.githubusercontent.com/ionic-team/ionic/main/LICENSE)
 
-## Testing Local Ionic Framework with `ng add`
-
-This guide shows you how to test the local Ionic Framework build with a new Angular application using `ng add`. This is useful for development and testing changes before publishing.
-
-### Prerequisites
-
-- Node.js and npm installed
-- Angular CLI installed globally (`npm install -g @angular/cli`)
-
-### Build Local Ionic Framework
-
-1. Clone the repository (if not already done):
-    ```sh
-    git clone https://github.com/ionic-team/ionic-framework.git
-    cd ionic-framework
-    ```
-
-2. Pull the latest from `main`
-    ```sh
-    git pull origin main
-    ```
-
-3. Install dependencies and build the `core` package:
-    ```sh
-    cd core
-    npm install
-    npm run build
-    ```
-
-4. Install dependencies, sync the `core` build and build the Angular package:
-    ```sh
-    cd ../packages/angular
-    npm install
-    npm run sync
-    npm run build
-    ```
-
-5. Create a tarball:
-    ```sh
-    cd dist
-    npm pack
-    ```
-
-6. Copy the tarball to Downloads:
-    ```sh
-    cp ionic-angular-*.tgz ~/Downloads/ionic-angular.tgz
-    ```
-
-### Test with New Angular App
-
-7. Create a new Angular app:
-    ```sh
-    # Change to whichever directory you want the app in
-    cd ~/Documents/
-    ng new my-app --style=css --ssr=false --zoneless=false
-    cd my-app
-    ```
-
-8. Install the local `@ionic/angular` package:
-    ```sh
-    npm install ~/Downloads/ionic-angular.tgz
-    ```
-
-9. Run `ng add`:
-    ```sh
-    ng add @ionic/angular --skip-confirmation
-    ```
-
-10. Serve the app:
-    ```sh
-    ng serve
-    ```
-
-The local Ionic Framework build is now active in the Angular app. Changes to the Ionic source code require rebuilding the packages and reinstalling the tarball to see updates.
+## Testing ng-add in ionic
+
+1. Pull the latest from `main`
+2. Build ionic/angular: `npm run build`
+3. Run `npm link` from `ionic/angular/dist` directory
+4. Create a blank angular project
+
+```
+ng new add-test
+// Say yes to including the router, we need it
+cd add-test
+```
+
+5. To run schematics locally, we need the schematics-cli (once published, this will not be needed)
+
+```
+npm install @angular-devkit/schematics-cli
+```
+
+6. Link `@ionic/angular`
+
+```
+npm link @ionic/angular
+```
+
+
+7. Run the local copy of the ng-add schematic
+
+```
+$ npx schematics @ionic/angular:ng-add
+```
+
+
+You'll now be able to add ionic components to a vanilla Angular app setup.
 
 ## Project Structure
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.6.3-dev.11751478001.1cb7436f",
+  "version": "8.6.3-nightly.20250620",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -50,7 +50,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "8.6.3-dev.11751478001.1cb7436f",
+    "@ionic/core": "8.6.3-nightly.20250620",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"

package/schematics/utils/config.js

@@ -16,12 +16,10 @@ function isAngularBrowserProject(projectConfig) {
     if (projectConfig.projectType === 'application') {
         const buildConfig = projectConfig.architect.build;
         // Angular 16 and lower
-        const legacyBrowserBuilder = buildConfig.builder === '@angular-devkit/build-angular:browser';
-        // Angular 17
-        const legacyApplicationBuilder = buildConfig.builder === '@angular-devkit/build-angular:application';
-        // Angular 18+
-        const modernApplicationBuilder = buildConfig.builder === '@angular/build:application';
-        return legacyBrowserBuilder || legacyApplicationBuilder || modernApplicationBuilder;
+        const legacyAngularBuilder = buildConfig.builder === '@angular-devkit/build-angular:browser';
+        // Angular 17+
+        const modernAngularBuilder = buildConfig.builder === '@angular-devkit/build-angular:application';
+        return legacyAngularBuilder || modernAngularBuilder;
     }
     return false;
 }