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.
Files changed (58) hide show
  1. package/dist/dev.cjs +119 -134
  2. package/dist/dev.js +119 -134
  3. package/dist/server.cjs +98 -49
  4. package/dist/server.js +98 -49
  5. package/dist/solid.cjs +119 -132
  6. package/dist/solid.js +119 -132
  7. package/h/jsx-runtime/types/jsx.d.ts +8 -1401
  8. package/h/types/hyperscript.d.ts +17 -0
  9. package/html/types/lit.d.ts +37 -0
  10. package/package.json +103 -41
  11. package/store/dist/dev.cjs +40 -22
  12. package/store/dist/dev.js +41 -23
  13. package/store/dist/store.cjs +40 -22
  14. package/store/dist/store.js +40 -22
  15. package/store/types/index.d.ts +4 -4
  16. package/store/types/mutable.d.ts +1 -1
  17. package/store/types/server.d.ts +1 -1
  18. package/store/types/store.d.ts +1 -1
  19. package/types/index.d.ts +8 -8
  20. package/types/jsx.d.ts +196 -1580
  21. package/types/reactive/array.d.ts +1 -1
  22. package/types/reactive/observable.d.ts +1 -1
  23. package/types/reactive/signal.d.ts +69 -34
  24. package/types/render/Suspense.d.ts +1 -1
  25. package/types/render/component.d.ts +22 -7
  26. package/types/render/flow.d.ts +2 -2
  27. package/types/render/index.d.ts +4 -4
  28. package/types/server/index.d.ts +3 -3
  29. package/types/server/reactive.d.ts +8 -3
  30. package/types/server/rendering.d.ts +11 -6
  31. package/universal/dist/dev.cjs +0 -0
  32. package/universal/dist/dev.js +0 -0
  33. package/universal/dist/universal.cjs +0 -0
  34. package/universal/dist/universal.js +0 -0
  35. package/universal/types/index.d.ts +1 -1
  36. package/web/dist/dev.cjs +3 -3
  37. package/web/dist/dev.js +3 -3
  38. package/web/dist/server.cjs +66 -90
  39. package/web/dist/server.js +66 -90
  40. package/web/dist/web.cjs +3 -3
  41. package/web/dist/web.js +3 -3
  42. package/web/types/client.d.ts +1 -1
  43. package/web/types/core.d.ts +3 -3
  44. package/web/types/index.d.ts +8 -9
  45. package/web/types/jsx.d.ts +1 -1
  46. package/web/types/server-mock.d.ts +4 -2
  47. package/web/types/server.d.ts +70 -0
  48. package/h/README.md +0 -99
  49. package/h/jsx-runtime/package.json +0 -8
  50. package/h/package.json +0 -8
  51. package/html/README.md +0 -84
  52. package/html/package.json +0 -8
  53. package/store/README.md +0 -23
  54. package/store/package.json +0 -35
  55. package/universal/README.md +0 -102
  56. package/universal/package.json +0 -18
  57. package/web/README.md +0 -7
  58. package/web/package.json +0 -35
@@ -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
- const keys = Object.keys(value),
17
- desc = Object.getOwnPropertyDescriptors(value);
18
- for (let i = 0, l = keys.length; i < l; i++) {
19
- const prop = keys[i];
20
- if (desc[prop].get) {
21
- const get = desc[prop].get.bind(p);
22
- Object.defineProperty(value, prop, {
23
- get
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, true));
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, equals) {
86
- const [s, set] = solidJs.createSignal(value, equals ? {
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) return trackSelf(target);
99
+ if (property === solidJs.$TRACK) {
100
+ trackSelf(target);
101
+ return receiver;
102
+ }
100
103
  const nodes = getDataNodes(target);
101
- const tracked = nodes[property];
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) return trackSelf(target);
223
+ if (property === solidJs.$TRACK) {
224
+ trackSelf(target);
225
+ return receiver;
226
+ }
215
227
  const nodes = getDataNodes(target);
216
- const tracked = nodes[property];
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
  };
@@ -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
- const keys = Object.keys(value),
13
- desc = Object.getOwnPropertyDescriptors(value);
14
- for (let i = 0, l = keys.length; i < l; i++) {
15
- const prop = keys[i];
16
- if (desc[prop].get) {
17
- const get = desc[prop].get.bind(p);
18
- Object.defineProperty(value, prop, {
19
- get
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, true));
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, equals) {
82
- const [s, set] = createSignal(value, equals ? {
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) return trackSelf(target);
95
+ if (property === $TRACK) {
96
+ trackSelf(target);
97
+ return receiver;
98
+ }
96
99
  const nodes = getDataNodes(target);
97
- const tracked = nodes[property];
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) return trackSelf(target);
219
+ if (property === $TRACK) {
220
+ trackSelf(target);
221
+ return receiver;
222
+ }
211
223
  const nodes = getDataNodes(target);
212
- const tracked = nodes[property];
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
  };
@@ -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";
@@ -1,4 +1,4 @@
1
- import { StoreNode } from "./store";
1
+ import { StoreNode } from "./store.js";
2
2
  export declare function createMutable<T extends StoreNode>(state: T, options?: {
3
3
  name?: string;
4
4
  }): T;
@@ -1,4 +1,4 @@
1
- import type { SetStoreFunction, Store } from "store";
1
+ import type { SetStoreFunction, Store } from "./store.js";
2
2
  export declare const $RAW: unique symbol;
3
3
  export declare function isWrappable(obj: any): boolean;
4
4
  export declare function unwrap<T>(item: T): T;
@@ -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;