@edynamix/mf-isolation 0.0.1

package/README.md

@@ -0,0 +1,54 @@
+# @edynamix/mf-isolation
+
+CSS isolation and Angular overlay helpers for microfrontends.
+
+## Install
+
+```bash
+npm install @edynamix/mf-isolation
+```
+
+## Runtime boundary
+
+```ts
+import { prepareMfBoundary } from '@edynamix/mf-isolation';
+
+const disposeBoundary = prepareMfBoundary(element, {
+  scopeId: 'portal',
+});
+
+// When the microfrontend unmounts:
+disposeBoundary();
+```
+
+## Build-time CSS isolation
+
+```ts
+import { scopeRemoteCss } from '@edynamix/mf-isolation/postcss';
+
+export default {
+  css: {
+    postcss: {
+      plugins: [scopeRemoteCss({ scopeId: 'portal' })],
+    },
+  },
+};
+```
+
+The host and remote must use the same `scopeId`.
+
+## Angular CDK overlays
+
+```ts
+import { provideMfOverlayRoot } from '@edynamix/mf-isolation/angular';
+
+const providers = provideMfOverlayRoot(mountElement);
+```
+
+The Angular entry point requires `@angular/core` and `@angular/cdk`.
+
+## Exports
+
+- `@edynamix/mf-isolation`
+- `@edynamix/mf-isolation/angular`
+- `@edynamix/mf-isolation/postcss`

package/dist/angular.d.ts

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

package/dist/angular.d.ts.map

@@ -0,0 +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"}

package/dist/angular.js

@@ -0,0 +1,26 @@
+import { OverlayContainer } from '@angular/cdk/overlay';
+class MfOverlayContainer extends OverlayContainer {
+    #overlayRoot;
+    constructor(overlayRoot) {
+        super();
+        this.#overlayRoot = overlayRoot;
+    }
+    _createContainer() {
+        const container = this._document.createElement('div');
+        container.classList.add('cdk-overlay-container');
+        this.#overlayRoot.appendChild(container);
+        this._containerElement = container;
+    }
+}
+export const provideMfOverlayRoot = (overlayRoot) => {
+    if (!overlayRoot) {
+        return [];
+    }
+    return [
+        {
+            provide: OverlayContainer,
+            useFactory: () => new MfOverlayContainer(overlayRoot),
+        },
+    ];
+};
+//# sourceMappingURL=angular.js.map

package/dist/angular.js.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export declare const MF_SCOPE_ATTRIBUTE = "data-edyn-mf";
+export declare const MF_ROOT_SELECTOR = ":mf-root";
+export interface IPrepareMfBoundaryOptions {
+    scopeId: string;
+    theme?: Record<string, string>;
+}
+export declare const validateMfScopeId: (scopeId: string) => string;
+export declare const getMfScopeSelector: (scopeId: string) => string;
+export declare const prepareMfBoundary: (element: HTMLElement, { scopeId, theme }: IPrepareMfBoundaryOptions) => (() => void);
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAI3C,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,KAAG,MAMnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,EAAE,oBAAyB,yBAAyB,KAAG,CAAC,MAAM,IAAI,CA2CvH,CAAC"}

package/dist/index.js

@@ -0,0 +1,52 @@
+export const MF_SCOPE_ATTRIBUTE = 'data-edyn-mf';
+export const MF_ROOT_SELECTOR = ':mf-root';
+const SCOPE_ID_PATTERN = /^[a-z][a-z0-9-]*$/;
+export const validateMfScopeId = (scopeId) => {
+    if (!SCOPE_ID_PATTERN.test(scopeId)) {
+        throw new Error(`Invalid microfrontend scope id: "${scopeId}".`);
+    }
+    return scopeId;
+};
+export const getMfScopeSelector = (scopeId) => {
+    return `:where([${MF_SCOPE_ATTRIBUTE}="${validateMfScopeId(scopeId)}"])`;
+};
+export const prepareMfBoundary = (element, { scopeId, theme = {} }) => {
+    validateMfScopeId(scopeId);
+    for (const name of Object.keys(theme)) {
+        if (!name.startsWith('--')) {
+            throw new Error(`Microfrontend theme token must be a CSS custom property: "${name}".`);
+        }
+    }
+    const previousScope = element.getAttribute(MF_SCOPE_ATTRIBUTE);
+    const hadRootClass = element.classList.contains('edx-root');
+    const previousTheme = new Map();
+    element.setAttribute(MF_SCOPE_ATTRIBUTE, scopeId);
+    element.classList.add('edx-root');
+    for (const [name, value] of Object.entries(theme)) {
+        previousTheme.set(name, {
+            priority: element.style.getPropertyPriority(name),
+            value: element.style.getPropertyValue(name),
+        });
+        element.style.setProperty(name, value);
+    }
+    return () => {
+        if (previousScope === null) {
+            element.removeAttribute(MF_SCOPE_ATTRIBUTE);
+        }
+        else {
+            element.setAttribute(MF_SCOPE_ATTRIBUTE, previousScope);
+        }
+        if (!hadRootClass) {
+            element.classList.remove('edx-root');
+        }
+        for (const [name, previous] of previousTheme) {
+            if (previous.value) {
+                element.style.setProperty(name, previous.value, previous.priority);
+            }
+            else {
+                element.style.removeProperty(name);
+            }
+        }
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE3C,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AAO7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAU,EAAE;IAC3D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,oCAAoC,OAAO,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAe,EAAU,EAAE;IAC5D,OAAO,WAAW,kBAAkB,KAAK,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAoB,EAAE,EAAE,OAAO,EAAE,KAAK,GAAG,EAAE,EAA6B,EAAgB,EAAE;IAC1H,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE3B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,KAAK,CAAC,6DAA6D,IAAI,IAAI,CAAC,CAAC;QACzF,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,IAAI,GAAG,EAA+C,CAAC;IAE7E,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IAClD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAElC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE;YACtB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC;YACjD,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC;SAC5C,CAAC,CAAC;QACH,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,GAAG,EAAE;QACV,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;QAC1D,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACvC,CAAC;QAED,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,aAAa,EAAE,CAAC;YAC7C,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;gBACnB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrE,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/postcss.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from 'postcss';
+export interface IScopeRemoteCssOptions {
+    scopeId: string;
+}
+export declare const scopeRemoteCss: ({ scopeId }: IScopeRemoteCssOptions) => Plugin;
+//# sourceMappingURL=postcss.d.ts.map

package/dist/postcss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.d.ts","sourceRoot":"","sources":["../src/postcss.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAQ,MAAM,SAAS,CAAC;AAK5C,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AA0ED,eAAO,MAAM,cAAc,GAAI,aAAa,sBAAsB,KAAG,MAyCpE,CAAC"}

package/dist/postcss.js

@@ -0,0 +1,100 @@
+import selectorParser from 'postcss-selector-parser';
+import valueParser from 'postcss-value-parser';
+import { getMfScopeSelector, MF_ROOT_SELECTOR, MF_SCOPE_ATTRIBUTE, validateMfScopeId } from './index.js';
+const isKeyframesRule = (rule) => {
+    const parent = rule.parent;
+    return parent?.type === 'atrule' && /keyframes$/i.test(parent.name);
+};
+const isRootNode = (node) => {
+    return ((node.type === 'tag' && (node.value.toLowerCase() === 'html' || node.value.toLowerCase() === 'body')) ||
+        (node.type === 'pseudo' && (node.value === ':root' || node.value === MF_ROOT_SELECTOR)));
+};
+const isScopeNode = (node, scopeId) => {
+    const normalized = node?.toString().replaceAll('"', '').replaceAll("'", '');
+    return node?.type === 'pseudo' && normalized === `:where([${MF_SCOPE_ATTRIBUTE}=${scopeId}])`;
+};
+const scopeSelectorList = (selectorList, scopeId, scopeSelector) => {
+    return selectorParser((root) => {
+        const sourceSelectors = [...root.nodes];
+        for (const selector of sourceSelectors) {
+            const rootNodes = selector.nodes.filter(isRootNode);
+            if (rootNodes.length > 0) {
+                const [firstRoot, ...duplicateRoots] = rootNodes;
+                const scopeNode = selectorParser().astSync(scopeSelector).first.first.clone();
+                firstRoot?.replaceWith(scopeNode);
+                for (const duplicateRoot of duplicateRoots) {
+                    const previous = duplicateRoot.prev();
+                    if (previous?.type === 'combinator') {
+                        previous.remove();
+                    }
+                    duplicateRoot.remove();
+                }
+                continue;
+            }
+            if (isScopeNode(selector.first, scopeId)) {
+                continue;
+            }
+            const first = selector.first;
+            const needsBoundaryVariant = first?.type === 'universal' || (first?.type === 'pseudo' && first.value.startsWith('::'));
+            if (needsBoundaryVariant) {
+                const hasSiblingCombinator = selector.nodes.some((node) => node.type === 'combinator' && (node.value === '+' || node.value === '~'));
+                if (!hasSiblingCombinator) {
+                    const boundaryVariant = selector.clone();
+                    const boundaryScope = selectorParser().astSync(scopeSelector).first.first.clone();
+                    boundaryVariant.first.rawSpaceBefore = '';
+                    if (boundaryVariant.first.type === 'universal') {
+                        boundaryVariant.first.replaceWith(boundaryScope);
+                    }
+                    else {
+                        boundaryVariant.prepend(boundaryScope);
+                    }
+                    root.insertBefore(selector, boundaryVariant);
+                }
+            }
+            const descendantScope = selectorParser().astSync(`${scopeSelector} *`).first;
+            const prefixNodes = descendantScope.nodes.slice(0, -1).map((node) => node.clone());
+            selector.first.rawSpaceBefore = '';
+            for (const prefixNode of prefixNodes.reverse()) {
+                selector.prepend(prefixNode);
+            }
+        }
+    }).processSync(selectorList);
+};
+export const scopeRemoteCss = ({ scopeId }) => {
+    const validScopeId = validateMfScopeId(scopeId);
+    const scopeSelector = getMfScopeSelector(validScopeId);
+    const keyframePrefix = `edyn-mf-${validScopeId}--`;
+    const keyframes = new Map();
+    return {
+        postcssPlugin: `edyn-mf-isolation-${validScopeId}`,
+        Once(root) {
+            root.walkAtRules((atRule) => {
+                if (!/keyframes$/i.test(atRule.name) || atRule.params.startsWith(keyframePrefix)) {
+                    return;
+                }
+                const originalName = atRule.params.trim();
+                const scopedName = `${keyframePrefix}${originalName}`;
+                keyframes.set(originalName, scopedName);
+                atRule.params = scopedName;
+            });
+            root.walkRules((rule) => {
+                if (!isKeyframesRule(rule)) {
+                    rule.selector = scopeSelectorList(rule.selector, validScopeId, scopeSelector);
+                }
+            });
+            root.walkDecls((declaration) => {
+                if (!/^(?:-webkit-)?animation(?:-name)?$/i.test(declaration.prop) && !declaration.prop.startsWith('--animate-')) {
+                    return;
+                }
+                const parsed = valueParser(declaration.value);
+                parsed.walk((node) => {
+                    if (node.type === 'word') {
+                        node.value = keyframes.get(node.value) ?? node.value;
+                    }
+                });
+                declaration.value = parsed.toString();
+            });
+        },
+    };
+};
+//# sourceMappingURL=postcss.js.map

package/dist/postcss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.js","sourceRoot":"","sources":["../src/postcss.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@edynamix/mf-isolation",
+  "version": "0.0.1",
+  "description": "CSS and overlay isolation helpers for eDynamix microfrontends.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./angular": {
+      "types": "./dist/angular.d.ts",
+      "import": "./dist/angular.js"
+    },
+    "./postcss": {
+      "types": "./dist/postcss.d.ts",
+      "import": "./dist/postcss.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "bun run clean && tsc -p tsconfig.build.json",
+    "clean": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true });\"",
+    "pack:check": "bun run build && bun pm pack --dry-run --ignore-scripts",
+    "prepack": "bun run build",
+    "typecheck": "tsc --noEmit"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "postcss": "^8.5.16",
+    "postcss-selector-parser": "^7.1.4",
+    "postcss-value-parser": "^4.2.0"
+  },
+  "devDependencies": {
+    "@angular/cdk": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "peerDependencies": {
+    "@angular/cdk": "^19.0.0",
+    "@angular/core": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/cdk": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    }
+  }
+}