rask-ui 0.22.0 → 0.23.0

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;AAEjB,OAAO,EAAsB,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIrE,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC3D,CAAC,MAAM,KAAK,CAAC,GACb,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAE1B,qBAAa,sBAAuB,SAAQ,SAAS;IAC3C,QAAQ,EAAE,8BAA8B,CAAC,GAAG,CAAC,CAAC;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAC9B,QAAQ,WAML;IACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC1C,OAAO,CAAC,aAAa,CAAc;IAEnC,qBAAqB,IAAI,OAAO;IAMhC,kBAAkB,IAAI,IAAI;IAG1B,yBAAyB,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI;IAe/C,MAAM;CAoBP;AAID,wBAAgB,mBAAmB,2CAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC1D,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,qBAAa,qBAAqB,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACnE,KAAK,EAAE,6BAA6B,CAAC,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC1C,OAAO,CAAC,aAAa,CAAc;IAwBnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAE9B,QAAQ,WAOL;IAEH,WAAW,UAAS;IACpB,OAAO,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAM;IAC3D,QAAQ,gBAAa;IACrB,eAAe;IAcf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IAEnC,iBAAiB,IAAI,IAAI;IAGzB,oBAAoB,IAAI,IAAI;IAI5B,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CAAC;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,CAAC,GAClD,IAAI;IAcP,qBAAqB,IAAI,OAAO;IAMhC,MAAM;CA6CP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAO9D"}
+{"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;AAEjB,OAAO,EAAsB,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIrE,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC3D,CAAC,MAAM,KAAK,CAAC,GACb,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAE1B,qBAAa,sBAAuB,SAAQ,SAAS;IAC3C,QAAQ,EAAE,8BAA8B,CAAC,GAAG,CAAC,CAAC;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAC9B,QAAQ,WAML;IACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC1C,OAAO,CAAC,aAAa,CAAc;IAEnC,qBAAqB,IAAI,OAAO;IAMhC,kBAAkB,IAAI,IAAI;IAG1B,yBAAyB,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI;IAe/C,MAAM;CAoBP;AAID,wBAAgB,mBAAmB,2CAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC1D,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,qBAAa,qBAAqB,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACnE,KAAK,EAAE,6BAA6B,CAAC,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC1C,OAAO,CAAC,aAAa,CAAc;IAwBnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAE9B,QAAQ,WAOL;IAEH,WAAW,UAAS;IACpB,OAAO,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAM;IAC3D,QAAQ,gBAAa;IACrB,eAAe;IAcf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IAEnC,iBAAiB,IAAI,IAAI;IAGzB,oBAAoB,IAAI,IAAI;IAI5B,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CAAC;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,CAAC,GAClD,IAAI;IAcP,qBAAqB,IAAI,OAAO;IAMhC,MAAM;CA2CP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAO9D"}

package/dist/component.js

@@ -44,7 +44,7 @@ export class RaskStatelessComponent extends Component {
             result = this.renderFn(this.reactiveProps);
         }
         catch (error) {
-            const notifyError = this.context.getContext?.(CatchErrorContext);
+            const notifyError = CatchErrorContext.use();
             if (typeof notifyError !== "function") {
                 throw error;
             }
@@ -176,8 +176,7 @@ export class RaskStatefulComponent extends Component {
             this.isRendering = false;
         }
         catch (error) {
-            const notifyError = this.contexts.get(CatchErrorContext) ||
-                this.context.getContext?.(CatchErrorContext);
+            const notifyError = CatchErrorContext.use();
             if (typeof notifyError !== "function") {
                 throw error;
             }

package/dist/createContext.d.ts

@@ -1,32 +1,49 @@
 /**
- * Creates a context by wrapping a hook function that will be used as a context identifier.
+ * Creates a context that provides two methods: `use()` to consume context values and
+ * `inject()` to provide context values to child components.
  *
  * @warning **Do not destructure context values!** The returned value may be a reactive
  * object, and destructuring breaks reactivity.
  *
  * @example
- * // Create a context hook
- * const useTheme = createContext(() => {
+ * // Create a context
+ * const ThemeContext = createContext(() => {
  *   return useState({ color: "blue" });
  * });
  *
  * // Provider component
  * function App() {
- *   const theme = useInjectContext(useTheme);
+ *   const theme = ThemeContext.inject();
  *   // theme is now available to all children
  *   return () => <Child />;
  * }
  *
  * // Consumer component
  * function Child() {
- *   const theme = useContext(useTheme);
+ *   const theme = ThemeContext.use();
  *   return () => <div style={{ color: theme.color }}>Text</div>;
  * }
  *
  * @param hook - A function that will be used as the context identifier
- * @returns The same hook function, to be used with useContext() and useInjectContext()
+ * @returns An object with `use()` and `inject()` methods
  */
-export declare function createContext<T, P extends any[]>(hook: (...params: P) => T): (...params: P) => T;
-export declare function useContext<T, P extends any[]>(hook: (...params: P) => T): T;
-export declare function useInjectContext<T, P extends any[]>(hook: (...params: P) => T, ...params: P): T;
+export declare function createContext<T, P extends any[]>(hook: (...params: P) => T): {
+    /**
+     * Consumes the context value from the nearest parent component that called `inject()`.
+     * Must be called during component setup.
+     *
+     * @returns The context value provided by the nearest parent
+     * @throws Error if called outside component setup, if no parent context exists, or if the specific context was not provided
+     */
+    use(): any;
+    /**
+     * Injects a context value by calling the hook function and making it available to all child components.
+     * Must be called during component setup.
+     *
+     * @param params - Parameters to pass to the hook function
+     * @returns The context value created by the hook
+     * @throws Error if called outside component setup
+     */
+    inject(...params: P): T;
+};
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAIH,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,eAAP,CAAC,KAAK,CAAC,CAE1E;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAkB3E;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,EACjD,IAAI,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,EACzB,GAAG,MAAM,EAAE,CAAC,KAab"}
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAIH,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC;IAEvE;;;;;;OAMG;;IAsBH;;;;;;;OAOG;sBACe,CAAC;EActB"}

package/dist/createContext.js

@@ -1,55 +1,72 @@
 /**
- * Creates a context by wrapping a hook function that will be used as a context identifier.
+ * Creates a context that provides two methods: `use()` to consume context values and
+ * `inject()` to provide context values to child components.
  *
  * @warning **Do not destructure context values!** The returned value may be a reactive
  * object, and destructuring breaks reactivity.
  *
  * @example
- * // Create a context hook
- * const useTheme = createContext(() => {
+ * // Create a context
+ * const ThemeContext = createContext(() => {
  *   return useState({ color: "blue" });
  * });
  *
  * // Provider component
  * function App() {
- *   const theme = useInjectContext(useTheme);
+ *   const theme = ThemeContext.inject();
  *   // theme is now available to all children
  *   return () => <Child />;
  * }
  *
  * // Consumer component
  * function Child() {
- *   const theme = useContext(useTheme);
+ *   const theme = ThemeContext.use();
  *   return () => <div style={{ color: theme.color }}>Text</div>;
  * }
  *
  * @param hook - A function that will be used as the context identifier
- * @returns The same hook function, to be used with useContext() and useInjectContext()
+ * @returns An object with `use()` and `inject()` methods
  */
 import { getCurrentComponent } from "./component";
 export function createContext(hook) {
-    return hook;
-}
-export function useContext(hook) {
-    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(hook);
-    if (!contextValue) {
-        throw new Error("There is a parent context, but not the one you are using");
-    }
-    return contextValue;
-}
-export function useInjectContext(hook, ...params) {
-    const currentComponent = getCurrentComponent();
-    if (!currentComponent) {
-        throw new Error("Only use useInjectContext in component setup");
-    }
-    const value = hook(...params);
-    currentComponent.contexts.set(hook, value);
-    return value;
+    return {
+        /**
+         * Consumes the context value from the nearest parent component that called `inject()`.
+         * Must be called during component setup.
+         *
+         * @returns The context value provided by the nearest parent
+         * @throws Error if called outside component setup, if no parent context exists, or if the specific context was not provided
+         */
+        use() {
+            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(hook);
+            if (!contextValue) {
+                throw new Error("There is a parent context, but not the one you are using");
+            }
+            return contextValue;
+        },
+        /**
+         * Injects a context value by calling the hook function and making it available to all child components.
+         * Must be called during component setup.
+         *
+         * @param params - Parameters to pass to the hook function
+         * @returns The context value created by the hook
+         * @throws Error if called outside component setup
+         */
+        inject(...params) {
+            const currentComponent = getCurrentComponent();
+            if (!currentComponent) {
+                throw new Error("Only use useInjectContext in component setup");
+            }
+            const value = hook(...params);
+            currentComponent.contexts.set(hook, value);
+            return value;
+        },
+    };
 }

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import "./types";
 export { render } from "./render";
 export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
-export { createContext, useContext, useInjectContext } from "./createContext";
+export { createContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync, Async } from "./useAsync";
 export { useAction, Action } from "./useAction";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,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,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,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,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,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"}

package/dist/index.js

@@ -2,7 +2,7 @@
 import "./types";
 export { render } from "./render";
 export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
-export { createContext, useContext, useInjectContext } from "./createContext";
+export { createContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync } from "./useAsync";
 export { useAction } from "./useAction";

package/dist/useCatchError.d.ts

@@ -1,6 +1,9 @@
-export declare const CatchErrorContext: (state: {
-    error: unknown;
-}) => (error: unknown) => unknown;
+export declare const CatchErrorContext: {
+    use(): any;
+    inject(state: {
+        error: unknown;
+    }): (error: unknown) => unknown;
+};
 export declare function useCatchError(): {
     error: unknown;
 };

package/dist/useCatchError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCatchError.d.ts","sourceRoot":"","sources":["../src/useCatchError.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;WAAkC,OAAO;cACtD,OAAO,YACtB,CAAC;AAEH,wBAAgB,aAAa;WAMK,OAAO;EAOxC"}
+{"version":3,"file":"useCatchError.d.ts","sourceRoot":"","sources":["../src/useCatchError.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;eAAkC,OAAO;gBACtD,OAAO;CACtB,CAAC;AAEH,wBAAgB,aAAa;WAMK,OAAO;EAOxC"}

package/dist/useCatchError.js

@@ -1,5 +1,5 @@
 import { useState } from "./useState";
-import { createContext, useInjectContext } from "./createContext";
+import { createContext } from "./createContext";
 import { getCurrentComponent } from "./component";
 export const CatchErrorContext = createContext((state) => {
     return (error) => (state.error = error);
@@ -12,6 +12,6 @@ export function useCatchError() {
     const state = useState({
         error: null,
     });
-    useInjectContext(CatchErrorContext, state);
+    CatchErrorContext.inject(state);
     return state;
 }

package/package.json

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