@vobs/runtime 1.2.1 → 1.3.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.
Files changed (74) hide show
  1. package/dist/async-boundary.cjs +73 -374
  2. package/dist/async-boundary.cjs.map +1 -1
  3. package/dist/async-boundary.js +44 -367
  4. package/dist/async-boundary.js.map +1 -1
  5. package/dist/bind.cjs +101 -234
  6. package/dist/bind.cjs.map +1 -1
  7. package/dist/bind.js +72 -227
  8. package/dist/bind.js.map +1 -1
  9. package/dist/boundary.cjs +67 -369
  10. package/dist/boundary.cjs.map +1 -1
  11. package/dist/boundary.js +42 -366
  12. package/dist/boundary.js.map +1 -1
  13. package/dist/debug.cjs +41 -12
  14. package/dist/debug.cjs.map +1 -1
  15. package/dist/debug.js +10 -3
  16. package/dist/debug.js.map +1 -1
  17. package/dist/dynamic.cjs +76 -378
  18. package/dist/dynamic.cjs.map +1 -1
  19. package/dist/dynamic.js +43 -367
  20. package/dist/dynamic.js.map +1 -1
  21. package/dist/error-boundary.cjs +77 -372
  22. package/dist/error-boundary.cjs.map +1 -1
  23. package/dist/error-boundary.d.cts +7 -3
  24. package/dist/error-boundary.d.ts +7 -3
  25. package/dist/error-boundary.js +48 -367
  26. package/dist/error-boundary.js.map +1 -1
  27. package/dist/error.cjs +35 -9
  28. package/dist/error.cjs.map +1 -1
  29. package/dist/error.js +7 -3
  30. package/dist/error.js.map +1 -1
  31. package/dist/fragment.cjs +44 -133
  32. package/dist/fragment.cjs.map +1 -1
  33. package/dist/fragment.js +19 -130
  34. package/dist/fragment.js.map +1 -1
  35. package/dist/hmr.cjs +61 -22
  36. package/dist/hmr.cjs.map +1 -1
  37. package/dist/hmr.d.cts +7 -1
  38. package/dist/hmr.d.ts +7 -1
  39. package/dist/hmr.js +19 -3
  40. package/dist/hmr.js.map +1 -1
  41. package/dist/index.cjs +230 -465
  42. package/dist/index.cjs.map +1 -1
  43. package/dist/index.d.cts +1 -1
  44. package/dist/index.d.ts +1 -1
  45. package/dist/index.js +128 -388
  46. package/dist/index.js.map +1 -1
  47. package/dist/ops.cjs +147 -244
  48. package/dist/ops.cjs.map +1 -1
  49. package/dist/ops.js +97 -216
  50. package/dist/ops.js.map +1 -1
  51. package/dist/profiler.cjs +69 -320
  52. package/dist/profiler.cjs.map +1 -1
  53. package/dist/profiler.js +40 -315
  54. package/dist/profiler.js.map +1 -1
  55. package/dist/ref.cjs +33 -131
  56. package/dist/ref.cjs.map +1 -1
  57. package/dist/ref.js +10 -130
  58. package/dist/ref.js.map +1 -1
  59. package/dist/renderer.cjs +18 -2
  60. package/dist/renderer.cjs.map +1 -1
  61. package/dist/renderer.js +0 -2
  62. package/dist/renderer.js.map +1 -1
  63. package/dist/template.cjs +29 -6
  64. package/dist/template.cjs.map +1 -1
  65. package/dist/template.js +4 -3
  66. package/dist/template.js.map +1 -1
  67. package/package.json +2 -2
  68. package/src/dynamic.test.ts +65 -1
  69. package/src/error-boundary.ts +13 -3
  70. package/src/hmr.test.ts +17 -0
  71. package/src/hmr.ts +14 -0
  72. package/src/index.ts +1 -0
  73. package/src/ops.ts +38 -3
  74. package/src/props.test.ts +32 -1
@@ -1,375 +1,47 @@
1
- 'use strict';
2
-
1
+ var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
2
+ "use strict";
3
3
  var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
7
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
5
-
6
- // packages/reactivity/src/debug.ts
7
- var activeDebugHooks = null;
8
- var signalNames = /* @__PURE__ */ new WeakMap();
9
- function hasDebugHooks() {
10
- return activeDebugHooks !== null;
11
- }
12
- __name(hasDebugHooks, "hasDebugHooks");
13
- function setSignalDebugName(signal, name) {
14
- signalNames.set(signal, name);
15
- invokeDebug("signalNamed", signal, name);
16
- }
17
- __name(setSignalDebugName, "setSignalDebugName");
18
- function invokeDebug(name, ...args) {
19
- return;
20
- }
21
- __name(invokeDebug, "invokeDebug");
22
-
23
- // packages/reactivity/src/owner.ts
24
- var currentOwner = null;
25
- var nextOwnerId = 1;
26
- var ownerNames = /* @__PURE__ */ new WeakMap();
27
- function createOwner() {
28
- const parent = currentOwner;
29
- let disposed = parent?.disposed ?? false;
30
- const children = [];
31
- const cleanups = [];
32
- const errorHandlers = /* @__PURE__ */ new Set();
33
- const owner = {
34
- id: `owner-${nextOwnerId++}`,
35
- parent,
36
- children,
37
- depth: (parent?.depth ?? -1) + 1,
38
- get disposed() {
39
- return disposed;
40
- },
41
- run(fn) {
42
- if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
43
- const previous = currentOwner;
44
- currentOwner = owner;
45
- try {
46
- return fn();
47
- } finally {
48
- currentOwner = previous;
49
- }
50
- },
51
- addCleanup(cleanup) {
52
- if (disposed) {
53
- cleanup();
54
- return;
55
- }
56
- cleanups.push(cleanup);
57
- },
58
- onDispose(cleanup) {
59
- owner.addCleanup(cleanup);
60
- },
61
- onError(handler) {
62
- errorHandlers.add(handler);
63
- const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
64
- owner.addCleanup(remove);
65
- return remove;
66
- },
67
- handleError(error) {
68
- for (const handler of [...errorHandlers].reverse()) {
69
- try {
70
- handler(error);
71
- return true;
72
- } catch (handlerError) {
73
- return parent?.handleError(handlerError) ?? false;
74
- }
75
- }
76
- return parent?.handleError(error) ?? false;
77
- },
78
- dispose() {
79
- if (disposed) return;
80
- disposed = true;
81
- for (const child of [...children]) child.dispose();
82
- children.length = 0;
83
- let firstError;
84
- for (let index = cleanups.length - 1; index >= 0; index--) {
85
- try {
86
- cleanups[index]();
87
- } catch (error) {
88
- firstError ?? (firstError = error);
89
- }
90
- }
91
- cleanups.length = 0;
92
- if (parent) {
93
- const index = parent.children.indexOf(owner);
94
- if (index >= 0) parent.children.splice(index, 1);
95
- }
96
- if (firstError) throw firstError;
97
- }
98
- };
99
- if (parent && !parent.disposed) parent.children.push(owner);
100
- return owner;
101
- }
102
- __name(createOwner, "createOwner");
103
- function setOwnerDebugName(owner, name) {
104
- ownerNames.set(owner, name);
105
- }
106
- __name(setOwnerDebugName, "setOwnerDebugName");
107
- function getCurrentOwner() {
108
- return currentOwner;
109
- }
110
- __name(getCurrentOwner, "getCurrentOwner");
111
-
112
- // packages/reactivity/src/signal.ts
113
- var currentSubscriber = null;
114
- function getCurrentSubscriber() {
115
- return currentSubscriber;
116
- }
117
- __name(getCurrentSubscriber, "getCurrentSubscriber");
118
- function setCurrentSubscriber(subscriber) {
119
- currentSubscriber = subscriber;
120
- }
121
- __name(setCurrentSubscriber, "setCurrentSubscriber");
122
- function trackDependency(dependency) {
123
- if (!currentSubscriber || currentSubscriber.disposed) return;
124
- !currentSubscriber.dependencies.has(dependency);
125
- currentSubscriber.dependencies.add(dependency);
126
- }
127
- __name(trackDependency, "trackDependency");
128
- function state(initialValue, debugName) {
129
- let value = initialValue;
130
- let disposed = false;
131
- const subscribers = /* @__PURE__ */ new Set();
132
- const signalInstance = {
133
- get value() {
134
- const subscriber = getCurrentSubscriber();
135
- if (subscriber && !subscriber.disposed) {
136
- subscribers.add(subscriber);
137
- trackDependency(signalInstance);
138
- }
139
- return value;
140
- },
141
- set value(nextValue) {
142
- if (disposed || Object.is(value, nextValue)) return;
143
- value = nextValue;
144
- for (const subscriber of [...subscribers]) subscriber.notify();
145
- },
146
- unsubscribe(subscriber) {
147
- subscribers.delete(subscriber);
148
- },
149
- // 与 `.value =` 赋值同一条路径:判等短路、debug hook、notify 全部一致。
150
- // 以闭包实现,可安全地作为回调直接传递(无 this 绑定问题)。
151
- set(next) {
152
- signalInstance.value = next;
153
- },
154
- dispose() {
155
- if (disposed) return;
156
- disposed = true;
157
- subscribers.clear();
158
- }
159
- };
160
- const owner = getCurrentOwner();
161
- owner?.addCleanup(signalInstance.dispose);
162
- if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
163
- return signalInstance;
164
- }
165
- __name(state, "state");
166
-
167
- // packages/reactivity/src/scheduler.ts
168
- var _Scheduler = class _Scheduler {
169
- constructor() {
170
- this.dirtyEffects = /* @__PURE__ */ new Set();
171
- this.lowPriorityEffects = /* @__PURE__ */ new Set();
172
- // flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
173
- this.normalBuffer = [];
174
- this.lowBuffer = [];
175
- this.flushing = false;
176
- this.scheduled = false;
177
- this.batchDepth = 0;
178
- }
179
- schedule(effect2) {
180
- if (effect2.disposed) return;
181
- this.dirtyEffects.add(effect2);
182
- this.lowPriorityEffects.delete(effect2);
183
- this.ensureScheduled();
184
- }
185
- /** Queue an effect behind normal updates while preserving deterministic order. */
186
- scheduleLow(effect2) {
187
- if (effect2.disposed) return;
188
- if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
189
- this.ensureScheduled();
190
- }
191
- ensureScheduled() {
192
- if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
193
- this.scheduled = true;
194
- queueMicrotask(() => {
195
- this.scheduled = false;
196
- this.flush();
197
- });
198
- }
199
- }
200
- remove(effect2) {
201
- this.dirtyEffects.delete(effect2);
202
- this.lowPriorityEffects.delete(effect2);
203
- }
204
- batch(fn) {
205
- this.batchDepth++;
206
- try {
207
- return fn();
208
- } finally {
209
- this.batchDepth--;
210
- if (this.batchDepth === 0) this.flush();
211
- }
212
- }
213
- flush() {
214
- if (this.flushing || this.batchDepth > 0) return;
215
- this.flushing = true;
216
- let rounds = 0;
217
- let firstError;
218
- let hasError = false;
219
- try {
220
- while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
221
- if (++rounds > 100) {
222
- this.dirtyEffects.clear();
223
- this.lowPriorityEffects.clear();
224
- throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
225
- }
226
- this.collectRunnable(this.dirtyEffects, this.normalBuffer);
227
- this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
228
- sortEffects(this.normalBuffer);
229
- sortEffects(this.lowBuffer);
230
- for (const effect2 of this.normalBuffer) {
231
- try {
232
- effect2.run();
233
- } catch (error) {
234
- if (!hasError) {
235
- firstError = error;
236
- hasError = true;
237
- }
238
- }
239
- }
240
- for (const effect2 of this.lowBuffer) {
241
- try {
242
- effect2.run();
243
- } catch (error) {
244
- if (!hasError) {
245
- firstError = error;
246
- hasError = true;
247
- }
248
- }
249
- }
250
- this.normalBuffer.length = 0;
251
- this.lowBuffer.length = 0;
252
- }
253
- } finally {
254
- this.normalBuffer.length = 0;
255
- this.lowBuffer.length = 0;
256
- this.flushing = false;
257
- }
258
- if (hasError) throw firstError;
259
- }
260
- /** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
261
- collectRunnable(source, target) {
262
- for (const effect2 of source) {
263
- if (!effect2.disposed) target.push(effect2);
264
- }
265
- source.clear();
266
- }
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
267
11
  };
268
- __name(_Scheduler, "Scheduler");
269
- var Scheduler = _Scheduler;
270
- function sortEffects(effects) {
271
- if (effects.length > 1) {
272
- effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
273
17
  }
274
- }
275
- __name(sortEffects, "sortEffects");
276
- var scheduler = new Scheduler();
18
+ return to;
19
+ };
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
277
21
 
278
- // packages/reactivity/src/effect.ts
279
- var nextEffectOrder = 1;
280
- function cleanupDependencies(subscriber) {
281
- for (const dependency of subscriber.dependencies) {
282
- dependency.unsubscribe(subscriber);
283
- }
284
- subscriber.dependencies.clear();
285
- }
286
- __name(cleanupDependencies, "cleanupDependencies");
287
- function effect(callback) {
288
- const owner = getCurrentOwner();
289
- let cleanup;
290
- let dirty = true;
291
- let disposed = false;
292
- const eff = {
293
- order: nextEffectOrder++,
294
- depth: owner?.depth ?? 0,
295
- dependencies: /* @__PURE__ */ new Set(),
296
- get disposed() {
297
- return disposed;
298
- },
299
- notify() {
300
- if (disposed || dirty) return;
301
- dirty = true;
302
- scheduler.schedule(eff);
303
- },
304
- run() {
305
- if (disposed || !dirty) return;
306
- dirty = false;
307
- const previousCleanup = cleanup;
308
- cleanup = void 0;
309
- let cleanupError;
310
- if (previousCleanup) {
311
- try {
312
- previousCleanup();
313
- } catch (error) {
314
- const handled2 = owner?.handleError(error) ?? false;
315
- if (!handled2) cleanupError = error;
316
- }
317
- }
318
- cleanupDependencies(eff);
319
- const previous = getCurrentSubscriber();
320
- setCurrentSubscriber(eff);
321
- let thrown;
322
- let handled = false;
323
- try {
324
- const result = owner ? owner.run(callback) : callback();
325
- cleanup = typeof result === "function" ? result : void 0;
326
- } catch (error) {
327
- thrown = error;
328
- handled = owner?.handleError(error) ?? false;
329
- if (!handled) throw error;
330
- } finally {
331
- setCurrentSubscriber(previous);
332
- }
333
- if (cleanupError && !thrown) throw cleanupError;
334
- },
335
- scheduleLow() {
336
- if (disposed || dirty) return;
337
- dirty = true;
338
- scheduler.scheduleLow(eff);
339
- },
340
- dispose() {
341
- if (disposed) return;
342
- disposed = true;
343
- dirty = false;
344
- scheduler.remove(eff);
345
- const previousCleanup = cleanup;
346
- cleanup = void 0;
347
- let cleanupError;
348
- if (previousCleanup) {
349
- try {
350
- previousCleanup();
351
- } catch (error) {
352
- const handled = owner?.handleError(error) ?? false;
353
- if (!handled) cleanupError = error;
354
- }
355
- }
356
- cleanupDependencies(eff);
357
- if (cleanupError) throw cleanupError;
358
- }
359
- };
360
- owner?.addCleanup(eff.dispose);
361
- eff.run();
362
- return eff;
363
- }
364
- __name(effect, "effect");
22
+ // packages/runtime/src/async-boundary.ts
23
+ var async_boundary_exports = {};
24
+ __export(async_boundary_exports, {
25
+ AsyncBoundary: () => AsyncBoundary,
26
+ insertAsyncBoundary: () => insertAsyncBoundary
27
+ });
28
+ module.exports = __toCommonJS(async_boundary_exports);
29
+ var import_reactivity5 = require("@vobs/reactivity");
30
+
31
+ // packages/runtime/src/dynamic.ts
32
+ var import_reactivity4 = require("@vobs/reactivity");
33
+
34
+ // packages/runtime/src/ops.ts
35
+ var import_reactivity3 = require("@vobs/reactivity");
365
36
 
366
37
  // packages/runtime/src/fragment.ts
38
+ var import_reactivity = require("@vobs/reactivity");
367
39
  function createFragment(factory) {
368
40
  const start = createComment("vobs:fragment:start");
369
41
  const end = createComment("vobs:fragment:end");
370
42
  let parent = null;
371
43
  let initialized = false;
372
- const owner = getCurrentOwner();
44
+ const owner = (0, import_reactivity.getCurrentOwner)();
373
45
  const fragment = {
374
46
  kind: "vobs-fragment",
375
47
  start,
@@ -437,7 +109,12 @@ function getRuntimeDebugHooks() {
437
109
  }
438
110
  __name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
439
111
  function invokeRuntimeDebug(name, ...args) {
440
- return;
112
+ const callback = activeRuntimeDebugHooks?.[name];
113
+ if (!callback) return;
114
+ try {
115
+ callback(...args);
116
+ } catch {
117
+ }
441
118
  }
442
119
  __name(invokeRuntimeDebug, "invokeRuntimeDebug");
443
120
  function describeDebugNode(node) {
@@ -460,11 +137,18 @@ function markHmrInstanceMounted(node, parent) {
460
137
  }
461
138
  __name(markHmrInstanceMounted, "markHmrInstanceMounted");
462
139
  var hmrInstances = /* @__PURE__ */ new WeakMap();
140
+
141
+ // packages/runtime/src/ref.ts
142
+ var import_reactivity2 = require("@vobs/reactivity");
143
+
144
+ // packages/runtime/src/ops.ts
145
+ var currentRenderer = null;
463
146
  var nodeOwners = /* @__PURE__ */ new WeakMap();
464
147
  function getRenderer() {
465
- {
148
+ if (!currentRenderer) {
466
149
  throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
467
150
  }
151
+ return currentRenderer;
468
152
  }
469
153
  __name(getRenderer, "getRenderer");
470
154
  function createComment(content) {
@@ -478,6 +162,13 @@ function insertBefore(parent, child, anchor) {
478
162
  }
479
163
  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
480
164
  markHmrInstanceMounted(child, parent);
165
+ if (getRuntimeDebugHooks()) {
166
+ invokeRuntimeDebug("domMutation", {
167
+ operation: "insert",
168
+ target: describeDebugNode(child),
169
+ parent: describeDebugNode(parent)
170
+ });
171
+ }
481
172
  }
482
173
  __name(insertBefore, "insertBefore");
483
174
  function removeChild(parent, child) {
@@ -487,11 +178,18 @@ function removeChild(parent, child) {
487
178
  return;
488
179
  }
489
180
  getRenderer().removeChild(parent, child);
181
+ if (getRuntimeDebugHooks()) {
182
+ invokeRuntimeDebug("domMutation", {
183
+ operation: "remove",
184
+ target: describeDebugNode(child),
185
+ parent: describeDebugNode(parent)
186
+ });
187
+ }
490
188
  }
491
189
  __name(removeChild, "removeChild");
492
190
  function createBlock(factory) {
493
- const owner = createOwner();
494
- setOwnerDebugName(owner, "dynamic");
191
+ const owner = (0, import_reactivity3.createOwner)();
192
+ (0, import_reactivity3.setOwnerDebugName)(owner, "dynamic");
495
193
  let node;
496
194
  try {
497
195
  node = owner.run(factory);
@@ -524,7 +222,7 @@ function insertDynamic(parent, anchor, factory) {
524
222
  const marker = createComment("vobs:dynamic");
525
223
  insertBefore(parent, marker, anchor);
526
224
  let current = null;
527
- effect(() => {
225
+ (0, import_reactivity4.effect)(() => {
528
226
  const next = createBlock(factory);
529
227
  if (next === current) return;
530
228
  if (current) removeChild(parent, current);
@@ -536,12 +234,12 @@ __name(insertDynamic, "insertDynamic");
536
234
 
537
235
  // packages/runtime/src/async-boundary.ts
538
236
  function insertAsyncBoundary(parent, anchor, options) {
539
- const boundary = createOwner();
237
+ const boundary = (0, import_reactivity5.createOwner)();
540
238
  boundary.run(() => {
541
- const loading = state(true);
542
- const data = state(void 0);
543
- const resolved = state(false);
544
- const error = state(null);
239
+ const loading = (0, import_reactivity5.state)(true);
240
+ const data = (0, import_reactivity5.state)(void 0);
241
+ const resolved = (0, import_reactivity5.state)(false);
242
+ const error = (0, import_reactivity5.state)(null);
545
243
  let token = 0;
546
244
  let previousKey;
547
245
  let initialized = false;
@@ -616,8 +314,9 @@ function normalizeError(reason) {
616
314
  return reason instanceof Error ? reason : new Error(String(reason));
617
315
  }
618
316
  __name(normalizeError, "normalizeError");
619
-
620
- exports.AsyncBoundary = AsyncBoundary;
621
- exports.insertAsyncBoundary = insertAsyncBoundary;
622
- //# sourceMappingURL=async-boundary.cjs.map
317
+ // Annotate the CommonJS export names for ESM import in node:
318
+ 0 && (module.exports = {
319
+ AsyncBoundary,
320
+ insertAsyncBoundary
321
+ });
623
322
  //# sourceMappingURL=async-boundary.cjs.map