wu-framework 1.1.19 → 1.2.0

package/README.md

@@ -9,10 +9,10 @@
 </p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/wu-framework"><img src="https://img.shields.io/npm/v/wu-framework.svg?color=8b5cf6&label=npm" alt="npm version" /></a>
-  <a href="https://github.com/LuisPadre25/wu-framework/actions"><img src="https://img.shields.io/github/actions/workflow/status/LuisPadre25/wu-framework/ci.yml?label=tests&color=10b981" alt="tests" /></a>
-  <img src="https://img.shields.io/badge/tests-650%20passed-10b981" alt="650 tests" />
-  <img src="https://img.shields.io/badge/dependencies-0-8b5cf6" alt="zero deps" />
+  <a href="https://www.npmjs.com/package/wu-framework"><img src="https://img.shields.io/npm/v/wu-framework.svg?color=6366f1&label=npm" alt="npm version" /></a>
+  <a href="https://github.com/LuisPadre25/wu-framework/actions"><img src="https://img.shields.io/github/actions/workflow/status/LuisPadre25/wu-framework/ci.yml?label=tests&color=14b8a6" alt="tests" /></a>
+  <img src="https://img.shields.io/badge/tests-650%20passed-14b8a6" alt="650 tests" />
+  <img src="https://img.shields.io/badge/dependencies-0-6366f1" alt="zero deps" />
   <a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT License" /></a>
 </p>
 
@@ -449,12 +449,41 @@ Something is coming. It learned from every LLM call you ever made. It doesn't ne
 
 ---
 
+## Wu CLI
+
+The official CLI for wu-framework. One binary, one port, all your micro-apps.
+
+```bash
+npm install -g @wu-framework/cli
+
+wu create my-project    # Interactive scaffolding (13 frameworks)
+cd my-project
+wu dev                  # Native Zig dev server on one port
+wu build                # Production build (parallel Vite)
+wu serve                # Serve production build
+```
+
+Features:
+- Native SIMD HTTP server written in Zig (16 bytes/cycle parsing)
+- Three-tier compilation: Native Zig JSX (0-2ms) -> Compiler Daemon (10-50ms) -> Node fallback
+- Two-level cache with 73-138x speedup on warm restart
+- Theme-aware production shell with dark/light toggle
+- 13 framework app templates with CSS variable theming
+
+See [@wu-framework/cli](https://github.com/LuisPadre25/wu-cli) for full documentation.
+
+---
+
 ## Contributing
 
 Contributions welcome. Please open an issue first to discuss what you'd like to change.
 
 ## License
 
-[MIT](./LICENSE) — Free for personal and commercial use.
+[MIT](./LICENSE) -- Free for personal and commercial use.
 
 See [LICENSE-COMMERCIAL.md](./LICENSE-COMMERCIAL.md) for optional enterprise support and consulting.
+
+---
+
+*2026 Wu Framework*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wu-framework",
-  "version": "1.1.19",
+  "version": "1.2.0",
   "description": "Universal Microfrontends Framework - 13 frameworks, zero config, Shadow DOM isolation",
   "main": "dist/wu-framework.cjs.js",
   "module": "src/index.js",

package/src/adapters/qwik/index.js

@@ -4,10 +4,61 @@
  * Integrates Qwik components (component$) into Wu Framework's
  * microfrontend orchestration via @builder.io/qwik render API.
  *
- * Qwik uses QRL-based event delegation — onClick$, onInput$, etc.
- * are NOT regular DOM listeners. The qwikloader script must be
- * active in the document to intercept events and dispatch QRLs.
+ * Shadow DOM compatibility:
+ * Qwik uses QRL-based event delegation — the qwikloader script
+ * attaches capture-phase listeners on `document` to intercept events
+ * and resolve QRL attributes (on:click, on:input, etc.) on elements.
+ *
+ * Inside Shadow DOM, event.target is retargeted to the shadow host,
+ * so qwikloader can't find QRL attributes on the actual elements.
+ * We fix this by wrapping qwikloader's document listeners with a
+ * Proxy that returns event.composedPath()[0] as the real target.
+ *
+ * See: https://github.com/QwikDev/qwik-evolution/issues/283
+ */
+
+let _patched = false;
+
+/**
+ * Patches document.addEventListener so capture-phase handlers (used by
+ * qwikloader) receive the real event target from inside Shadow DOM via
+ * composedPath()[0], instead of the retargeted shadow host.
+ *
+ * Only activates when there's actual Shadow DOM retargeting — events
+ * in the light DOM pass through with zero overhead (no Proxy created).
  */
+function patchDocumentListenersForShadowDOM() {
+  if (_patched) return;
+  _patched = true;
+
+  const origAdd = document.addEventListener;
+
+  document.addEventListener = function (type, handler, options) {
+    const isCapture = options === true || (options && options.capture);
+
+    if (isCapture && typeof handler === 'function') {
+      const wrapped = function (event) {
+        const path = event.composedPath();
+        // Only proxy when Shadow DOM retargeting occurred
+        if (path.length && path[0] !== event.target && path[0] instanceof Element) {
+          const realTarget = path[0];
+          const proxy = new Proxy(event, {
+            get(obj, prop) {
+              if (prop === 'target') return realTarget;
+              const val = Reflect.get(obj, prop);
+              return typeof val === 'function' ? val.bind(obj) : val;
+            }
+          });
+          return handler.call(this, proxy);
+        }
+        return handler.call(this, event);
+      };
+      return origAdd.call(this, type, wrapped, options);
+    }
+
+    return origAdd.call(this, type, handler, options);
+  };
+}
 
 export const wuQwik = {
   async register(appName, Component, options = {}) {
@@ -16,8 +67,15 @@ export const wuQwik = {
 
     const qwik = await import('@builder.io/qwik');
 
+    // Patch document listeners BEFORE injecting qwikloader so its
+    // capture-phase handlers are wrapped with Shadow DOM awareness.
+    // Must stay active permanently — qwikloader registers event types
+    // lazily as new on: attributes appear in the DOM.
+    patchDocumentListenersForShadowDOM();
+
     // Inject qwikloader once per document (event delegation for QRLs)
-    if (!('__q_context__' in document)) {
+    if (!document.__wu_qwikloader) {
+      document.__wu_qwikloader = true;
       try {
         const { QWIK_LOADER } = await import('@builder.io/qwik/loader');
         const s = document.createElement('script');