pawajs 2.0.0 → 2.0.2

package/index.d.ts

@@ -78,6 +78,52 @@ export interface PawaElement extends HTMLElement {
     safeEval(context: any, expr: string, error?: string, element?: boolean): any;
 }
 
+export interface PawaDev {
+    tool: boolean;
+    errors: any[];
+    totalEffect: number;
+    errorState: any;
+    components: Set<any>;
+    renderCount: number;
+    performance: {
+        renderTime: number[];
+        effectTime: number[];
+        componentTime: number[];
+        start: number;
+        end: number;
+    };
+    _originalStyles: Map<any, any>;
+    listeners: Set<Function>;
+    highlightElement(el: HTMLElement): void;
+    unhighlightElement(el: HTMLElement): void;
+    subscribe(cb: (event: { type: string; data: any }) => void): () => void;
+    emit(type: string, data: any): void;
+    setError(options?: {
+        el?: HTMLElement;
+        msg?: string;
+        directives?: string;
+        stack?: string;
+        template?: string;
+        warn?: boolean;
+    }): void;
+    clearErrors(): void;
+    getSnapshot(): {
+        renderCount: number;
+        totalEffect: number;
+        performance: any;
+        errors: any[];
+        componentCount: number;
+    };
+    logRender(c: any, t: any): void;
+    logEffect(e: any, t: any): void;
+    logComponent(n: any, t: any): void;
+}
+
+declare global {
+    var __pawaDev: PawaDev;
+    var __pawaStream: (element: HTMLElement, context: any, statecontext?: any) => void;
+}
+
 export interface PawaComment extends Comment {
     _index: number | null;
     _el: Comment;
@@ -163,11 +209,11 @@ export function pluginsMap(): {
     pawaAttributes: Set<string>;
     allowAsProp: Set<string>;
 };
-export function  PawaCustomEvent(eventType:string,handler:(el:PawaElement,modifiers:Set,options:{
+export function  PawaCustomEvent(eventType:string,handler:(el:PawaElement,modifiers:Set<string>,options:{
         capture: Boolean,
         once: Boolean,
         passive: Boolean
-    },execute:(e:EventListener)=>void)=>{})
+    },execute:(e:EventListener)=>void)=>void):void;
 export const escapePawaAttribute: Set<string>;
 export const dependentPawaAttribute: Set<string>;
 
@@ -218,9 +264,10 @@ export function RegisterComponent(...args: (string | Function)[]): void;
 
 export namespace RegisterComponent {
     /**
-     * Registers components lazily. The component's bundle is only fetched when the element enters the viewport.
+     * Registers components lazily. The component's bundle is only fetched during runime encounter.
+     * (nam,import) or ([names,...],import)
      */
-    export function lazy(...args: (string | Function)[]): Promise<void>;
+    export function lazy(...args: (string | Array<string> | Function)[]): Promise<void>;
 }
 
 /**
@@ -321,7 +368,7 @@ export function setStateContext(context: any): any;
  * @param {string | null | string[]} [section] - Persistence key or dependency array.
  * @returns {State<T>} Reactive state object.
  */
-export function $state<T>(initialValue: StateInput<T>, section?: string | null | string[]): State<T>;
+export function $state<T>(initialValue: StateInput<T>, section?: string | null | Function[] | Object[] | string[]): State<T>;
 
 export function restoreContext(state_context: any): void;
 

package/index.js

@@ -198,7 +198,8 @@ export const lazyComponents=new Map()
     /**
      * @type {PawaComponent}
      */
-let stateContext = {
+
+    let stateContext = {
     _hasRun: false,
     _formerContext: null,
     _insert: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pawajs",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type":"module",
   "description": "pawajs library (reactive web runtime) for easily building web ui, enhancing html element, micro frontend etc ",
   "main": "index.js",

package/power.js

@@ -547,6 +547,32 @@ export const documentEvent = (el, attr) => {
     };
     
     const target = modifiers.has('window') ? window : document;
+
+    // Wrapper to ensure custom events respect standard action and "out" modifiers
+    const wrappedExecute = (e) => {
+        // Apply common modifiers first
+        if (!checkCommonModifiers(e, modifiers)) return;
+        if (!checkKeyModifiers(e, modifiers, eventType)) return;
+        
+        // ========== TARGET MODIFIERS (OUTSIDE LOGIC) ==========
+        // For out- events, 'self' means we ignore the event if it happens inside the element or on the element itself.
+        if (modifiers.has('self') && (e.target === el || el.contains(e.target))) return;
+        if (modifiers.has('not-self') && e.target === el) return;
+        
+        // ========== ACTION MODIFIERS ==========
+        if (modifiers.has('prevent')) e.preventDefault?.();
+        if (modifiers.has('stop')) e.stopPropagation?.();
+        
+        // ========== EXECUTION ==========
+        processEventExecution(el, attr.name, modifiers, () => executeOutEvent(e), eventType, 'out');
+    };
+
+    if (customEventMap.has(eventType)) {
+        const custom = customEventMap.get(eventType);
+        custom(el, modifiers, options, wrappedExecute);
+        return;
+    }
+
     el._MountFunctions.push(() => target.addEventListener(eventType, handler, options))
     const unMount = () => target.removeEventListener(eventType, handler, options);
     el._setUnMount(unMount)

package/server.d.ts

@@ -0,0 +1,13 @@
+export const isServer: () => boolean;
+export const getServerInstance: () => {
+    useInsert: null;
+    useInnerContext: null;
+    setContext: null;
+    useContext: null;
+    $state: null;
+    accessChild: null;
+    useServer: null;
+    useAsync: null;
+    forwardPops: null;
+};
+export const setServer: (obj?: {}) => void;