@hamak/ui-shell-impl 0.6.0 → 0.7.2

package/dist/core/DefaultShell.js

@@ -1,10 +1,10 @@
 /**
  * Default Shell Implementation
  */
-import { DefaultThemeManager } from './DefaultThemeManager';
-import { DefaultFeatureManager } from './DefaultFeatureManager';
-import { LocalStorageProvider } from '../providers/LocalStorageProvider';
-import { CSSVariablesThemeProvider } from '../providers/CSSVariablesThemeProvider';
+import { DefaultThemeManager } from './DefaultThemeManager.js';
+import { DefaultFeatureManager } from './DefaultFeatureManager.js';
+import { LocalStorageProvider } from '../providers/LocalStorageProvider.js';
+import { CSSVariablesThemeProvider } from '../providers/CSSVariablesThemeProvider.js';
 export class DefaultShell {
     themeManager;
     featureManager;

package/dist/core/index.d.ts

@@ -2,9 +2,9 @@
  * Core Implementations
  * Export all core implementation classes
  */
-export * from './DefaultShell';
-export * from './DefaultThemeManager';
-export * from './DefaultFeatureManager';
-export * from './DefaultLayoutManager';
-export * from './DefaultRouter';
+export * from './DefaultShell.js';
+export * from './DefaultThemeManager.js';
+export * from './DefaultFeatureManager.js';
+export * from './DefaultLayoutManager.js';
+export * from './DefaultRouter.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/index.js

@@ -2,8 +2,8 @@
  * Core Implementations
  * Export all core implementation classes
  */
-export * from './DefaultShell';
-export * from './DefaultThemeManager';
-export * from './DefaultFeatureManager';
-export * from './DefaultLayoutManager';
-export * from './DefaultRouter';
+export * from './DefaultShell.js';
+export * from './DefaultThemeManager.js';
+export * from './DefaultFeatureManager.js';
+export * from './DefaultLayoutManager.js';
+export * from './DefaultRouter.js';

package/dist/es2015/core/DefaultShell.js

@@ -10,10 +10,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { DefaultThemeManager } from './DefaultThemeManager';
-import { DefaultFeatureManager } from './DefaultFeatureManager';
-import { LocalStorageProvider } from '../providers/LocalStorageProvider';
-import { CSSVariablesThemeProvider } from '../providers/CSSVariablesThemeProvider';
+import { DefaultThemeManager } from './DefaultThemeManager.js';
+import { DefaultFeatureManager } from './DefaultFeatureManager.js';
+import { LocalStorageProvider } from '../providers/LocalStorageProvider.js';
+import { CSSVariablesThemeProvider } from '../providers/CSSVariablesThemeProvider.js';
 export class DefaultShell {
     constructor(config = {}) {
         this.router = null;

package/dist/es2015/core/index.js

@@ -2,8 +2,8 @@
  * Core Implementations
  * Export all core implementation classes
  */
-export * from './DefaultShell';
-export * from './DefaultThemeManager';
-export * from './DefaultFeatureManager';
-export * from './DefaultLayoutManager';
-export * from './DefaultRouter';
+export * from './DefaultShell.js';
+export * from './DefaultThemeManager.js';
+export * from './DefaultFeatureManager.js';
+export * from './DefaultLayoutManager.js';
+export * from './DefaultRouter.js';

package/dist/es2015/index.js

@@ -4,4 +4,11 @@
  * @deprecated This package is deprecated. Please migrate to @hamak/ui-shell
  */
 console.warn('[@hamak/ui-shell-impl] This package is deprecated. Please migrate to @hamak/ui-shell');
+// Re-export everything from the consolidated package for back-compat.
 export * from '@hamak/ui-shell';
+// Own implementations of the shell plugin factory and the plugin-style DOM sink.
+// These explicit named re-exports take precedence over the wildcard above, so a
+// consumer of this (deprecated) package always gets the style-mounting factory
+// even if its installed @hamak/ui-shell predates the #15 Styles extension point.
+export { createShellPlugin, getShellFromContext } from './plugin/index.js';
+export { mountStyleRegistry } from './styles/index.js';

package/dist/es2015/plugin/ShellPluginFactory.js

@@ -12,11 +12,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { SHELL_TOKEN, THEME_MANAGER_TOKEN, FEATURE_MANAGER_TOKEN, LAYOUT_MANAGER_TOKEN, ShellCommands, ShellEvents, } from '@hamak/ui-shell-api';
-import { DefaultShell } from '../core/DefaultShell';
-import { DefaultLayoutManager } from '../core/DefaultLayoutManager';
+import { DefaultShell } from '../core/DefaultShell.js';
+import { DefaultLayoutManager } from '../core/DefaultLayoutManager.js';
+import { mountStyleRegistry } from '../styles/index.js';
 export function createShellPlugin(config) {
     let shell;
     let layoutManager;
+    let unmountStyles;
     return {
         initialize(ctx) {
             shell = new DefaultShell(config);
@@ -68,11 +70,15 @@ export function createShellPlugin(config) {
         activate(ctx) {
             return __awaiter(this, void 0, void 0, function* () {
                 yield shell.initialize();
+                // Mount plugin-contributed stylesheets into the document. Single well-known
+                // mount point for the whole host; SSR-safe (no-op without a document).
+                unmountStyles = mountStyleRegistry(ctx.styles);
                 const shellContext = shell.getContext();
                 ctx.hooks.emit('shell:activated', { context: shellContext });
             });
         },
         deactivate() {
+            unmountStyles === null || unmountStyles === void 0 ? void 0 : unmountStyles();
             shell.destroy();
             layoutManager.destroy();
         },

package/dist/es2015/plugin/index.js

@@ -2,4 +2,4 @@
  * Plugin Integration
  * Export plugin factory and helpers
  */
-export * from './ShellPluginFactory';
+export * from './ShellPluginFactory.js';

package/dist/es2015/providers/index.js

@@ -2,8 +2,8 @@
  * Providers
  * Export all provider implementations
  */
-export * from './LocalStorageProvider';
-export * from './MemoryStorageProvider';
-export * from './CSSVariablesThemeProvider';
-export * from './HistoryRouterStrategy';
-export * from './HashRouterStrategy';
+export * from './LocalStorageProvider.js';
+export * from './MemoryStorageProvider.js';
+export * from './CSSVariablesThemeProvider.js';
+export * from './HistoryRouterStrategy.js';
+export * from './HashRouterStrategy.js';

package/dist/es2015/styles/StyleSink.js

@@ -0,0 +1,49 @@
+/**
+ * Style Sink
+ *
+ * Mounts plugin-contributed stylesheets (from the microkernel StyleRegistry)
+ * into the document as keyed <style> elements. The registry is pure data; this
+ * is the DOM side, kept here so microkernel-impl stays DOM-free and node-safe.
+ */
+/**
+ * Subscribe a StyleRegistry to a document, keeping a `<style data-plugin-style="<id>">`
+ * element in `<head>` in sync with every contribution. Updates mutate the element in
+ * place; removed contributions unmount their element.
+ *
+ * SSR / node-safe: a no-op (returns an empty disposer) when there is no document.
+ *
+ * @returns an unmount function that removes all mounted styles and stops reacting.
+ */
+export function mountStyleRegistry(registry, doc = (typeof document === 'undefined' ? undefined : document)) {
+    if (!doc || !doc.head)
+        return () => { };
+    const els = new Map();
+    const unsubscribe = registry.subscribe((styles) => {
+        const seen = new Set();
+        for (const { id, css } of styles) {
+            seen.add(id);
+            let el = els.get(id);
+            if (!el) {
+                el = doc.createElement('style');
+                el.setAttribute('data-plugin-style', id);
+                doc.head.appendChild(el);
+                els.set(id, el);
+            }
+            if (el.textContent !== css)
+                el.textContent = css;
+        }
+        // Remove styles whose contribution disappeared (dispose/unregister).
+        for (const [id, el] of els) {
+            if (!seen.has(id)) {
+                el.remove();
+                els.delete(id);
+            }
+        }
+    });
+    return () => {
+        unsubscribe();
+        for (const el of els.values())
+            el.remove();
+        els.clear();
+    };
+}

package/dist/es2015/styles/index.js

@@ -0,0 +1,5 @@
+/**
+ * Styles
+ * Plugin-contributed stylesheet mounting (StyleRegistry → DOM).
+ */
+export * from './StyleSink.js';

package/dist/es2015/utils/index.js

@@ -2,4 +2,4 @@
  * Utilities
  * Export all utility classes
  */
-export * from './viewport-utils';
+export * from './viewport-utils.js';

package/dist/index.d.ts

@@ -4,4 +4,6 @@
  * @deprecated This package is deprecated. Please migrate to @hamak/ui-shell
  */
 export * from '@hamak/ui-shell';
+export { createShellPlugin, getShellFromContext } from './plugin/index.js';
+export { mountStyleRegistry } from './styles/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,cAAc,iBAAiB,CAAC;AAMhC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -4,4 +4,11 @@
  * @deprecated This package is deprecated. Please migrate to @hamak/ui-shell
  */
 console.warn('[@hamak/ui-shell-impl] This package is deprecated. Please migrate to @hamak/ui-shell');
+// Re-export everything from the consolidated package for back-compat.
 export * from '@hamak/ui-shell';
+// Own implementations of the shell plugin factory and the plugin-style DOM sink.
+// These explicit named re-exports take precedence over the wildcard above, so a
+// consumer of this (deprecated) package always gets the style-mounting factory
+// even if its installed @hamak/ui-shell predates the #15 Styles extension point.
+export { createShellPlugin, getShellFromContext } from './plugin/index.js';
+export { mountStyleRegistry } from './styles/index.js';

package/dist/plugin/ShellPluginFactory.d.ts

@@ -5,7 +5,7 @@
 import type { PluginModule } from '@hamak/microkernel-spi';
 import type { ActivateContext } from '@hamak/microkernel-api';
 import type { ShellConfig } from '@hamak/ui-shell-api';
-import { DefaultShell } from '../core/DefaultShell';
+import { DefaultShell } from '../core/DefaultShell.js';
 export declare function createShellPlugin(config?: ShellConfig): PluginModule;
 export declare function getShellFromContext(ctx: ActivateContext): DefaultShell;
 //# sourceMappingURL=ShellPluginFactory.d.ts.map

package/dist/plugin/ShellPluginFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShellPluginFactory.d.ts","sourceRoot":"","sources":["../../src/plugin/ShellPluginFactory.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASvD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAyEpE;AAGD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,eAAe,GAAG,YAAY,CAEtE"}
+{"version":3,"file":"ShellPluginFactory.d.ts","sourceRoot":"","sources":["../../src/plugin/ShellPluginFactory.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASvD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CA8EpE;AAGD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,eAAe,GAAG,YAAY,CAEtE"}

package/dist/plugin/ShellPluginFactory.js

@@ -3,11 +3,13 @@
  * Creates microkernel plugin for UI Shell integration
  */
 import { SHELL_TOKEN, THEME_MANAGER_TOKEN, FEATURE_MANAGER_TOKEN, LAYOUT_MANAGER_TOKEN, ShellCommands, ShellEvents, } from '@hamak/ui-shell-api';
-import { DefaultShell } from '../core/DefaultShell';
-import { DefaultLayoutManager } from '../core/DefaultLayoutManager';
+import { DefaultShell } from '../core/DefaultShell.js';
+import { DefaultLayoutManager } from '../core/DefaultLayoutManager.js';
+import { mountStyleRegistry } from '../styles/index.js';
 export function createShellPlugin(config) {
     let shell;
     let layoutManager;
+    let unmountStyles;
     return {
         initialize(ctx) {
             shell = new DefaultShell(config);
@@ -58,10 +60,14 @@ export function createShellPlugin(config) {
         },
         async activate(ctx) {
             await shell.initialize();
+            // Mount plugin-contributed stylesheets into the document. Single well-known
+            // mount point for the whole host; SSR-safe (no-op without a document).
+            unmountStyles = mountStyleRegistry(ctx.styles);
             const shellContext = shell.getContext();
             ctx.hooks.emit('shell:activated', { context: shellContext });
         },
         deactivate() {
+            unmountStyles?.();
             shell.destroy();
             layoutManager.destroy();
         },

package/dist/plugin/index.d.ts

@@ -2,5 +2,5 @@
  * Plugin Integration
  * Export plugin factory and helpers
  */
-export * from './ShellPluginFactory';
+export * from './ShellPluginFactory.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugin/index.js

@@ -2,4 +2,4 @@
  * Plugin Integration
  * Export plugin factory and helpers
  */
-export * from './ShellPluginFactory';
+export * from './ShellPluginFactory.js';

package/dist/providers/index.d.ts

@@ -2,9 +2,9 @@
  * Providers
  * Export all provider implementations
  */
-export * from './LocalStorageProvider';
-export * from './MemoryStorageProvider';
-export * from './CSSVariablesThemeProvider';
-export * from './HistoryRouterStrategy';
-export * from './HashRouterStrategy';
+export * from './LocalStorageProvider.js';
+export * from './MemoryStorageProvider.js';
+export * from './CSSVariablesThemeProvider.js';
+export * from './HistoryRouterStrategy.js';
+export * from './HashRouterStrategy.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/index.js

@@ -2,8 +2,8 @@
  * Providers
  * Export all provider implementations
  */
-export * from './LocalStorageProvider';
-export * from './MemoryStorageProvider';
-export * from './CSSVariablesThemeProvider';
-export * from './HistoryRouterStrategy';
-export * from './HashRouterStrategy';
+export * from './LocalStorageProvider.js';
+export * from './MemoryStorageProvider.js';
+export * from './CSSVariablesThemeProvider.js';
+export * from './HistoryRouterStrategy.js';
+export * from './HashRouterStrategy.js';

package/dist/styles/StyleSink.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Style Sink
+ *
+ * Mounts plugin-contributed stylesheets (from the microkernel StyleRegistry)
+ * into the document as keyed <style> elements. The registry is pure data; this
+ * is the DOM side, kept here so microkernel-impl stays DOM-free and node-safe.
+ */
+import type { StyleRegistry } from '@hamak/microkernel-api';
+/**
+ * Subscribe a StyleRegistry to a document, keeping a `<style data-plugin-style="<id>">`
+ * element in `<head>` in sync with every contribution. Updates mutate the element in
+ * place; removed contributions unmount their element.
+ *
+ * SSR / node-safe: a no-op (returns an empty disposer) when there is no document.
+ *
+ * @returns an unmount function that removes all mounted styles and stops reacting.
+ */
+export declare function mountStyleRegistry(registry: StyleRegistry, doc?: Document): () => void;
+//# sourceMappingURL=StyleSink.d.ts.map

package/dist/styles/StyleSink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleSink.d.ts","sourceRoot":"","sources":["../../src/styles/StyleSink.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,aAAa,EACvB,GAAG,GAAE,QAA+E,GACnF,MAAM,IAAI,CAgCZ"}

package/dist/styles/StyleSink.js

@@ -0,0 +1,49 @@
+/**
+ * Style Sink
+ *
+ * Mounts plugin-contributed stylesheets (from the microkernel StyleRegistry)
+ * into the document as keyed <style> elements. The registry is pure data; this
+ * is the DOM side, kept here so microkernel-impl stays DOM-free and node-safe.
+ */
+/**
+ * Subscribe a StyleRegistry to a document, keeping a `<style data-plugin-style="<id>">`
+ * element in `<head>` in sync with every contribution. Updates mutate the element in
+ * place; removed contributions unmount their element.
+ *
+ * SSR / node-safe: a no-op (returns an empty disposer) when there is no document.
+ *
+ * @returns an unmount function that removes all mounted styles and stops reacting.
+ */
+export function mountStyleRegistry(registry, doc = (typeof document === 'undefined' ? undefined : document)) {
+    if (!doc || !doc.head)
+        return () => { };
+    const els = new Map();
+    const unsubscribe = registry.subscribe((styles) => {
+        const seen = new Set();
+        for (const { id, css } of styles) {
+            seen.add(id);
+            let el = els.get(id);
+            if (!el) {
+                el = doc.createElement('style');
+                el.setAttribute('data-plugin-style', id);
+                doc.head.appendChild(el);
+                els.set(id, el);
+            }
+            if (el.textContent !== css)
+                el.textContent = css;
+        }
+        // Remove styles whose contribution disappeared (dispose/unregister).
+        for (const [id, el] of els) {
+            if (!seen.has(id)) {
+                el.remove();
+                els.delete(id);
+            }
+        }
+    });
+    return () => {
+        unsubscribe();
+        for (const el of els.values())
+            el.remove();
+        els.clear();
+    };
+}

package/dist/styles/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Styles
+ * Plugin-contributed stylesheet mounting (StyleRegistry → DOM).
+ */
+export * from './StyleSink.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,5 @@
+/**
+ * Styles
+ * Plugin-contributed stylesheet mounting (StyleRegistry → DOM).
+ */
+export * from './StyleSink.js';

package/dist/utils/index.d.ts

@@ -2,5 +2,5 @@
  * Utilities
  * Export all utility classes
  */
-export * from './viewport-utils';
+export * from './viewport-utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.js

@@ -2,4 +2,4 @@
  * Utilities
  * Export all utility classes
  */
-export * from './viewport-utils';
+export * from './viewport-utils.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hamak/ui-shell-impl",
-  "version": "0.6.0",
+  "version": "0.7.2",
   "description": "[DEPRECATED] Use @hamak/ui-shell instead",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,7 +24,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.lib.json",
+    "build": "tsc -p tsconfig.lib.json && node ../../../scripts/fix-esm-extensions.mjs ./dist",
     "clean": "rm -rf dist"
   },
   "keywords": [