wu-framework 1.1.6 → 1.1.8

package/src/adapters/index.js

@@ -4,6 +4,8 @@
  * Adapters oficiales para integrar Wu Framework con frameworks populares.
  * Soporta: React, Vue, Angular, Svelte, Preact, Solid.js, Lit, Vanilla JS
  *
+ * Cada adapter incluye integración AI (Paradigma C: IA como Director de Orquesta).
+ *
  * @example
  * // Importar adapter específico
  * import { wuReact } from 'wu-framework/adapters/react';
@@ -31,8 +33,9 @@ export {
   register as registerReact,
   createWuSlot,
   createUseWuEvents,
-  createUseWuStore
-} from './react.js';
+  createUseWuStore,
+  createUseWuAI
+} from './react/index.js';
 
 // ============================================
 // VUE ADAPTER
@@ -43,8 +46,10 @@ export {
   WuSlot,
   useWuEvents,
   useWuStore,
-  wuVuePlugin
-} from './vue.js';
+  wuVuePlugin,
+  createUseWuAI as createVueUseWuAI,
+  useWuAI as useVueWuAI
+} from './vue/index.js';
 
 // ============================================
 // ANGULAR ADAPTER
@@ -55,8 +60,9 @@ export {
   registerStandalone as registerAngularStandalone,
   createWuService,
   createWuSlotComponent,
-  getWuSlotModuleConfig
-} from './angular.js';
+  getWuSlotModuleConfig,
+  createWuAIService
+} from './angular/index.js';
 
 // ============================================
 // SVELTE ADAPTER
@@ -68,8 +74,9 @@ export {
   createWuStore as createSvelteWuStore,
   createWuEventStore,
   useWuEvents as useSvelteWuEvents,
-  createWuSlotConfig
-} from './svelte.js';
+  createWuSlotConfig,
+  createWuAIStore
+} from './svelte/index.js';
 
 // ============================================
 // PREACT ADAPTER
@@ -80,8 +87,9 @@ export {
   registerCompat as registerPreactCompat,
   createWuSlot as createPreactWuSlot,
   createUseWuEvents as createPreactUseWuEvents,
-  createUseWuStore as createPreactUseWuStore
-} from './preact.js';
+  createUseWuStore as createPreactUseWuStore,
+  createUseWuAI as createPreactUseWuAI
+} from './preact/index.js';
 
 // ============================================
 // SOLID.JS ADAPTER
@@ -93,8 +101,9 @@ export {
   createWuStore as createSolidWuStore,
   createWuEvent,
   useWuEvents as useSolidWuEvents,
-  createWuContext
-} from './solid.js';
+  createWuContext,
+  createUseWuAI as createSolidUseWuAI
+} from './solid/index.js';
 
 // ============================================
 // LIT (WEB COMPONENTS) ADAPTER
@@ -105,9 +114,10 @@ export {
   registerWebComponent,
   createWuSlotElement,
   WuMixin,
+  WuAIMixin,
   wuProperty,
   createSimpleElement
-} from './lit.js';
+} from './lit/index.js';
 
 // ============================================
 // VANILLA JS ADAPTER
@@ -120,25 +130,26 @@ export {
   createComponent,
   createWuSlot as createVanillaWuSlot,
   useWuEvents as useVanillaWuEvents,
-  useWuStore as useVanillaWuStore
-} from './vanilla.js';
+  useWuStore as useVanillaWuStore,
+  useWuAI as useVanillaWuAI
+} from './vanilla/index.js';
 
 // ============================================
 // SHARED UTILITIES
 // ============================================
-export { getWuInstance, waitForWu } from './react.js';
+export { getWuInstance, waitForWu } from './shared.js';
 
 // ============================================
 // ALL ADAPTERS OBJECT
 // ============================================
-import { wuReact } from './react.js';
-import { wuVue } from './vue.js';
-import { wuAngular } from './angular.js';
-import { wuSvelte } from './svelte.js';
-import { wuPreact } from './preact.js';
-import { wuSolid } from './solid.js';
-import { wuLit } from './lit.js';
-import { wuVanilla } from './vanilla.js';
+import { wuReact } from './react/index.js';
+import { wuVue } from './vue/index.js';
+import { wuAngular } from './angular/index.js';
+import { wuSvelte } from './svelte/index.js';
+import { wuPreact } from './preact/index.js';
+import { wuSolid } from './solid/index.js';
+import { wuLit } from './lit/index.js';
+import { wuVanilla } from './vanilla/index.js';
 
 /**
  * Objeto con todos los adapters disponibles

package/src/adapters/lit/ai.js

@@ -0,0 +1,20 @@
+/**
+ * WU-FRAMEWORK LIT AI INTEGRATION
+ */
+function getWuInstance() {
+  if (typeof window === 'undefined') return null;
+  return window.wu || window.parent?.wu || window.top?.wu || null;
+}
+
+export function WuAIMixin(Base) {
+  return class extends Base {
+    constructor() { super(); this._wuAINamespace = 'default'; }
+    get wuAI() { return getWuInstance()?.ai || null; }
+    async wuAISend(text, options = {}) {
+      const ai = this.wuAI;
+      if (!ai) { console.warn('[WuAIMixin] wu.ai not available'); return null; }
+      return ai.send(text, { namespace: this._wuAINamespace, ...options });
+    }
+    wuAISetNamespace(ns) { this._wuAINamespace = ns; }
+  };
+}

package/src/adapters/lit/index.d.ts

@@ -0,0 +1,120 @@
+/**
+ * 🚀 WU-FRAMEWORK LIT ADAPTER - TypeScript Declarations
+ */
+
+import type { WuCore } from '../core/wu-core';
+
+// Lit types (generics to avoid hard dependency)
+type LitElement = any;
+type TemplateResult = any;
+
+/**
+ * Opciones de registro Lit
+ */
+export interface LitRegisterOptions {
+  /** Nombre del custom element (auto-generado si no se provee) */
+  tagName?: string;
+  /** Propiedades iniciales */
+  properties?: Record<string, any>;
+  /** Callback después de montar */
+  onMount?: (container: HTMLElement, element: HTMLElement) => void;
+  /** Callback antes de desmontar */
+  onUnmount?: (container: HTMLElement, element: HTMLElement) => void;
+  /** Permitir ejecución standalone */
+  standalone?: boolean;
+  /** Selector para modo standalone */
+  standaloneContainer?: string;
+}
+
+/**
+ * Configuración para crear elemento simple
+ */
+export interface SimpleElementConfig {
+  /** Nombre del custom element */
+  name: string;
+  /** Template HTML */
+  template: string | ((element: HTMLElement) => string);
+  /** Estilos CSS */
+  styles?: string;
+  /** Usar Shadow DOM */
+  shadow?: boolean;
+  /** Atributos observados */
+  observedAttributes?: string[];
+  /** Callback cuando se conecta */
+  connectedCallback?: (this: HTMLElement) => void;
+  /** Callback cuando se desconecta */
+  disconnectedCallback?: (this: HTMLElement) => void;
+  /** Callback cuando cambia un atributo */
+  attributeChangedCallback?: (this: HTMLElement, name: string, oldVal: string, newVal: string) => void;
+}
+
+/**
+ * Clase WuSlot Element
+ */
+export interface WuSlotElementClass {
+  new(): HTMLElement & {
+    name: string;
+    url: string;
+    appName: string | null;
+    fallbackText: string | null;
+    loading: boolean;
+    error: string | null;
+  };
+}
+
+/**
+ * Tipo para el Mixin de Wu
+ */
+export type WuMixinResult<T extends new (...args: any[]) => any> = T & {
+  new (...args: any[]): InstanceType<T> & {
+    readonly wu: WuCore | null;
+    wuEmit(event: string, data?: any, options?: any): void;
+    wuOn(event: string, callback: (data: any) => void): () => void;
+    wuOnce(event: string, callback: (data: any) => void): () => void;
+    wuGetState(path?: string): any;
+    wuSetState(path: string, value: any): void;
+    wuOnStateChange(pattern: string, callback: (value: any) => void): () => void;
+  };
+};
+
+export function register(
+  appName: string,
+  ElementClass: CustomElementConstructor,
+  options?: LitRegisterOptions
+): Promise<boolean>;
+
+export function registerWebComponent(
+  appName: string,
+  ElementClass: CustomElementConstructor,
+  options?: LitRegisterOptions
+): Promise<boolean>;
+
+export function createWuSlotElement(
+  LitElement: any,
+  html: (strings: TemplateStringsArray, ...values: any[]) => TemplateResult,
+  css?: (strings: TemplateStringsArray, ...values: any[]) => any
+): WuSlotElementClass;
+
+export function WuMixin<T extends new (...args: any[]) => any>(Base: T): WuMixinResult<T>;
+
+export function wuProperty(storePath: string): PropertyDecorator;
+
+export function createSimpleElement(config: SimpleElementConfig): CustomElementConstructor;
+
+export function getWuInstance(): WuCore | null;
+
+export function waitForWu(timeout?: number): Promise<WuCore>;
+
+export interface WuLitAdapter {
+  register: typeof register;
+  registerWebComponent: typeof registerWebComponent;
+  createWuSlotElement: typeof createWuSlotElement;
+  WuMixin: typeof WuMixin;
+  wuProperty: typeof wuProperty;
+  createSimpleElement: typeof createSimpleElement;
+  getWuInstance: typeof getWuInstance;
+  waitForWu: typeof waitForWu;
+}
+
+export const wuLit: WuLitAdapter;
+export default wuLit;