@hamak/ui-shell 0.5.8 → 0.5.9

package/dist/impl/index.d.ts

@@ -10,6 +10,7 @@ export * from '../spi/index.js';
 export * from './core/index.js';
 export * from './providers/index.js';
 export * from './utils/index.js';
+export * from './styles/index.js';
 export * from './plugin/index.js';
 import { DefaultShell } from './core/DefaultShell.js';
 import { DefaultLayoutManager } from './core/DefaultLayoutManager.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/impl/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAE9D;AAED,wBAAgB,mBAAmB,IAAI,oBAAoB,CAE1D;AAKD,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAK3D;AAED,wBAAgB,UAAU,IAAI,IAAI,CAKjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/impl/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAE9D;AAED,wBAAgB,mBAAmB,IAAI,oBAAoB,CAE1D;AAKD,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAK3D;AAED,wBAAgB,UAAU,IAAI,IAAI,CAKjC"}

package/dist/impl/index.js

@@ -14,6 +14,8 @@ export * from './core/index.js';
 export * from './providers/index.js';
 // Export utilities
 export * from './utils/index.js';
+// Export plugin-contributed stylesheet mounting
+export * from './styles/index.js';
 // Export plugin integration
 export * from './plugin/index.js';
 // Factory functions

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

@@ -1 +1 @@
-{"version":3,"file":"ShellPluginFactory.d.ts","sourceRoot":"","sources":["../../../src/impl/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,WAAW,CAAC;AAS7C,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/impl/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,WAAW,CAAC;AAS7C,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/impl/plugin/ShellPluginFactory.js

@@ -5,9 +5,11 @@
 import { SHELL_TOKEN, THEME_MANAGER_TOKEN, FEATURE_MANAGER_TOKEN, LAYOUT_MANAGER_TOKEN, ShellCommands, ShellEvents, } from '../../api/index.js';
 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/impl/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/impl/styles/StyleSink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleSink.d.ts","sourceRoot":"","sources":["../../../src/impl/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/impl/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/impl/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/impl/styles/index.d.ts.map

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

package/dist/impl/styles/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hamak/ui-shell",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "UI Shell Framework with theming, routing, and layout management",
   "type": "module",
   "main": "./dist/index.js",