solid-js 1.8.8 → 1.8.9

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 (51) hide show
  1. package/dist/dev.cjs +17 -21
  2. package/dist/dev.js +554 -321
  3. package/dist/server.js +170 -75
  4. package/dist/solid.cjs +17 -21
  5. package/dist/solid.js +481 -279
  6. package/h/dist/h.js +34 -8
  7. package/h/jsx-runtime/dist/jsx.js +1 -1
  8. package/h/jsx-runtime/types/index.d.ts +11 -8
  9. package/h/jsx-runtime/types/jsx.d.ts +2 -1
  10. package/h/types/hyperscript.d.ts +11 -11
  11. package/html/dist/html.js +216 -94
  12. package/html/types/lit.d.ts +47 -33
  13. package/package.json +3 -2
  14. package/store/dist/dev.cjs +1 -1
  15. package/store/dist/dev.js +117 -42
  16. package/store/dist/server.js +19 -8
  17. package/store/dist/store.cjs +1 -1
  18. package/store/dist/store.js +108 -39
  19. package/store/types/index.d.ts +21 -7
  20. package/store/types/modifiers.d.ts +6 -3
  21. package/store/types/mutable.d.ts +5 -2
  22. package/store/types/server.d.ts +12 -4
  23. package/store/types/store.d.ts +218 -61
  24. package/types/index.d.ts +75 -10
  25. package/types/jsx.d.ts +2 -1
  26. package/types/reactive/array.d.ts +12 -4
  27. package/types/reactive/observable.d.ts +25 -17
  28. package/types/reactive/scheduler.d.ts +9 -6
  29. package/types/reactive/signal.d.ts +233 -142
  30. package/types/render/Suspense.d.ts +5 -5
  31. package/types/render/component.d.ts +64 -33
  32. package/types/render/flow.d.ts +43 -31
  33. package/types/render/hydration.d.ts +13 -13
  34. package/types/server/index.d.ts +57 -2
  35. package/types/server/reactive.d.ts +73 -42
  36. package/types/server/rendering.d.ts +167 -96
  37. package/universal/dist/dev.js +28 -12
  38. package/universal/dist/universal.js +28 -12
  39. package/universal/types/index.d.ts +3 -1
  40. package/universal/types/universal.d.ts +0 -1
  41. package/web/dist/dev.cjs +1 -1
  42. package/web/dist/dev.js +621 -82
  43. package/web/dist/server.cjs +30 -27
  44. package/web/dist/server.js +232 -121
  45. package/web/dist/storage.js +3 -3
  46. package/web/dist/web.cjs +1 -1
  47. package/web/dist/web.js +615 -81
  48. package/web/types/client.d.ts +2 -2
  49. package/web/types/core.d.ts +10 -1
  50. package/web/types/index.d.ts +27 -10
  51. package/web/types/server-mock.d.ts +47 -32
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "solid-js",
3
3
  "description": "A declarative JavaScript library for building user interfaces.",
4
- "version": "1.8.8",
4
+ "version": "1.8.9",
5
5
  "author": "Ryan Carniato",
6
6
  "license": "MIT",
7
7
  "homepage": "https://solidjs.com",
@@ -215,7 +215,8 @@
215
215
  ],
216
216
  "dependencies": {
217
217
  "csstype": "^3.1.0",
218
- "seroval": "^1.0.2"
218
+ "seroval": "^1.0.3",
219
+ "seroval-plugins": "^1.0.3"
219
220
  },
220
221
  "scripts": {
221
222
  "build": "npm-run-all -nl build:*",
@@ -319,7 +319,7 @@ function applyState(target, parent, property, merge, key) {
319
319
  const previous = parent[property];
320
320
  if (target === previous) return;
321
321
  const isArray = Array.isArray(target);
322
- if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray && !Array.isArray(previous) || key && target[key] !== previous[key])) {
322
+ if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray !== Array.isArray(previous) || key && target[key] !== previous[key])) {
323
323
  setProperty(parent, property, target);
324
324
  return;
325
325
  }
package/store/dist/dev.js CHANGED
@@ -1,4 +1,4 @@
1
- import { DEV as DEV$1, $PROXY, $TRACK, getListener, batch, createSignal } from 'solid-js';
1
+ import { DEV as DEV$1, $PROXY, $TRACK, getListener, batch, createSignal } from "solid-js";
2
2
 
3
3
  const $RAW = Symbol("store-raw"),
4
4
  $NODE = Symbol("store-node"),
@@ -11,7 +11,7 @@ function wrap$1(value) {
11
11
  let p = value[$PROXY];
12
12
  if (!p) {
13
13
  Object.defineProperty(value, $PROXY, {
14
- value: p = new Proxy(value, proxyTraps$1)
14
+ value: (p = new Proxy(value, proxyTraps$1))
15
15
  });
16
16
  if (!Array.isArray(value)) {
17
17
  const keys = Object.keys(value),
@@ -31,20 +31,29 @@ function wrap$1(value) {
31
31
  }
32
32
  function isWrappable(obj) {
33
33
  let proto;
34
- return obj != null && typeof obj === "object" && (obj[$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
34
+ return (
35
+ obj != null &&
36
+ typeof obj === "object" &&
37
+ (obj[$PROXY] ||
38
+ !(proto = Object.getPrototypeOf(obj)) ||
39
+ proto === Object.prototype ||
40
+ Array.isArray(obj))
41
+ );
35
42
  }
36
43
  function unwrap(item, set = new Set()) {
37
44
  let result, unwrapped, v, prop;
38
- if (result = item != null && item[$RAW]) return result;
45
+ if ((result = item != null && item[$RAW])) return result;
39
46
  if (!isWrappable(item) || set.has(item)) return item;
40
47
  if (Array.isArray(item)) {
41
- if (Object.isFrozen(item)) item = item.slice(0);else set.add(item);
48
+ if (Object.isFrozen(item)) item = item.slice(0);
49
+ else set.add(item);
42
50
  for (let i = 0, l = item.length; i < l; i++) {
43
51
  v = item[i];
44
52
  if ((unwrapped = unwrap(v, set)) !== v) item[i] = unwrapped;
45
53
  }
46
54
  } else {
47
- if (Object.isFrozen(item)) item = Object.assign({}, item);else set.add(item);
55
+ if (Object.isFrozen(item)) item = Object.assign({}, item);
56
+ else set.add(item);
48
57
  const keys = Object.keys(item),
49
58
  desc = Object.getOwnPropertyDescriptors(item);
50
59
  for (let i = 0, l = keys.length; i < l; i++) {
@@ -58,9 +67,10 @@ function unwrap(item, set = new Set()) {
58
67
  }
59
68
  function getNodes(target, symbol) {
60
69
  let nodes = target[symbol];
61
- if (!nodes) Object.defineProperty(target, symbol, {
62
- value: nodes = Object.create(null)
63
- });
70
+ if (!nodes)
71
+ Object.defineProperty(target, symbol, {
72
+ value: (nodes = Object.create(null))
73
+ });
64
74
  return nodes;
65
75
  }
66
76
  function getNode(nodes, property, value) {
@@ -70,11 +80,12 @@ function getNode(nodes, property, value) {
70
80
  internal: true
71
81
  });
72
82
  s.$ = set;
73
- return nodes[property] = s;
83
+ return (nodes[property] = s);
74
84
  }
75
85
  function proxyDescriptor$1(target, property) {
76
86
  const desc = Reflect.getOwnPropertyDescriptor(target, property);
77
- if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE) return desc;
87
+ if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE)
88
+ return desc;
78
89
  delete desc.value;
79
90
  delete desc.writable;
80
91
  desc.get = () => target[$PROXY][property];
@@ -101,12 +112,25 @@ const proxyTraps$1 = {
101
112
  if (property === $NODE || property === $HAS || property === "__proto__") return value;
102
113
  if (!tracked) {
103
114
  const desc = Object.getOwnPropertyDescriptor(target, property);
104
- if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property)) && !(desc && desc.get)) value = getNode(nodes, property, value)();
115
+ if (
116
+ getListener() &&
117
+ (typeof value !== "function" || target.hasOwnProperty(property)) &&
118
+ !(desc && desc.get)
119
+ )
120
+ value = getNode(nodes, property, value)();
105
121
  }
106
122
  return isWrappable(value) ? wrap$1(value) : value;
107
123
  },
108
124
  has(target, property) {
109
- if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === $HAS || property === "__proto__") return true;
125
+ if (
126
+ property === $RAW ||
127
+ property === $PROXY ||
128
+ property === $TRACK ||
129
+ property === $NODE ||
130
+ property === $HAS ||
131
+ property === "__proto__"
132
+ )
133
+ return true;
110
134
  getListener() && getNode(getNodes(target, $HAS), property)();
111
135
  return property in target;
112
136
  },
@@ -135,7 +159,7 @@ function setProperty(state, property, value, deleting = false) {
135
159
  }
136
160
  let nodes = getNodes(state, $NODE),
137
161
  node;
138
- if (node = getNode(nodes, property, prev)) node.$(() => value);
162
+ if ((node = getNode(nodes, property, prev))) node.$(() => value);
139
163
  if (Array.isArray(state) && state.length !== len) {
140
164
  for (let i = state.length; i < len; i++) (node = nodes[i]) && node.$();
141
165
  (node = getNode(nodes, "length", len)) && node.$(state.length);
@@ -181,11 +205,7 @@ function updatePath(current, path, traversed = []) {
181
205
  }
182
206
  return;
183
207
  } else if (isArray && partType === "object") {
184
- const {
185
- from = 0,
186
- to = current.length - 1,
187
- by = 1
188
- } = part;
208
+ const { from = 0, to = current.length - 1, by = 1 } = part;
189
209
  for (let i = from; i <= to; i += by) {
190
210
  updatePath(current, [i].concat(path), traversed);
191
211
  }
@@ -204,14 +224,17 @@ function updatePath(current, path, traversed = []) {
204
224
  }
205
225
  if (part === undefined && value == undefined) return;
206
226
  value = unwrap(value);
207
- if (part === undefined || isWrappable(prev) && isWrappable(value) && !Array.isArray(value)) {
227
+ if (part === undefined || (isWrappable(prev) && isWrappable(value) && !Array.isArray(value))) {
208
228
  mergeStoreNode(prev, value);
209
229
  } else setProperty(current, part, value);
210
230
  }
211
231
  function createStore(...[store, options]) {
212
232
  const unwrappedStore = unwrap(store || {});
213
233
  const isArray = Array.isArray(unwrappedStore);
214
- if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
234
+ if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function")
235
+ throw new Error(
236
+ `Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`
237
+ );
215
238
  const wrappedStore = wrap$1(unwrappedStore);
216
239
  DEV$1.registerGraph({
217
240
  value: unwrappedStore,
@@ -219,7 +242,9 @@ function createStore(...[store, options]) {
219
242
  });
220
243
  function setStore(...args) {
221
244
  batch(() => {
222
- isArray && args.length === 1 ? updateArray(unwrappedStore, args[0]) : updatePath(unwrappedStore, args);
245
+ isArray && args.length === 1
246
+ ? updateArray(unwrappedStore, args[0])
247
+ : updatePath(unwrappedStore, args);
223
248
  });
224
249
  }
225
250
  return [wrappedStore, setStore];
@@ -227,11 +252,19 @@ function createStore(...[store, options]) {
227
252
 
228
253
  function proxyDescriptor(target, property) {
229
254
  const desc = Reflect.getOwnPropertyDescriptor(target, property);
230
- if (!desc || desc.get || desc.set || !desc.configurable || property === $PROXY || property === $NODE) return desc;
255
+ if (
256
+ !desc ||
257
+ desc.get ||
258
+ desc.set ||
259
+ !desc.configurable ||
260
+ property === $PROXY ||
261
+ property === $NODE
262
+ )
263
+ return desc;
231
264
  delete desc.value;
232
265
  delete desc.writable;
233
266
  desc.get = () => target[$PROXY][property];
234
- desc.set = v => target[$PROXY][property] = v;
267
+ desc.set = v => (target[$PROXY][property] = v);
235
268
  return desc;
236
269
  }
237
270
  const proxyTraps = {
@@ -249,14 +282,24 @@ const proxyTraps = {
249
282
  if (!tracked) {
250
283
  const desc = Object.getOwnPropertyDescriptor(target, property);
251
284
  const isFunction = typeof value === "function";
252
- if (getListener() && (!isFunction || target.hasOwnProperty(property)) && !(desc && desc.get)) value = getNode(nodes, property, value)();else if (value != null && isFunction && value === Array.prototype[property]) {
285
+ if (getListener() && (!isFunction || target.hasOwnProperty(property)) && !(desc && desc.get))
286
+ value = getNode(nodes, property, value)();
287
+ else if (value != null && isFunction && value === Array.prototype[property]) {
253
288
  return (...args) => batch(() => Array.prototype[property].apply(receiver, args));
254
289
  }
255
290
  }
256
291
  return isWrappable(value) ? wrap(value) : value;
257
292
  },
258
293
  has(target, property) {
259
- if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === $HAS || property === "__proto__") return true;
294
+ if (
295
+ property === $RAW ||
296
+ property === $PROXY ||
297
+ property === $TRACK ||
298
+ property === $NODE ||
299
+ property === $HAS ||
300
+ property === "__proto__"
301
+ )
302
+ return true;
260
303
  getListener() && getNode(getNodes(target, $HAS), property)();
261
304
  return property in target;
262
305
  },
@@ -275,7 +318,7 @@ function wrap(value) {
275
318
  let p = value[$PROXY];
276
319
  if (!p) {
277
320
  Object.defineProperty(value, $PROXY, {
278
- value: p = new Proxy(value, proxyTraps)
321
+ value: (p = new Proxy(value, proxyTraps))
279
322
  });
280
323
  const keys = Object.keys(value),
281
324
  desc = Object.getOwnPropertyDescriptors(value);
@@ -300,7 +343,10 @@ function wrap(value) {
300
343
  }
301
344
  function createMutable(state, options) {
302
345
  const unwrappedStore = unwrap(state || {});
303
- if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`);
346
+ if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function")
347
+ throw new Error(
348
+ `Unexpected type ${typeof unwrappedStore} received when initializing 'createMutable'. Expected an object.`
349
+ );
304
350
  const wrappedStore = wrap(unwrappedStore);
305
351
  DEV$1.registerGraph({
306
352
  value: unwrappedStore,
@@ -317,19 +363,42 @@ function applyState(target, parent, property, merge, key) {
317
363
  const previous = parent[property];
318
364
  if (target === previous) return;
319
365
  const isArray = Array.isArray(target);
320
- if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray && !Array.isArray(previous) || key && target[key] !== previous[key])) {
366
+ if (
367
+ property !== $ROOT &&
368
+ (!isWrappable(target) ||
369
+ !isWrappable(previous) ||
370
+ isArray !== Array.isArray(previous) ||
371
+ (key && target[key] !== previous[key]))
372
+ ) {
321
373
  setProperty(parent, property, target);
322
374
  return;
323
375
  }
324
376
  if (isArray) {
325
- if (target.length && previous.length && (!merge || key && target[0] && target[0][key] != null)) {
377
+ if (
378
+ target.length &&
379
+ previous.length &&
380
+ (!merge || (key && target[0] && target[0][key] != null))
381
+ ) {
326
382
  let i, j, start, end, newEnd, item, newIndicesNext, keyVal;
327
- for (start = 0, end = Math.min(previous.length, target.length); start < end && (previous[start] === target[start] || key && previous[start] && target[start] && previous[start][key] === target[start][key]); start++) {
383
+ for (
384
+ start = 0, end = Math.min(previous.length, target.length);
385
+ start < end &&
386
+ (previous[start] === target[start] ||
387
+ (key && previous[start] && target[start] && previous[start][key] === target[start][key]));
388
+ start++
389
+ ) {
328
390
  applyState(target[start], previous, start, merge, key);
329
391
  }
330
392
  const temp = new Array(target.length),
331
393
  newIndices = new Map();
332
- for (end = previous.length - 1, newEnd = target.length - 1; end >= start && newEnd >= start && (previous[end] === target[newEnd] || key && previous[start] && target[start] && previous[end][key] === target[newEnd][key]); end--, newEnd--) {
394
+ for (
395
+ end = previous.length - 1, newEnd = target.length - 1;
396
+ end >= start &&
397
+ newEnd >= start &&
398
+ (previous[end] === target[newEnd] ||
399
+ (key && previous[start] && target[start] && previous[end][key] === target[newEnd][key]));
400
+ end--, newEnd--
401
+ ) {
333
402
  temp[newEnd] = previous[end];
334
403
  }
335
404
  if (start > newEnd || start > end) {
@@ -383,16 +452,19 @@ function applyState(target, parent, property, merge, key) {
383
452
  }
384
453
  }
385
454
  function reconcile(value, options = {}) {
386
- const {
387
- merge,
388
- key = "id"
389
- } = options,
455
+ const { merge, key = "id" } = options,
390
456
  v = unwrap(value);
391
457
  return state => {
392
458
  if (!isWrappable(state) || !isWrappable(v)) return v;
393
- const res = applyState(v, {
394
- [$ROOT]: state
395
- }, $ROOT, merge, key);
459
+ const res = applyState(
460
+ v,
461
+ {
462
+ [$ROOT]: state
463
+ },
464
+ $ROOT,
465
+ merge,
466
+ key
467
+ );
396
468
  return res === undefined ? state : res;
397
469
  };
398
470
  }
@@ -402,7 +474,10 @@ const setterTraps = {
402
474
  if (property === $RAW) return target;
403
475
  const value = target[property];
404
476
  let proxy;
405
- return isWrappable(value) ? producers.get(value) || (producers.set(value, proxy = new Proxy(value, setterTraps)), proxy) : value;
477
+ return isWrappable(value)
478
+ ? producers.get(value) ||
479
+ (producers.set(value, (proxy = new Proxy(value, setterTraps))), proxy)
480
+ : value;
406
481
  },
407
482
  set(target, property, value) {
408
483
  setProperty(target, property, unwrap(value));
@@ -418,7 +493,7 @@ function produce(fn) {
418
493
  if (isWrappable(state)) {
419
494
  let proxy;
420
495
  if (!(proxy = producers.get(state))) {
421
- producers.set(state, proxy = new Proxy(state, setterTraps));
496
+ producers.set(state, (proxy = new Proxy(state, setterTraps)));
422
497
  }
423
498
  fn(proxy);
424
499
  }
@@ -430,6 +505,6 @@ const DEV = {
430
505
  $NODE,
431
506
  isWrappable,
432
507
  hooks: DevHooks
433
- } ;
508
+ };
434
509
 
435
510
  export { $RAW, DEV, createMutable, createStore, modifyMutable, produce, reconcile, unwrap };
@@ -1,6 +1,10 @@
1
1
  const $RAW = Symbol("state-raw");
2
2
  function isWrappable(obj) {
3
- return obj != null && typeof obj === "object" && (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj));
3
+ return (
4
+ obj != null &&
5
+ typeof obj === "object" &&
6
+ (Object.getPrototypeOf(obj) === Object.prototype || Array.isArray(obj))
7
+ );
4
8
  }
5
9
  function unwrap(item) {
6
10
  return item;
@@ -49,11 +53,7 @@ function updatePath(current, path, traversed = []) {
49
53
  }
50
54
  return;
51
55
  } else if (isArray && partType === "object") {
52
- const {
53
- from = 0,
54
- to = current.length - 1,
55
- by = 1
56
- } = part;
56
+ const { from = 0, to = current.length - 1, by = 1 } = part;
57
57
  for (let i = from; i <= to; i += by) {
58
58
  updatePath(current, [i].concat(path), traversed);
59
59
  }
@@ -71,7 +71,7 @@ function updatePath(current, path, traversed = []) {
71
71
  if (value === next) return;
72
72
  }
73
73
  if (part === undefined && value == undefined) return;
74
- if (part === undefined || isWrappable(next) && isWrappable(value) && !Array.isArray(value)) {
74
+ if (part === undefined || (isWrappable(next) && isWrappable(value) && !Array.isArray(value))) {
75
75
  mergeStoreNode(next, value);
76
76
  } else setProperty(current, part, value);
77
77
  }
@@ -108,4 +108,15 @@ function produce(fn) {
108
108
  }
109
109
  const DEV = undefined;
110
110
 
111
- export { $RAW, DEV, createMutable, createStore, isWrappable, produce, reconcile, setProperty, unwrap, updatePath };
111
+ export {
112
+ $RAW,
113
+ DEV,
114
+ createMutable,
115
+ createStore,
116
+ isWrappable,
117
+ produce,
118
+ reconcile,
119
+ setProperty,
120
+ unwrap,
121
+ updatePath
122
+ };
@@ -303,7 +303,7 @@ function applyState(target, parent, property, merge, key) {
303
303
  const previous = parent[property];
304
304
  if (target === previous) return;
305
305
  const isArray = Array.isArray(target);
306
- if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray && !Array.isArray(previous) || key && target[key] !== previous[key])) {
306
+ if (property !== $ROOT && (!isWrappable(target) || !isWrappable(previous) || isArray !== Array.isArray(previous) || key && target[key] !== previous[key])) {
307
307
  setProperty(parent, property, target);
308
308
  return;
309
309
  }