rask-ui 0.21.0 → 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/asyncState.d.ts +16 -0
- package/dist/asyncState.d.ts.map +1 -0
- package/dist/asyncState.js +24 -0
- package/dist/component.d.ts.map +1 -1
- package/dist/component.js +4 -1
- package/dist/context.d.ts +5 -0
- package/dist/context.d.ts.map +1 -0
- package/dist/context.js +29 -0
- package/dist/createAsync.test.d.ts +2 -0
- package/dist/createAsync.test.d.ts.map +1 -0
- package/dist/createAsync.test.js +110 -0
- package/dist/createContext.d.ts +20 -21
- package/dist/createContext.d.ts.map +1 -1
- package/dist/createContext.js +29 -25
- package/dist/createMutation.test.d.ts +2 -0
- package/dist/createMutation.test.d.ts.map +1 -0
- package/dist/createMutation.test.js +168 -0
- package/dist/createQuery.test.d.ts +2 -0
- package/dist/createQuery.test.d.ts.map +1 -0
- package/dist/createQuery.test.js +156 -0
- package/dist/createRef.d.ts +6 -0
- package/dist/createRef.d.ts.map +1 -0
- package/dist/createRef.js +8 -0
- package/dist/createState.d.ts +0 -2
- package/dist/createState.d.ts.map +1 -1
- package/dist/createState.js +5 -40
- package/dist/createState.test.d.ts.map +1 -0
- package/dist/createState.test.js +111 -0
- package/dist/createView.d.ts +44 -18
- package/dist/createView.d.ts.map +1 -1
- package/dist/createView.js +48 -57
- package/dist/createView.test.d.ts.map +1 -0
- package/dist/{tests/createView.test.js → createView.test.js} +40 -40
- package/dist/error.d.ts +14 -3
- package/dist/error.d.ts.map +1 -1
- package/dist/error.js +15 -14
- package/dist/jsx.d.ts +256 -10
- package/dist/observation.test.d.ts.map +1 -0
- package/dist/observation.test.js +150 -0
- package/dist/suspense.d.ts +25 -0
- package/dist/suspense.d.ts.map +1 -0
- package/dist/suspense.js +97 -0
- package/dist/test-setup.d.ts +16 -0
- package/dist/test-setup.d.ts.map +1 -0
- package/dist/test-setup.js +40 -0
- package/dist/test.d.ts +2 -0
- package/dist/test.d.ts.map +1 -0
- package/dist/test.js +24 -0
- package/dist/useCatchError.d.ts +3 -1
- package/dist/useCatchError.d.ts.map +1 -1
- package/dist/useCatchError.js +4 -3
- package/package.json +2 -2
- package/swc-plugin/target/wasm32-wasip1/release/swc_plugin_rask_component.wasm +0 -0
- package/dist/createComputed.d.ts +0 -4
- package/dist/createComputed.d.ts.map +0 -1
- package/dist/createComputed.js +0 -69
- package/dist/createEffect.d.ts +0 -2
- package/dist/createEffect.d.ts.map +0 -1
- package/dist/createEffect.js +0 -29
- package/dist/createRouter.d.ts +0 -8
- package/dist/createRouter.d.ts.map +0 -1
- package/dist/createRouter.js +0 -27
- package/dist/createTask.d.ts +0 -31
- package/dist/createTask.d.ts.map +0 -1
- package/dist/createTask.js +0 -79
- package/dist/patchInferno.d.ts +0 -6
- package/dist/patchInferno.d.ts.map +0 -1
- package/dist/patchInferno.js +0 -53
- package/dist/scheduler.d.ts +0 -4
- package/dist/scheduler.d.ts.map +0 -1
- package/dist/scheduler.js +0 -107
- package/dist/tests/batch.test.d.ts +0 -2
- package/dist/tests/batch.test.d.ts.map +0 -1
- package/dist/tests/batch.test.js +0 -244
- package/dist/tests/createComputed.test.d.ts +0 -2
- package/dist/tests/createComputed.test.d.ts.map +0 -1
- package/dist/tests/createComputed.test.js +0 -257
- package/dist/tests/createContext.test.d.ts +0 -2
- package/dist/tests/createContext.test.d.ts.map +0 -1
- package/dist/tests/createContext.test.js +0 -136
- package/dist/tests/createEffect.test.d.ts +0 -2
- package/dist/tests/createEffect.test.d.ts.map +0 -1
- package/dist/tests/createEffect.test.js +0 -467
- package/dist/tests/createState.test.d.ts.map +0 -1
- package/dist/tests/createState.test.js +0 -144
- package/dist/tests/createTask.test.d.ts +0 -2
- package/dist/tests/createTask.test.d.ts.map +0 -1
- package/dist/tests/createTask.test.js +0 -322
- package/dist/tests/createView.test.d.ts.map +0 -1
- package/dist/tests/error.test.d.ts +0 -2
- package/dist/tests/error.test.d.ts.map +0 -1
- package/dist/tests/error.test.js +0 -168
- package/dist/tests/observation.test.d.ts.map +0 -1
- package/dist/tests/observation.test.js +0 -341
- package/dist/useComputed.d.ts +0 -5
- package/dist/useComputed.d.ts.map +0 -1
- package/dist/useComputed.js +0 -69
- package/dist/useQuery.d.ts +0 -25
- package/dist/useQuery.d.ts.map +0 -1
- package/dist/useQuery.js +0 -25
- package/dist/useSuspendAsync.d.ts +0 -18
- package/dist/useSuspendAsync.d.ts.map +0 -1
- package/dist/useSuspendAsync.js +0 -37
- package/dist/useTask.d.ts +0 -25
- package/dist/useTask.d.ts.map +0 -1
- package/dist/useTask.js +0 -70
- /package/dist/{tests/createState.test.d.ts → createState.test.d.ts} +0 -0
- /package/dist/{tests/createView.test.d.ts → createView.test.d.ts} +0 -0
- /package/dist/{tests/observation.test.d.ts → observation.test.d.ts} +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { VNode } from "snabbdom";
|
|
2
|
+
export declare function createSuspense<T extends Record<string, Promise<any>>>(promises: T): {
|
|
3
|
+
[K in keyof T]: Awaited<T[K]>;
|
|
4
|
+
};
|
|
5
|
+
export declare function Suspense(props: {
|
|
6
|
+
fallback: VNode;
|
|
7
|
+
children: VNode | VNode[];
|
|
8
|
+
}): () => VNode | VNode[];
|
|
9
|
+
type SuspensePromiseState<T> = {
|
|
10
|
+
status: "pending";
|
|
11
|
+
value: null;
|
|
12
|
+
error: null;
|
|
13
|
+
} | {
|
|
14
|
+
status: "resolved";
|
|
15
|
+
value: T;
|
|
16
|
+
error: null;
|
|
17
|
+
} | {
|
|
18
|
+
status: "rejected";
|
|
19
|
+
value: null;
|
|
20
|
+
error: string;
|
|
21
|
+
};
|
|
22
|
+
export type SuspensePromise<T> = Promise<T> & SuspensePromiseState<T>;
|
|
23
|
+
export declare function createSuspensePromise<T>(promise: Promise<T>): SuspensePromise<T>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=suspense.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"suspense.d.ts","sourceRoot":"","sources":["../src/suspense.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EACnE,QAAQ,EAAE,CAAC,GACV;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC9B,CAuBA;AAQD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,QAAQ,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;CAC3B,yBAmBA;AAED,KAAK,oBAAoB,CAAC,CAAC,IACvB;IACE,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAEtE,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAClB,eAAe,CAAC,CAAC,CAAC,CAgEpB"}
|
package/dist/suspense.js
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { getCurrentComponent } from "./component";
|
|
2
|
+
import { createState } from "./createState";
|
|
3
|
+
import { getCurrentObserver, Signal } from "./observation";
|
|
4
|
+
export function createSuspense(promises) {
|
|
5
|
+
let currentComponent = getCurrentComponent();
|
|
6
|
+
if (!currentComponent) {
|
|
7
|
+
throw new Error("createSuspense must be used in the setup of a component");
|
|
8
|
+
}
|
|
9
|
+
const proxy = {};
|
|
10
|
+
for (const key in promises) {
|
|
11
|
+
const promise = promises[key];
|
|
12
|
+
const suspensePromise = isSuspensePromise(promise)
|
|
13
|
+
? promise
|
|
14
|
+
: createSuspensePromise(promise);
|
|
15
|
+
currentComponent.notifyAsync(suspensePromise);
|
|
16
|
+
Object.defineProperty(proxy, key, {
|
|
17
|
+
get() {
|
|
18
|
+
return suspensePromise.value;
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return proxy;
|
|
23
|
+
}
|
|
24
|
+
function isSuspensePromise(promise) {
|
|
25
|
+
return "status" in promise;
|
|
26
|
+
}
|
|
27
|
+
export function Suspense(props) {
|
|
28
|
+
const currentComponent = getCurrentComponent();
|
|
29
|
+
const state = createState({
|
|
30
|
+
suspendingPromises: [],
|
|
31
|
+
});
|
|
32
|
+
currentComponent.onAsync((promise) => {
|
|
33
|
+
state.suspendingPromises = state.suspendingPromises.concat(promise);
|
|
34
|
+
});
|
|
35
|
+
return () => {
|
|
36
|
+
const isAllResolved = state.suspendingPromises.every((promise) => promise.status === "resolved");
|
|
37
|
+
console.log(isAllResolved);
|
|
38
|
+
return isAllResolved ? props.children : props.fallback;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
export function createSuspensePromise(promise) {
|
|
42
|
+
const signal = new Signal();
|
|
43
|
+
const state = {
|
|
44
|
+
error: null,
|
|
45
|
+
status: "pending",
|
|
46
|
+
value: null,
|
|
47
|
+
};
|
|
48
|
+
Object.defineProperty(promise, "value", {
|
|
49
|
+
get() {
|
|
50
|
+
const observer = getCurrentObserver();
|
|
51
|
+
if (observer) {
|
|
52
|
+
observer.subscribeSignal(signal);
|
|
53
|
+
}
|
|
54
|
+
return state.value;
|
|
55
|
+
},
|
|
56
|
+
set(newValue) {
|
|
57
|
+
state.value = newValue;
|
|
58
|
+
signal.notify();
|
|
59
|
+
},
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(promise, "error", {
|
|
62
|
+
get() {
|
|
63
|
+
const observer = getCurrentObserver();
|
|
64
|
+
if (observer) {
|
|
65
|
+
observer.subscribeSignal(signal);
|
|
66
|
+
}
|
|
67
|
+
return state.error;
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
Object.defineProperty(promise, "status", {
|
|
71
|
+
get() {
|
|
72
|
+
const observer = getCurrentObserver();
|
|
73
|
+
if (observer) {
|
|
74
|
+
observer.subscribeSignal(signal);
|
|
75
|
+
}
|
|
76
|
+
return state.status;
|
|
77
|
+
},
|
|
78
|
+
});
|
|
79
|
+
promise
|
|
80
|
+
.then((value) => {
|
|
81
|
+
Object.assign(state, {
|
|
82
|
+
value,
|
|
83
|
+
error: null,
|
|
84
|
+
status: "resolved",
|
|
85
|
+
});
|
|
86
|
+
signal.notify();
|
|
87
|
+
})
|
|
88
|
+
.catch((error) => {
|
|
89
|
+
Object.assign(state, {
|
|
90
|
+
value: null,
|
|
91
|
+
error: String(error),
|
|
92
|
+
status: "rejected",
|
|
93
|
+
});
|
|
94
|
+
signal.notify();
|
|
95
|
+
});
|
|
96
|
+
return promise;
|
|
97
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { VNode } from 'snabbdom';
|
|
2
|
+
/**
|
|
3
|
+
* Test helper to render a component and provide easy cleanup
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* const { container, unmount } = renderComponent(<MyComponent />);
|
|
7
|
+
* expect(container.textContent).toBe('hello');
|
|
8
|
+
* unmount();
|
|
9
|
+
*/
|
|
10
|
+
export declare function renderComponent(vnode: VNode): {
|
|
11
|
+
container: HTMLElement;
|
|
12
|
+
vnode: VNode;
|
|
13
|
+
unmount: () => void;
|
|
14
|
+
rerender: (newVnode: VNode) => VNode;
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=test-setup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAUtC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK;;;;yBAmBnB,KAAK;EAK7B"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// Test setup file for vitest
|
|
2
|
+
import { afterEach } from 'vitest';
|
|
3
|
+
import { render, patch } from './render';
|
|
4
|
+
// Clean up after each test
|
|
5
|
+
afterEach(() => {
|
|
6
|
+
document.body.innerHTML = '';
|
|
7
|
+
// Remove any style tags added by render function
|
|
8
|
+
document.querySelectorAll('style').forEach(style => style.remove());
|
|
9
|
+
});
|
|
10
|
+
/**
|
|
11
|
+
* Test helper to render a component and provide easy cleanup
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* const { container, unmount } = renderComponent(<MyComponent />);
|
|
15
|
+
* expect(container.textContent).toBe('hello');
|
|
16
|
+
* unmount();
|
|
17
|
+
*/
|
|
18
|
+
export function renderComponent(vnode) {
|
|
19
|
+
const container = document.createElement('div');
|
|
20
|
+
document.body.appendChild(container);
|
|
21
|
+
let currentVnode = render(vnode, container);
|
|
22
|
+
const actualElement = currentVnode.elm;
|
|
23
|
+
return {
|
|
24
|
+
// The actual rendered DOM element (after patch replaces container)
|
|
25
|
+
container: actualElement,
|
|
26
|
+
// The vnode returned by render
|
|
27
|
+
vnode: currentVnode,
|
|
28
|
+
// Cleanup function
|
|
29
|
+
unmount: () => {
|
|
30
|
+
if (actualElement && actualElement.parentNode) {
|
|
31
|
+
actualElement.parentNode.removeChild(actualElement);
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
// Re-render with new vnode
|
|
35
|
+
rerender: (newVnode) => {
|
|
36
|
+
currentVnode = patch(currentVnode, newVnode);
|
|
37
|
+
return currentVnode;
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
}
|
package/dist/test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"AAiBA,wBAAgB,IAAI,CAAC,SAAS,EAAE,GAAG,QA4BlC"}
|
package/dist/test.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { init, classModule, propsModule, styleModule, eventListenersModule, h, } from "snabbdom";
|
|
2
|
+
const patch = init([
|
|
3
|
+
// Init patch function with chosen modules
|
|
4
|
+
classModule, // makes it easy to toggle classes
|
|
5
|
+
propsModule, // for setting properties on DOM elements
|
|
6
|
+
styleModule, // handles styling on elements with support for animations
|
|
7
|
+
eventListenersModule, // attaches event listeners
|
|
8
|
+
]);
|
|
9
|
+
export function test(container) {
|
|
10
|
+
const vnode = h("div#container.two.classes", { on: { click: () => console.log("div clicked") } }, [
|
|
11
|
+
h("span", { style: { fontWeight: "bold" } }, "This is bold"),
|
|
12
|
+
" and this is just normal text",
|
|
13
|
+
h("a", { props: { href: "/foo" } }, "I'll take you places!"),
|
|
14
|
+
]);
|
|
15
|
+
// Patch into empty DOM element – this modifies the DOM as a side effect
|
|
16
|
+
patch(container, vnode);
|
|
17
|
+
const newVnode = h("div#container.two.classes", { on: { click: () => console.log("updated div clicked") } }, [
|
|
18
|
+
h("span", { style: { fontWeight: "normal", fontStyle: "italic" } }, "This is now italic type"),
|
|
19
|
+
" and this is still just normal text",
|
|
20
|
+
h("a", { props: { href: "/bar" } }, "I'll take you places!"),
|
|
21
|
+
]);
|
|
22
|
+
// Second `patch` invocation
|
|
23
|
+
patch(vnode, newVnode); // Snabbdom efficiently updates the old view to the new state
|
|
24
|
+
}
|
package/dist/useCatchError.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export declare const CatchErrorContext:
|
|
1
|
+
export declare const CatchErrorContext: (state: {
|
|
2
|
+
error: unknown;
|
|
3
|
+
}) => (error: unknown) => unknown;
|
|
2
4
|
export declare function useCatchError(): {
|
|
3
5
|
error: unknown;
|
|
4
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCatchError.d.ts","sourceRoot":"","sources":["../src/useCatchError.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,
|
|
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"}
|
package/dist/useCatchError.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { useState } from "./useState";
|
|
2
2
|
import { createContext, useInjectContext } from "./createContext";
|
|
3
3
|
import { getCurrentComponent } from "./component";
|
|
4
|
-
export const CatchErrorContext = createContext()
|
|
4
|
+
export const CatchErrorContext = createContext((state) => {
|
|
5
|
+
return (error) => (state.error = error);
|
|
6
|
+
});
|
|
5
7
|
export function useCatchError() {
|
|
6
8
|
const currentComponent = getCurrentComponent();
|
|
7
9
|
if (!currentComponent || currentComponent.isRendering) {
|
|
8
10
|
throw new Error("Only use the useCatchError hook in setup");
|
|
9
11
|
}
|
|
10
|
-
const inject = useInjectContext(CatchErrorContext);
|
|
11
12
|
const state = useState({
|
|
12
13
|
error: null,
|
|
13
14
|
});
|
|
14
|
-
|
|
15
|
+
useInjectContext(CatchErrorContext, state);
|
|
15
16
|
return state;
|
|
16
17
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rask-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.22.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"README.md"
|
|
34
34
|
],
|
|
35
35
|
"scripts": {
|
|
36
|
-
"build": "npm run build:plugin && tsc --project tsconfig.build.json &&
|
|
36
|
+
"build": "npm run build:plugin && tsc --project tsconfig.build.json && cpx ../../README.md . && cpx ../../logo.png .",
|
|
37
37
|
"build:plugin": "cd swc-plugin && cargo build --release --target wasm32-wasip1",
|
|
38
38
|
"dev": "tsc --watch",
|
|
39
39
|
"test": "vitest",
|
|
Binary file
|
package/dist/createComputed.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createComputed.d.ts","sourceRoot":"","sources":["../src/createComputed.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAChE,QAAQ,EAAE,CAAC,GACV;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CA0EA"}
|
package/dist/createComputed.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { getCurrentComponent, createCleanup } from "./component";
|
|
2
|
-
import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
|
|
3
|
-
import { getCurrentObserver, Observer, Signal } from "./observation";
|
|
4
|
-
export function createComputed(computed) {
|
|
5
|
-
const currentComponent = getCurrentComponent();
|
|
6
|
-
const proxy = {};
|
|
7
|
-
let notifyInspectorRef = {};
|
|
8
|
-
for (const prop in computed) {
|
|
9
|
-
let isDirty = true;
|
|
10
|
-
let value;
|
|
11
|
-
const signal = new Signal();
|
|
12
|
-
const computedObserver = new Observer(() => {
|
|
13
|
-
isDirty = true;
|
|
14
|
-
signal.notify();
|
|
15
|
-
if (INSPECTOR_ENABLED) {
|
|
16
|
-
notifyInspectorRef.current?.notify({
|
|
17
|
-
type: "computed",
|
|
18
|
-
path: notifyInspectorRef.current.path.concat(prop),
|
|
19
|
-
isDirty: true,
|
|
20
|
-
value,
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
createCleanup(() => computedObserver.dispose());
|
|
25
|
-
Object.defineProperty(proxy, prop, {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
configurable: true,
|
|
28
|
-
get() {
|
|
29
|
-
const currentObserver = getCurrentObserver();
|
|
30
|
-
if (currentObserver) {
|
|
31
|
-
currentObserver.subscribeSignal(signal);
|
|
32
|
-
}
|
|
33
|
-
if (isDirty) {
|
|
34
|
-
const stopObserving = computedObserver.observe();
|
|
35
|
-
value = computed[prop]();
|
|
36
|
-
stopObserving();
|
|
37
|
-
isDirty = false;
|
|
38
|
-
if (INSPECTOR_ENABLED) {
|
|
39
|
-
notifyInspectorRef.current?.notify({
|
|
40
|
-
type: "computed",
|
|
41
|
-
path: notifyInspectorRef.current.path.concat(prop),
|
|
42
|
-
isDirty: false,
|
|
43
|
-
value,
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
return value;
|
|
47
|
-
}
|
|
48
|
-
return value;
|
|
49
|
-
},
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
if (INSPECTOR_ENABLED) {
|
|
53
|
-
Object.defineProperty(proxy, INSPECT_MARKER, {
|
|
54
|
-
enumerable: false,
|
|
55
|
-
configurable: false,
|
|
56
|
-
get() {
|
|
57
|
-
return !notifyInspectorRef.current;
|
|
58
|
-
},
|
|
59
|
-
set: (value) => {
|
|
60
|
-
Object.defineProperty(notifyInspectorRef, "current", {
|
|
61
|
-
get() {
|
|
62
|
-
return value.current;
|
|
63
|
-
},
|
|
64
|
-
});
|
|
65
|
-
},
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
return proxy;
|
|
69
|
-
}
|
package/dist/createEffect.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createEffect.d.ts","sourceRoot":"","sources":["../src/createEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QA2BzD"}
|
package/dist/createEffect.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { syncBatch } from "./batch";
|
|
2
|
-
import { createCleanup, getCurrentComponent } from "./component";
|
|
3
|
-
import { Observer } from "./observation";
|
|
4
|
-
export function createEffect(cb) {
|
|
5
|
-
const component = getCurrentComponent();
|
|
6
|
-
if (!component || component.isRendering) {
|
|
7
|
-
throw new Error("Only use createEffect in component setup");
|
|
8
|
-
}
|
|
9
|
-
let disposer;
|
|
10
|
-
const observer = new Observer(() => {
|
|
11
|
-
syncBatch(runEffect);
|
|
12
|
-
});
|
|
13
|
-
const runEffect = () => {
|
|
14
|
-
try {
|
|
15
|
-
disposer?.();
|
|
16
|
-
}
|
|
17
|
-
catch (error) {
|
|
18
|
-
console.error("Error in effect dispose function:", error);
|
|
19
|
-
}
|
|
20
|
-
const stopObserving = observer.observe();
|
|
21
|
-
disposer = cb();
|
|
22
|
-
stopObserving();
|
|
23
|
-
};
|
|
24
|
-
createCleanup(() => {
|
|
25
|
-
observer.dispose();
|
|
26
|
-
disposer?.();
|
|
27
|
-
});
|
|
28
|
-
runEffect();
|
|
29
|
-
}
|
package/dist/createRouter.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { RoutesConfig, TRouter, TRoutes } from "typed-client-router";
|
|
2
|
-
export type Router<T extends RoutesConfig> = Omit<TRouter<T>, "current" | "listen" | "pathname"> & {
|
|
3
|
-
route?: TRoutes<T>;
|
|
4
|
-
};
|
|
5
|
-
export declare function createRouter<const T extends RoutesConfig>(config: T, options?: {
|
|
6
|
-
base?: string;
|
|
7
|
-
}): Router<T>;
|
|
8
|
-
//# sourceMappingURL=createRouter.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createRouter.d.ts","sourceRoot":"","sources":["../src/createRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,YAAY,IAAI,IAAI,CAC/C,OAAO,CAAC,CAAC,CAAC,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,YAAY,EACvD,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,MAAM,CAAC,CAAC,CAAC,CA4BX"}
|
package/dist/createRouter.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { createRouter as internalCreateRouter, } from "typed-client-router";
|
|
2
|
-
import { getCurrentObserver, Signal } from "./observation";
|
|
3
|
-
import { createCleanup, getCurrentComponent } from "./component";
|
|
4
|
-
export function createRouter(config, options) {
|
|
5
|
-
if (!getCurrentComponent()) {
|
|
6
|
-
throw new Error("Only use createRouter in component setup");
|
|
7
|
-
}
|
|
8
|
-
const router = internalCreateRouter(config, options);
|
|
9
|
-
const signal = new Signal();
|
|
10
|
-
createCleanup(router.listen(() => signal.notify()));
|
|
11
|
-
return {
|
|
12
|
-
get route() {
|
|
13
|
-
const observer = getCurrentObserver();
|
|
14
|
-
if (observer) {
|
|
15
|
-
observer.subscribeSignal(signal);
|
|
16
|
-
}
|
|
17
|
-
return router.current;
|
|
18
|
-
},
|
|
19
|
-
get queries() {
|
|
20
|
-
return router.queries;
|
|
21
|
-
},
|
|
22
|
-
setQuery: router.setQuery,
|
|
23
|
-
push: router.push,
|
|
24
|
-
replace: router.replace,
|
|
25
|
-
url: router.url,
|
|
26
|
-
};
|
|
27
|
-
}
|
package/dist/createTask.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
export type TaskState<P, T> = {
|
|
2
|
-
isRunning: false;
|
|
3
|
-
params: null;
|
|
4
|
-
result: null;
|
|
5
|
-
error: null;
|
|
6
|
-
} | {
|
|
7
|
-
isRunning: true;
|
|
8
|
-
result: T | null;
|
|
9
|
-
params: P;
|
|
10
|
-
error: null;
|
|
11
|
-
} | {
|
|
12
|
-
isRunning: false;
|
|
13
|
-
params: null;
|
|
14
|
-
result: T;
|
|
15
|
-
error: null;
|
|
16
|
-
} | {
|
|
17
|
-
isRunning: false;
|
|
18
|
-
params: null;
|
|
19
|
-
result: null;
|
|
20
|
-
error: string;
|
|
21
|
-
};
|
|
22
|
-
export type Task<A, B = never> = [B] extends [never] ? TaskState<null, A> & {
|
|
23
|
-
run(): Promise<A>;
|
|
24
|
-
rerun(): Promise<A>;
|
|
25
|
-
} : TaskState<A, B> & {
|
|
26
|
-
run(params: A): Promise<B>;
|
|
27
|
-
rerun(params: A): Promise<B>;
|
|
28
|
-
};
|
|
29
|
-
export declare function createTask<T>(task: (params: undefined, signal: AbortSignal) => Promise<T>): Task<T>;
|
|
30
|
-
export declare function createTask<P, T>(task: (params: P, signal: AbortSignal) => Promise<T>): Task<P, T>;
|
|
31
|
-
//# sourceMappingURL=createTask.d.ts.map
|
package/dist/createTask.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createTask.d.ts","sourceRoot":"","sources":["../src/createTask.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,IACtB;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAChD,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG;IACnB,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;CACrB,GACD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAChB,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEN,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,CAAC,CAAC,CAAC,CAAC;AACX,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAC7B,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GACnD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}
|
package/dist/createTask.js
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { createCleanup, getCurrentComponent } from "./component";
|
|
2
|
-
import { assignState, createState } from "./createState";
|
|
3
|
-
export function createTask(task) {
|
|
4
|
-
const currentComponent = getCurrentComponent();
|
|
5
|
-
if (!currentComponent || currentComponent.isRendering) {
|
|
6
|
-
throw new Error("Only use createTask in component setup");
|
|
7
|
-
}
|
|
8
|
-
const state = createState({
|
|
9
|
-
isRunning: false,
|
|
10
|
-
result: null,
|
|
11
|
-
error: null,
|
|
12
|
-
params: null,
|
|
13
|
-
});
|
|
14
|
-
let currentAbortController;
|
|
15
|
-
const fetch = (params) => {
|
|
16
|
-
currentAbortController?.abort();
|
|
17
|
-
const abortController = (currentAbortController = new AbortController());
|
|
18
|
-
const promise = task(params, abortController.signal);
|
|
19
|
-
promise
|
|
20
|
-
.then((result) => {
|
|
21
|
-
if (abortController.signal.aborted) {
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
assignState(state, {
|
|
25
|
-
isRunning: false,
|
|
26
|
-
result,
|
|
27
|
-
error: null,
|
|
28
|
-
params: null,
|
|
29
|
-
});
|
|
30
|
-
})
|
|
31
|
-
.catch((error) => {
|
|
32
|
-
if (abortController.signal.aborted) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
assignState(state, {
|
|
36
|
-
isRunning: false,
|
|
37
|
-
result: null,
|
|
38
|
-
error: String(error),
|
|
39
|
-
params: null,
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
return promise;
|
|
43
|
-
};
|
|
44
|
-
createCleanup(() => currentAbortController?.abort());
|
|
45
|
-
return {
|
|
46
|
-
get isRunning() {
|
|
47
|
-
return state.isRunning;
|
|
48
|
-
},
|
|
49
|
-
get result() {
|
|
50
|
-
return state.result;
|
|
51
|
-
},
|
|
52
|
-
get error() {
|
|
53
|
-
return state.error;
|
|
54
|
-
},
|
|
55
|
-
get params() {
|
|
56
|
-
return state.params;
|
|
57
|
-
},
|
|
58
|
-
run(params) {
|
|
59
|
-
const promise = fetch(params);
|
|
60
|
-
assignState(state, {
|
|
61
|
-
isRunning: true,
|
|
62
|
-
result: null,
|
|
63
|
-
error: null,
|
|
64
|
-
params: (params || null),
|
|
65
|
-
});
|
|
66
|
-
return promise;
|
|
67
|
-
},
|
|
68
|
-
rerun(params) {
|
|
69
|
-
const promise = fetch(params);
|
|
70
|
-
assignState(state, {
|
|
71
|
-
isRunning: true,
|
|
72
|
-
result: state.result,
|
|
73
|
-
error: null,
|
|
74
|
-
params: (params || null),
|
|
75
|
-
});
|
|
76
|
-
return promise;
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
}
|
package/dist/patchInferno.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Temporarily patches document.addEventListener during render to capture
|
|
3
|
-
* and wrap Inferno's delegated event listeners with syncBatch
|
|
4
|
-
*/
|
|
5
|
-
export declare function patchInfernoEventHandling(renderFn: () => void): void;
|
|
6
|
-
//# sourceMappingURL=patchInferno.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"patchInferno.d.ts","sourceRoot":"","sources":["../src/patchInferno.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,QA0D7D"}
|
package/dist/patchInferno.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { syncBatch } from "./batch";
|
|
2
|
-
/**
|
|
3
|
-
* Temporarily patches document.addEventListener during render to capture
|
|
4
|
-
* and wrap Inferno's delegated event listeners with syncBatch
|
|
5
|
-
*/
|
|
6
|
-
export function patchInfernoEventHandling(renderFn) {
|
|
7
|
-
const originalAddEventListener = document.addEventListener.bind(document);
|
|
8
|
-
const patchedEvents = new Set();
|
|
9
|
-
// Inferno's delegated events
|
|
10
|
-
const INFERNO_EVENTS = [
|
|
11
|
-
"click",
|
|
12
|
-
"dblclick",
|
|
13
|
-
"focusin",
|
|
14
|
-
"focusout",
|
|
15
|
-
"keydown",
|
|
16
|
-
"keypress",
|
|
17
|
-
"keyup",
|
|
18
|
-
"mousedown",
|
|
19
|
-
"mousemove",
|
|
20
|
-
"mouseup",
|
|
21
|
-
"touchend",
|
|
22
|
-
"touchmove",
|
|
23
|
-
"touchstart",
|
|
24
|
-
"change",
|
|
25
|
-
"input",
|
|
26
|
-
"submit",
|
|
27
|
-
];
|
|
28
|
-
// Temporarily replace addEventListener
|
|
29
|
-
document.addEventListener = function (type, listener, options) {
|
|
30
|
-
// Only wrap Inferno's delegated event listeners
|
|
31
|
-
if (INFERNO_EVENTS.includes(type) &&
|
|
32
|
-
typeof listener === "function" &&
|
|
33
|
-
!patchedEvents.has(type)) {
|
|
34
|
-
patchedEvents.add(type);
|
|
35
|
-
const wrappedListener = function (event) {
|
|
36
|
-
syncBatch(() => {
|
|
37
|
-
listener.call(this, event);
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
return originalAddEventListener(type, wrappedListener, options);
|
|
41
|
-
}
|
|
42
|
-
// @ts-ignore
|
|
43
|
-
return originalAddEventListener(type, listener, options);
|
|
44
|
-
};
|
|
45
|
-
try {
|
|
46
|
-
// Call render - Inferno will synchronously attach its listeners
|
|
47
|
-
renderFn();
|
|
48
|
-
}
|
|
49
|
-
finally {
|
|
50
|
-
// Restore original addEventListener
|
|
51
|
-
document.addEventListener = originalAddEventListener;
|
|
52
|
-
}
|
|
53
|
-
}
|
package/dist/scheduler.d.ts
DELETED
package/dist/scheduler.d.ts.map
DELETED
|
@@ -1 +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"}
|