rask-ui 0.24.0 → 0.24.3

package/dist/asyncState.d.ts

@@ -0,0 +1,16 @@
+type AsyncState<T> = {
+    isPending: true;
+    value: null;
+    error: null;
+} | {
+    isPending: false;
+    value: T;
+    error: null;
+} | {
+    isPending: false;
+    value: null;
+    error: string;
+};
+export declare function createAsyncState<T>(promise: Promise<T>): AsyncState<T>;
+export {};
+//# sourceMappingURL=asyncState.d.ts.map

package/dist/asyncState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncState.d.ts","sourceRoot":"","sources":["../src/asyncState.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,CAAC,CAAC,IACb;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,iBAwBtD"}

package/dist/asyncState.js

@@ -0,0 +1,24 @@
+import { createState } from "./createState";
+export function createAsyncState(promise) {
+    const state = createState({
+        isPending: true,
+        error: null,
+        value: null,
+    });
+    promise
+        .then((value) => {
+        Object.assign(state, {
+            value,
+            error: null,
+            isPending: false,
+        });
+    })
+        .catch((error) => {
+        Object.assign(state, {
+            value: null,
+            error: String(error),
+            isPending: false,
+        });
+    });
+    return state;
+}

package/dist/compiler.d.ts

@@ -1,4 +1,2 @@
-export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
-import { VNode } from "inferno";
-export declare function createComponentVNode(_: any, component: any, props: any | undefined, key: any, ref: any): VNode;
+export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
 //# sourceMappingURL=compiler.d.ts.map

package/dist/compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAGL,KAAK,EACN,MAAM,SAAS,CAAC;AAIjB,wBAAgB,oBAAoB,CAClC,CAAC,EAAE,GAAG,EACN,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,GAAG,YAAK,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,GACP,KAAK,CASP"}
+{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/compiler.js

@@ -1,7 +1 @@
-export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
-import { createComponentVNode as infernoCreateComponentVnode, } from "inferno";
-import { RaskComponent } from "./component";
-export function createComponentVNode(_, component, props = {}, key, ref) {
-    props.__component = component;
-    return infernoCreateComponentVnode(4 /* VNodeFlags.ComponentClass */, RaskComponent, props, key, ref);
-}
+export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";

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;AAMrE,wBAAgB,mBAAmB,mCAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,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,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,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,8BAA8B,CAAC,CAAC,CAAC,CAAC;IACpD,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;CAkDP"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAsB,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMrE,wBAAgB,mBAAmB,mCAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,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,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,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,8BAA8B,CAAC,CAAC,CAAC,CAAC;IACpD,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;CA4CP"}

package/dist/component.js

@@ -1,4 +1,4 @@
-import { Component, } from "inferno";
+import { Component } from "inferno";
 import { getCurrentObserver, Observer, Signal } from "./observation";
 import { syncBatch } from "./batch";
 import { CatchErrorContext } from "./useCatchError";
@@ -98,33 +98,26 @@ export class RaskComponent extends Component {
     render() {
         currentComponent = this;
         const stopObserving = this.observer.observe();
-        if (!this.renderFn) {
-            this.reactiveProps = createReactiveProps(this);
-            try {
+        try {
+            if (!this.renderFn) {
+                this.reactiveProps = createReactiveProps(this);
                 const component = this.props.__component;
                 const renderFn = component(this.reactiveProps);
                 if (typeof renderFn === "function") {
+                    // Since we ran a setup function we need to clear any signals accessed
+                    this.observer.clearSignals();
                     this.renderFn = renderFn;
                 }
                 else {
                     this.renderFn = component;
-                    // Since we ran a setup function we need to clear any signals accessed
-                    this.observer.clearSignals();
+                    return renderFn;
                 }
             }
-            catch (error) {
-                if (typeof this.context.notifyError !== "function") {
-                    throw error;
-                }
-                this.context.notifyError(error);
-                return null;
-            }
-        }
-        let result = null;
-        try {
+            let result = null;
             this.isRendering = true;
             result = this.renderFn(this.reactiveProps);
             this.isRendering = false;
+            return result;
         }
         catch (error) {
             const notifyError = CatchErrorContext.use();
@@ -132,12 +125,12 @@ export class RaskComponent extends Component {
                 throw error;
             }
             notifyError(error);
+            return null;
         }
         finally {
             stopObserving();
             currentComponent = undefined;
         }
-        return result;
     }
 }
 function createReactiveProps(comp) {

package/dist/context.d.ts

@@ -0,0 +1,5 @@
+export declare function createContext<T extends object>(): {
+    set(value: T): void;
+    get(): T;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM;eAE/B,CAAC;WAaL,CAAC;EAmBX"}

package/dist/context.js

@@ -0,0 +1,29 @@
+import { getCurrentComponent } from "./component";
+export function createContext() {
+    const context = {
+        set(value) {
+            const currentComponent = getCurrentComponent();
+            if (!currentComponent) {
+                throw new Error("You can not set context out component setup");
+            }
+            if (!currentComponent.contexts) {
+                currentComponent.contexts = new Map();
+            }
+            currentComponent.contexts.set(context, value);
+        },
+        get() {
+            let currentComponent = getCurrentComponent();
+            if (!currentComponent) {
+                throw new Error("You can not set context out component setup");
+            }
+            while (currentComponent) {
+                if (currentComponent.contexts?.has(context)) {
+                    return currentComponent.contexts.get(context);
+                }
+                currentComponent = currentComponent.parent;
+            }
+            throw new Error("Could not find context in parent components");
+        },
+    };
+    return context;
+}

package/dist/createAsync.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createAsync.test.d.ts.map

package/dist/createAsync.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAsync.test.d.ts","sourceRoot":"","sources":["../src/createAsync.test.ts"],"names":[],"mappings":""}

package/dist/createAsync.test.js

@@ -0,0 +1,110 @@
+import { describe, it, expect } from 'vitest';
+import { createAsync } from './createAsync';
+describe('createAsync', () => {
+    it('should start in pending state', () => {
+        const promise = new Promise(() => { });
+        const async = createAsync(promise);
+        expect(async.isPending).toBe(true);
+        expect(async.value).toBeNull();
+        expect(async.error).toBeNull();
+    });
+    it('should resolve to value state on success', async () => {
+        const promise = Promise.resolve('success');
+        const async = createAsync(promise);
+        expect(async.isPending).toBe(true);
+        await promise;
+        // Wait for state update
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.isPending).toBe(false);
+        expect(async.value).toBe('success');
+        expect(async.error).toBeNull();
+    });
+    it('should resolve to error state on rejection', async () => {
+        const promise = Promise.reject(new Error('failed'));
+        const async = createAsync(promise);
+        expect(async.isPending).toBe(true);
+        try {
+            await promise;
+        }
+        catch {
+            // Ignore
+        }
+        // Wait for state update
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.isPending).toBe(false);
+        expect(async.value).toBeNull();
+        expect(async.error).toContain('failed');
+    });
+    it('should handle numeric values', async () => {
+        const promise = Promise.resolve(42);
+        const async = createAsync(promise);
+        await promise;
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.value).toBe(42);
+    });
+    it('should handle object values', async () => {
+        const data = { id: 1, name: 'Test' };
+        const promise = Promise.resolve(data);
+        const async = createAsync(promise);
+        await promise;
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.value).toEqual(data);
+    });
+    it('should handle array values', async () => {
+        const data = [1, 2, 3, 4, 5];
+        const promise = Promise.resolve(data);
+        const async = createAsync(promise);
+        await promise;
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.value).toEqual(data);
+    });
+    it('should convert error to string', async () => {
+        const promise = Promise.reject('string error');
+        const async = createAsync(promise);
+        try {
+            await promise;
+        }
+        catch {
+            // Ignore
+        }
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(typeof async.error).toBe('string');
+        expect(async.error).toBe('string error');
+    });
+    it('should handle error objects', async () => {
+        const error = new Error('Something went wrong');
+        const promise = Promise.reject(error);
+        const async = createAsync(promise);
+        try {
+            await promise;
+        }
+        catch {
+            // Ignore
+        }
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.error).toContain('Something went wrong');
+    });
+    it('should create reactive state', async () => {
+        const promise = new Promise((resolve) => {
+            setTimeout(() => resolve('delayed'), 10);
+        });
+        const async = createAsync(promise);
+        expect(async.isPending).toBe(true);
+        await promise;
+        await new Promise((resolve) => setTimeout(resolve, 20));
+        expect(async.isPending).toBe(false);
+        expect(async.value).toBe('delayed');
+    });
+    it('should handle immediate resolution', async () => {
+        const async = createAsync(Promise.resolve('immediate'));
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.isPending).toBe(false);
+        expect(async.value).toBe('immediate');
+    });
+    it('should handle immediate rejection', async () => {
+        const async = createAsync(Promise.reject('immediate error'));
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        expect(async.isPending).toBe(false);
+        expect(async.error).toBe('immediate error');
+    });
+});

package/dist/createContext.d.ts

@@ -35,7 +35,7 @@ export declare function createContext<T, P extends any[]>(hook: (...params: P) =
      * @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;
+    use(): T;
     /**
      * Injects a context value by calling the hook function and making it available to all child components.
      * Must be called during component setup.

package/dist/createContext.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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;WACI,CAAC;IAqBR;;;;;;;OAOG;sBACe,CAAC,GAAG,CAAC;EAc1B"}

package/dist/createMutation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createMutation.test.d.ts.map

package/dist/createMutation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMutation.test.d.ts","sourceRoot":"","sources":["../src/createMutation.test.ts"],"names":[],"mappings":""}

package/dist/createMutation.test.js

@@ -0,0 +1,168 @@
+import { describe, it, expect, vi } from 'vitest';
+import { createMutation } from './createMutation';
+describe('createMutation', () => {
+    it('should start in idle state', () => {
+        const mutator = vi.fn(() => Promise.resolve(null));
+        const mutation = createMutation(mutator);
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+        expect(mutation.error).toBeNull();
+        expect(mutator).not.toHaveBeenCalled();
+    });
+    it('should execute mutator when mutate is called', async () => {
+        const mutator = vi.fn((params) => Promise.resolve(params));
+        const mutation = createMutation(mutator);
+        mutation.mutate('test');
+        expect(mutation.isPending).toBe(true);
+        expect(mutation.params).toBe('test');
+        expect(mutator).toHaveBeenCalledWith('test');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+    });
+    it('should handle successful mutations', async () => {
+        const mutator = (params) => Promise.resolve(params);
+        const mutation = createMutation(mutator);
+        mutation.mutate({ id: 1 });
+        expect(mutation.isPending).toBe(true);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.error).toBeNull();
+        expect(mutation.params).toBeNull();
+    });
+    it('should handle mutation errors', async () => {
+        const mutator = (params) => Promise.reject(new Error('Mutation failed'));
+        const mutation = createMutation(mutator);
+        mutation.mutate('test');
+        expect(mutation.isPending).toBe(true);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.error).toContain('Mutation failed');
+        expect(mutation.params).toBeNull();
+    });
+    it('should cancel previous mutation on new mutate call', async () => {
+        let resolveFirst;
+        let resolveSecond;
+        const firstPromise = new Promise((resolve) => {
+            resolveFirst = resolve;
+        });
+        const secondPromise = new Promise((resolve) => {
+            resolveSecond = resolve;
+        });
+        const mutator = vi
+            .fn()
+            .mockReturnValueOnce(firstPromise)
+            .mockReturnValueOnce(secondPromise);
+        const mutation = createMutation(mutator);
+        mutation.mutate('first');
+        expect(mutation.params).toBe('first');
+        // Trigger second mutation before first completes
+        mutation.mutate('second');
+        expect(mutation.params).toBe('second');
+        // Resolve first (should be ignored due to cancellation)
+        resolveFirst('first');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.isPending).toBe(true); // Still pending second
+        // Resolve second
+        resolveSecond('second');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+    });
+    it('should handle rapid successive mutations', async () => {
+        let counter = 0;
+        const mutator = vi.fn(() => Promise.resolve(++counter));
+        const mutation = createMutation(mutator);
+        // Rapid mutations
+        mutation.mutate('1');
+        mutation.mutate('2');
+        mutation.mutate('3');
+        await new Promise((resolve) => setTimeout(resolve, 20));
+        // Only the last mutation should complete
+        expect(mutator).toHaveBeenCalledTimes(3);
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+    });
+    it('should clear error on successful retry', async () => {
+        const mutator = vi
+            .fn()
+            .mockRejectedValueOnce(new Error('First error'))
+            .mockResolvedValueOnce('success');
+        const mutation = createMutation(mutator);
+        mutation.mutate('attempt1');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.error).toContain('First error');
+        mutation.mutate('attempt2');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(mutation.error).toBeNull();
+        expect(mutation.isPending).toBe(false);
+    });
+    it('should handle different parameter types', async () => {
+        const mutator = vi.fn((params) => Promise.resolve(params));
+        const mutation = createMutation(mutator);
+        // Object params
+        mutation.mutate({ id: 1, name: 'test' });
+        expect(mutation.params).toEqual({ id: 1, name: 'test' });
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // Array params
+        const mutation2 = createMutation(mutator);
+        mutation2.mutate([1, 2, 3]);
+        expect(mutation2.params).toEqual([1, 2, 3]);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // String params
+        const mutation3 = createMutation(mutator);
+        mutation3.mutate('string');
+        expect(mutation3.params).toBe('string');
+    });
+    it('should convert errors to strings', async () => {
+        const mutator = (params) => Promise.reject('string error');
+        const mutation = createMutation(mutator);
+        mutation.mutate('test');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(typeof mutation.error).toBe('string');
+        expect(mutation.error).toBe('string error');
+    });
+    it('should handle AbortController cancellation correctly', async () => {
+        const abortedPromise = new Promise((_, reject) => {
+            const error = new Error('Aborted');
+            error.name = 'AbortError';
+            setTimeout(() => reject(error), 5);
+        });
+        const successPromise = Promise.resolve('success');
+        const mutator = vi
+            .fn()
+            .mockReturnValueOnce(abortedPromise)
+            .mockReturnValueOnce(successPromise);
+        const mutation = createMutation(mutator);
+        mutation.mutate('first');
+        // Immediately trigger second mutation to abort first
+        mutation.mutate('second');
+        await new Promise((resolve) => setTimeout(resolve, 20));
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.error).toBeNull();
+    });
+    it('should track params during pending state', () => {
+        const mutator = () => new Promise((resolve) => setTimeout(() => resolve(null), 100));
+        const mutation = createMutation(mutator);
+        const params = { id: 123, action: 'update' };
+        mutation.mutate(params);
+        expect(mutation.isPending).toBe(true);
+        expect(mutation.params).toEqual(params);
+    });
+    it('should expose reactive getters', async () => {
+        const mutator = () => Promise.resolve('data');
+        const mutation = createMutation(mutator);
+        // Access getters before mutation
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+        expect(mutation.error).toBeNull();
+        mutation.mutate('test');
+        // Access getters during mutation
+        expect(mutation.isPending).toBe(true);
+        expect(mutation.params).toBe('test');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // Access getters after mutation
+        expect(mutation.isPending).toBe(false);
+        expect(mutation.params).toBeNull();
+    });
+});

package/dist/createQuery.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createQuery.test.d.ts.map

package/dist/createQuery.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQuery.test.d.ts","sourceRoot":"","sources":["../src/createQuery.test.ts"],"names":[],"mappings":""}

package/dist/createQuery.test.js

@@ -0,0 +1,156 @@
+import { describe, it, expect, vi } from 'vitest';
+import { createQuery } from './createQuery';
+describe('createQuery', () => {
+    it('should start in pending state and fetch immediately', async () => {
+        const fetcher = vi.fn(() => Promise.resolve('data'));
+        const query = createQuery(fetcher);
+        expect(query.isPending).toBe(true);
+        expect(query.data).toBeNull();
+        expect(query.error).toBeNull();
+        expect(fetcher).toHaveBeenCalledTimes(1);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.isPending).toBe(false);
+        expect(query.data).toBe('data');
+    });
+    it('should resolve to data state on success', async () => {
+        const fetcher = () => Promise.resolve({ id: 1, name: 'Test' });
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.isPending).toBe(false);
+        expect(query.data).toEqual({ id: 1, name: 'Test' });
+        expect(query.error).toBeNull();
+    });
+    it('should resolve to error state on failure', async () => {
+        const fetcher = () => Promise.reject(new Error('Network error'));
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.isPending).toBe(false);
+        expect(query.data).toBeNull();
+        expect(query.error).toContain('Network error');
+    });
+    it('should allow manual refetch', async () => {
+        const fetcher = vi.fn(() => Promise.resolve('data'));
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(fetcher).toHaveBeenCalledTimes(1);
+        query.fetch();
+        expect(query.isPending).toBe(true);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(fetcher).toHaveBeenCalledTimes(2);
+        expect(query.isPending).toBe(false);
+    });
+    it('should retain old data during refetch by default', async () => {
+        const fetcher = vi
+            .fn()
+            .mockResolvedValueOnce('data1')
+            .mockResolvedValueOnce('data2');
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBe('data1');
+        query.fetch();
+        expect(query.isPending).toBe(true);
+        expect(query.data).toBe('data1'); // Old data retained
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBe('data2');
+    });
+    it('should clear old data when force refetch is used', async () => {
+        const fetcher = vi
+            .fn()
+            .mockResolvedValueOnce('data1')
+            .mockResolvedValueOnce('data2');
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBe('data1');
+        query.fetch(true); // Force refresh
+        expect(query.isPending).toBe(true);
+        expect(query.data).toBeNull(); // Old data cleared
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBe('data2');
+    });
+    it('should cancel previous request on new fetch', async () => {
+        let resolveFirst;
+        let resolveSecond;
+        const firstPromise = new Promise((resolve) => {
+            resolveFirst = resolve;
+        });
+        const secondPromise = new Promise((resolve) => {
+            resolveSecond = resolve;
+        });
+        const fetcher = vi
+            .fn()
+            .mockReturnValueOnce(firstPromise)
+            .mockReturnValueOnce(secondPromise);
+        const query = createQuery(fetcher);
+        expect(query.isPending).toBe(true);
+        // Trigger second fetch before first completes
+        query.fetch();
+        // Resolve first (should be ignored due to cancellation)
+        resolveFirst('first');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBeNull(); // First result ignored
+        // Resolve second
+        resolveSecond('second');
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.data).toBe('second');
+    });
+    it('should handle rapid successive fetches', async () => {
+        let counter = 0;
+        const fetcher = vi.fn(() => Promise.resolve(`data-${++counter}`));
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // Rapid fetches
+        query.fetch();
+        query.fetch();
+        query.fetch();
+        await new Promise((resolve) => setTimeout(resolve, 20));
+        // Only the last fetch should matter
+        expect(fetcher).toHaveBeenCalledTimes(4); // Initial + 3 fetches
+        expect(query.data).toBe('data-4');
+    });
+    it('should cancel on error and allow refetch', async () => {
+        const fetcher = vi
+            .fn()
+            .mockRejectedValueOnce(new Error('First error'))
+            .mockResolvedValueOnce('success');
+        const query = createQuery(fetcher);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.error).toContain('First error');
+        expect(query.data).toBeNull();
+        query.fetch();
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.error).toBeNull();
+        expect(query.data).toBe('success');
+    });
+    it('should handle AbortController cancellation correctly', async () => {
+        const abortedPromise = new Promise((_, reject) => {
+            const error = new Error('Aborted');
+            error.name = 'AbortError';
+            setTimeout(() => reject(error), 5);
+        });
+        const successPromise = Promise.resolve('success');
+        const fetcher = vi
+            .fn()
+            .mockReturnValueOnce(abortedPromise)
+            .mockReturnValueOnce(successPromise);
+        const query = createQuery(fetcher);
+        // Immediately trigger second fetch to abort first
+        query.fetch();
+        await new Promise((resolve) => setTimeout(resolve, 20));
+        expect(query.data).toBe('success');
+        expect(query.error).toBeNull();
+    });
+    it('should expose reactive getters', async () => {
+        const fetcher = () => Promise.resolve('data');
+        const query = createQuery(fetcher);
+        // Access getters
+        const pending1 = query.isPending;
+        const data1 = query.data;
+        const error1 = query.error;
+        expect(pending1).toBe(true);
+        expect(data1).toBeNull();
+        expect(error1).toBeNull();
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        expect(query.isPending).toBe(false);
+        expect(query.data).toBe('data');
+    });
+});

package/dist/createRef.d.ts

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