rask-ui 0.14.1 → 0.17.0

package/README.md

@@ -47,7 +47,7 @@ RASK provides a set of reactive hooks for building interactive UIs. These hooks
 
 - **`useState`** - Create reactive state objects
 - **`useEffect`** - Run side effects when dependencies change
-- **`useComputed`** - Derive values from state with automatic caching
+- **`useDerived`** - Derive values from state with automatic caching
 - **`useAsync`** - Manage async operations (fetch, mutations, polling, etc.)
 - **`useRouter`** - Type-safe client-side routing
 - **`createContext`** / **`useContext`** - Share data through the component tree

package/dist/component.js

@@ -28,13 +28,13 @@ export function getCurrentComponent() {
 }
 export function useMountEffect(cb) {
     if (!currentComponent) {
-        throw new Error("Only use createMountEffect in component setup");
+        throw new Error("Only use useMountEffect in component setup");
     }
     currentComponent.onMounts.push(cb);
 }
 export function useCleanup(cb) {
     if (!currentComponent || currentComponent.isRendering) {
-        throw new Error("Only use createCleanup in component setup");
+        throw new Error("Only use useCleanup in component setup");
     }
     currentComponent.onCleanups.push(cb);
 }
@@ -91,7 +91,7 @@ export class RaskStatefulComponent extends Component {
                 enumerable: true,
                 get() {
                     const observer = getCurrentObserver();
-                    if (!self.isRendering && observer) {
+                    if (observer) {
                         // Lazy create signal only when accessed in reactive context
                         let signal = signals.get(prop);
                         if (!signal) {

package/dist/createContext.d.ts

@@ -22,11 +22,12 @@
  *
  * @returns Context object with inject() and get() methods
  */
-export type Context<T> = {
-    inject(value: T): void;
-    get(): T;
+declare const Type: unique symbol;
+export type Context<T> = symbol & {
+    readonly [Type]: T;
 };
 export declare function createContext<T>(): Context<T>;
-export declare function useContext<T>(context: Context<T>, value: T): void;
 export declare function useContext<T>(context: Context<T>): T;
+export declare function useInjectContext<T>(context: Context<T>): (value: T) => void;
+export {};
 //# sourceMappingURL=createContext.d.ts.map

package/dist/createContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IACvB,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,GAAG,IAAI,CAAC,CAAC;CACV,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAqC7C;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;AACnE,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,OAAO,CAAC,MAAM,IAAI,EAAE,OAAO,MAAM,CAAC;AAElC,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,MAAM,GAAG;IAChC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,KACV,OAAO,CAAC,CAAC,CAAC,CAC9B;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAkBpD;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAC7C,OAAO,CAAC,UASjB"}

package/dist/createContext.js

@@ -24,35 +24,28 @@
  */
 import { getCurrentComponent } from "./component";
 export function createContext() {
-    const context = {
-        inject(value) {
-            const currentComponent = getCurrentComponent();
-            if (!currentComponent) {
-                throw new Error("You can not inject context outside component setup");
-            }
-            currentComponent.contexts.set(context, value);
-        },
-        get() {
-            let currentComponent = getCurrentComponent();
-            if (!currentComponent) {
-                throw new Error("You can not get context outside component setup");
-            }
-            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;
+    return Symbol();
 }
-export function useContext(context, value) {
-    if (value) {
-        context.inject(value);
-        return;
+export function useContext(context) {
+    let currentComponent = getCurrentComponent();
+    if (!currentComponent) {
+        throw new Error("Only use useContext in component setup");
+    }
+    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 context.get();
+    return contextValue;
+}
+export function useInjectContext(context) {
+    return (value) => {
+        const currentComponent = getCurrentComponent();
+        if (!currentComponent) {
+            throw new Error("Only use useInjectContext in component setup");
+        }
+        currentComponent.contexts.set(context, value);
+    };
 }

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 export { render } from "./render";
 export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
-export { createContext, useContext } from "./createContext";
+export { createContext, useContext, useInjectContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync, Async } from "./useAsync";
 export { ErrorBoundary } from "./error";
-export { createRef as useRef } from "inferno";
+export { useRef } from "./useRef";
 export { useView } from "./useView";
 export { useEffect } from "./useEffect";
-export { useComputed } from "./useComputed";
+export { useDerived, Derived } from "./useDerived";
 export { syncBatch } from "./batch";
 export { inspect } from "./inspect";
 export { Router, useRouter } from "./useRouter";

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,UAAU,CAAC;AAClC,OAAO,EACL,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,13 +1,13 @@
 export { render } from "./render";
 export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
-export { createContext, useContext } from "./createContext";
+export { createContext, useContext, useInjectContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync } from "./useAsync";
 export { ErrorBoundary } from "./error";
-export { createRef as useRef } from "inferno";
+export { useRef } from "./useRef";
 export { useView } from "./useView";
 export { useEffect } from "./useEffect";
-export { useComputed } from "./useComputed";
+export { useDerived } from "./useDerived";
 export { syncBatch } from "./batch";
 export { inspect } from "./inspect";
 export { useRouter } from "./useRouter";