ranuts 0.1.0-alpha.9 → 0.2.0-alpha.1

package/dist/src/utils/visual/render/webGlRenderer.d.ts

@@ -0,0 +1,14 @@
+import { BatchRenderer } from '@/utils/visual/render/batchRenderer';
+import type { IApplicationOptions } from '@/utils/visual/types';
+export declare class WebGLRenderer extends BatchRenderer {
+    gl: WebGLRenderingContext;
+    private program;
+    private glVertexBuffer;
+    private glIndexBuffer;
+    private unifLoc;
+    constructor(options: IApplicationOptions);
+    protected setProjectionMatrix(): void;
+    protected setRootTransform(a: number, b: number, c: number, d: number, tx: number, ty: number): void;
+    protected updateBuffer(): void;
+    protected draw(): void;
+}

package/dist/src/utils/visual/shape/circle.d.ts

@@ -0,0 +1,11 @@
+import { Shape } from '@/utils/visual/shape/shape';
+import { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Circle extends Shape {
+    x: number;
+    y: number;
+    radius: number;
+    readonly type = SHAPE_TYPE.CIRCLE;
+    constructor(x?: number, y?: number, radius?: number);
+    contains(p: Point): boolean;
+}

package/dist/src/utils/visual/shape/ellipse.d.ts

@@ -0,0 +1,12 @@
+import { Shape } from '@/utils/visual/shape/shape';
+import { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Ellipse extends Shape {
+    x: number;
+    y: number;
+    radiusX: number;
+    radiusY: number;
+    readonly type = SHAPE_TYPE.ELLIPSE;
+    constructor(x?: number, y?: number, radiusX?: number, radiusY?: number);
+    contains(p: Point): boolean;
+}

package/dist/src/utils/visual/shape/index.d.ts

@@ -0,0 +1,7 @@
+import { Circle } from '@/utils/visual/shape/circle';
+import { Ellipse } from '@/utils/visual/shape/ellipse';
+import { Polygon } from '@/utils/visual/shape/polygon';
+import { Rectangle } from '@/utils/visual/shape/rectangle';
+import { Shape } from '@/utils/visual/shape/shape';
+import { RoundedRectangle } from '@/utils/visual/shape/roundedRectangle';
+export { Shape, Circle, Ellipse, Polygon, Rectangle, RoundedRectangle };

package/dist/src/utils/visual/shape/polygon.d.ts

@@ -0,0 +1,11 @@
+import { Shape } from '@/utils/visual/shape/shape';
+import { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Polygon extends Shape {
+    points: number[];
+    closeStroke: boolean;
+    type: SHAPE_TYPE;
+    constructor(points?: number[]);
+    private isIntersect;
+    contains(p: Point): boolean;
+}

package/dist/src/utils/visual/shape/rectangle.d.ts

@@ -0,0 +1,12 @@
+import { Shape } from '@/utils/visual/shape/shape';
+import { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class Rectangle extends Shape {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    type: SHAPE_TYPE;
+    constructor(x?: number, y?: number, width?: number, height?: number);
+    contains(p: Point): boolean;
+}

package/dist/src/utils/visual/shape/roundedRectangle.d.ts

@@ -0,0 +1,13 @@
+import { Shape } from '@/utils/visual/shape/shape';
+import { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare class RoundedRectangle extends Shape {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    radius: number;
+    readonly type = SHAPE_TYPE.ROUNDED_RECTANGLE;
+    constructor(x?: number, y?: number, width?: number, height?: number, radius?: number);
+    contains(p: Point): boolean;
+}

package/dist/src/utils/visual/shape/shape.d.ts

@@ -0,0 +1,6 @@
+import type { SHAPE_TYPE } from '@/utils/visual/enums';
+import type { Point } from '@/utils/visual/vertex/point';
+export declare abstract class Shape {
+    abstract type: SHAPE_TYPE;
+    abstract contains(point: Point): boolean;
+}

package/dist/src/utils/visual/style/fill.d.ts

@@ -0,0 +1,8 @@
+export declare class Fill {
+    color: string;
+    alpha: number;
+    visible: boolean;
+    constructor();
+    clone(): Fill;
+    reset(): void;
+}

package/dist/src/utils/visual/style/index.d.ts

@@ -0,0 +1,3 @@
+import { Fill } from '@/utils/visual/style/fill';
+import { Line } from '@/utils/visual/style/line';
+export { Fill, Line };

package/dist/src/utils/visual/style/line.d.ts

@@ -0,0 +1,10 @@
+import { LINE_CAP, LINE_JOIN } from '@/utils/visual/enums';
+import { Fill } from '@/utils/visual/style/fill';
+export declare class Line extends Fill {
+    width: number;
+    cap: LINE_CAP;
+    join: LINE_JOIN;
+    miterLimit: number;
+    clone(): Line;
+    reset(): void;
+}

package/dist/src/utils/visual/types.d.ts

@@ -0,0 +1,18 @@
+import type { LINE_CAP, LINE_JOIN, RENDERER_TYPE } from '@/utils/visual/enums';
+export interface IApplicationOptions {
+    prefer?: RENDERER_TYPE.CANVAS | RENDERER_TYPE.WEB_GL | RENDERER_TYPE.WEB_GPU;
+    view?: HTMLCanvasElement;
+    backgroundColor?: string;
+    backgroundAlpha?: number;
+    debug?: boolean;
+}
+export interface IFillStyleOptions {
+    color?: string;
+    alpha?: number;
+    visible?: boolean;
+}
+export interface ILineStyleOptions extends IFillStyleOptions {
+    width?: number;
+    cap?: LINE_CAP;
+    join?: LINE_JOIN;
+}

package/dist/src/utils/visual/vertex/container.d.ts

@@ -0,0 +1,74 @@
+import { Vertex } from '@/utils/visual/vertex/vertex';
+import type { CanvasRenderer } from '@/utils/visual/render/canvasRenderer';
+import type { Point } from '@/utils/visual/vertex/point';
+import type { BatchRenderer } from '@/utils/visual/render/batchRenderer';
+import type { Batch } from '@/utils/visual/render/utils/batch/index';
+export declare class Container extends Vertex {
+    isSort: boolean;
+    type: string;
+    /**
+     * 所有子元素
+     */
+    readonly children: Container[];
+    /**
+     * 用来标记 worldTransform 是否发生了改变
+     */
+    protected worldId: number;
+    /**
+     * 所有 batch
+     */
+    protected batches: Batch[];
+    /**
+     * batch 总数
+     */
+    protected batchCount: number;
+    /**
+     * 场景结构版本号（仅根节点上的值有意义）。任何会改变“大数组该长什么样”的操作
+     * （增删子节点、Graphics 重绘）都会冒泡到根节点并使其 +1，渲染器据此决定是否重建大数组。
+     */
+    structureVersion: number;
+    constructor();
+    /**
+     * 标记场景结构已变化：冒泡到根节点并递增其版本号，触发下一帧的大数组重建。
+     */
+    protected markStructureDirty: () => void;
+    /**
+     * @description: 添加子元素
+     * @param {Container} child
+     * @return {*}
+     */
+    addChild: (child: Container) => void;
+    /**
+     * @description:删除子元素
+     * @param {Container} child
+     * @return {void}
+     */
+    removeChild: (child: Container) => void;
+    /**
+     * @description: 根据 z-index 排序子元素
+     * @return {*}
+     */
+    sortChildren: () => void;
+    /**
+     * 渲染自身，在 container 上面没有东西要渲染，所以这个函数的内容为空
+     */
+    protected renderCanvas(_render: CanvasRenderer): void;
+    /**
+     * 递归渲染以自身为根的整棵节点树
+     */
+    renderCanvasRecursive: (render: CanvasRenderer) => void;
+    /**
+     * 递归更新当前元素以及所有子元素的 transform
+     */
+    updateTransform: () => void;
+    containsPoint: (p: Point) => boolean;
+    /**
+     * 构建自身的 batch。组容器自身没有可渲染内容，子类（如 Graphics）会重写此方法。
+     * WebGL / WebGPU 后端统一通过 BatchRenderer 的 buildArray 递归调用本方法。
+     */
+    buildBatches(_batchRenderer: BatchRenderer): void;
+    /**
+     * 更新自身的所有 batch 对应的大数组中的顶点
+     */
+    updateBatches(_floatView: Float32Array): void;
+}

package/dist/src/utils/visual/vertex/point.d.ts

@@ -0,0 +1,18 @@
+export declare class Point {
+    x: number;
+    y: number;
+    constructor(x?: number, y?: number);
+    set(x?: number, y?: number): void;
+    clone: () => Point;
+}
+export declare class ObservablePoint {
+    private _x;
+    private _y;
+    private cb;
+    constructor(cb: (x: number, y: number) => void, x?: number, y?: number);
+    set(x?: number, y?: number): void;
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+}

package/dist/src/utils/visual/vertex/vertex.d.ts

@@ -0,0 +1,36 @@
+import { SyncHook } from '@/utils/subscribe';
+import { Transform } from '@/utils/visual/math/transform';
+import type { Container } from '@/utils/visual/vertex/container';
+import type { ObservablePoint } from '@/utils/visual/vertex/point';
+import type { Matrix } from '@/utils/visual/math/matrix';
+import type { Cursor, FederatedEventMap } from '@/utils/visual/event';
+import type { Shape } from '@/utils/visual/shape';
+export declare abstract class Vertex extends SyncHook {
+    protected _zIndex: number;
+    parent: Container | undefined;
+    visible: boolean;
+    transform: Transform;
+    alpha: number;
+    worldAlpha: number;
+    hitArea: Shape | null;
+    cursor: Cursor;
+    get zIndex(): number;
+    set zIndex(value: number);
+    get position(): ObservablePoint;
+    get localTransform(): Matrix;
+    get worldTransform(): Matrix;
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get scale(): ObservablePoint;
+    get pivot(): ObservablePoint;
+    get skew(): ObservablePoint;
+    get rotation(): number;
+    set rotation(value: number);
+    get angle(): number;
+    set angle(value: number);
+    updateTransform(): void;
+    addEventListener: <K extends keyof FederatedEventMap>(type: K, listener: (e: FederatedEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions) => void;
+    removeEventListener: <K extends keyof FederatedEventMap>(type: K, listener: (e: FederatedEventMap[K]) => unknown, capture?: boolean) => void;
+}

package/dist/src/vnode/chainDom.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @description: 链式调用的 dom 操作
+ * @return {HTMLElement}
+ */
+export declare class Chain {
+    element: HTMLElement;
+    constructor(tagName: string, options?: ElementCreationOptions);
+    /**
+     * @description: 创建元素
+     * @param {string} tagName
+     * @param {ElementCreationOptions} options
+     * @return {Chain}
+     */
+    create: (tagName: string, options?: ElementCreationOptions) => HTMLElement;
+    /**
+     * @description: 设置当前元素的属性
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setAttribute: (name: string, value: string) => Chain;
+    /**
+     * @description: 移除当前元素的属性
+     * @param {string} name
+     * @return {Chain}
+     */
+    removeAttribute: (name: string) => Chain;
+    /**
+     * @description: 当前元素添加子元素
+     * @param {HTMLElement} child
+     * @return {ChainElement}
+     */
+    append: (child: HTMLElement) => Chain;
+    /**
+     * @description: 当前元素移除子元素
+     * @param {HTMLElement} child
+     * @return {Chain}
+     */
+    remove: (child: HTMLElement) => Chain;
+    /**
+     * @description: 给当前元素设置文本内容
+     * @param {string} text
+     * @return {Chain}
+     */
+    setTextContent: (text: string) => Chain;
+}
+export declare const create: (tagName: string, options?: ElementCreationOptions) => Chain;

package/dist/src/vnode/h.d.ts

@@ -0,0 +1,6 @@
+import type { VNode, VNodeChildren, VNodeData } from './vnode';
+export declare function addNS(data: VNodeData, children: Array<VNode | string | number> | undefined, sel: string | undefined): void;
+export declare function h(sel: string): VNode;
+export declare function h(sel: string, data: VNodeData | null): VNode;
+export declare function h(sel: string, children: VNodeChildren): VNode;
+export declare function h(sel: string, data: VNodeData | null, children: VNodeChildren): VNode;

package/dist/src/vnode/hooks.d.ts

@@ -0,0 +1,23 @@
+import type { VNode } from './vnode';
+export type PreHook = () => any;
+export type InitHook = (vNode: VNode) => any;
+export type CreateHook = (emptyVNode: VNode, vNode: VNode) => any;
+export type InsertHook = (vNode: VNode) => any;
+export type PrePatchHook = (oldVNode: VNode, vNode: VNode) => any;
+export type UpdateHook = (oldVNode: VNode, vNode: VNode) => any;
+export type PostPatchHook = (oldVNode: VNode, vNode: VNode) => any;
+export type DestroyHook = (vNode: VNode) => any;
+export type RemoveHook = (vNode: VNode, removeCallback: () => void) => any;
+export type PostHook = () => any;
+export interface Hooks {
+    pre?: PreHook;
+    init?: InitHook;
+    create?: CreateHook;
+    insert?: InsertHook;
+    prepatch?: PrePatchHook;
+    update?: UpdateHook;
+    postpatch?: PostPatchHook;
+    destroy?: DestroyHook;
+    remove?: RemoveHook;
+    post?: PostHook;
+}

package/dist/src/vnode/htmlDomApi.d.ts

@@ -0,0 +1,33 @@
+export interface Fragment extends DocumentFragment {
+    parent: Node | null;
+    firstChildNode: ChildNode | null;
+    lastChildNode: ChildNode | null;
+}
+export interface DOMAPI {
+    createElement: (tagName: any, options?: ElementCreationOptions) => HTMLElement;
+    createElementNS: (namespaceURI: string, qualifiedName: string, options?: ElementCreationOptions) => Element;
+    /**
+     * @experimental
+     * @todo Make it required when the fragment is considered stable.
+     */
+    createDocumentFragment?: () => Fragment;
+    createTextNode: (text: string) => Text;
+    createComment: (text: string) => Comment;
+    insertBefore: (parentNode: Node, newNode: Node, referenceNode: Node | null) => void;
+    removeChild: (node: Node, child: Node) => void;
+    appendChild: (node: Node, child: Node) => void;
+    parentNode: (node: Node) => Node | null;
+    nextSibling: (node: Node) => Node | null;
+    tagName: (elm: Element) => string;
+    setTextContent: (node: Node, text: string | null) => void;
+    getTextContent: (node: Node) => string | null;
+    isElement: (node: Node) => node is Element;
+    isText: (node: Node) => node is Text;
+    isComment: (node: Node) => node is Comment;
+    /**
+     * @experimental
+     * @todo Make it required when the fragment is considered stable.
+     */
+    isDocumentFragment?: (node: Node) => node is DocumentFragment;
+}
+export declare const htmlDomApi: DOMAPI;

package/dist/src/vnode/index.d.ts

@@ -0,0 +1,18 @@
+import { init } from './init';
+import { addNS, h } from './h';
+import { vnode } from './vnode';
+import { Chain, create } from './chainDom';
+import { htmlDomApi } from './htmlDomApi';
+import { modules } from './modules';
+import { attributesModule } from './modules/attributes';
+import { classModule } from './modules/class';
+import { eventListenersModule } from './modules/listeners';
+import { propsModule } from './modules/props';
+import { styleModule } from './modules/style';
+import * as is from './is';
+import type { ArrayOrElement, Key, VNode, VNodeChildElement, VNodeChildren, VNodeData, VNodes } from './vnode';
+import type { Hooks } from './hooks';
+import type { DOMAPI, Fragment } from './htmlDomApi';
+import type { ModuleHook, Modules } from './modules';
+export { init, h, addNS, vnode, Chain, create, htmlDomApi, modules, attributesModule, classModule, eventListenersModule, propsModule, styleModule, is, };
+export type { VNode, VNodeData, VNodes, VNodeChildren, VNodeChildElement, ArrayOrElement, Key, Hooks, DOMAPI, Fragment, Modules, ModuleHook, };

package/dist/src/vnode/index.js

@@ -0,0 +1 @@
+import{n as e}from"../../rolldown-runtime-I3TIJKkN.js";function t(e,t,n,o,r){return{sel:e,data:t,children:n,text:o,elm:r,key:void 0===t?void 0:t.key}}function n(e){if(o(e)){for(;e&&o(e);)e=r(e).parent;return e??null}return e.parentNode}function o(e){return 11===e.nodeType}function r(e,t){const n=e;return n.parent??=t??null,n.firstChildNode??=e.firstChild,n.lastChildNode??=e.lastChild,n}var i={createElement:function(e,t){return document.createElement(e,t)},createElementNS:function(e,t,n){return document.createElementNS(e,t,n)},createTextNode:function(e){return document.createTextNode(e)},createDocumentFragment:function(){return r(document.createDocumentFragment())},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){if(o(e)){let t=e;for(;t&&o(t);)t=r(t).parent;e=t??e}o(t)&&(t=r(t,e)),n&&o(n)&&(n=r(n).firstChildNode),e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){o(t)&&(t=r(t,e)),e.appendChild(t)},parentNode:n,nextSibling:function(e){if(o(e)){const t=r(e),o=n(t);if(o&&t.lastChildNode){const e=Array.from(o.childNodes);return e[e.indexOf(t.lastChildNode)+1]??null}return null}return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},getTextContent:function(e){return e.textContent},isElement:function(e){return 1===e.nodeType},isText:function(e){return 3===e.nodeType},isComment:function(e){return 8===e.nodeType},isDocumentFragment:o},l=/* @__PURE__ */e({array:()=>s,isStr:()=>c,isVnode:()=>d,primitive:()=>a}),s=Array.isArray,c=e=>"string"==typeof e;function a(e){return"string"==typeof e||"number"==typeof e}function d(e){return!!e?.sel}function u(e,t){let n;const o=t.elm;let r=e.data&&e.data.attrs,i=t.data&&t.data.attrs;if((r||i)&&r!==i){for(n in r=r||{},i=i||{},i){const e=i[n];r[n]!==e&&(!0===e?o.setAttribute(n,""):!1===e?o.removeAttribute(n):120!==n.charCodeAt(0)?o.setAttribute(n,e):58===n.charCodeAt(3)?o.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,e):58===n.charCodeAt(5)?o.setAttributeNS("http://www.w3.org/1999/xlink",n,e):o.setAttribute(n,`${e}`))}for(n in r)n in i||o.removeAttribute(n)}}var f={create:u,update:u};function m(e,t){let n,o;const r=t.elm;let i=e.data&&e.data.class,l=t.data&&t.data.class;if((i||l)&&i!==l){for(o in i=i||{},l=l||{},i)i[o]&&!Object.prototype.hasOwnProperty.call(l,o)&&r.classList.remove(o);for(o in l)n=l[o],n!==i[o]&&r.classList[n?"add":"remove"](o)}}var p={create:m,update:m};function v(e,t,n){if((e=>"function"==typeof e)(e))e.call(t,n,t);else if("object"==typeof e)for(let o=0;o<e.length;o++)v(e[o],t,n)}function h(e,t){const n=e.type,o=t.data&&t.data.on;o&&o[n]&&v(o[n],t,e)}function y(e,t){const n=e?.data?.on,o=e?.listener,r=e.elm,i=t?.data?.on,l=t&&t.elm;let s;if(n!==i){if(n&&o)if(i)for(s in n)i[s]||r.removeEventListener(s,o,!1);else for(s in n)r.removeEventListener(s,o,!1);if(i){const o=t.listener=e.listener||function e(t){h(t,e.vnode)};if(n)for(s in i)n[s]||l.addEventListener(s,o,!1);else for(s in i)l.addEventListener(s,o,!1)}}}var g={create:y,update:y,destroy:y};function C(e,t){let n,o,r;const i=t.elm;let l=e.data?e.data.props:void 0,s=t.data?t.data.props:void 0;if((l||s)&&l!==s)for(n in l=l||{},s=s||{},s)o=s[n],r=l[n],r===o||"value"===n&&i[n]===o||(i[n]=o)}var x={create:C,update:C},b=!1;function N(e,t){let n,o;const r=t.elm;let i=e.data.style,l=t.data.style;if((i||l)&&i!==l){for(o in i=i||{},l=l||{},i)l[o]||("-"===o[0]&&"-"===o[1]?r.style.removeProperty(o):r.style[o]="");for(o in l)n=l[o],n!==i[o]&&("-"===o[0]&&"-"===o[1]?r.style.setProperty(o,n):r.style[o]=n)}}var A={pre:function(){b=!1},create:N,update:N,destroy:function(e){let t,n;const o=e.elm,r=e.data.style;if(r&&(t=r.destroy))for(n in t)o.style[n]=t[n]},remove:function(e,t){const n=e.data.style;if(!n||!n.remove)return void t();let o;b||(b=!0);const r=e.elm;let i=0;const l=n.remove;let s=0;const c=[];for(o in l)c.push(o),r.style[o]=l[o];const a=getComputedStyle(r)["transition-property"].split(", ");for(;i<a.length;++i)-1!==c.indexOf(a[i])&&s++;r.addEventListener("transitionend",function(e){e.target===r&&--s,0===s&&t()})}},w={attributesModule:f,classModule:p,eventListenersModule:g,propsModule:x,styleModule:A};function E(e,t){return e.key===t.key&&e.sel===t.sel}function T(e,t,n){const o={};for(let r=t;r<=n;++r){const t=e[r]?.key;void 0!==t&&(o[t]=r)}return o}var L=t("",{},[],void 0,void 0);function S(){const e=i,n={create:[],update:[],destroy:[]};for(const t of Object.keys(n)){n[t]=[];for(const e of Object.keys(w)){const o=w[e][t];void 0!==o&&n[t].push(o)}}function o(n){const o=n.id?"#"+n.id:"",r=n.className?"."+n.className.split(" ").join("."):"";return t(e.tagName(n).toLowerCase()+o+r,{},[],void 0,n)}function r(e){return void 0===e}function l(e){return void 0!==e}function c(t){let o;const i=t.children,l=t.sel;if("!"===l)r(t.text)&&(t.text=""),t.elm=e.createComment(`${t.text}`);else if(void 0!==l){const r=l.indexOf("#"),d=l.indexOf(".",r),u=r>0?r:l.length,f=d>0?d:l.length,m=-1!==r||-1!==d?l.slice(0,Math.min(u,f)):l,p=t.elm=e.createElement(m);for(u<f&&p.setAttribute("id",l.slice(u+1,f)),d>0&&p.setAttribute("class",l.slice(f+1).replace(/\./g," ")),o=0;o<n.create.length;++o)n.create[o](L,t);if(s(i))for(o=0;o<i.length;++o){const t=i[o];null!=t&&e.appendChild(p,c(t))}else a(t.text)&&e.appendChild(p,e.createTextNode(`${t.text}`))}else t.elm=e.createTextNode(`${t.text}`);return t.elm}function d(e){if(void 0!==e.data){for(let t=0;t<n.destroy.length;++t)n.destroy[t](e);if(void 0!==e.children)for(let t=0;t<e.children.length;++t){const n=e.children[t];null!=n&&"string"!=typeof n&&"number"!=typeof n&&d(n)}}}function u(t){return function(){const n=e.parentNode(t);e.removeChild(n,t)}}function f(t,n,o,r){for(;o<=r;++o){let r;const i=n[o];null!=i&&(l(i.sel)?(d(i),r=u(i.elm),r()):e.removeChild(t,i.elm))}}function m(t,n,o){let i,l,s,a,d=0,u=0,m=n.length-1,v=o.length-1,h=n[0],y=n[m],g=o[0],C=o[v];for(;d<=m&&u<=v;)null==h?h=n[++d]:null==y?y=n[--m]:null==g?g=o[++u]:null==C?C=o[--v]:E(h,g)?(p(h,g),h=n[++d],g=o[++u]):E(y,C)?(p(y,C),y=n[--m],C=o[--v]):E(h,C)?(p(h,C),e.insertBefore(t,h.elm,e.nextSibling(y.elm)),h=n[++d],C=o[--v]):E(y,g)?(p(y,g),e.insertBefore(t,y.elm,h.elm),y=n[--m],g=o[++u]):(void 0===i&&(i=T(n,d,m)),l=i[g.key],r(l)?e.insertBefore(t,c(g),h.elm):(s=n[l],s.sel!==g.sel?e.insertBefore(t,c(g),h.elm):(p(s,g),n[l]=void 0,e.insertBefore(t,s.elm,h.elm))),g=o[++u]);(d<=m||u<=v)&&(d>m?(a=null==o[v+1]?null:o[v+1].elm,function(t,n,o,r,i){for(;r<=i;++r){const i=o[r];null!=i&&e.insertBefore(t,c(i),n)}}(t,a,o,u,v)):f(t,n,d,m))}function p(e,t){if(void 0!==t.data)for(let r=0;r<n.update.length;++r)n.update[r](e,t);const o=t.elm=e.elm,i=e.children,s=t.children;e!==t&&r(t.text)&&l(i)&&l(s)&&i!==s&&m(o,i,s)}return function(t,n){let r,i;return function(e){return void 0!==e.sel}(t)||(t=o(t)),E(t,n)?p(t,n):(r=t.elm,i=e.parentNode(r),c(n),null!=i&&(e.insertBefore(i,n.elm,e.nextSibling(r)),f(i,[t],0,0))),n}}function k(e,t,n){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==n&&void 0!==t)for(let o=0;o<t.length;++o){const e=t[o];if("string"==typeof e||"number"==typeof e)continue;const n=e.data;void 0!==n&&k(n,e.children,e.sel)}}function B(e,n,o){let r,i,l,c={};if(void 0!==o?(null!=n&&(c=n),s(o)?r=o:a(o)?i=o:o&&o.sel&&(r=[o])):void 0!==n&&null!=n&&(s(n)?r=n:a(n)?i=n:d(n)?r=[n]:c=n),void 0!==r)for(l=0;l<r.length;++l){const e=r[l];a(e)&&(r[l]=t(void 0,void 0,void 0,e,void 0))}return"s"!==e[0]||"v"!==e[1]||"g"!==e[2]||3!==e.length&&"."!==e[3]&&"#"!==e[3]||k(c,r,e),t(e,c,r,i,void 0)}var O=class{element;constructor(e,t){this.element=this.create(e,t)}create=(e,t)=>document.createElement(e,t);setAttribute=(e,t)=>(this.element.setAttribute(e,t),this);removeAttribute=e=>(this.element.removeAttribute(e),this);append=e=>(this.element.appendChild(e),this);remove=e=>(this.element.removeChild(e),this);setTextContent=e=>(this.element.textContent=e,this)},j=(e,t)=>new O(e,t);export{O as Chain,k as addNS,f as attributesModule,p as classModule,j as create,g as eventListenersModule,B as h,i as htmlDomApi,S as init,l as is,w as modules,x as propsModule,A as styleModule,t as vnode};

package/dist/src/vnode/init.d.ts

@@ -0,0 +1,2 @@
+import type { VNode } from './vnode';
+export declare function init(): (oldVnode: VNode | Element, vnode: VNode) => VNode;

package/dist/src/vnode/is.d.ts

@@ -0,0 +1,5 @@
+import type { VNode } from './vnode';
+export declare const array: (arg: any) => arg is any[];
+export declare const isStr: (str: unknown) => str is string;
+export declare function primitive(s: unknown): s is string | number;
+export declare function isVnode(s: any): s is VNode;

package/dist/src/vnode/modules/attributes.d.ts

@@ -0,0 +1,8 @@
+import type { VNode } from '../vnode';
+export type Attrs = Record<string, string | number | boolean>;
+declare function updateAttrs(oldVnode: VNode, vnode: VNode): void;
+export declare const attributesModule: {
+    create: typeof updateAttrs;
+    update: typeof updateAttrs;
+};
+export {};

package/dist/src/vnode/modules/class.d.ts

@@ -0,0 +1,8 @@
+import type { VNode } from '../vnode';
+export type Classes = Record<string, boolean>;
+declare function updateClass(oldVnode: VNode, vnode: VNode): void;
+export declare const classModule: {
+    create: typeof updateClass;
+    update: typeof updateClass;
+};
+export {};

package/dist/src/vnode/modules/index.d.ts

@@ -0,0 +1,3 @@
+export type ModuleHook = any;
+export type Modules = Record<string, Record<string, ModuleHook>>;
+export declare const modules: Modules;

package/dist/src/vnode/modules/listeners.d.ts

@@ -0,0 +1,12 @@
+import type { VNode } from '../vnode';
+type Listener<T> = (this: VNode, ev: T, vnode: VNode) => void;
+export type On = {
+    [N in keyof HTMLElementEventMap]?: Listener<HTMLElementEventMap[N]> | Array<Listener<HTMLElementEventMap[N]>>;
+} & Record<string, Listener<any> | Array<Listener<any>>>;
+declare function updateEventListeners(oldVnode: VNode, vnode?: VNode): void;
+export declare const eventListenersModule: {
+    create: typeof updateEventListeners;
+    update: typeof updateEventListeners;
+    destroy: typeof updateEventListeners;
+};
+export {};

package/dist/src/vnode/modules/props.d.ts

@@ -0,0 +1,8 @@
+import type { VNode } from '../vnode';
+export type Props = Record<string, any>;
+declare function updateProps(oldVnode: VNode, vnode: VNode): void;
+export declare const propsModule: {
+    create: typeof updateProps;
+    update: typeof updateProps;
+};
+export {};

package/dist/src/vnode/modules/style.d.ts

@@ -0,0 +1,14 @@
+import type { VNode } from '../vnode';
+export type VNodeStyle = Record<string, any>;
+declare function updateStyle(oldVnode: VNode, vnode: VNode): void;
+declare function forceReflow(): void;
+declare function applyDestroyStyle(vnode: VNode): void;
+declare function applyRemoveStyle(vnode: VNode, rm: () => void): void;
+export declare const styleModule: {
+    pre: typeof forceReflow;
+    create: typeof updateStyle;
+    update: typeof updateStyle;
+    destroy: typeof applyDestroyStyle;
+    remove: typeof applyRemoveStyle;
+};
+export {};

package/dist/src/vnode/vnode.d.ts

@@ -0,0 +1,31 @@
+import type { On } from './modules/listeners';
+import type { Attrs } from './modules/attributes';
+import type { Classes } from './modules/class';
+import type { Props } from './modules/props';
+import type { VNodeStyle } from './modules/style';
+import type { Hooks } from './hooks';
+export type VNodes = VNode[];
+export type VNodeChildElement = VNode | string | number;
+export type ArrayOrElement<T> = T | T[];
+export type VNodeChildren = ArrayOrElement<VNodeChildElement>;
+export type Key = string | number;
+export interface VNode {
+    sel: string | undefined;
+    data: VNodeData | undefined;
+    children: Array<VNode | string | number> | undefined;
+    elm: Node | undefined;
+    text: string | number | undefined;
+    key: Key | undefined;
+    listener?: EventListenerOrEventListenerObject | undefined;
+}
+export interface VNodeData {
+    props?: Props;
+    attrs?: Attrs;
+    class?: Classes;
+    style?: VNodeStyle;
+    on?: On;
+    key?: Key;
+    ns?: string;
+    hook?: Hooks;
+}
+export declare function vnode(sel: string | undefined, data: any | undefined, children: Array<VNode | string | number> | undefined, text: string | number | undefined, elm: Element | Text | undefined): VNode;

package/dist/subscribe-CINWsor3.js

@@ -0,0 +1 @@
+var t=class{_events=/* @__PURE__ */new Map;tap=(t,e)=>{this._events.get(t)&&t!==Symbol.for("NEW_LISTENER")&&this.call(Symbol.for("NEW_LISTENER"),t);const a=this._events.get(t)||/* @__PURE__ */new Set;return"function"==typeof e?a.add({name:t,callback:e}):a.add(e),this._events.set(t,a),this};call=(t,...e)=>((this._events.get(t)||/* @__PURE__ */new Set).forEach(t=>{const{callback:a}=t;a(...e)}),this);callSync=async(t,...e)=>{const a=this._events.get(t)||/* @__PURE__ */new Set;for(const n of a){const{callback:t}=n;await t(...e)}return this};once=(t,e)=>{let a;if("function"==typeof e)a={name:t,callback:(...n)=>{e(...n),this.off(t,a)},initialCallback:e};else{const{callback:n}=e;a={name:t,callback:(...e)=>{n(...e),this.off(t,a)},initialCallback:n}}return this.tap(t,a),this};off=(t,e)=>{const a=[...this._events.get(t)||/* @__PURE__ */new Set].filter(t=>{if("function"==typeof e)return t.callback!==e&&t.initialCallback!==e;{const{callback:a}=e;return t.callback!==a&&t.initialCallback!==a}});return this._events.set(t,new Set(a)),this}};export{t};

package/dist/test/bridge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/clearBr.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/cloneDeep.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/command.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/encodeUrl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/escapeHtml.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/is-equal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/mimeType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/package-exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/server.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/status.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/totp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/utils/compose.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/utils/mergeObj.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/visual/math.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/visual-application.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/visual-batch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/visual-math.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/vnode/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/vnode/server.d.ts

@@ -0,0 +1,2 @@
+declare const startDevServer: () => void;
+export { startDevServer };

package/dist/test/vnode/vnode.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/vnode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/websocket.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/writeFile.test.d.ts

@@ -0,0 +1 @@
+export {};