chore: rename packages back to single-spa-angular

README.md

@@ -1,8 +1,8 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/single-spa/single-spa-angular/refs/heads/v19.0.0/docs/assets/logo-256.png" alt="@single-spa-community/angular logo" width="256" height="256" />
+  <img src="https://raw.githubusercontent.com/single-spa/single-spa-angular/refs/heads/v19.0.0/docs/assets/logo-256.png" alt="single-spa-angular logo" width="256" height="256" />
 </p>
 
-# @single-spa-community/angular
+# single-spa-angular
 
 Helpers for building [single-spa](https://github.com/single-spa/single-spa) applications which use Angular.
 
@@ -22,10 +22,10 @@ The package has been republished under the `@single-spa-community` scope due to
 
 ## Compatibility
 
-| `@single-spa-community/angular` | Angular |
-| ------------------------------- | ------- |
-| `21.x`                          | `21.x`  |
-| `20.x`                          | `20.x`  |
-| `19.x`                          | `19.x`  |
+| `single-spa-angular` | Angular |
+| -------------------- | ------- |
+| `21.x`               | `21.x`  |
+| `20.x`               | `20.x`  |
+| `19.x`               | `19.x`  |
 
 > **Note:** This package follows a lock-step versioning strategy — the major version is aligned with Angular's major version to make compatibility obvious at a glance. This means a major bump does not necessarily indicate a breaking change in this package's own API.

apps/chat/src/app/app.config.ts

@@ -1,7 +1,7 @@
 import { APP_BASE_HREF } from '@angular/common';
 import type { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { provideSingleSpa } from '@single-spa-community/angular';
+import { provideSingleSpa } from 'single-spa-angular';
 
 import { routes } from './app.routes';
 

apps/chat/src/main.single-spa.ts

@@ -1,5 +1,5 @@
 import { NavigationStart, Router } from '@angular/router';
-import { provideSingleSpaPlatform, singleSpaAngular } from '@single-spa-community/angular';
+import { provideSingleSpaPlatform, singleSpaAngular } from 'single-spa-angular';
 
 import { singleSpaPropsSubject } from './single-spa/single-spa-props';
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';

apps/chat/webpack.config.ts

@@ -1 +1 @@
-export { default } from '../../libs/single-spa-community-angular/webpack';
+export { default } from '../../libs/single-spa-angular/webpack';

apps/elements/src/main.single-spa.ts

@@ -1,5 +1,5 @@
-import { singleSpaAngularElements } from '@single-spa-community/angular/elements';
-import { provideSingleSpaPlatform } from '@single-spa-community/angular';
+import { singleSpaAngularElements } from 'single-spa-angular/elements';
+import { provideSingleSpaPlatform } from 'single-spa-angular';
 
 import { AppModule } from './app/app.module';
 

apps/navbar/src/app/app.config.ts

@@ -1,7 +1,7 @@
 import { APP_BASE_HREF } from '@angular/common';
 import { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { provideSingleSpa } from '@single-spa-community/angular';
+import { provideSingleSpa } from 'single-spa-angular';
 
 import { routes } from './app.routes';
 

apps/navbar/src/main.single-spa.ts

@@ -1,6 +1,6 @@
 import { NavigationStart, Router } from '@angular/router';
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';
-import { provideSingleSpaPlatform, singleSpaAngular } from '@single-spa-community/angular';
+import { provideSingleSpaPlatform, singleSpaAngular } from 'single-spa-angular';
 
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';

apps/navbar/webpack.config.ts

@@ -1 +1 @@
-export { default } from '../../libs/single-spa-community-angular/webpack';
+export { default } from '../../libs/single-spa-angular/webpack';

apps/parcel/src/app/app.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { defer, shareReplay } from 'rxjs';
-import { ParcelModule } from '@single-spa-community/angular/parcel';
+import { ParcelModule } from 'single-spa-angular/parcel';
 
 import { config } from './ReactWidget/ReactWidget';
 

apps/parcel/src/main.single-spa.ts

@@ -1,5 +1,5 @@
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';
-import { provideSingleSpaPlatform, singleSpaAngular } from '@single-spa-community/angular';
+import { provideSingleSpaPlatform, singleSpaAngular } from 'single-spa-angular';
 
 import { AppComponent } from './app/app.component';
 

apps/parcel/webpack.config.ts

@@ -1 +1 @@
-export { default } from '../../libs/single-spa-community-angular/webpack';
+export { default } from '../../libs/single-spa-angular/webpack';

apps/root-config/src/index.ejs

@@ -53,10 +53,10 @@
 
           "@angular/elements": "http://localhost:4600/es2022/angular-elements.js",
 
-          "@single-spa-community/angular/internals": "http://localhost:4600/es2022/single-spa-community-angular-internals.js",
-          "@single-spa-community/angular": "http://localhost:4600/es2022/single-spa-community-angular.js",
-          "@single-spa-community/angular/elements": "http://localhost:4600/es2022/single-spa-community-angular-elements.js",
-          "@single-spa-community/angular/parcel": "http://localhost:4600/es2022/single-spa-community-angular-parcel.js"
+          "single-spa-angular/internals": "http://localhost:4600/es2022/single-spa-angular-internals.js",
+          "single-spa-angular": "http://localhost:4600/es2022/single-spa-angular.js",
+          "single-spa-angular/elements": "http://localhost:4600/es2022/single-spa-angular-elements.js",
+          "single-spa-angular/parcel": "http://localhost:4600/es2022/single-spa-angular-parcel.js"
         }
       }
     </script>
@@ -87,10 +87,10 @@
 
           "@angular/elements": "http://localhost:4600/es2022/angular-elements.min.js",
 
-          "@single-spa-community/angular/internals": "http://localhost:4600/es2022/single-spa-community-angular-internals.min.js",
-          "@single-spa-community/angular": "http://localhost:4600/es2022/single-spa-community-angular.min.js",
-          "@single-spa-community/angular/elements": "http://localhost:4600/es2022/single-spa-community-angular-elements.min.js",
-          "@single-spa-community/angular/parcel": "http://localhost:4600/es2022/single-spa-community-angular-parcel.min.js"
+          "single-spa-angular/internals": "http://localhost:4600/es2022/single-spa-angular-internals.min.js",
+          "single-spa-angular": "http://localhost:4600/es2022/single-spa-angular.min.js",
+          "single-spa-angular/elements": "http://localhost:4600/es2022/single-spa-angular-elements.min.js",
+          "single-spa-angular/parcel": "http://localhost:4600/es2022/single-spa-angular-parcel.min.js"
         }
       }
     </script>

apps/shop/src/app/app.config.ts

@@ -1,7 +1,7 @@
 import { APP_BASE_HREF } from '@angular/common';
 import type { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { provideSingleSpa } from '@single-spa-community/angular';
+import { provideSingleSpa } from 'single-spa-angular';
 
 import { routes } from './app.routes';
 

apps/shop/src/main.single-spa.ts

@@ -1,6 +1,6 @@
 import { NavigationStart, Router } from '@angular/router';
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';
-import { singleSpaAngular, provideSingleSpaPlatform } from '@single-spa-community/angular';
+import { singleSpaAngular, provideSingleSpaPlatform } from 'single-spa-angular';
 
 import { loadMontserrat } from './fonts';
 import { appConfig } from './app/app.config';

apps/shop/webpack.config.ts

@@ -1 +1 @@
-export { default } from '../../libs/single-spa-community-angular/webpack';
+export { default } from '../../libs/single-spa-angular/webpack';

libs/single-spa-community-angular/parcel/ng-package.json → libs/single-spa-angular/elements/ng-package.json

@@ -2,6 +2,6 @@
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
     "entryFile": "src/index.ts",
-    "flatModuleFile": "single-spa-community-angular-parcel"
+    "flatModuleFile": "single-spa-angular-elements"
   }
 }

libs/single-spa-community-angular/elements/src/index.ts → libs/single-spa-angular/elements/src/index.ts

@@ -3,7 +3,7 @@ import type { NgElement } from '@angular/elements';
 import {
   type BaseSingleSpaAngularOptions,
   getContainerElementAndSetTemplate,
-} from '@single-spa-community/angular/internals';
+} from 'single-spa-angular/internals';
 
 import type { BootstrappedSingleSpaAngularElementsOptions } from './types';
 

libs/single-spa-community-angular/elements/src/types.ts → libs/single-spa-angular/elements/src/types.ts

@@ -1,6 +1,6 @@
 import type { ApplicationRef, NgModuleRef } from '@angular/core';
 import type { NgElement } from '@angular/elements';
-import type { BaseSingleSpaAngularOptions } from '@single-spa-community/angular/internals';
+import type { BaseSingleSpaAngularOptions } from 'single-spa-angular/internals';
 
 export interface BootstrappedSingleSpaAngularElementsOptions extends BaseSingleSpaAngularOptions {
   ngModuleRefOrAppRef: NgModuleRef<any> | ApplicationRef | null;

libs/single-spa-community-angular/elements/ng-package.json → libs/single-spa-angular/internals/ng-package.json

@@ -2,6 +2,6 @@
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
     "entryFile": "src/index.ts",
-    "flatModuleFile": "single-spa-community-angular-elements"
+    "flatModuleFile": "single-spa-angular-internals"
   }
 }

libs/single-spa-community-angular/ng-package.json → libs/single-spa-angular/ng-package.json

@@ -2,7 +2,7 @@
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../lib",
   "lib": {
-    "flatModuleFile": "single-spa-community-angular",
+    "flatModuleFile": "single-spa-angular",
     "entryFile": "index.ts"
   }
 }

libs/single-spa-community-angular/package.json → libs/single-spa-angular/package.json

@@ -1,6 +1,6 @@
 {
   "$schema": "../node_modules/ng-packagr/ng-package.schema.json",
-  "name": "@single-spa-community/angular",
+  "name": "single-spa-angular",
   "version": "21.0.1",
   "description": "Helpers for building single-spa applications which use Angular 2",
   "schematics": "./schematics/schematics.json",

libs/single-spa-community-angular/internals/ng-package.json → libs/single-spa-angular/parcel/ng-package.json

@@ -2,6 +2,6 @@
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
     "entryFile": "src/index.ts",
-    "flatModuleFile": "single-spa-community-angular-internals"
+    "flatModuleFile": "single-spa-angular-parcel"
   }
 }

libs/single-spa-angular/project.json

@@ -0,0 +1,17 @@
+{
+  "name": "single-spa-angular",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "libs/single-spa-angular/src",
+  "prefix": "single-spa-angular",
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "options": {
+        "tsConfig": "libs/single-spa-angular/tsconfig.lib.json",
+        "project": "libs/single-spa-angular/ng-package.json"
+      }
+    }
+  },
+  "tags": []
+}

libs/single-spa-community-angular/src/single-spa-angular.ts → libs/single-spa-angular/src/single-spa-angular.ts

@@ -1,6 +1,6 @@
 import type { ApplicationRef, NgModuleRef, NgZone } from '@angular/core';
 import type { LifeCycles } from 'single-spa';
-import { getContainerElementAndSetTemplate } from '@single-spa-community/angular/internals';
+import { getContainerElementAndSetTemplate } from 'single-spa-angular/internals';
 
 import { SingleSpaPlatformLocation } from './platform-providers';
 import type { SingleSpaAngularOptions, BootstrappedSingleSpaAngularOptions } from './types';

libs/single-spa-community-angular/src/types.ts → libs/single-spa-angular/src/types.ts

@@ -1,6 +1,6 @@
 import type { NgModuleRef, Type, NgZone, ApplicationRef } from '@angular/core';
 import type { AppProps } from 'single-spa';
-import type { BaseSingleSpaAngularOptions } from '@single-spa-community/angular/internals';
+import type { BaseSingleSpaAngularOptions } from 'single-spa-angular/internals';
 
 export interface SingleSpaAngularOptions<
   T = Record<string, unknown>,

libs/single-spa-community-angular/webpack/externals.ts → libs/single-spa-angular/webpack/externals.ts

@@ -46,8 +46,8 @@ export const externals = [
   '@angular/upgrade/static',
 
   'single-spa',
-  '@single-spa-community/angular/internals',
-  '@single-spa-community/angular',
-  '@single-spa-community/angular/elements',
-  '@single-spa-community/angular/parcel',
+  'single-spa-angular/internals',
+  'single-spa-angular',
+  'single-spa-angular/elements',
+  'single-spa-angular/parcel',
 ];

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@single-spa-community/angular",
+  "name": "single-spa-angular",
   "version": "0.0.0",
   "description": "Helpers for building single-spa applications which use Angular 2+",
   "repository": {
@@ -34,7 +34,7 @@
     "test": "yarn clean && jest",
     "lint": "eslint apps libs --ext ts",
     "// - SINGLE-SPA-ANGULAR": "Scripts for building single-spa-angular",
-    "build:single-spa-angular": "nx build single-spa-community-angular --skip-nx-cache && cpx README.md lib",
+    "build:single-spa-angular": "nx build single-spa-angular --skip-nx-cache && cpx README.md lib",
     "// - WEBPACK": "Scripts for building Webpack config transformer",
     "build:webpack": "rimraf lib/lib && tsc -p tsconfig.webpack.json",
     "// - SYSTEM": "Scripts for building singla-spa-angular in SystemJS format",
@@ -53,6 +53,7 @@
     "serve:app:elements": "yarn nx serve elements --disable-host-check --live-reload false --port 4000",
     "serve:app:parcel": "yarn nx serve parcel --disable-host-check --live-reload false --port 4400",
     "serve:app:root-config": "yarn webpack-dev-server --config apps/root-config/webpack.config.js",
+    "serve:app:assets": "yarn serve system -s -l 4600 --cors",
     "serve:all": "concurrently 'yarn:serve:app:*'",
     "// - INTEGRATION BUILDS": "Build apps that are required for E2E testing #requires yarn install:integration",
     "build:app:shop": "nx build shop",

schematics/ng-add/_files/extra-webpack.config.js.template

@@ -1,4 +1,4 @@
-const singleSpaAngularWebpack = require('@single-spa-community/angular/lib/webpack').default;
+const singleSpaAngularWebpack = require('single-spa-angular/lib/webpack').default;
 
 module.exports = (config, options) => {
   const singleSpaWebpackConfig = singleSpaAngularWebpack(config, options);

schematics/ng-add/_files/src/main.single-spa.ts.template

@@ -1,10 +1,10 @@
 <% if (routing) { %>
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';
 import { NavigationStart, Router } from '@angular/router';
-import { singleSpaAngular, provideSingleSpaPlatform } from '@single-spa-community/angular'
+import { singleSpaAngular, provideSingleSpaPlatform } from 'single-spa-angular'
 <% } else { %>
 import { bootstrapApplication, platformBrowser } from '@angular/platform-browser';
-import { singleSpaAngular } from '@single-spa-community/angular'
+import { singleSpaAngular } from 'single-spa-angular'
 <% } %>
 
 import { appConfig } from './app/app.config';

system/rollup.config.js

@@ -26,23 +26,23 @@ const packages = ['2022']
   .map(ecma => [
     {
       ecma,
-      angularPackage: '@single-spa-community/angular/internals',
-      filename: 'single-spa-community-angular-internals',
+      angularPackage: 'single-spa-angular/internals',
+      filename: 'single-spa-angular-internals',
     },
     {
       ecma,
-      angularPackage: '@single-spa-community/angular',
-      filename: 'single-spa-community-angular',
+      angularPackage: 'single-spa-angular',
+      filename: 'single-spa-angular',
     },
     {
       ecma,
-      angularPackage: '@single-spa-community/angular/elements',
-      filename: 'single-spa-community-angular-elements',
+      angularPackage: 'single-spa-angular/elements',
+      filename: 'single-spa-angular-elements',
     },
     {
       ecma,
-      angularPackage: '@single-spa-community/angular/parcel',
-      filename: 'single-spa-community-angular-parcel',
+      angularPackage: 'single-spa-angular/parcel',
+      filename: 'single-spa-angular-parcel',
     },
   ])
   .flat();

tsconfig.base.json

@@ -2,15 +2,15 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@single-spa-community/angular": ["libs/single-spa-community-angular/index.ts"],
-      "@single-spa-community/angular/elements": [
-        "libs/single-spa-community-angular/elements/src/index.ts"
+      "single-spa-angular": ["libs/single-spa-angular/index.ts"],
+      "single-spa-angular/elements": [
+        "libs/single-spa-angular/elements/src/index.ts"
       ],
-      "@single-spa-community/angular/internals": [
-        "libs/single-spa-community-angular/internals/src/index.ts"
+      "single-spa-angular/internals": [
+        "libs/single-spa-angular/internals/src/index.ts"
       ],
-      "@single-spa-community/angular/parcel": [
-        "libs/single-spa-community-angular/parcel/src/index.ts"
+      "single-spa-angular/parcel": [
+        "libs/single-spa-angular/parcel/src/index.ts"
       ]
     },
     "target": "es2015",

tsconfig.webpack.json

@@ -6,5 +6,5 @@
     "module": "CommonJS",
     "types": ["node"]
   },
-  "include": ["./libs/single-spa-community-angular/webpack/index.ts"]
+  "include": ["./libs/single-spa-angular/webpack/index.ts"]
 }