@siddh-dev/fabric 0.1.0

package/dist/dom/Reconciler.js

@@ -0,0 +1,326 @@
+import { createComponentInstance } from "../core/component/ComponentInstance.js";
+import { runComponent } from "../core/component/ComponentRuntime.js";
+import { cleanupEffects, executeEffects } from "../core/hooks/useEffect.js";
+import { setDOMProperty } from "./DOMProperties.js";
+import { EventSystem } from "./EventSystem.js";
+import { VNode } from "../core/vnode/VNode.js";
+export class Reconciler {
+    eventSystem;
+    constructor() {
+        this.eventSystem =
+            new EventSystem();
+    }
+    patch(parent, oldVNode, newVNode, dom) {
+        if (oldVNode === null &&
+            newVNode === null) {
+            return null;
+        }
+        if (oldVNode === null &&
+            newVNode !== null) {
+            return this.mount(parent, newVNode, dom);
+        }
+        if (newVNode === null &&
+            oldVNode !== null) {
+            this.unmount(parent, oldVNode, dom);
+            return null;
+        }
+        if (oldVNode === null ||
+            newVNode === null) {
+            return null;
+        }
+        if (this.shouldReplace(oldVNode, newVNode)) {
+            const newDom = this.mount(parent, newVNode, dom);
+            this.unmount(parent, oldVNode, dom, newDom);
+            return newDom;
+        }
+        if (this.isComponent(newVNode)) {
+            return this.updateComponent(parent, oldVNode, newVNode, dom);
+        }
+        if (this.isTextVNode(newVNode)) {
+            return this.updateText(oldVNode, newVNode, dom);
+        }
+        return this.updateElement(parent, oldVNode, newVNode, dom);
+    }
+    mount(parent, vnode, before) {
+        if (this.isComponent(vnode)) {
+            return this.mountComponent(parent, vnode, before);
+        }
+        if (this.isTextVNode(vnode)) {
+            const text = document.createTextNode(String(vnode.children[0] ??
+                ""));
+            vnode.dom =
+                text;
+            this.insertNode(parent, text, before);
+            return text;
+        }
+        const element = document.createElement(vnode.type);
+        vnode.dom =
+            element;
+        this.updateProps(element, {}, vnode.props);
+        const children = this.normalizeChildren(vnode);
+        for (const child of children) {
+            this.mount(element, child, null);
+        }
+        this.insertNode(parent, element, before);
+        return element;
+    }
+    mountComponent(parent, vnode, before) {
+        const component = vnode.type;
+        const instance = createComponentInstance(component, vnode.props);
+        vnode.instance =
+            instance;
+        let renderedVNode = null;
+        runComponent(instance, () => {
+            renderedVNode =
+                component(vnode.props);
+        });
+        if (renderedVNode === null) {
+            throw new Error("A Fabric component must return a VNode.");
+        }
+        instance.renderedVNode =
+            renderedVNode;
+        const componentDom = this.mount(parent, renderedVNode, before);
+        instance.dom =
+            componentDom;
+        instance.mounted =
+            true;
+        vnode.dom =
+            componentDom;
+        instance.update =
+            () => {
+                if (!instance.mounted ||
+                    instance.renderedVNode ===
+                        null) {
+                    return;
+                }
+                let nextRenderedVNode = null;
+                runComponent(instance, () => {
+                    nextRenderedVNode =
+                        instance.component(instance.props);
+                });
+                if (nextRenderedVNode ===
+                    null) {
+                    throw new Error("A Fabric component must return a VNode.");
+                }
+                const updatedDom = this.patch(parent, instance.renderedVNode, nextRenderedVNode, instance.dom);
+                instance.renderedVNode =
+                    nextRenderedVNode;
+                instance.dom =
+                    updatedDom;
+                executeEffects(instance);
+            };
+        executeEffects(instance);
+        return componentDom;
+    }
+    updateComponent(parent, oldVNode, newVNode, dom) {
+        const instance = oldVNode.instance;
+        if (instance === null) {
+            return this.mount(parent, newVNode, dom);
+        }
+        instance.props =
+            newVNode.props;
+        newVNode.instance =
+            instance;
+        let nextRenderedVNode = null;
+        runComponent(instance, () => {
+            nextRenderedVNode =
+                instance.component(newVNode.props);
+        });
+        if (nextRenderedVNode ===
+            null) {
+            throw new Error("A Fabric component must return a VNode.");
+        }
+        const updatedDom = this.patch(parent, instance.renderedVNode, nextRenderedVNode, instance.dom);
+        instance.renderedVNode =
+            nextRenderedVNode;
+        instance.dom =
+            updatedDom;
+        newVNode.dom =
+            updatedDom;
+        executeEffects(instance);
+        return updatedDom;
+    }
+    updateElement(parent, oldVNode, newVNode, dom) {
+        if (!(dom instanceof HTMLElement)) {
+            return this.mount(parent, newVNode, dom);
+        }
+        const element = dom;
+        newVNode.dom =
+            element;
+        this.updateProps(element, oldVNode.props, newVNode.props);
+        this.updateChildren(element, oldVNode, newVNode);
+        return element;
+    }
+    updateText(oldVNode, newVNode, dom) {
+        if (!(dom instanceof Text)) {
+            return null;
+        }
+        const oldText = String(oldVNode.children[0] ??
+            "");
+        const newText = String(newVNode.children[0] ??
+            "");
+        if (oldText !== newText) {
+            dom.nodeValue =
+                newText;
+        }
+        newVNode.dom =
+            dom;
+        return dom;
+    }
+    updateChildren(parent, oldVNode, newVNode) {
+        const oldChildren = this.normalizeChildren(oldVNode);
+        const newChildren = this.normalizeChildren(newVNode);
+        const oldRecords = oldChildren.map(child => ({
+            vnode: child,
+            dom: child.dom ??
+                document.createTextNode("")
+        }));
+        const used = new Set();
+        let unkeyedCursor = 0;
+        for (let newIndex = 0; newIndex <
+            newChildren.length; newIndex++) {
+            const newChild = newChildren[newIndex];
+            let matched = null;
+            if (newChild.key !== null) {
+                matched =
+                    oldRecords.find(record => !used.has(record) &&
+                        record.vnode.key ===
+                            newChild.key) ?? null;
+            }
+            else {
+                while (unkeyedCursor <
+                    oldRecords.length) {
+                    const candidate = oldRecords[unkeyedCursor];
+                    unkeyedCursor++;
+                    if (used.has(candidate)) {
+                        continue;
+                    }
+                    if (candidate.vnode.key ===
+                        null) {
+                        matched =
+                            candidate;
+                        break;
+                    }
+                }
+            }
+            if (matched !== null) {
+                used.add(matched);
+                const updatedDom = this.patch(parent, matched.vnode, newChild, matched.dom);
+                if (updatedDom !== null) {
+                    const reference = parent.childNodes[newIndex] ?? null;
+                    this.moveNode(parent, updatedDom, reference);
+                }
+                continue;
+            }
+            const reference = parent.childNodes[newIndex] ?? null;
+            this.mount(parent, newChild, reference);
+        }
+        for (const record of oldRecords) {
+            if (used.has(record)) {
+                continue;
+            }
+            this.unmount(parent, record.vnode, record.dom);
+        }
+    }
+    updateProps(element, oldProps, newProps) {
+        const keys = new Set([
+            ...Object.keys(oldProps),
+            ...Object.keys(newProps)
+        ]);
+        for (const key of keys) {
+            if (key === "key") {
+                continue;
+            }
+            const oldValue = oldProps[key];
+            const newValue = newProps[key];
+            if (key.startsWith("on")) {
+                if (oldValue !==
+                    newValue) {
+                    this.eventSystem.updateEvent(element, key, newValue);
+                }
+                continue;
+            }
+            if (oldValue ===
+                newValue) {
+                continue;
+            }
+            setDOMProperty(element, key, newValue);
+        }
+    }
+    unmount(parent, vnode, dom, replacement = null) {
+        if (this.isComponent(vnode)) {
+            const instance = vnode.instance;
+            if (instance !== null) {
+                if (instance.renderedVNode !==
+                    null) {
+                    this.unmount(parent, instance.renderedVNode, instance.dom, replacement);
+                }
+                cleanupEffects(instance);
+                instance.mounted =
+                    false;
+                instance.update =
+                    null;
+                instance.dom =
+                    null;
+                instance.renderedVNode =
+                    null;
+            }
+            vnode.instance =
+                null;
+            vnode.dom =
+                null;
+            return;
+        }
+        if (dom instanceof HTMLElement) {
+            this.eventSystem.removeAllEvents(dom);
+        }
+        if (dom !== null &&
+            dom.parentNode === parent &&
+            dom !== replacement) {
+            parent.removeChild(dom);
+        }
+        vnode.dom =
+            null;
+    }
+    normalizeChildren(vnode) {
+        if (vnode.normalizedChildren !==
+            null) {
+            return vnode.normalizedChildren;
+        }
+        const normalized = vnode.children.map(child => child instanceof VNode
+            ? child
+            : new VNode("#text", {}, [
+                String(child)
+            ]));
+        vnode.normalizedChildren =
+            normalized;
+        return normalized;
+    }
+    insertNode(parent, node, before) {
+        parent.insertBefore(node, before);
+    }
+    moveNode(parent, node, reference) {
+        if (node === reference) {
+            return;
+        }
+        parent.insertBefore(node, reference);
+    }
+    isComponent(vnode) {
+        return (typeof vnode.type ===
+            "function");
+    }
+    isTextVNode(vnode) {
+        return (vnode.type ===
+            "#text");
+    }
+    shouldReplace(oldVNode, newVNode) {
+        if (this.isTextVNode(oldVNode) ||
+            this.isTextVNode(newVNode)) {
+            return (this.isTextVNode(oldVNode) !==
+                this.isTextVNode(newVNode));
+        }
+        return (oldVNode.type !==
+            newVNode.type);
+    }
+}
+//# sourceMappingURL=Reconciler.js.map

package/dist/dom/Reconciler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reconciler.js","sourceRoot":"","sources":["../../src/dom/Reconciler.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { createElement } from "./core/vnode/createElement.js";
+export { jsx } from "./core/jsx/jsx.js";
+export { useState } from "./core/hooks/useState.js";
+export { useEffect } from "./core/hooks/useEffect.js";
+export { createRoot } from "./runtime/createRoot.js";
+export type { VNode } from "./core/vnode/VNode.js";

package/dist/index.js

@@ -0,0 +1,6 @@
+export { createElement } from "./core/vnode/createElement.js";
+export { jsx } from "./core/jsx/jsx.js";
+export { useState } from "./core/hooks/useState.js";
+export { useEffect } from "./core/hooks/useEffect.js";
+export { createRoot } from "./runtime/createRoot.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAC;AAEtC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC"}

package/dist/runtime/createRoot.d.ts

@@ -0,0 +1,6 @@
+import type { VNode } from "../core/vnode/VNode.js";
+export interface IRoot {
+    render(vnode: VNode): void;
+    unmount(): void;
+}
+export declare function createRoot(container: HTMLElement): IRoot;

package/dist/runtime/createRoot.js

@@ -0,0 +1,25 @@
+import { Reconciler } from "../dom/Reconciler.js";
+export function createRoot(container) {
+    const reconciler = new Reconciler();
+    let currentVNode = null;
+    let currentDom = null;
+    return {
+        render(vnode) {
+            currentDom =
+                reconciler.patch(container, currentVNode, vnode, currentDom);
+            currentVNode =
+                vnode;
+        },
+        unmount() {
+            if (currentVNode === null) {
+                return;
+            }
+            reconciler.patch(container, currentVNode, null, currentDom);
+            currentVNode =
+                null;
+            currentDom =
+                null;
+        }
+    };
+}
+//# sourceMappingURL=createRoot.js.map

package/dist/runtime/createRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRoot.js","sourceRoot":"","sources":["../../src/runtime/createRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACb,MAAM,sBAAsB,CAAC;AAc9B,MAAM,UAAU,UAAU,CACtB,SAAsB;IAEtB,MAAM,UAAU,GACZ,IAAI,UAAU,EAAE,CAAC;IAErB,IAAI,YAAY,GAEH,IAAI,CAAC;IAElB,IAAI,UAAU,GAED,IAAI,CAAC;IAElB,OAAO;QACH,MAAM,CACF,KAAY;YAEZ,UAAU;gBACN,UAAU,CAAC,KAAK,CACZ,SAAS,EAET,YAAY,EAEZ,KAAK,EAEL,UAAU,CACb,CAAC;YAEN,YAAY;gBACR,KAAK,CAAC;QACd,CAAC;QAED,OAAO;YACH,IACI,YAAY,KAAK,IAAI,EACvB,CAAC;gBACC,OAAO;YACX,CAAC;YAED,UAAU,CAAC,KAAK,CACZ,SAAS,EAET,YAAY,EAEZ,IAAI,EAEJ,UAAU,CACb,CAAC;YAEF,YAAY;gBACR,IAAI,CAAC;YAET,UAAU;gBACN,IAAI,CAAC;QACb,CAAC;KACJ,CAAC;AACN,CAAC"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@siddh-dev/fabric",
+  "version": "0.1.0",
+  "description": "A lightweight frontend UI runtime built from scratch with TypeScript.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/core/jsx/jsx-runtime.d.ts",
+      "import": "./dist/core/jsx/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/core/jsx/jsx-dev-runtime.d.ts",
+      "import": "./dist/core/jsx/jsx-dev-runtime.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "ui",
+    "frontend",
+    "runtime",
+    "typescript",
+    "javascript",
+    "virtual-dom",
+    "jsx"
+  ],
+  "author": "Siddhant Mul",
+  "license": "MIT",
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.25.0",
+      "onFail": "download"
+    }
+  },
+  "devDependencies": {
+    "jsdom": "^30.1.0",
+    "typescript": "^7.0.2",
+    "vitest": "^5.0.1"
+  },
+  "scripts": {
+    "dev": "tsc --watch",
+    "clean": "node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "pnpm clean && tsc",
+    "check": "tsc --noEmit",
+    "test": "vitest",
+    "test:run": "vitest run"
+  }
+}