rask-ui 0.3.0 → 0.3.2

package/README.md

@@ -966,7 +966,7 @@ RASK is designed for performance:
 
 - **Fine-grained reactivity**: Only components that access changed state re-render
 - **No wasted renders**: Components skip re-render if reactive dependencies haven't changed
-- **Efficient DOM updates**: Powered by a custom virtual DOM implementation optimized for reactive components
+- **Efficient DOM updates**: Powered by Inferno's highly optimized virtual DOM reconciler
 - **No reconciler overhead for state**: State changes are direct, no diffing required
 - **Automatic cleanup**: Components and effects cleaned up automatically
 
@@ -977,7 +977,7 @@ RASK is designed for performance:
 | State management  | Complex (hooks, closures) | Simple (signals)         | Simple (proxies) |
 | UI expression     | Excellent                 | Limited                  | Excellent        |
 | Reactivity        | Coarse (component level)  | Fine-grained             | Fine-grained     |
-| Reconciler        | Yes                       | Limited                  | Yes (custom)     |
+| Reconciler        | Yes                       | Limited                  | Yes (Inferno)    |
 | Syntax            | JSX                       | JSX + special components | JSX              |
 | Compiler required | No                        | Yes                      | No               |
 | Learning curve    | Steep                     | Moderate                 | Gentle           |

package/dist/component.d.ts

@@ -11,9 +11,7 @@ declare class RaskComponent<P extends Props<any>> extends Component<P & {
     private prevChildren;
     private observer;
     contexts: Map<any, any>;
-    getChildContext(): {
-        getContext: (context: any) => any;
-    };
+    getChildContext(): any;
     onMounts: Array<() => void>;
     onCleanups: Array<() => void>;
     componentDidMount(): void;

package/dist/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACZ,MAAM,SAAS,CAAC;AAMjB,wBAAgB,mBAAmB,uBAQlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAQrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAQvC;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAClD,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,cAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CACzD,CAAC,GAAG;IAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;CAAE,CAC9C;IACC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,QAAQ,CAEb;IACH,QAAQ,gBAAa;IACrB,eAAe;8BAEW,GAAG;;IAK7B,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACnC,iBAAiB,IAAI,IAAI;IAGzB,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CACjB;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,GAAG;QAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;KAAE,CAC3E,GACA,IAAI;IAaP,oBAAoB,IAAI,IAAI;IAG5B,qBAAqB,IAAI,OAAO;IAGhC,MAAM;CAoBP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAQ9D"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACZ,MAAM,SAAS,CAAC;AAMjB,wBAAgB,mBAAmB,uBAMlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAMrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAMvC;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAClD,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,cAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CACzD,CAAC,GAAG;IAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;CAAE,CAC9C;IACC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,QAAQ,CAEb;IACH,QAAQ,gBAAa;IACrB,eAAe;IAUf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACnC,iBAAiB,IAAI,IAAI;IAGzB,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CACjB;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,GAAG;QAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;KAAE,CAC3E,GACA,IAAI;IAaP,oBAAoB,IAAI,IAAI;IAG5B,qBAAqB,IAAI,OAAO;IAGhC,MAAM;CAuCP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAO9D"}

package/dist/component.js

@@ -1,26 +1,23 @@
 import { createComponentVNode, Component, } from "inferno";
 import { getCurrentObserver, Observer, Signal } from "./observation";
-const componentStack = [];
+let currentComponent;
 export function getCurrentComponent() {
-    const currentComponent = componentStack[0];
     if (!currentComponent) {
         throw new Error("No current component");
     }
     return currentComponent;
 }
 export function onMount(cb) {
-    const current = componentStack[0];
-    if (!current) {
+    if (!currentComponent) {
         throw new Error("Only use onCleanup in component setup");
     }
-    current.onMounts.push(cb);
+    currentComponent.onMounts.push(cb);
 }
 export function onCleanup(cb) {
-    const current = componentStack[0];
-    if (!current) {
+    if (!currentComponent) {
         throw new Error("Only use onCleanup in component setup");
     }
-    current.onCleanups.push(cb);
+    currentComponent.onCleanups.push(cb);
 }
 class RaskComponent extends Component {
     renderFn;
@@ -31,9 +28,11 @@ class RaskComponent extends Component {
     });
     contexts = new Map();
     getChildContext() {
+        const parentGetContext = this.context.getContext;
         return {
+            ...this.context,
             getContext: (context) => {
-                return this.contexts.get(context);
+                return this.contexts.get(context) || parentGetContext(context);
             },
         };
     }
@@ -64,10 +63,22 @@ class RaskComponent extends Component {
     }
     render() {
         if (!this.renderFn) {
-            componentStack.unshift(this);
             this.reactiveProps = createReactiveProps(this.props);
-            this.renderFn = this.props.__component(this.reactiveProps);
-            componentStack.shift();
+            currentComponent = this;
+            try {
+                this.renderFn = this.props.__component(this.reactiveProps);
+                if (typeof this.renderFn !== "function") {
+                    throw new Error("Component must return a render function");
+                }
+            }
+            catch (error) {
+                if (typeof this.context.notifyError !== "function") {
+                    throw error;
+                }
+                this.context.notifyError(error);
+                return null;
+            }
+            currentComponent = undefined;
         }
         const stopObserving = this.observer.observe();
         let result = null;
@@ -75,6 +86,9 @@ class RaskComponent extends Component {
             result = this.renderFn();
         }
         catch (error) {
+            if (typeof this.context.notifyError !== "function") {
+                throw error;
+            }
             this.context.notifyError(error);
         }
         finally {
@@ -84,7 +98,6 @@ class RaskComponent extends Component {
     }
 }
 export function createComponent(props, key) {
-    console.log(props);
     return createComponentVNode(4 /* VNodeFlags.ComponentClass */, RaskComponent, props, key);
 }
 function createReactiveProps(props) {

package/dist/createContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,wBAAgB,aAAa,CAAC,CAAC;kBAEb,CAAC;WASR,CAAC;EAYX"}
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,wBAAgB,aAAa,CAAC,CAAC;kBAEb,CAAC;WASR,CAAC;EA0BX"}

package/dist/createContext.js

@@ -37,7 +37,14 @@ export function createContext() {
             if (!currentComponent) {
                 throw new Error("You can not get context outside component setup");
             }
-            return currentComponent.context.getContext(context);
+            if (typeof currentComponent.context.getContext !== "function") {
+                throw new Error("There is no parent context");
+            }
+            const contextValue = currentComponent.context.getContext(context);
+            if (!contextValue) {
+                throw new Error("There is a parent context, but not the one you are using");
+            }
+            return contextValue;
         },
     };
     return context;

package/dist/error.d.ts

@@ -1,14 +1,15 @@
-import { Component } from "inferno";
+import { Component, VNode } from "inferno";
 export declare class ErrorBoundary extends Component<{
     children: any;
+    error: (error: unknown) => VNode;
 }, {
-    hasError: boolean;
+    error: unknown;
 }> {
     getChildContext(): {
         notifyError: (error: unknown) => void;
     };
     state: {
-        hasError: boolean;
+        error: null;
     };
     render(): any;
 }

package/dist/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,EACjB;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CACtB;IACC,eAAe;6BAEU,OAAO;;IAKhC,KAAK;;MAAuB;IAE5B,MAAM;CAOP"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAA;CAAE,EACnD;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CACnB;IACC,eAAe;6BAEU,OAAO;;IAKhC,KAAK;;MAAmB;IAExB,MAAM;CAOP"}

package/dist/error.js

@@ -1,17 +1,16 @@
-import { jsx as _jsx } from "./jsx-runtime";
 import { Component } from "inferno";
 export class ErrorBoundary extends Component {
     getChildContext() {
         return {
             notifyError: (error) => {
-                this.setState({ hasError: true });
+                this.setState({ error });
             },
         };
     }
-    state = { hasError: false };
+    state = { error: null };
     render() {
-        if (this.state.hasError) {
-            return _jsx("div", { style: "color: red", children: "Something went wrong." });
+        if (this.state.error) {
+            return this.props.error(this.state.error);
         }
         return this.props.children;
     }

package/dist/index.d.ts

@@ -6,6 +6,6 @@ export { createAsync } from "./createAsync";
 export { ErrorBoundary } from "./error";
 export { createQuery } from "./createQuery";
 export { createMutation } from "./createMutation";
-export { createRef } from "./createRef";
+export { createRef } from "inferno";
 export { createView } from "./createView";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -6,5 +6,5 @@ export { createAsync } from "./createAsync";
 export { ErrorBoundary } from "./error";
 export { createQuery } from "./createQuery";
 export { createMutation } from "./createMutation";
-export { createRef } from "./createRef";
+export { createRef } from "inferno";
 export { createView } from "./createView";

package/dist/jsx-runtime.d.ts

@@ -1,7 +1,8 @@
+import { Component } from "inferno";
 import type { JSXInternal } from "./jsx";
 export { Fragment } from "inferno";
 export declare function jsx(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;
-export declare function jsx<P>(type: (props: P) => any, props: P & {
+export declare function jsx<P>(type: ((props: P) => any) | (new () => Component), props: P & {
     children?: any;
 }, key?: string): any;
 export declare function jsxs(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;

package/dist/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAmBP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAwB,MAAM,SAAS,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,UAAU,SAAS,CAAC,EACjD,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAsBP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/jsx-runtime.js

@@ -6,10 +6,9 @@ import { ErrorBoundary } from "./error";
 export { Fragment } from "inferno";
 export function jsx(type, { children, ...props }, key) {
     if (typeof type === "string") {
-        return createElement(type, { ...props, key }, ...children);
+        return createElement(type, { ...props, key }, ...(Array.isArray(children) ? children : [children]));
     }
     if (type === ErrorBoundary) {
-        console.log("WTF");
         return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, { ...props, children }, key);
     }
     return createComponent({ ...props, children, __component: type }, key);

package/package.json

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