rask-ui 0.3.4 → 0.4.1

package/dist/plugin.js

@@ -0,0 +1,195 @@
+import { parse } from '@babel/parser';
+import _traverse from '@babel/traverse';
+import _generate from '@babel/generator';
+import * as t from '@babel/types';
+// Handle ESM/CJS interop
+const traverse = _traverse.default || _traverse;
+const generate = _generate.default || _generate;
+function isJSXReturnStatement(node) {
+    if (t.isJSXElement(node) || t.isJSXFragment(node)) {
+        return true;
+    }
+    if (t.isReturnStatement(node)) {
+        return node.argument ? isJSXReturnStatement(node.argument) : false;
+    }
+    if (t.isBlockStatement(node)) {
+        return node.body.some(isJSXReturnStatement);
+    }
+    if (t.isArrowFunctionExpression(node) || t.isFunctionExpression(node)) {
+        // For arrow functions, check the body
+        return isJSXReturnStatement(node.body);
+    }
+    if (t.isConditionalExpression(node)) {
+        return isJSXReturnStatement(node.consequent) || isJSXReturnStatement(node.alternate);
+    }
+    if (t.isLogicalExpression(node)) {
+        return isJSXReturnStatement(node.right);
+    }
+    return false;
+}
+function isComponentFunction(node) {
+    // Check if function returns a function that returns JSX
+    if (t.isFunctionDeclaration(node) || t.isArrowFunctionExpression(node) || t.isFunctionExpression(node)) {
+        // Handle arrow function with implicit return
+        if ((t.isArrowFunctionExpression(node) || t.isFunctionExpression(node)) &&
+            (t.isArrowFunctionExpression(node.body) || t.isFunctionExpression(node.body))) {
+            return isJSXReturnStatement(node.body);
+        }
+        // Handle functions with block body
+        if (t.isBlockStatement(node.body)) {
+            const returnStatements = node.body.body.filter(s => t.isReturnStatement(s));
+            return returnStatements.some(ret => {
+                if (!ret.argument)
+                    return false;
+                if (t.isArrowFunctionExpression(ret.argument) || t.isFunctionExpression(ret.argument)) {
+                    return isJSXReturnStatement(ret.argument);
+                }
+                return false;
+            });
+        }
+    }
+    return false;
+}
+export function raskPlugin(options = {}) {
+    const { include = /\.(jsx|tsx)$/, exclude = /node_modules/, } = options;
+    return {
+        name: 'rask-transform',
+        enforce: 'pre',
+        transform(code, id) {
+            // Skip if doesn't match include/exclude patterns
+            if (!include.test(id) || exclude.test(id)) {
+                return null;
+            }
+            try {
+                const ast = parse(code, {
+                    sourceType: 'module',
+                    plugins: ['jsx', 'typescript'],
+                });
+                let hasChanges = false;
+                let hasRaskComponentImport = false;
+                traverse(ast, {
+                    ImportDeclaration(path) {
+                        // Check if RaskComponent is already imported
+                        if (path.node.source.value === 'rask-ui') {
+                            const specifiers = path.node.specifiers;
+                            hasRaskComponentImport = specifiers.some(s => t.isImportSpecifier(s) &&
+                                t.isIdentifier(s.imported) &&
+                                s.imported.name === 'RaskComponent');
+                        }
+                    },
+                    ExportNamedDeclaration(path) {
+                        const declaration = path.node.declaration;
+                        if (!declaration)
+                            return;
+                        // Handle export function
+                        if (t.isFunctionDeclaration(declaration)) {
+                            if (!declaration.id)
+                                return;
+                            const isComponent = isComponentFunction(declaration);
+                            if (!isComponent) {
+                                return;
+                            }
+                            hasChanges = true;
+                            const className = declaration.id.name;
+                            const setupMethod = t.classProperty(t.identifier('setup'), t.functionExpression(t.identifier(className), declaration.params, declaration.body, declaration.generator, declaration.async));
+                            const classDeclaration = t.classDeclaration(t.identifier(className), t.identifier('RaskComponent'), t.classBody([setupMethod]), []);
+                            path.replaceWith(t.exportNamedDeclaration(classDeclaration, []));
+                            path.skip();
+                        }
+                        // Handle export const/let/var
+                        if (t.isVariableDeclaration(declaration)) {
+                            const declarator = declaration.declarations[0];
+                            if (!declarator || !t.isIdentifier(declarator.id))
+                                return;
+                            const init = declarator.init;
+                            if (!init || !isComponentFunction(init))
+                                return;
+                            hasChanges = true;
+                            const componentName = declarator.id.name;
+                            let functionExpr;
+                            if (t.isArrowFunctionExpression(init) || t.isFunctionExpression(init)) {
+                                functionExpr = t.functionExpression(t.identifier(componentName), init.params, t.isExpression(init.body)
+                                    ? t.blockStatement([t.returnStatement(init.body)])
+                                    : init.body, init.generator, init.async);
+                            }
+                            else {
+                                return;
+                            }
+                            const setupMethod = t.classProperty(t.identifier('setup'), functionExpr);
+                            const classDeclaration = t.classDeclaration(t.identifier(componentName), t.identifier('RaskComponent'), t.classBody([setupMethod]), []);
+                            path.replaceWith(t.exportNamedDeclaration(classDeclaration, []));
+                            path.skip();
+                        }
+                    },
+                    FunctionDeclaration(path) {
+                        const node = path.node;
+                        // Skip if not a component function or if it's part of an export
+                        if (!node.id || !isComponentFunction(node) || path.parent.type === 'ExportNamedDeclaration') {
+                            return;
+                        }
+                        hasChanges = true;
+                        // Create the class declaration
+                        const className = node.id.name;
+                        const setupMethod = t.classProperty(t.identifier('setup'), t.functionExpression(t.identifier(className), node.params, node.body, node.generator, node.async));
+                        const classDeclaration = t.classDeclaration(t.identifier(className), t.identifier('RaskComponent'), t.classBody([setupMethod]), []);
+                        path.replaceWith(classDeclaration);
+                        path.skip();
+                    },
+                    VariableDeclarator(path) {
+                        const node = path.node;
+                        // Check if it's a function component assigned to a variable
+                        if (!t.isIdentifier(node.id))
+                            return;
+                        const init = node.init;
+                        if (!init || !isComponentFunction(init))
+                            return;
+                        // Skip if it's part of an export
+                        if (path.parentPath.parent?.type === 'ExportNamedDeclaration') {
+                            return;
+                        }
+                        hasChanges = true;
+                        const componentName = node.id.name;
+                        // Create function expression from arrow function or function expression
+                        let functionExpr;
+                        if (t.isArrowFunctionExpression(init) || t.isFunctionExpression(init)) {
+                            functionExpr = t.functionExpression(t.identifier(componentName), init.params, t.isExpression(init.body)
+                                ? t.blockStatement([t.returnStatement(init.body)])
+                                : init.body, init.generator, init.async);
+                        }
+                        else {
+                            return;
+                        }
+                        const setupMethod = t.classProperty(t.identifier('setup'), functionExpr);
+                        const classDeclaration = t.classDeclaration(t.identifier(componentName), t.identifier('RaskComponent'), t.classBody([setupMethod]), []);
+                        // Replace the entire variable declaration with class declaration
+                        const parentPath = path.parentPath;
+                        if (t.isVariableDeclaration(parentPath.node) && parentPath.node.declarations.length === 1) {
+                            parentPath.replaceWith(classDeclaration);
+                            parentPath.skip();
+                        }
+                    },
+                });
+                // Add import if we made changes and RaskComponent wasn't imported
+                if (hasChanges && !hasRaskComponentImport) {
+                    const importDecl = t.importDeclaration([t.importSpecifier(t.identifier('RaskComponent'), t.identifier('RaskComponent'))], t.stringLiteral('rask-ui'));
+                    ast.program.body.unshift(importDecl);
+                }
+                if (!hasChanges) {
+                    return null;
+                }
+                const output = generate(ast, {
+                    retainLines: false,
+                    compact: false,
+                }, code);
+                return {
+                    code: output.code,
+                    map: output.map,
+                };
+            }
+            catch (error) {
+                console.error('Error in rask-transform plugin:', error);
+                return null;
+            }
+        },
+    };
+}

package/dist/scheduler.d.ts

@@ -0,0 +1,4 @@
+export declare function markDirty(): void;
+export declare function enqueueUpdateFromSetter(): void;
+export declare function installGlobalBatching(target?: EventTarget): () => void;
+//# sourceMappingURL=scheduler.d.ts.map

package/dist/scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../src/scheduler.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,SAExB;AAeD,wBAAgB,uBAAuB,SAWtC;AAmED,wBAAgB,qBAAqB,CAAC,MAAM,GAAE,WAAoB,cAoBjE"}

package/dist/scheduler.js

@@ -0,0 +1,107 @@
+let depth = 0; // batching scope nesting
+let dirty = false; // has any state update been enqueued?
+let scheduled = false; // async flush scheduled?
+export function markDirty() {
+    dirty = true;
+}
+function performWork() {
+    // TODO: call your Inferno render/commit once.
+    // infernoRender(vnode, container);
+}
+function flushNow() {
+    scheduled = false;
+    if (!dirty)
+        return;
+    dirty = false;
+    performWork();
+}
+// Called by setters after enqueueing their state change
+export function enqueueUpdateFromSetter() {
+    dirty = true;
+    if (depth > 0) {
+        // We're inside a batched input event; we'll flush on exit (same frame).
+        return;
+    }
+    if (!scheduled) {
+        scheduled = true;
+        queueMicrotask(flushNow); // one flush per task
+    }
+}
+// Batch-scope control used by the global capture listeners
+function enter() {
+    depth++;
+}
+function exit() {
+    if (--depth === 0) {
+        // End of the event propagation; commit now (before next paint).
+        flushNow();
+    }
+}
+// eventBatching.ts
+const INTERACTIVE_EVENTS = [
+    // Pointer + mouse
+    "click",
+    "dblclick",
+    "contextmenu",
+    "mousedown",
+    "mouseup",
+    "mousemove",
+    "pointerdown",
+    "pointerup",
+    "pointermove",
+    "touchstart",
+    "touchmove",
+    "touchend",
+    "touchcancel",
+    "dragstart",
+    "drag",
+    "dragend",
+    "dragenter",
+    "dragleave",
+    "dragover",
+    "drop",
+    "wheel",
+    // Keyboard
+    "keydown",
+    "keypress",
+    "keyup",
+    // Focus & input
+    "focus",
+    "blur",
+    "focusin",
+    "focusout",
+    "input",
+    "beforeinput",
+    "change",
+    "compositionstart",
+    "compositionupdate",
+    "compositionend",
+    // Forms
+    "submit",
+    "reset",
+    // Selection / clipboard
+    "select",
+    "selectionchange",
+    "copy",
+    "cut",
+    "paste",
+];
+export function installGlobalBatching(target = window) {
+    const handlers = [];
+    INTERACTIVE_EVENTS.forEach((type) => {
+        const onCapture = () => {
+            enter();
+            // Close the scope after all handlers (capture→target→bubble) have run.
+            queueMicrotask(exit);
+        };
+        target.addEventListener(type, onCapture, { capture: true });
+        handlers.push([onCapture, { capture: true }]);
+    });
+    // Return a disposer so you can remove on unmount
+    return () => {
+        INTERACTIVE_EVENTS.forEach((type, i) => {
+            const [fn, opts] = handlers[i];
+            target.removeEventListener(type, fn, opts);
+        });
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.3.4",
+  "version": "0.4.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/createRef.d.ts

@@ -1,5 +0,0 @@
-export declare function createRef<T>(): {
-    (node: T | null): void;
-    current: T | null;
-};
-//# sourceMappingURL=createRef.d.ts.map

package/dist/createRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRef.d.ts","sourceRoot":"","sources":["../src/createRef.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC;WACN,CAAC,GAAG,IAAI;;EAO5B"}

package/dist/createRef.js

@@ -1,7 +0,0 @@
-export function createRef() {
-    function ref(node) {
-        ref.current = node;
-    }
-    ref.current = null;
-    return ref;
-}

package/dist/test-setup.d.ts

@@ -1,16 +0,0 @@
-import { VNode } from "inferno";
-/**
- * Test helper to render a component and provide easy cleanup
- *
- * @example
- * const { container, unmount } = renderComponent(<MyComponent />);
- * expect(container.textContent).toBe('hello');
- * unmount();
- */
-export declare function renderComponent(vnode: VNode): {
-    container: HTMLElement;
-    vnode: void;
-    unmount: () => void;
-    rerender: (newVnode: VNode) => void;
-};
-//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,EAAE,MAAM,SAAS,CAAC;AAUxC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK;;;;yBAoBnB,KAAK;EAI7B"}

package/dist/test-setup.js

@@ -1,40 +0,0 @@
-// Test setup file for vitest
-import { afterEach } from "vitest";
-import { render } from "inferno";
-// Clean up after each test
-afterEach(() => {
-    document.body.innerHTML = "";
-    // Remove any style tags added by render function
-    document.querySelectorAll("style").forEach((style) => style.remove());
-});
-/**
- * Test helper to render a component and provide easy cleanup
- *
- * @example
- * const { container, unmount } = renderComponent(<MyComponent />);
- * expect(container.textContent).toBe('hello');
- * unmount();
- */
-export function renderComponent(vnode) {
-    const container = document.createElement("div");
-    document.body.appendChild(container);
-    let currentVnode = render(vnode, container);
-    // @ts-ignore
-    const actualElement = currentVnode.elm;
-    return {
-        // The actual rendered DOM element (after patch replaces container)
-        container: actualElement,
-        // The vnode returned by render
-        vnode: currentVnode,
-        // Cleanup function
-        unmount: () => {
-            if (actualElement && actualElement.parentNode) {
-                actualElement.parentNode.removeChild(actualElement);
-            }
-        },
-        // Re-render with new vnode
-        rerender: (newVnode) => {
-            currentVnode.patch(newVnode);
-        },
-    };
-}

package/dist/vdom/AbstractVNode.d.ts

@@ -1,44 +0,0 @@
-import { RootVNode } from "./RootVNode";
-import { VNode } from "./types";
-export type PatchOperation = {
-    type: "add";
-    elm: Node | Node[];
-} | {
-    type: "replace";
-    oldElm: Node | Node[];
-    newElm: Node | Node[];
-} | {
-    type: "remove";
-    elm: Node | Node[];
-};
-export declare abstract class AbstractVNode {
-    key?: string;
-    parent?: VNode;
-    root?: RootVNode;
-    elm?: Node;
-    children?: VNode[];
-    abstract mount(parent?: VNode): Node | Node[];
-    abstract patch(oldNode: VNode): void;
-    abstract unmount(): void;
-    abstract rerender(operations?: PatchOperation[]): void;
-    protected getHTMLElement(): HTMLElement;
-    /**
-     * A VNode can represent multiple elements (fragment of component)
-     */
-    getElements(): Node[];
-    getParentElement(): HTMLElement;
-    protected canPatch(oldNode: VNode, newNode: VNode): boolean;
-    patchChildren(newChildren: VNode[]): {
-        children: VNode[];
-        hasChangedStructure: boolean;
-        operations?: PatchOperation[];
-    };
-    applyPatchOperations(target: HTMLElement, operations: PatchOperation[]): void;
-    /**
-     * Intelligently sync DOM to match children VNode order.
-     * Only performs DOM operations when elements are out of position.
-     * This is used by both patch() and rerender() to efficiently update children.
-     */
-    protected syncDOMChildren(): void;
-}
-//# sourceMappingURL=AbstractVNode.d.ts.map

package/dist/vdom/AbstractVNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/AbstractVNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,CAAC;AAEN,8BAAsB,aAAa;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE;IAC7C,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;IACpC,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IACtD,SAAS,CAAC,cAAc;IAOxB;;OAEG;IACH,WAAW,IAAI,IAAI,EAAE;IAmBrB,gBAAgB,IAAI,WAAW;IAiB/B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAoB3D,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG;QACnC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;KAC/B;IAqJD,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE;IAqCtE;;;;OAIG;IACH,SAAS,CAAC,eAAe;CA6B1B"}