@siddh-dev/fabric 0.1.0

package/dist/core/jsx/jsx.d.ts

@@ -0,0 +1,68 @@
+import { VNode } from "../vnode/VNode.js";
+import type { IProps, TVNodeChild, TVNodeType } from "../vnode/VNode.js";
+interface IJSXEventProps {
+    onClick?: (event: MouseEvent) => void;
+    onDblClick?: (event: MouseEvent) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    onMouseUp?: (event: MouseEvent) => void;
+    onMouseMove?: (event: MouseEvent) => void;
+    onMouseEnter?: (event: MouseEvent) => void;
+    onMouseLeave?: (event: MouseEvent) => void;
+    onInput?: (event: Event) => void;
+    onChange?: (event: Event) => void;
+    onSubmit?: (event: SubmitEvent) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+}
+interface IJSXElementProps extends IJSXEventProps {
+    [property: string]: unknown;
+}
+interface IJSXButtonProps extends IJSXElementProps {
+    onClick?: (event: MouseEvent) => void;
+}
+interface IJSXInputProps extends IJSXElementProps {
+    onInput?: (event: Event) => void;
+    onChange?: (event: Event) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+}
+interface IJSXFormProps extends IJSXElementProps {
+    onSubmit?: (event: SubmitEvent) => void;
+}
+declare global {
+    namespace JSX {
+        interface Element extends VNode {
+        }
+        interface IntrinsicElements {
+            button: IJSXButtonProps;
+            input: IJSXInputProps;
+            form: IJSXFormProps;
+            div: IJSXElementProps;
+            span: IJSXElementProps;
+            p: IJSXElementProps;
+            strong: IJSXElementProps;
+            br: IJSXElementProps;
+            hr: IJSXElementProps;
+            h1: IJSXElementProps;
+            h2: IJSXElementProps;
+            h3: IJSXElementProps;
+            h4: IJSXElementProps;
+            h5: IJSXElementProps;
+            h6: IJSXElementProps;
+            ul: IJSXElementProps;
+            ol: IJSXElementProps;
+            li: IJSXElementProps;
+            section: IJSXElementProps;
+            main: IJSXElementProps;
+            label: IJSXElementProps;
+            textarea: IJSXInputProps;
+            select: IJSXInputProps;
+            option: IJSXElementProps;
+        }
+    }
+}
+export declare function jsx(type: TVNodeType, props: IProps | null, ...children: TVNodeChild[]): VNode;
+export declare function createAutomaticJSXVNode(type: TVNodeType, props: IProps | null): VNode;
+export {};

package/dist/core/jsx/jsx.js

@@ -0,0 +1,46 @@
+import { createElement } from "../vnode/createElement.js";
+import { VNode } from "../vnode/VNode.js";
+function getChildren(props) {
+    if (props === null ||
+        !("children" in props)) {
+        return [];
+    }
+    const children = props.children;
+    if (Array.isArray(children)) {
+        return children.filter((child) => typeof child === "string" ||
+            typeof child === "number" ||
+            child instanceof VNode);
+    }
+    if (typeof children === "string" ||
+        typeof children === "number" ||
+        children instanceof VNode) {
+        return [children];
+    }
+    return [];
+}
+function createJSXVNode(type, props) {
+    const children = getChildren(props);
+    const nextProps = props === null
+        ? null
+        : { ...props };
+    if (nextProps !== null) {
+        delete nextProps.children;
+    }
+    return createElement(type, nextProps, ...children);
+}
+/*
+ * Classic JSX API
+ *
+ * Used when JSX is transformed through
+ * the classic jsxFactory configuration.
+ */
+export function jsx(type, props, ...children) {
+    return createElement(type, props, ...children);
+}
+/*
+ * Automatic JSX runtime implementation.
+ */
+export function createAutomaticJSXVNode(type, props) {
+    return createJSXVNode(type, props);
+}
+//# sourceMappingURL=jsx.js.map

package/dist/core/jsx/jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.js","sourceRoot":"","sources":["../../../src/core/jsx/jsx.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAChB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACH,KAAK,EACR,MAAM,mBAAmB,CAAC;AAgK3B,SAAS,WAAW,CAChB,KAAoB;IAEpB,IACI,KAAK,KAAK,IAAI;QACd,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,EACxB,CAAC;QACC,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,OAAO,QAAQ,CAAC,MAAM,CAClB,CACI,KAAK,EACe,EAAE,CACtB,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,QAAQ;YACzB,KAAK,YAAY,KAAK,CAC7B,CAAC;IACN,CAAC;IAED,IACI,OAAO,QAAQ,KAAK,QAAQ;QAC5B,OAAO,QAAQ,KAAK,QAAQ;QAC5B,QAAQ,YAAY,KAAK,EAC3B,CAAC;QACC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAED,SAAS,cAAc,CACnB,IAAgB,EAChB,KAAoB;IAEpB,MAAM,QAAQ,GACV,WAAW,CAAC,KAAK,CAAC,CAAC;IAEvB,MAAM,SAAS,GACX,KAAK,KAAK,IAAI;QACV,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,EAAC,GAAG,KAAK,EAAC,CAAC;IAErB,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAED,OAAO,aAAa,CAChB,IAAI,EACJ,SAAS,EACT,GAAG,QAAQ,CACd,CAAC;AACN,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CACf,IAAgB,EAChB,KAAoB,EACpB,GAAG,QAAuB;IAE1B,OAAO,aAAa,CAChB,IAAI,EACJ,KAAK,EACL,GAAG,QAAQ,CACd,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CACnC,IAAgB,EAChB,KAAoB;IAEpB,OAAO,cAAc,CACjB,IAAI,EACJ,KAAK,CACR,CAAC;AACN,CAAC"}

package/dist/core/scheduler/Scheduler.d.ts

@@ -0,0 +1,3 @@
+type TUpdate = () => void;
+export declare function scheduleUpdate(update: TUpdate): void;
+export {};

package/dist/core/scheduler/Scheduler.js

@@ -0,0 +1,21 @@
+const updateQueue = new Set();
+let scheduled = false;
+export function scheduleUpdate(update) {
+    updateQueue.add(update);
+    if (scheduled) {
+        return;
+    }
+    scheduled =
+        true;
+    queueMicrotask(flushUpdates);
+}
+function flushUpdates() {
+    scheduled =
+        false;
+    const updates = Array.from(updateQueue);
+    updateQueue.clear();
+    for (const update of updates) {
+        update();
+    }
+}
+//# sourceMappingURL=Scheduler.js.map

package/dist/core/scheduler/Scheduler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scheduler.js","sourceRoot":"","sources":["../../../src/core/scheduler/Scheduler.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,GACb,IAAI,GAAG,EAAW,CAAC;AAEvB,IAAI,SAAS,GACT,KAAK,CAAC;AAEV,MAAM,UAAU,cAAc,CAC1B,MAAe;IAEf,WAAW,CAAC,GAAG,CACX,MAAM,CACT,CAAC;IAEF,IACI,SAAS,EACX,CAAC;QACC,OAAO;IACX,CAAC;IAED,SAAS;QACL,IAAI,CAAC;IAET,cAAc,CACV,YAAY,CACf,CAAC;AACN,CAAC;AAED,SAAS,YAAY;IACjB,SAAS;QACL,KAAK,CAAC;IAEV,MAAM,OAAO,GACT,KAAK,CAAC,IAAI,CACN,WAAW,CACd,CAAC;IAEN,WAAW,CAAC,KAAK,EAAE,CAAC;IAEpB,KACI,MAAM,MAAM,IACT,OAAO,EACR,CAAC;QACH,MAAM,EAAE,CAAC;IACb,CAAC;AACL,CAAC"}

package/dist/core/vnode/VNode.d.ts

@@ -0,0 +1,34 @@
+export interface IProps {
+    [key: string]: unknown;
+}
+export type TVNodeChild = string | number | VNode;
+export type TComponentFunction = (props: IProps) => VNode;
+export type TVNodeType = string | TComponentFunction;
+export interface IEffectRecord {
+    callback: () => void | (() => void);
+    dependencies: readonly unknown[] | undefined;
+    previousDependencies: readonly unknown[] | undefined;
+    cleanup: (() => void) | null;
+}
+export interface IComponentInstance {
+    component: TComponentFunction;
+    props: IProps;
+    states: unknown[];
+    stateIndex: number;
+    effects: IEffectRecord[];
+    effectIndex: number;
+    renderedVNode: VNode | null;
+    dom: Node | null;
+    mounted: boolean;
+    update: (() => void) | null;
+}
+export declare class VNode {
+    readonly type: TVNodeType;
+    readonly props: IProps;
+    readonly children: TVNodeChild[];
+    readonly key: string | number | null;
+    instance: IComponentInstance | null;
+    dom: Node | null;
+    normalizedChildren: VNode[] | null;
+    constructor(type: TVNodeType, props?: IProps, children?: TVNodeChild[]);
+}

package/dist/core/vnode/VNode.js

@@ -0,0 +1,24 @@
+export class VNode {
+    type;
+    props;
+    children;
+    key;
+    instance;
+    dom;
+    normalizedChildren;
+    constructor(type, props = {}, children = []) {
+        this.type = type;
+        this.props = props;
+        this.children = children;
+        const key = props.key;
+        this.key =
+            typeof key === "string" ||
+                typeof key === "number"
+                ? key
+                : null;
+        this.instance = null;
+        this.dom = null;
+        this.normalizedChildren = null;
+    }
+}
+//# sourceMappingURL=VNode.js.map

package/dist/core/vnode/VNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VNode.js","sourceRoot":"","sources":["../../../src/core/vnode/VNode.ts"],"names":[],"mappings":"AA6DA,MAAM,OAAO,KAAK;IACE,IAAI,CAAa;IAEjB,KAAK,CAAS;IAEd,QAAQ,CAAgB;IAExB,GAAG,CAGR;IAEJ,QAAQ,CAEJ;IAEJ,GAAG,CAEC;IAEJ,kBAAkB,CAEd;IAEX,YACI,IAAgB,EAChB,KAAK,GAAW,EAAE,EAClB,QAAQ,GAAkB,EAAE;QAE5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,MAAM,GAAG,GACL,KAAK,CAAC,GAAG,CAAC;QAEd,IAAI,CAAC,GAAG;YACJ,OAAO,GAAG,KAAK,QAAQ;gBACvB,OAAO,GAAG,KAAK,QAAQ;gBACnB,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,IAAI,CAAC;QAEf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC;QAEhB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACnC,CAAC;CACJ"}

package/dist/core/vnode/createElement.d.ts

@@ -0,0 +1,2 @@
+import { VNode, type IProps, type TVNodeChild, type TVNodeType } from "./VNode.js";
+export declare function createElement(type: TVNodeType, props?: IProps | null, ...children: TVNodeChild[]): VNode;

package/dist/core/vnode/createElement.js

@@ -0,0 +1,5 @@
+import { VNode } from "./VNode.js";
+export function createElement(type, props = null, ...children) {
+    return new VNode(type, props ?? {}, children);
+}
+//# sourceMappingURL=createElement.js.map

package/dist/core/vnode/createElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../src/core/vnode/createElement.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EAOR,MAAM,YAAY,CAAC;AAEpB,MAAM,UAAU,aAAa,CACzB,IAAgB,EAEhB,KAAK,GAAkB,IAAI,EAE3B,GAAG,QAAuB;IAE1B,OAAO,IAAI,KAAK,CACZ,IAAI,EAEJ,KAAK,IAAI,EAAE,EAEX,QAAQ,CACX,CAAC;AACN,CAAC"}

package/dist/dom/DOMProperties.d.ts

@@ -0,0 +1,2 @@
+export declare function setDOMProperty(element: HTMLElement, key: string, value: unknown): void;
+export declare function removeDOMProperty(element: HTMLElement, key: string): void;

package/dist/dom/DOMProperties.js

@@ -0,0 +1,46 @@
+export function setDOMProperty(element, key, value) {
+    if (value === null ||
+        value === undefined ||
+        value === false) {
+        removeDOMProperty(element, key);
+        return;
+    }
+    if (value === true) {
+        element.setAttribute(key, "");
+        if (key in element) {
+            try {
+                element[key] = true;
+            }
+            catch {
+                // Some DOM properties are read-only.
+            }
+        }
+        return;
+    }
+    if (key in element &&
+        !key.includes("-")) {
+        try {
+            element[key] = value;
+            return;
+        }
+        catch {
+            // Fall back to an attribute.
+        }
+    }
+    element.setAttribute(key, String(value));
+}
+export function removeDOMProperty(element, key) {
+    element.removeAttribute(key);
+    if (key in element) {
+        try {
+            element[key] =
+                key === "value"
+                    ? ""
+                    : false;
+        }
+        catch {
+            // Some DOM properties are read-only.
+        }
+    }
+}
+//# sourceMappingURL=DOMProperties.js.map

package/dist/dom/DOMProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOMProperties.js","sourceRoot":"","sources":["../../src/dom/DOMProperties.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAC1B,OAAoB,EAEpB,GAAW,EAEX,KAAc;IAEd,IACI,KAAK,KAAK,IAAI;QACd,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,KAAK,EACjB,CAAC;QACC,iBAAiB,CACb,OAAO,EAEP,GAAG,CACN,CAAC;QAEF,OAAO;IACX,CAAC;IAED,IACI,KAAK,KAAK,IAAI,EAChB,CAAC;QACC,OAAO,CAAC,YAAY,CAChB,GAAG,EAEH,EAAE,CACL,CAAC;QAEF,IACI,GAAG,IAAI,OAAO,EAChB,CAAC;YACC,IAAI,CAAC;gBAEG,OAIH,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;YAClB,CAAC;YAAC,MAAM,CAAC;gBACL,qCAAqC;YACzC,CAAC;QACL,CAAC;QAED,OAAO;IACX,CAAC;IAED,IACI,GAAG,IAAI,OAAO;QACd,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EACpB,CAAC;QACC,IAAI,CAAC;YAEG,OAIH,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAEf,OAAO;QACX,CAAC;QAAC,MAAM,CAAC;YACL,6BAA6B;QACjC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,YAAY,CAChB,GAAG,EAEH,MAAM,CAAC,KAAK,CAAC,CAChB,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC7B,OAAoB,EAEpB,GAAW;IAEX,OAAO,CAAC,eAAe,CACnB,GAAG,CACN,CAAC;IAEF,IACI,GAAG,IAAI,OAAO,EAChB,CAAC;QACC,IAAI,CAAC;YAEG,OAIH,CAAC,GAAG,CAAC;gBACF,GAAG,KAAK,OAAO;oBACX,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,KAAK,CAAC;QACpB,CAAC;QAAC,MAAM,CAAC;YACL,qCAAqC;QACzC,CAAC;IACL,CAAC;AACL,CAAC"}

package/dist/dom/EventSystem.d.ts

@@ -0,0 +1,7 @@
+export declare class EventSystem {
+    private readonly listeners;
+    constructor();
+    updateEvent(element: HTMLElement, propName: string, value: unknown): void;
+    removeAllEvents(element: HTMLElement): void;
+    private getEventName;
+}

package/dist/dom/EventSystem.js

@@ -0,0 +1,53 @@
+export class EventSystem {
+    listeners;
+    constructor() {
+        this.listeners =
+            new WeakMap();
+    }
+    updateEvent(element, propName, value) {
+        const eventName = this.getEventName(propName);
+        if (eventName === null) {
+            return;
+        }
+        const records = this.listeners.get(element);
+        const existing = records?.get(eventName);
+        if (existing !== undefined) {
+            element.removeEventListener(eventName, existing.handler);
+            records?.delete(eventName);
+        }
+        if (typeof value !==
+            "function") {
+            return;
+        }
+        const handler = value;
+        element.addEventListener(eventName, handler);
+        const nextRecords = records ??
+            new Map();
+        nextRecords.set(eventName, {
+            eventName,
+            handler
+        });
+        this.listeners.set(element, nextRecords);
+    }
+    removeAllEvents(element) {
+        const records = this.listeners.get(element);
+        if (records === undefined) {
+            return;
+        }
+        for (const record of records.values()) {
+            element.removeEventListener(record.eventName, record.handler);
+        }
+        this.listeners.delete(element);
+    }
+    getEventName(propName) {
+        if (!propName.startsWith("on")) {
+            return null;
+        }
+        const name = propName.slice(2);
+        if (name.length === 0) {
+            return null;
+        }
+        return name.toLowerCase();
+    }
+}
+//# sourceMappingURL=EventSystem.js.map

package/dist/dom/EventSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventSystem.js","sourceRoot":"","sources":["../../src/dom/EventSystem.ts"],"names":[],"mappings":"AASA,MAAM,OAAO,WAAW;IACH,SAAS,CAOpB;IAEN;QACI,IAAI,CAAC,SAAS;YACV,IAAI,OAAO,EAAE,CAAC;IACtB,CAAC;IAEM,WAAW,CACd,OAAoB,EAEpB,QAAgB,EAEhB,KAAc;QAEd,MAAM,SAAS,GACX,IAAI,CAAC,YAAY,CACb,QAAQ,CACX,CAAC;QAEN,IACI,SAAS,KAAK,IAAI,EACpB,CAAC;YACC,OAAO;QACX,CAAC;QAED,MAAM,OAAO,GACT,IAAI,CAAC,SAAS,CAAC,GAAG,CACd,OAAO,CACV,CAAC;QAEN,MAAM,QAAQ,GACV,OAAO,EAAE,GAAG,CACR,SAAS,CACZ,CAAC;QAEN,IACI,QAAQ,KAAK,SAAS,EACxB,CAAC;YACC,OAAO,CAAC,mBAAmB,CACvB,SAAS,EAET,QAAQ,CAAC,OAAO,CACnB,CAAC;YAEF,OAAO,EAAE,MAAM,CACX,SAAS,CACZ,CAAC;QACN,CAAC;QAED,IACI,OAAO,KAAK;YACZ,UAAU,EACZ,CAAC;YACC,OAAO;QACX,CAAC;QAED,MAAM,OAAO,GACT,KAAsB,CAAC;QAE3B,OAAO,CAAC,gBAAgB,CACpB,SAAS,EAET,OAAO,CACV,CAAC;QAEF,MAAM,WAAW,GACb,OAAO;YACP,IAAI,GAAG,EAGJ,CAAC;QAER,WAAW,CAAC,GAAG,CACX,SAAS,EAET;YACI,SAAS;YAET,OAAO;SACV,CACJ,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,GAAG,CACd,OAAO,EAEP,WAAW,CACd,CAAC;IACN,CAAC;IAEM,eAAe,CAClB,OAAoB;QAEpB,MAAM,OAAO,GACT,IAAI,CAAC,SAAS,CAAC,GAAG,CACd,OAAO,CACV,CAAC;QAEN,IACI,OAAO,KAAK,SAAS,EACvB,CAAC;YACC,OAAO;QACX,CAAC;QAED,KACI,MAAM,MAAM,IACT,OAAO,CAAC,MAAM,EAAE,EACjB,CAAC;YACH,OAAO,CAAC,mBAAmB,CACvB,MAAM,CAAC,SAAS,EAEhB,MAAM,CAAC,OAAO,CACjB,CAAC;QACN,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,MAAM,CACjB,OAAO,CACV,CAAC;IACN,CAAC;IAEO,YAAY,CAChB,QAAgB;QAEhB,IACI,CAAC,QAAQ,CAAC,UAAU,CAChB,IAAI,CACP,EACH,CAAC;YACC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,IAAI,GACN,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEtB,IACI,IAAI,CAAC,MAAM,KAAK,CAAC,EACnB,CAAC;YACC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;IAC9B,CAAC;CACJ"}

package/dist/dom/Reconciler.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from "../core/vnode/VNode.js";
+export declare class Reconciler {
+    private readonly eventSystem;
+    constructor();
+    patch(parent: Node, oldVNode: VNode | null, newVNode: VNode | null, dom: Node | null): Node | null;
+    private mount;
+    private mountComponent;
+    private updateComponent;
+    private updateElement;
+    private updateText;
+    private updateChildren;
+    private updateProps;
+    private unmount;
+    private normalizeChildren;
+    private insertNode;
+    private moveNode;
+    private isComponent;
+    private isTextVNode;
+    private shouldReplace;
+}