solid-js 1.4.8 → 1.5.0-beta.2
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/dev.cjs +119 -134
- package/dist/dev.js +119 -134
- package/dist/server.cjs +98 -49
- package/dist/server.js +98 -49
- package/dist/solid.cjs +119 -132
- package/dist/solid.js +119 -132
- package/h/jsx-runtime/types/jsx.d.ts +8 -1401
- package/h/types/hyperscript.d.ts +17 -0
- package/html/types/lit.d.ts +37 -0
- package/package.json +103 -41
- package/store/dist/dev.cjs +40 -22
- package/store/dist/dev.js +41 -23
- package/store/dist/store.cjs +40 -22
- package/store/dist/store.js +40 -22
- package/store/types/index.d.ts +4 -4
- package/store/types/mutable.d.ts +1 -1
- package/store/types/server.d.ts +1 -1
- package/store/types/store.d.ts +1 -1
- package/types/index.d.ts +8 -8
- package/types/jsx.d.ts +196 -1580
- package/types/reactive/array.d.ts +1 -1
- package/types/reactive/observable.d.ts +1 -1
- package/types/reactive/signal.d.ts +69 -34
- package/types/render/Suspense.d.ts +1 -1
- package/types/render/component.d.ts +22 -7
- package/types/render/flow.d.ts +2 -2
- package/types/render/index.d.ts +4 -4
- package/types/server/index.d.ts +3 -3
- package/types/server/reactive.d.ts +8 -3
- package/types/server/rendering.d.ts +11 -6
- package/universal/dist/dev.cjs +0 -0
- package/universal/dist/dev.js +0 -0
- package/universal/dist/universal.cjs +0 -0
- package/universal/dist/universal.js +0 -0
- package/universal/types/index.d.ts +1 -1
- package/web/dist/dev.cjs +3 -3
- package/web/dist/dev.js +3 -3
- package/web/dist/server.cjs +66 -90
- package/web/dist/server.js +66 -90
- package/web/dist/web.cjs +3 -3
- package/web/dist/web.js +3 -3
- package/web/types/client.d.ts +1 -1
- package/web/types/core.d.ts +3 -3
- package/web/types/index.d.ts +8 -9
- package/web/types/jsx.d.ts +1 -1
- package/web/types/server-mock.d.ts +4 -2
- package/web/types/server.d.ts +70 -0
- package/h/README.md +0 -99
- package/h/jsx-runtime/package.json +0 -8
- package/h/package.json +0 -8
- package/html/README.md +0 -84
- package/html/package.json +0 -8
- package/store/README.md +0 -23
- package/store/package.json +0 -35
- package/universal/README.md +0 -102
- package/universal/package.json +0 -18
- package/web/README.md +0 -7
- package/web/package.json +0 -35
package/store/dist/store.cjs
CHANGED
|
@@ -13,15 +13,17 @@ function wrap$1(value, name) {
|
|
|
13
13
|
Object.defineProperty(value, solidJs.$PROXY, {
|
|
14
14
|
value: p = new Proxy(value, proxyTraps$1)
|
|
15
15
|
});
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
if (!Array.isArray(value)) {
|
|
17
|
+
const keys = Object.keys(value),
|
|
18
|
+
desc = Object.getOwnPropertyDescriptors(value);
|
|
19
|
+
for (let i = 0, l = keys.length; i < l; i++) {
|
|
20
|
+
const prop = keys[i];
|
|
21
|
+
if (desc[prop].get) {
|
|
22
|
+
const get = desc[prop].get.bind(p);
|
|
23
|
+
Object.defineProperty(value, prop, {
|
|
24
|
+
get
|
|
25
|
+
});
|
|
26
|
+
}
|
|
25
27
|
}
|
|
26
28
|
}
|
|
27
29
|
}
|
|
@@ -62,7 +64,7 @@ function getDataNodes(target) {
|
|
|
62
64
|
return nodes;
|
|
63
65
|
}
|
|
64
66
|
function getDataNode(nodes, property, value) {
|
|
65
|
-
return nodes[property] || (nodes[property] = createDataNode(value
|
|
67
|
+
return nodes[property] || (nodes[property] = createDataNode(value));
|
|
66
68
|
}
|
|
67
69
|
function proxyDescriptor(target, property) {
|
|
68
70
|
const desc = Reflect.getOwnPropertyDescriptor(target, property);
|
|
@@ -82,10 +84,8 @@ function ownKeys(target) {
|
|
|
82
84
|
trackSelf(target);
|
|
83
85
|
return Reflect.ownKeys(target);
|
|
84
86
|
}
|
|
85
|
-
function createDataNode(value
|
|
86
|
-
const [s, set] = solidJs.createSignal(value,
|
|
87
|
-
internal: true
|
|
88
|
-
} : {
|
|
87
|
+
function createDataNode(value) {
|
|
88
|
+
const [s, set] = solidJs.createSignal(value, {
|
|
89
89
|
equals: false,
|
|
90
90
|
internal: true
|
|
91
91
|
});
|
|
@@ -96,9 +96,12 @@ const proxyTraps$1 = {
|
|
|
96
96
|
get(target, property, receiver) {
|
|
97
97
|
if (property === $RAW) return target;
|
|
98
98
|
if (property === solidJs.$PROXY) return receiver;
|
|
99
|
-
if (property === solidJs.$TRACK)
|
|
99
|
+
if (property === solidJs.$TRACK) {
|
|
100
|
+
trackSelf(target);
|
|
101
|
+
return receiver;
|
|
102
|
+
}
|
|
100
103
|
const nodes = getDataNodes(target);
|
|
101
|
-
const tracked = nodes
|
|
104
|
+
const tracked = nodes.hasOwnProperty(property);
|
|
102
105
|
let value = tracked ? nodes[property]() : target[property];
|
|
103
106
|
if (property === $NODE || property === "__proto__") return value;
|
|
104
107
|
if (!tracked) {
|
|
@@ -107,6 +110,12 @@ const proxyTraps$1 = {
|
|
|
107
110
|
}
|
|
108
111
|
return isWrappable(value) ? wrap$1(value) : value;
|
|
109
112
|
},
|
|
113
|
+
has(target, property) {
|
|
114
|
+
if (property === $RAW || property === solidJs.$PROXY || property === solidJs.$TRACK || property === $NODE || property === "__proto__") return true;
|
|
115
|
+
const tracked = getDataNodes(target)[property];
|
|
116
|
+
tracked && tracked();
|
|
117
|
+
return property in target;
|
|
118
|
+
},
|
|
110
119
|
set() {
|
|
111
120
|
return true;
|
|
112
121
|
},
|
|
@@ -116,8 +125,8 @@ const proxyTraps$1 = {
|
|
|
116
125
|
ownKeys: ownKeys,
|
|
117
126
|
getOwnPropertyDescriptor: proxyDescriptor
|
|
118
127
|
};
|
|
119
|
-
function setProperty(state, property, value) {
|
|
120
|
-
if (state[property] === value) return;
|
|
128
|
+
function setProperty(state, property, value, deleting = false) {
|
|
129
|
+
if (!deleting && state[property] === value) return;
|
|
121
130
|
const prev = state[property];
|
|
122
131
|
const len = state.length;
|
|
123
132
|
if (value === undefined) {
|
|
@@ -211,9 +220,12 @@ const proxyTraps = {
|
|
|
211
220
|
get(target, property, receiver) {
|
|
212
221
|
if (property === $RAW) return target;
|
|
213
222
|
if (property === solidJs.$PROXY) return receiver;
|
|
214
|
-
if (property === solidJs.$TRACK)
|
|
223
|
+
if (property === solidJs.$TRACK) {
|
|
224
|
+
trackSelf(target);
|
|
225
|
+
return receiver;
|
|
226
|
+
}
|
|
215
227
|
const nodes = getDataNodes(target);
|
|
216
|
-
const tracked = nodes
|
|
228
|
+
const tracked = nodes.hasOwnProperty(property);
|
|
217
229
|
let value = tracked ? nodes[property]() : target[property];
|
|
218
230
|
if (property === $NODE || property === "__proto__") return value;
|
|
219
231
|
if (!tracked) {
|
|
@@ -225,12 +237,18 @@ const proxyTraps = {
|
|
|
225
237
|
}
|
|
226
238
|
return isWrappable(value) ? wrap(value) : value;
|
|
227
239
|
},
|
|
240
|
+
has(target, property) {
|
|
241
|
+
if (property === $RAW || property === solidJs.$PROXY || property === solidJs.$TRACK || property === $NODE || property === "__proto__") return true;
|
|
242
|
+
const tracked = getDataNodes(target)[property];
|
|
243
|
+
tracked && tracked();
|
|
244
|
+
return property in target;
|
|
245
|
+
},
|
|
228
246
|
set(target, property, value) {
|
|
229
247
|
solidJs.batch(() => setProperty(target, property, unwrap(value)));
|
|
230
248
|
return true;
|
|
231
249
|
},
|
|
232
250
|
deleteProperty(target, property) {
|
|
233
|
-
solidJs.batch(() => setProperty(target, property, undefined));
|
|
251
|
+
solidJs.batch(() => setProperty(target, property, undefined, true));
|
|
234
252
|
return true;
|
|
235
253
|
},
|
|
236
254
|
ownKeys: ownKeys,
|
|
@@ -371,7 +389,7 @@ const setterTraps = {
|
|
|
371
389
|
return true;
|
|
372
390
|
},
|
|
373
391
|
deleteProperty(target, property) {
|
|
374
|
-
setProperty(target, property, undefined);
|
|
392
|
+
setProperty(target, property, undefined, true);
|
|
375
393
|
return true;
|
|
376
394
|
}
|
|
377
395
|
};
|
package/store/dist/store.js
CHANGED
|
@@ -9,15 +9,17 @@ function wrap$1(value, name) {
|
|
|
9
9
|
Object.defineProperty(value, $PROXY, {
|
|
10
10
|
value: p = new Proxy(value, proxyTraps$1)
|
|
11
11
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
if (!Array.isArray(value)) {
|
|
13
|
+
const keys = Object.keys(value),
|
|
14
|
+
desc = Object.getOwnPropertyDescriptors(value);
|
|
15
|
+
for (let i = 0, l = keys.length; i < l; i++) {
|
|
16
|
+
const prop = keys[i];
|
|
17
|
+
if (desc[prop].get) {
|
|
18
|
+
const get = desc[prop].get.bind(p);
|
|
19
|
+
Object.defineProperty(value, prop, {
|
|
20
|
+
get
|
|
21
|
+
});
|
|
22
|
+
}
|
|
21
23
|
}
|
|
22
24
|
}
|
|
23
25
|
}
|
|
@@ -58,7 +60,7 @@ function getDataNodes(target) {
|
|
|
58
60
|
return nodes;
|
|
59
61
|
}
|
|
60
62
|
function getDataNode(nodes, property, value) {
|
|
61
|
-
return nodes[property] || (nodes[property] = createDataNode(value
|
|
63
|
+
return nodes[property] || (nodes[property] = createDataNode(value));
|
|
62
64
|
}
|
|
63
65
|
function proxyDescriptor(target, property) {
|
|
64
66
|
const desc = Reflect.getOwnPropertyDescriptor(target, property);
|
|
@@ -78,10 +80,8 @@ function ownKeys(target) {
|
|
|
78
80
|
trackSelf(target);
|
|
79
81
|
return Reflect.ownKeys(target);
|
|
80
82
|
}
|
|
81
|
-
function createDataNode(value
|
|
82
|
-
const [s, set] = createSignal(value,
|
|
83
|
-
internal: true
|
|
84
|
-
} : {
|
|
83
|
+
function createDataNode(value) {
|
|
84
|
+
const [s, set] = createSignal(value, {
|
|
85
85
|
equals: false,
|
|
86
86
|
internal: true
|
|
87
87
|
});
|
|
@@ -92,9 +92,12 @@ const proxyTraps$1 = {
|
|
|
92
92
|
get(target, property, receiver) {
|
|
93
93
|
if (property === $RAW) return target;
|
|
94
94
|
if (property === $PROXY) return receiver;
|
|
95
|
-
if (property === $TRACK)
|
|
95
|
+
if (property === $TRACK) {
|
|
96
|
+
trackSelf(target);
|
|
97
|
+
return receiver;
|
|
98
|
+
}
|
|
96
99
|
const nodes = getDataNodes(target);
|
|
97
|
-
const tracked = nodes
|
|
100
|
+
const tracked = nodes.hasOwnProperty(property);
|
|
98
101
|
let value = tracked ? nodes[property]() : target[property];
|
|
99
102
|
if (property === $NODE || property === "__proto__") return value;
|
|
100
103
|
if (!tracked) {
|
|
@@ -103,6 +106,12 @@ const proxyTraps$1 = {
|
|
|
103
106
|
}
|
|
104
107
|
return isWrappable(value) ? wrap$1(value) : value;
|
|
105
108
|
},
|
|
109
|
+
has(target, property) {
|
|
110
|
+
if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === "__proto__") return true;
|
|
111
|
+
const tracked = getDataNodes(target)[property];
|
|
112
|
+
tracked && tracked();
|
|
113
|
+
return property in target;
|
|
114
|
+
},
|
|
106
115
|
set() {
|
|
107
116
|
return true;
|
|
108
117
|
},
|
|
@@ -112,8 +121,8 @@ const proxyTraps$1 = {
|
|
|
112
121
|
ownKeys: ownKeys,
|
|
113
122
|
getOwnPropertyDescriptor: proxyDescriptor
|
|
114
123
|
};
|
|
115
|
-
function setProperty(state, property, value) {
|
|
116
|
-
if (state[property] === value) return;
|
|
124
|
+
function setProperty(state, property, value, deleting = false) {
|
|
125
|
+
if (!deleting && state[property] === value) return;
|
|
117
126
|
const prev = state[property];
|
|
118
127
|
const len = state.length;
|
|
119
128
|
if (value === undefined) {
|
|
@@ -207,9 +216,12 @@ const proxyTraps = {
|
|
|
207
216
|
get(target, property, receiver) {
|
|
208
217
|
if (property === $RAW) return target;
|
|
209
218
|
if (property === $PROXY) return receiver;
|
|
210
|
-
if (property === $TRACK)
|
|
219
|
+
if (property === $TRACK) {
|
|
220
|
+
trackSelf(target);
|
|
221
|
+
return receiver;
|
|
222
|
+
}
|
|
211
223
|
const nodes = getDataNodes(target);
|
|
212
|
-
const tracked = nodes
|
|
224
|
+
const tracked = nodes.hasOwnProperty(property);
|
|
213
225
|
let value = tracked ? nodes[property]() : target[property];
|
|
214
226
|
if (property === $NODE || property === "__proto__") return value;
|
|
215
227
|
if (!tracked) {
|
|
@@ -221,12 +233,18 @@ const proxyTraps = {
|
|
|
221
233
|
}
|
|
222
234
|
return isWrappable(value) ? wrap(value) : value;
|
|
223
235
|
},
|
|
236
|
+
has(target, property) {
|
|
237
|
+
if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === "__proto__") return true;
|
|
238
|
+
const tracked = getDataNodes(target)[property];
|
|
239
|
+
tracked && tracked();
|
|
240
|
+
return property in target;
|
|
241
|
+
},
|
|
224
242
|
set(target, property, value) {
|
|
225
243
|
batch(() => setProperty(target, property, unwrap(value)));
|
|
226
244
|
return true;
|
|
227
245
|
},
|
|
228
246
|
deleteProperty(target, property) {
|
|
229
|
-
batch(() => setProperty(target, property, undefined));
|
|
247
|
+
batch(() => setProperty(target, property, undefined, true));
|
|
230
248
|
return true;
|
|
231
249
|
},
|
|
232
250
|
ownKeys: ownKeys,
|
|
@@ -367,7 +385,7 @@ const setterTraps = {
|
|
|
367
385
|
return true;
|
|
368
386
|
},
|
|
369
387
|
deleteProperty(target, property) {
|
|
370
|
-
setProperty(target, property, undefined);
|
|
388
|
+
setProperty(target, property, undefined, true);
|
|
371
389
|
return true;
|
|
372
390
|
}
|
|
373
391
|
};
|
package/store/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { createStore, unwrap, $RAW } from "./store";
|
|
2
|
-
export type { Store, SetStoreFunction, NotWrappable, SolidStore, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store";
|
|
3
|
-
export * from "./mutable";
|
|
4
|
-
export * from "./modifiers";
|
|
1
|
+
export { createStore, unwrap, $RAW } from "./store.js";
|
|
2
|
+
export type { Store, SetStoreFunction, NotWrappable, SolidStore, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store.js";
|
|
3
|
+
export * from "./mutable.js";
|
|
4
|
+
export * from "./modifiers.js";
|
package/store/types/mutable.d.ts
CHANGED
package/store/types/server.d.ts
CHANGED
package/store/types/store.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare function getDataNode(nodes: Record<string, any>, property: string
|
|
|
13
13
|
export declare function proxyDescriptor(target: StoreNode, property: PropertyKey): PropertyDescriptor | undefined;
|
|
14
14
|
export declare function trackSelf(target: StoreNode): void;
|
|
15
15
|
export declare function ownKeys(target: StoreNode): (string | symbol)[];
|
|
16
|
-
export declare function setProperty(state: StoreNode, property: PropertyKey, value: any): void;
|
|
16
|
+
export declare function setProperty(state: StoreNode, property: PropertyKey, value: any, deleting?: boolean): void;
|
|
17
17
|
export declare function updatePath(current: StoreNode, path: any[], traversed?: PropertyKey[]): void;
|
|
18
18
|
/** @deprecated */
|
|
19
19
|
export declare type DeepReadonly<T> = 0 extends 1 & T ? T : T extends NotWrappable ? T : {
|
package/types/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal";
|
|
2
|
-
export type { Accessor, Setter, Signal, Resource, ResourceOptions, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes, Owner } from "./reactive/signal";
|
|
3
|
-
export * from "./reactive/observable";
|
|
4
|
-
export * from "./reactive/scheduler";
|
|
5
|
-
export * from "./reactive/array";
|
|
6
|
-
export * from "./render";
|
|
7
|
-
import type { JSX } from "./jsx";
|
|
1
|
+
export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal.js";
|
|
2
|
+
export type { Accessor, Setter, Signal, Resource, ResourceOptions, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes, Owner, InitializedResource, InitializedResourceOptions, InitializedResourceReturn } from "./reactive/signal.js";
|
|
3
|
+
export * from "./reactive/observable.js";
|
|
4
|
+
export * from "./reactive/scheduler.js";
|
|
5
|
+
export * from "./reactive/array.js";
|
|
6
|
+
export * from "./render/index.js";
|
|
7
|
+
import type { JSX } from "./jsx.js";
|
|
8
8
|
declare type JSXElement = JSX.Element;
|
|
9
9
|
export type { JSXElement, JSX };
|
|
10
|
-
import { writeSignal, serializeGraph, registerGraph, hashValue } from "./reactive/signal";
|
|
10
|
+
import { writeSignal, serializeGraph, registerGraph, hashValue } from "./reactive/signal.js";
|
|
11
11
|
declare let DEV: {
|
|
12
12
|
writeSignal: typeof writeSignal;
|
|
13
13
|
serializeGraph: typeof serializeGraph;
|