@edynamix/mf-isolation 0.0.2 → 0.0.4

package/README.md

@@ -5,7 +5,7 @@ CSS isolation and Angular overlay helpers for microfrontends.
 ## Install
 
 ```bash
-npm install @edynamix/mf-isolation
+bun add @edynamix/mf-isolation@latest
 ```
 
 ## Runtime boundary
@@ -62,16 +62,61 @@ Run this plugin through Vite/PostCSS before Angular AOT compilation. Do not comb
 
 ## Angular CDK overlays
 
+The Angular integration targets Angular/CDK 19.x. In a hosted application, install the complete provider array so global and connected overlays share the module boundary's viewport and coordinate system:
+
 ```ts
 import { provideMfOverlayRoot } from '@edynamix/mf-isolation/angular';
 
-const providers = provideMfOverlayRoot(mountElement);
+const providers = provideMfOverlayRoot(overlayRoot);
+```
+
+Pass all of `providers` through the application bootstrap. Calling `provideMfOverlayRoot()` without an element preserves CDK's normal document-viewport behavior.
+
+Legacy NgModule applications that receive the root through an injection token must install both providers through the token-aware helper:
+
+```ts
+import { InjectionToken, NgModule } from '@angular/core';
+import { provideMfOverlayRootFromToken } from '@edynamix/mf-isolation/angular';
+
+export const MF_OVERLAY_ROOT = new InjectionToken<HTMLElement>('MF_OVERLAY_ROOT');
+
+@NgModule({
+  providers: [...provideMfOverlayRootFromToken(MF_OVERLAY_ROOT)],
+})
+export class AppModule {}
+```
+
+Provide the runtime `MF_OVERLAY_ROOT` value through the existing platform/bootstrap injector. Do not extract only the first provider from `provideMfOverlayRoot()`; that installs the container but omits boundary-aware connected positioning.
+
+The Angular entry point requires `@angular/core`, `@angular/common`, and `@angular/cdk` 19.x.
+
+## Host-owned Zone.js
+
+Standalone Angular applications load their own Zone.js runtime as usual:
+
+```ts
+import 'zone.js';
+```
+
+When the application runs as a hosted lifecycle, the host owns the single Zone.js runtime. Check that runtime before dynamically importing any Angular code:
+
+```ts
+import { assertHostZoneRuntime } from '@edynamix/mf-isolation/angular-runtime';
+import type { IShellContext } from './shell-context';
+
+export const mount = async (host: HTMLElement, context: IShellContext): Promise<void> => {
+  assertHostZoneRuntime();
+
+  const lifecycle = await import('./lifecycle-impl');
+  return lifecycle.mount(host, context);
+};
 ```
 
-The Angular entry point requires `@angular/core` and `@angular/cdk`.
+`angular-runtime` is framework-free. It verifies that `globalThis.Zone` is a function; it does not load or modify Zone.js.
 
 ## Exports
 
 - `@edynamix/mf-isolation`
 - `@edynamix/mf-isolation/angular`
+- `@edynamix/mf-isolation/angular-runtime`
 - `@edynamix/mf-isolation/postcss`

package/dist/angular-runtime.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Verifies the host-owned Zone.js runtime before Angular is loaded.
+ *
+ * This check is intentionally framework-free and must run before dynamically
+ * importing an Angular bootstrap module.
+ */
+export declare const assertHostZoneRuntime: () => void;
+//# sourceMappingURL=angular-runtime.d.ts.map

package/dist/angular-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-runtime.d.ts","sourceRoot":"","sources":["../src/angular-runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAAO,IAMxC,CAAC"}

package/dist/angular-runtime.js

@@ -0,0 +1,13 @@
+/**
+ * Verifies the host-owned Zone.js runtime before Angular is loaded.
+ *
+ * This check is intentionally framework-free and must run before dynamically
+ * importing an Angular bootstrap module.
+ */
+export const assertHostZoneRuntime = () => {
+    const zoneRuntime = globalThis.Zone;
+    if (typeof zoneRuntime !== 'function') {
+        throw new Error('Host Zone.js runtime is missing. Expected globalThis.Zone to be a function before loading Angular.');
+    }
+};
+//# sourceMappingURL=angular-runtime.js.map

package/dist/angular-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-runtime.js","sourceRoot":"","sources":["../src/angular-runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAS,EAAE;IAC9C,MAAM,WAAW,GAAI,UAAqD,CAAC,IAAI,CAAC;IAEhF,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,MAAM,IAAI,KAAK,CAAC,oGAAoG,CAAC,CAAC;IACxH,CAAC;AACH,CAAC,CAAC"}

package/dist/angular.d.ts

@@ -1,3 +1,4 @@
-import type { StaticProvider } from '@angular/core';
+import type { ProviderToken, StaticProvider } from '@angular/core';
 export declare const provideMfOverlayRoot: (overlayRoot?: HTMLElement) => StaticProvider[];
+export declare const provideMfOverlayRootFromToken: (overlayRootToken: ProviderToken<HTMLElement>) => StaticProvider[];
 //# sourceMappingURL=angular.d.ts.map

package/dist/angular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular.d.ts","sourceRoot":"","sources":["../src/angular.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAkBpD,eAAO,MAAM,oBAAoB,GAAI,cAAc,WAAW,KAAG,cAAc,EAW9E,CAAC"}
+{"version":3,"file":"angular.d.ts","sourceRoot":"","sources":["../src/angular.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA2SnE,eAAO,MAAM,oBAAoB,GAAI,cAAc,WAAW,KAAG,cAAc,EAkB9E,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,kBAAkB,aAAa,CAAC,WAAW,CAAC,KAAG,cAAc,EAE1G,CAAC"}

package/dist/angular.js

@@ -1,17 +1,246 @@
-import { OverlayContainer } from '@angular/cdk/overlay';
+import { FlexibleConnectedPositionStrategy, GlobalPositionStrategy, OverlayContainer, OverlayPositionBuilder, } from '@angular/cdk/overlay';
+import { Platform } from '@angular/cdk/platform';
+import { ViewportRuler } from '@angular/cdk/scrolling';
+import { DOCUMENT } from '@angular/common';
+// Mirrors the CDK 19 overlay-prebuilt.css structural rules while intentionally excluding document-level scroll blocking.
+const CDK_OVERLAY_STRUCTURAL_CSS = `
+.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
+.cdk-overlay-container{position:fixed;z-index:1000}
+.cdk-overlay-container:empty{display:none}
+.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
+.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}
+.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25,0.8,0.25,1)}
+@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}
+.cdk-overlay-backdrop-showing{opacity:1}
+@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}
+.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
+.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}
+.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}
+.cdk-overlay-backdrop-noop-animation{transition:none}
+.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}
+`;
+const translateRectToBoundary = (rect, boundary) => {
+    const left = rect.left - boundary.left;
+    const top = rect.top - boundary.top;
+    return {
+        bottom: top + rect.height,
+        height: rect.height,
+        left,
+        right: left + rect.width,
+        top,
+        width: rect.width,
+        x: left,
+        y: top,
+    };
+};
+const getBoundaryRect = (overlayRoot) => {
+    const { height, width } = overlayRoot.getBoundingClientRect();
+    return {
+        bottom: height,
+        height,
+        left: 0,
+        right: width,
+        top: 0,
+        width,
+        x: 0,
+        y: 0,
+    };
+};
+const createBoundaryDocument = (document, overlayRoot) => {
+    const boundaryDocumentElement = new Proxy(document.documentElement, {
+        get: (target, property, receiver) => {
+            if (property === 'clientHeight') {
+                return overlayRoot.getBoundingClientRect().height;
+            }
+            if (property === 'clientWidth') {
+                return overlayRoot.getBoundingClientRect().width;
+            }
+            return Reflect.get(target, property, receiver);
+        },
+    });
+    return new Proxy(document, {
+        get: (target, property, receiver) => {
+            if (property === 'documentElement') {
+                return boundaryDocumentElement;
+            }
+            return Reflect.get(target, property, receiver);
+        },
+    });
+};
+const createBoundaryViewportRuler = (viewportRuler, overlayRoot) => {
+    const boundaryViewportRuler = Object.create(viewportRuler);
+    boundaryViewportRuler.getViewportRect = () => getBoundaryRect(overlayRoot);
+    boundaryViewportRuler.getViewportScrollPosition = () => ({ left: 0, top: 0 });
+    boundaryViewportRuler.getViewportSize = () => {
+        const { height, width } = getBoundaryRect(overlayRoot);
+        return { height, width };
+    };
+    return boundaryViewportRuler;
+};
+const adaptConnectedPositionStrategy = (strategy, overlayRoot, observeBoundary) => {
+    const internals = strategy;
+    const getOriginRect = internals._getOriginRect.bind(strategy);
+    const getOriginPoint = internals._getOriginPoint.bind(strategy);
+    const attach = strategy.attach.bind(strategy);
+    const detach = strategy.detach.bind(strategy);
+    const dispose = strategy.dispose.bind(strategy);
+    let stopObserving = () => { };
+    internals._getOriginRect = () => {
+        return translateRectToBoundary(getOriginRect(), overlayRoot.getBoundingClientRect());
+    };
+    internals._getOriginPoint = (originRect, _containerRect, position) => {
+        return getOriginPoint(originRect, getBoundaryRect(overlayRoot), position);
+    };
+    strategy.attach = (overlayRef) => {
+        attach(overlayRef);
+        stopObserving();
+        stopObserving = observeBoundary(() => strategy.apply());
+    };
+    strategy.detach = () => {
+        stopObserving();
+        stopObserving = () => { };
+        detach();
+    };
+    strategy.dispose = () => {
+        stopObserving();
+        stopObserving = () => { };
+        dispose();
+    };
+    return strategy;
+};
+class MfOverlayPositionBuilder extends OverlayPositionBuilder {
+    #document;
+    #overlayContainer;
+    #overlayRoot;
+    #platform;
+    #viewportRuler;
+    constructor(viewportRuler, document, platform, overlayContainer, overlayRoot) {
+        super();
+        this.#viewportRuler = viewportRuler;
+        this.#document = document;
+        this.#platform = platform;
+        this.#overlayContainer = overlayContainer;
+        this.#overlayRoot = overlayRoot;
+    }
+    global() {
+        return new GlobalPositionStrategy();
+    }
+    flexibleConnectedTo(origin) {
+        const boundaryDocument = createBoundaryDocument(this.#document, this.#overlayRoot);
+        const boundaryViewportRuler = createBoundaryViewportRuler(this.#viewportRuler, this.#overlayRoot);
+        const strategy = new FlexibleConnectedPositionStrategy(origin, boundaryViewportRuler, boundaryDocument, this.#platform, this.#overlayContainer);
+        const overlayContainer = this.#overlayContainer;
+        return adaptConnectedPositionStrategy(strategy, this.#overlayRoot, (callback) => overlayContainer.observeBoundary(callback));
+    }
+}
 class MfOverlayContainer extends OverlayContainer {
+    #boundaryObservers = new Set();
     #overlayRoot;
+    #animationFrame = null;
+    #boundaryRect = null;
+    #restoreRootPosition = null;
+    #shadowStyle = null;
     constructor(overlayRoot) {
         super();
         this.#overlayRoot = overlayRoot;
     }
+    ngOnDestroy() {
+        if (this.#animationFrame !== null) {
+            this.#overlayRoot.ownerDocument.defaultView?.cancelAnimationFrame(this.#animationFrame);
+        }
+        this.#animationFrame = null;
+        this.#boundaryObservers.clear();
+        super.ngOnDestroy();
+        this.#shadowStyle?.remove();
+        this.#shadowStyle = null;
+        this.#restoreRootPosition?.();
+        this.#restoreRootPosition = null;
+    }
+    observeBoundary(callback) {
+        this.#boundaryObservers.add(callback);
+        if (this.#boundaryObservers.size === 1) {
+            this.#boundaryRect = this.#overlayRoot.getBoundingClientRect();
+            this.#scheduleBoundaryCheck();
+        }
+        return () => {
+            this.#boundaryObservers.delete(callback);
+            if (this.#boundaryObservers.size === 0 && this.#animationFrame !== null) {
+                this.#overlayRoot.ownerDocument.defaultView?.cancelAnimationFrame(this.#animationFrame);
+                this.#animationFrame = null;
+                this.#boundaryRect = null;
+            }
+        };
+    }
     _createContainer() {
+        if (this.#overlayRoot.ownerDocument.defaultView?.getComputedStyle(this.#overlayRoot).position === 'static') {
+            const previousPosition = this.#overlayRoot.style.position;
+            this.#overlayRoot.style.position = 'relative';
+            this.#restoreRootPosition = () => {
+                this.#overlayRoot.style.position = previousPosition;
+            };
+        }
+        const rootNode = this.#overlayRoot.getRootNode();
+        const ShadowRootConstructor = this.#overlayRoot.ownerDocument.defaultView?.ShadowRoot;
+        if (ShadowRootConstructor && rootNode instanceof ShadowRootConstructor) {
+            const style = this._document.createElement('style');
+            style.setAttribute('data-edyn-mf-cdk-overlay-styles', '');
+            style.textContent = CDK_OVERLAY_STRUCTURAL_CSS;
+            rootNode.appendChild(style);
+            this.#shadowStyle = style;
+        }
         const container = this._document.createElement('div');
         container.classList.add('cdk-overlay-container');
+        container.style.inset = '0';
+        container.style.position = 'absolute';
         this.#overlayRoot.appendChild(container);
         this._containerElement = container;
     }
+    #scheduleBoundaryCheck() {
+        const window = this.#overlayRoot.ownerDocument.defaultView;
+        if (!window || this.#animationFrame !== null || this.#boundaryObservers.size === 0) {
+            return;
+        }
+        this.#animationFrame = window.requestAnimationFrame(() => {
+            this.#animationFrame = null;
+            const previous = this.#boundaryRect;
+            const current = this.#overlayRoot.getBoundingClientRect();
+            this.#boundaryRect = current;
+            if (previous &&
+                (previous.height !== current.height || previous.left !== current.left || previous.top !== current.top || previous.width !== current.width)) {
+                for (const observer of this.#boundaryObservers) {
+                    observer();
+                }
+            }
+            this.#scheduleBoundaryCheck();
+        });
+    }
 }
+const isDocumentViewportRoot = (overlayRoot) => {
+    return overlayRoot === overlayRoot.ownerDocument.body || overlayRoot === overlayRoot.ownerDocument.documentElement;
+};
+const createOverlayContainer = (overlayRoot) => {
+    return isDocumentViewportRoot(overlayRoot) ? new OverlayContainer() : new MfOverlayContainer(overlayRoot);
+};
+const createOverlayPositionBuilder = (viewportRuler, document, platform, overlayContainer, overlayRoot) => {
+    if (isDocumentViewportRoot(overlayRoot)) {
+        return new OverlayPositionBuilder();
+    }
+    return new MfOverlayPositionBuilder(viewportRuler, document, platform, overlayContainer, overlayRoot);
+};
+const createTokenProviders = (overlayRootToken) => {
+    return [
+        {
+            provide: OverlayContainer,
+            useFactory: createOverlayContainer,
+            deps: [overlayRootToken],
+        },
+        {
+            provide: OverlayPositionBuilder,
+            useFactory: createOverlayPositionBuilder,
+            deps: [ViewportRuler, DOCUMENT, Platform, OverlayContainer, overlayRootToken],
+        },
+    ];
+};
 export const provideMfOverlayRoot = (overlayRoot) => {
     if (!overlayRoot) {
         return [];
@@ -19,8 +248,18 @@ export const provideMfOverlayRoot = (overlayRoot) => {
     return [
         {
             provide: OverlayContainer,
-            useFactory: () => new MfOverlayContainer(overlayRoot),
+            useFactory: () => createOverlayContainer(overlayRoot),
+        },
+        {
+            provide: OverlayPositionBuilder,
+            useFactory: (viewportRuler, document, platform, overlayContainer) => {
+                return createOverlayPositionBuilder(viewportRuler, document, platform, overlayContainer, overlayRoot);
+            },
+            deps: [ViewportRuler, DOCUMENT, Platform, OverlayContainer],
         },
     ];
 };
+export const provideMfOverlayRootFromToken = (overlayRootToken) => {
+    return createTokenProviders(overlayRootToken);
+};
 //# sourceMappingURL=angular.js.map

package/dist/angular.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular.js","sourceRoot":"","sources":["../src/angular.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,kBAAmB,SAAQ,gBAAgB;IACtC,YAAY,CAAc;IAEnC,YAAY,WAAwB;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;IAEkB,gBAAgB;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;IACrC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,WAAyB,EAAoB,EAAE;IAClF,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL;YACE,OAAO,EAAE,gBAAgB;YACzB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,kBAAkB,CAAC,WAAW,CAAC;SACtD;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"angular.js","sourceRoot":"","sources":["../src/angular.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@edynamix/mf-isolation",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "CSS and overlay isolation helpers for eDynamix microfrontends.",
   "license": "UNLICENSED",
   "type": "module",
+  "packageManager": "bun@1.3.13",
+  "engines": {
+    "bun": ">=1.3.0",
+    "node": ">=22"
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -20,6 +25,10 @@
       "types": "./dist/angular.d.ts",
       "import": "./dist/angular.js"
     },
+    "./angular-runtime": {
+      "types": "./dist/angular-runtime.d.ts",
+      "import": "./dist/angular-runtime.js"
+    },
     "./postcss": {
       "types": "./dist/postcss.d.ts",
       "import": "./dist/postcss.js"
@@ -29,9 +38,17 @@
   "scripts": {
     "build": "bun run clean && tsc -p tsconfig.build.json",
     "clean": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true });\"",
+    "format": "biome format --write .",
+    "knip": "knip",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
     "pack:check": "bun run build && bun pm pack --dry-run --ignore-scripts",
+    "package:smoke": "bun run scripts/package-smoke.ts",
     "prepack": "bun run build",
-    "typecheck": "tsc --noEmit"
+    "test": "bun test src",
+    "test:browser": "playwright test",
+    "typecheck": "tsc --noEmit",
+    "verify": "bun run lint && bun run typecheck && bun run knip && bun run test && bun run test:browser && bun run build && bun run package:smoke"
   },
   "publishConfig": {
     "access": "public"
@@ -42,19 +59,34 @@
     "postcss-value-parser": "^4.2.0"
   },
   "devDependencies": {
-    "@angular/cdk": "^19.2.0",
-    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@types/node": "^22.20.0"
+    "@angular/cdk": "19.2.19",
+    "@angular/common": "19.2.25",
+    "@angular/compiler": "19.2.25",
+    "@angular/core": "19.2.25",
+    "@angular/platform-browser": "19.2.25",
+    "@angular/platform-browser-dynamic": "19.2.25",
+    "@biomejs/biome": "2.5.2",
+    "@happy-dom/global-registrator": "20.11.2",
+    "@playwright/test": "1.60.0",
+    "@types/bun": "1.3.14",
+    "@types/node": "22.20.1",
+    "knip": "6.32.2",
+    "typescript": "5.8.2",
+    "vite": "8.0.16",
+    "zone.js": "0.15.1"
   },
   "peerDependencies": {
     "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0"
   },
   "peerDependenciesMeta": {
     "@angular/cdk": {
       "optional": true
     },
+    "@angular/common": {
+      "optional": true
+    },
     "@angular/core": {
       "optional": true
     }