ouider 0.0.8 → 0.1.0

package/dist/index.d.cts

@@ -70,13 +70,13 @@ declare namespace ODOM {
     export class BatchUpdates {
         private node;
         private operations;
-        constructor(node: OElement);
+        constructor(node: OObject);
         exec(): Promise<any>;
         private append;
         add(fn: () => void): this;
-        addEventListener(event: string, callback: (...args: any[]) => void): BatchUpdates;
+        addEventListener(event: string, callback: (...args: any[]) => void, options?: EventListenerOptions, policy?: EventControlPolicy): BatchUpdates;
         setProperty(key: string, value: string): BatchUpdates;
-        dettachEventListener(event: string, cbId: string): BatchUpdates;
+        dettachEventListener(cbId: string): BatchUpdates;
         invoke(fn: string, ...args: any[]): BatchUpdates;
         dispatchEvent(eventName: string, eventClass?: string, initDict?: any): BatchUpdates;
         addClass(...tokens: string[]): BatchUpdates;
@@ -91,7 +91,7 @@ declare namespace ODOM {
         innerHTML(html: string): BatchUpdates;
         replaceChildNode(node: ONode, child: ONode): BatchUpdates;
         replaceWith(node: ONode): BatchUpdates;
-        after(node: ONode): BatchUpdates;
+        after(toInsert: ONode): BatchUpdates;
         setInnerText(text: string): BatchUpdates;
         setContentText(text: string): BatchUpdates;
         insertBefore(element: ONode, node: ONode): BatchUpdates;
@@ -107,12 +107,22 @@ declare namespace ODOM {
         uid: string;
         tag: string;
         constructor(uid: string, tag: string);
-        addEventListener(event: string, callback: (...args: any[]) => void): Promise<string>;
-        dettachEventListener(event: string, cbId: string): Promise<void>;
-        invoke(fn: string, ...args: any[]): Promise<void>;
+        release(): Promise<void>;
+        addEventListener(event: string, callback: (...args: any[]) => void, extra?: {
+            options?: EventListenerOptions;
+            policy?: EventControlPolicy;
+        }): Promise<string>;
+        dettachEventListener(cbId: string): Promise<void>;
+        invoke<T>(fn: string, ...args: any[]): Promise<T | null>;
+        invokeAndHold(fn: string, ...args: any[]): Promise<OObject | null>;
         getProperty<T>(name: string): Promise<T | null>;
         setProperty<T>(name: string, value: T): Promise<void>;
         dispatchEvent(eventName: string, eventClass?: string, initDict?: any): Promise<void>;
+        updates(): BatchUpdates;
+        batches(): BatchUpdates;
+        get ref(): {
+            __ref__: string;
+        };
     }
     export abstract class ONode extends OObject {
         textContent?: string | null;
@@ -124,6 +134,7 @@ declare namespace ODOM {
         constructor(node: ONode);
     }
     export class OElement extends ONode {
+        [x: string]: any;
         private _hydrated;
         constructor(node: ONode);
         addClass(...tokens: string[]): Promise<void>;
@@ -138,7 +149,7 @@ declare namespace ODOM {
         removeChild(child: ONode): Promise<void>;
         replaceChildNode(node: ONode, child: ONode): Promise<void>;
         replaceWith(node: ONode): Promise<void>;
-        after(node: ONode): Promise<void>;
+        after(toInsert: ONode): Promise<void>;
         setHTML(html: string): Promise<void>;
         HTML(): Promise<string>;
         setInnerText(text: string): Promise<void>;
@@ -154,20 +165,214 @@ declare namespace ODOM {
         parentNode(): Promise<OElement | null>;
         insertBefore(element: ONode, node: ONode): Promise<void>;
         setInputValue(value: string): Promise<void>;
-        inputValue(value: string): Promise<string>;
+        inputValue(): Promise<string>;
         get hydrated(): boolean;
         hydrate(): void;
         query(selector: string, filter?: QueryFilter[]): Promise<OElement | null>;
         queryAll(selector: string, filter?: QueryFilter[]): Promise<OElement[] | null>;
-        release(): Promise<void>;
         setStyle(key: string, value: any): Promise<void>;
-        updates(): BatchUpdates;
+    }
+    export class CanvasGradient extends OObject {
+        constructor(obj: OObject);
+        addColorStop(offset: number, color: string): this;
+    }
+    export class DOMMatrix extends OObject {
+        batch: BatchUpdates;
+        constructor(obj: OObject);
+        static new(): Promise<DOMMatrix>;
+        static new(initString: string): Promise<DOMMatrix>;
+        static new(initArray: number[]): Promise<DOMMatrix>;
+        invertSelf(): this;
+        multiplySelf(): DOMMatrix;
+        premultiplySelf(): DOMMatrix;
+        rotateAxisAngleSelf(rotX?: number, rotY?: number, rotZ?: number, angle?: number): this;
+        rotateFromVectorSelf(rotX?: number, rotY?: number): this;
+        rotateSelf(rotX?: number, rotY?: number, rotZ?: number): this;
+        scale3dSelf(scale?: number, originX?: number, originY?: number, originZ?: number): this;
+        scaleSelf(scaleX?: number, scaleY?: number, scaleZ?: number, originX?: number, originY?: number, originZ?: number): this;
+        setMatrixValue(transformList: string): this;
+        skewXSelf(sX: number): this;
+        skewYSelf(sX: number): this;
+        translateSelf(translateX: number, translateY: number, translateZ?: number): this;
+        commit(): Promise<void>;
+        is2D(): Promise<boolean>;
+        isIdentity(): Promise<boolean>;
+        flipX(): Promise<DOMMatrix | null>;
+        flipY(): Promise<DOMMatrix | null>;
+        inverse(): Promise<DOMMatrix | null>;
+        multiply(other?: DOMMatrix): Promise<DOMMatrix | null>;
+        rotate(rotX?: number, rotY?: number, rotZ?: number): Promise<DOMMatrix | null>;
+        rotateAxisAngle(rotX?: number, rotY?: number, rotZ?: number, angle?: number): Promise<DOMMatrix | null>;
+        rotateFromVector(rotX?: number, rotY?: number): Promise<DOMMatrix | null>;
+        scale(scaleX?: number, scaleY?: number, scaleZ?: number, originX?: number, originY?: number, originZ?: number): Promise<DOMMatrix | null>;
+        scale3d(scale?: number, originX?: number, originY?: number, originZ?: number): Promise<DOMMatrix | null>;
+        skewX(sX?: number): Promise<DOMMatrix | null>;
+        skewY(sY?: number): Promise<DOMMatrix | null>;
+        toJSON(): Promise<any>;
+        toString(): Promise<string | null>;
+        translate(translateX?: number, translateY?: number, translateZ?: number): Promise<DOMMatrix | null>;
+    }
+    export class CanvasPattern extends OObject {
+        constructor(obj: OObject);
+        setTransform(matrix: DOMMatrix): void;
+    }
+    export class Canvas2DContext extends OObject {
+        private batch;
+        constructor(uid: string);
+        arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): this;
+        arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): this;
+        bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): this;
+        clearRect(x: number, y: number, width: number, height: number): this;
+        clip(path?: CanvasPath2D): Canvas2DContext;
+        clip(fillRule?: 'nonzero' | 'evenodd'): Canvas2DContext;
+        clip(path: CanvasPath2D, fillRule?: 'nonzero' | 'evenodd'): Canvas2DContext;
+        beginPath(): this;
+        closePath(): this;
+        createConicGradient(startAngle: number, x: number, y: number): Promise<CanvasGradient | null>;
+        createLinearGradient(x0: number, y0: number, x1: number, y1: number): Promise<CanvasGradient | null>;
+        createPattern(image: OObject, repetition?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | ''): Promise<CanvasPattern | null>;
+        createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): Promise<CanvasGradient | null>;
+        drawImage(image: Image | OObject, dx: number, dy: number): Canvas2DContext;
+        drawImage(image: Image | OObject, dx: number, dy: number, dWidth: number, dHeight: number): Canvas2DContext;
+        drawImage(image: Image | OObject, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): Canvas2DContext;
+        ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): this;
+        fill(path?: CanvasPath2D | 'nonzero' | 'evenodd', fillRule?: 'nonzero' | 'evenodd'): this;
+        fillRect(x: number, y: number, width: number, height: number): this;
+        fillText(text: string, x: number, y: number, maxWidth?: number): this;
+        getImageData(sx: number, sy: number, sw: number, sh: number, settings?: {
+            colorSpace: 'srgb' | 'display-p3';
+            pixelFormat: 'rgba-unorm8' | 'rgba-float16';
+        }): Promise<OObject | null>;
+        getLineDash(): Promise<number[] | null>;
+        getTransform(): Promise<DOMMatrix | null>;
+        isContextLost(): Promise<boolean | null>;
+        isPointInPath(x: number, y: number, fillRule?: 'nonzero' | 'evenodd'): Promise<boolean>;
+        isPointInPath(path: CanvasPath2D, x: number, y: number, fillRule?: 'nonzero' | 'evenodd'): Promise<boolean>;
+        isPointInStroke(x: number, y: number): Promise<boolean>;
+        isPointInStroke(path: CanvasPath2D, x: number, y: number): Promise<boolean>;
+        lineTo(x: number, y: number): Canvas2DContext;
+        measureText(text: number): Promise<number>;
+        moveTo(x: number, y: number): Canvas2DContext;
+        putImageData(imageData: OObject, dx: number, dy: number): Canvas2DContext;
+        putImageData(imageData: OObject, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): Canvas2DContext;
+        quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): this;
+        rect(x: number, y: number, width: number, height: number): this;
+        reset(): void;
+        resetTransform(): void;
+        restore(): Promise<void | null>;
+        rotate(angle: number): Canvas2DContext;
+        roundRect(x: number, y: number, width: number, height: number, radii: number | number[]): this;
+        save(): Promise<void | null>;
+        scale(x: number, y: number): Canvas2DContext;
+        setLineDash(segments: number[]): Promise<void | null>;
+        setTransform(matrix: DOMMatrix): Promise<void>;
+        setTransform(a: number, b: number, c: number, d: number, e: number, f: number): Promise<void>;
+        stroke(path?: CanvasPath2D): Canvas2DContext;
+        strokeRect(x: number, y: number, width: number, height: number): Canvas2DContext;
+        strokeText(text: string, x: number, y: number, maxWidth?: number): Canvas2DContext;
+        transform(a: number, b: number, c: number, d: number, e: number, f: number): Canvas2DContext;
+        translate(x: number, y: number): Canvas2DContext;
+        set fillStyle(value: string | CanvasGradient | CanvasPattern);
+        setFillStyle(style: string | CanvasGradient | CanvasPattern): Promise<Canvas2DContext>;
+        set filter(value: string);
+        setFilter(filter: string): Promise<this>;
+        set font(value: string);
+        setFont(font: string): Promise<this>;
+        set fontKerning(value: string);
+        setFontKerning(kerning: string): Promise<this>;
+        set fontStretch(value: string);
+        setFontStretch(value: string): Promise<this>;
+        set fontVariantCaps(value: string);
+        setFontVariantCaps(value: string): Promise<this>;
+        set globalAlpha(value: number);
+        setGlobalAlpha(value: number): Promise<this>;
+        set globalCompositeOperation(value: string);
+        setGlobalCompositeOperation(value: string): Promise<this>;
+        set imageSmoothingEnabled(value: boolean);
+        setImageSmoothingEnabled(value: boolean): Promise<this>;
+        set imageSmoothingQuality(value: string);
+        setImageSmoothingQuality(value: string): Promise<this>;
+        set letterSpacing(value: string);
+        setLetterSpacing(value: string): Promise<this>;
+        set lineCap(value: string);
+        setLineCap(value: string): Promise<this>;
+        set lineDashOffset(value: number);
+        setLineDashOffset(value: number): Promise<this>;
+        set lineJoin(value: string);
+        setLineJoin(value: string): Promise<this>;
+        set lineWidth(value: number);
+        setLineWidth(value: number): Promise<this>;
+        set miterLimit(value: number);
+        setMiterLimit(value: number): Promise<this>;
+        set shadowBlur(value: number);
+        setShadowBlur(value: number): Promise<this>;
+        set shadowColor(value: string);
+        setShadowColor(value: string): Promise<this>;
+        set shadowOffsetX(value: number);
+        setShadowOffsetX(value: number): Promise<this>;
+        set shadowOffsetY(value: number);
+        setShadowOffsetY(value: number): Promise<this>;
+        set strokeStyle(value: any);
+        setStrokeStyle(value: any): Promise<this>;
+        set textAlign(value: string);
+        setTextAlign(value: string): Promise<this>;
+        set textBaseline(value: string);
+        setTextBaseline(value: string): Promise<this>;
+        set wordSpacing(value: string);
+        setWordSpacing(value: string): Promise<this>;
+        set textRendering(value: string);
+        setTextRendering(value: string): Promise<this>;
+        commit(): Promise<void>;
+    }
+    export class Image extends OObject {
+        constructor(obj: OObject);
+        static new(width?: number, height?: number): Promise<Image | null>;
+        width(): Promise<number>;
+        height(): Promise<number>;
+        naturalWidth(): Promise<number>;
+        naturalHeight(): Promise<number>;
+        src(): Promise<string | null>;
+        currentSrc(): Promise<string | null>;
+        setSrc(src: string): Promise<void>;
+    }
+    export class CanvasPath2D extends OObject {
+        private batch;
+        constructor(obj: OObject);
+        static create(): Promise<CanvasPath2D | null>;
+        addPath(path: CanvasPath2D): this;
+        arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): this;
+        arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): this;
+        bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): this;
+        quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): this;
+        closePath(): this;
+        ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): this;
+        moveTo(x: number, y: number): this;
+        lineTo(x: number, y: number): this;
+        rect(x: number, y: number, width: number, height: number): this;
+        roundRect(x: number, y: number, width: number, height: number, radii: number | number[]): this;
+        commit(): Promise<void>;
+    }
+    export class CanvasElement extends OElement {
+        constructor(node: OElement);
+        width(): Promise<number | null>;
+        height(): Promise<number | null>;
+        setWidth(width: number): Promise<void>;
+        setHeight(height: number): Promise<void>;
+        getContext(context: string): Promise<Canvas2DContext | null>;
+        static of(selector: string, filter?: QueryFilter[], nodeId?: string): Promise<CanvasElement | null>;
     }
     export {  };
 }
-declare function Native(): (clazz: any, fnName: string, descriptor: {
-    value: Function;
-} | Record<string, any>) => void;
+interface EventListenerOptions {
+    once?: boolean;
+    passive?: boolean;
+    capture?: boolean;
+}
+interface EventControlPolicy {
+    alwaysPreventDefault?: boolean;
+    alwaysStopPropagation?: boolean;
+    alwaysStopImmediatePropagation?: boolean;
+}
 interface OUIDBridgeInterface {
     invoke(name: string): Promise<any>;
     emit(event: string, data: any): void;
@@ -216,8 +421,11 @@ declare class OUIDBridge implements OUIDBridgeInterface {
     queryAll(selector: string, filter?: QueryFilter[], nodeId?: string): Promise<ODOM.OElement[] | null>;
     createElement(tag: string, props?: Record<string, string>): Promise<ODOM.OElement | null>;
     createComment(data: string): Promise<ODOM.OElement | null>;
-    addEventListener(node: ODOM.OObject | 'window' | 'document', event: string, callback: (...args: any[]) => void): Promise<string>;
-    dettachEventListener(node: ODOM.OObject | 'window' | 'document', event: string, cbId: string): Promise<void>;
+    addEventListener(node: ODOM.OObject | 'window' | 'document', event: string, callback: (...args: any[]) => void, extra?: {
+        options?: EventListenerOptions;
+        policy?: EventControlPolicy;
+    }): Promise<string>;
+    dettachEventListener(cbId: string): Promise<void>;
     injectComponentStyles(css: string): Promise<ODOM.OElement | null>;
     rejectComponentStyles(cssNode: ODOM.ONode): Promise<void>;
     getOObject(id: string): Promise<ODOM.OObject | null>;
@@ -231,6 +439,7 @@ declare class OUIDBridge implements OUIDBridgeInterface {
     fetch(url: string, input: RequestData, encodeAs: "base64"): Promise<string>;
     alert(message: string): Promise<void>;
     prompt(message: string): Promise<void>;
+    newObject(ctr: string, ...args: any[]): Promise<ODOM.OObject | null>;
 }
 declare const OUID: OUIDBridge & Record<string, (...args: any[]) => Promise<any>>;
 declare global {
@@ -259,6 +468,7 @@ declare class RenderContext {
     get hostElement(): ODOM.OElement;
     get stack(): Record<string, any>[];
     set stack(value: Record<string, any>[]);
+    getMountedComponent(node: ODOM.OElement): OComponent | undefined;
     bind(binding: Binding): void;
     directive(directive: Directive): void;
     evaluateExpression(expr: string | null | undefined): boolean;
@@ -287,7 +497,7 @@ declare class RenderContext {
         name: string;
         value: any;
         expr?: string;
-    }>, emits?: O): Promise<void>;
+    }>, emits?: O): Promise<OComponent>;
     unmountComponent(node: ODOM.OElement): Promise<void>;
 }
 type Binding = {
@@ -409,6 +619,8 @@ interface Component<P extends Record<string, any>, O extends Record<string, any>
     state: State<any>;
     readonly emits: Emits<O>;
     readonly props: ComponentProps<P>;
+    onActivated(): void;
+    onDeactivated(): void;
     onMounted(): void;
     willMount(): void;
     willUnmount(): void;
@@ -429,6 +641,8 @@ declare class OComponent<P extends Record<string, any> = {}, O extends Record<st
     readonly props: ComponentProps<P>;
     private provides;
     constructor(props?: P, emits?: O);
+    onActivated(): void;
+    onDeactivated(): void;
     onMounted(): void;
     willMount(): void;
     willUnmount(): void;
@@ -494,9 +708,14 @@ declare class Router implements Plugin<any> {
     private windowObject;
     private guards;
     private eventRegistration;
+    private compiled;
+    private outletEl;
+    private keepAlive;
+    private keepAliveLimit;
+    private pendingNav;
     constructor(routes: Routes);
     install(app: App): void;
-    resolve(path: string): MatchedRoute | null;
+    resolve(url: string): MatchedRoute | null;
     push(options: {
         name?: string;
         path?: string;
@@ -519,4 +738,4 @@ declare class OIcon extends OComponent {
 
 declare function components(): Record<string, OComponent<any, any>>;
 
-export { ACTIVE_ROUTE_TOKEN, App, type Binding, Component, type ComponentConstructor, type ComponentProps, type Directive, Emits, type InjectionKey, type LazyLoader, Native, OComponent, type OComponentType, ODOM, OIcon, ORouter, OUID, OUIDBridge, type OUIDBridgeInterface, type OUIDConfig, type Plugin, type Promised, type Provider, type Providers, ROUTER_INJECTION_TOKEN, RenderContext, RenderNode, type Route, type RouteGaurdFunction, type RouteGuard, type RouteGuardReturn, type RouteLocationNamed, Router, type Routes, State, type StateWatcher, Stated, StyleData, WebOUID, components, createComponent, createRouter, deferMacro, deferMicro, inject, isStated, node, o, provide, stated, useRouter };
+export { ACTIVE_ROUTE_TOKEN, App, type Binding, Component, type ComponentConstructor, type ComponentProps, type Directive, Emits, type EventControlPolicy, type EventListenerOptions, type InjectionKey, type LazyLoader, OComponent, type OComponentType, ODOM, OIcon, ORouter, OUID, OUIDBridge, type OUIDBridgeInterface, type OUIDConfig, type Plugin, type Promised, type Provider, type Providers, ROUTER_INJECTION_TOKEN, RenderContext, RenderNode, type Route, type RouteGaurdFunction, type RouteGuard, type RouteGuardReturn, type RouteLocationNamed, Router, type Routes, State, type StateWatcher, Stated, StyleData, WebOUID, components, createComponent, createRouter, deferMacro, deferMicro, inject, isStated, node, o, provide, stated, useRouter };