@typed/template 0.2.0 → 0.3.1
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/cjs/Directive.js +1 -1
- package/dist/cjs/Directive.js.map +1 -1
- package/dist/cjs/ElementRef.js +23 -13
- package/dist/cjs/ElementRef.js.map +1 -1
- package/dist/cjs/ElementSource.js +16 -18
- package/dist/cjs/ElementSource.js.map +1 -1
- package/dist/cjs/EventHandler.js +1 -1
- package/dist/cjs/EventHandler.js.map +1 -1
- package/dist/cjs/Html.js +31 -32
- package/dist/cjs/Html.js.map +1 -1
- package/dist/cjs/HtmlChunk.js +4 -1
- package/dist/cjs/HtmlChunk.js.map +1 -1
- package/dist/cjs/Hydrate.js +1 -1
- package/dist/cjs/Hydrate.js.map +1 -1
- package/dist/cjs/Many.js +14 -13
- package/dist/cjs/Many.js.map +1 -1
- package/dist/cjs/Parser.js +11 -323
- package/dist/cjs/Parser.js.map +1 -1
- package/dist/cjs/Placeholder.js +3 -3
- package/dist/cjs/Placeholder.js.map +1 -1
- package/dist/cjs/Platform.js +4 -4
- package/dist/cjs/Platform.js.map +1 -1
- package/dist/cjs/Render.js +1 -1
- package/dist/cjs/Render.js.map +1 -1
- package/dist/cjs/RenderContext.js +48 -27
- package/dist/cjs/RenderContext.js.map +1 -1
- package/dist/cjs/RenderTemplate.js +2 -17
- package/dist/cjs/RenderTemplate.js.map +1 -1
- package/dist/cjs/Template.js +27 -1
- package/dist/cjs/Template.js.map +1 -1
- package/dist/cjs/TemplateInstance.js +2 -2
- package/dist/cjs/TemplateInstance.js.map +1 -1
- package/dist/cjs/Test.js +20 -7
- package/dist/cjs/Test.js.map +1 -1
- package/dist/cjs/index.js +0 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/internal/EventSource.js +95 -0
- package/dist/cjs/internal/EventSource.js.map +1 -0
- package/dist/cjs/internal/browser.js +11 -11
- package/dist/cjs/internal/browser.js.map +1 -1
- package/dist/cjs/internal/chunks.js +4 -1
- package/dist/cjs/internal/chunks.js.map +1 -1
- package/dist/cjs/internal/errors.js +4 -0
- package/dist/cjs/internal/errors.js.map +1 -1
- package/dist/cjs/internal/hydrate.js +113 -80
- package/dist/cjs/internal/hydrate.js.map +1 -1
- package/dist/cjs/internal/indexRefCounter.js +49 -2
- package/dist/cjs/internal/indexRefCounter.js.map +1 -1
- package/dist/cjs/internal/parser.js +72 -21
- package/dist/cjs/internal/parser.js.map +1 -1
- package/dist/cjs/internal/parts.js +128 -28
- package/dist/cjs/internal/parts.js.map +1 -1
- package/dist/cjs/internal/render.js +460 -161
- package/dist/cjs/internal/render.js.map +1 -1
- package/dist/cjs/internal/server.js +5 -2
- package/dist/cjs/internal/server.js.map +1 -1
- package/dist/dts/Directive.d.ts.map +1 -1
- package/dist/dts/ElementRef.d.ts +4 -2
- package/dist/dts/ElementRef.d.ts.map +1 -1
- package/dist/dts/ElementSource.d.ts +10 -5
- package/dist/dts/ElementSource.d.ts.map +1 -1
- package/dist/dts/EventHandler.d.ts.map +1 -1
- package/dist/dts/Html.d.ts +1 -1
- package/dist/dts/Html.d.ts.map +1 -1
- package/dist/dts/HtmlChunk.d.ts.map +1 -1
- package/dist/dts/Many.d.ts +13 -11
- package/dist/dts/Many.d.ts.map +1 -1
- package/dist/dts/Parser.d.ts +3 -6
- package/dist/dts/Parser.d.ts.map +1 -1
- package/dist/dts/Part.d.ts +13 -3
- package/dist/dts/Part.d.ts.map +1 -1
- package/dist/dts/Placeholder.d.ts +2 -2
- package/dist/dts/Placeholder.d.ts.map +1 -1
- package/dist/dts/Render.d.ts +2 -1
- package/dist/dts/Render.d.ts.map +1 -1
- package/dist/dts/RenderContext.d.ts +5 -4
- package/dist/dts/RenderContext.d.ts.map +1 -1
- package/dist/dts/RenderTemplate.d.ts +2 -16
- package/dist/dts/RenderTemplate.d.ts.map +1 -1
- package/dist/dts/Renderable.d.ts +2 -2
- package/dist/dts/Renderable.d.ts.map +1 -1
- package/dist/dts/Template.d.ts +21 -3
- package/dist/dts/Template.d.ts.map +1 -1
- package/dist/dts/TemplateInstance.d.ts +3 -2
- package/dist/dts/TemplateInstance.d.ts.map +1 -1
- package/dist/dts/Test.d.ts +4 -6
- package/dist/dts/Test.d.ts.map +1 -1
- package/dist/dts/index.d.ts +0 -4
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/internal/EventSource.d.ts +12 -0
- package/dist/dts/internal/EventSource.d.ts.map +1 -0
- package/dist/dts/internal/browser.d.ts.map +1 -1
- package/dist/dts/internal/chunks.d.ts +1 -0
- package/dist/dts/internal/chunks.d.ts.map +1 -1
- package/dist/dts/internal/errors.d.ts +1 -0
- package/dist/dts/internal/errors.d.ts.map +1 -1
- package/dist/dts/internal/hydrate.d.ts +9 -16
- package/dist/dts/internal/hydrate.d.ts.map +1 -1
- package/dist/dts/internal/indexRefCounter.d.ts +5 -0
- package/dist/dts/internal/indexRefCounter.d.ts.map +1 -1
- package/dist/dts/internal/module-augmentation.d.ts +0 -4
- package/dist/dts/internal/module-augmentation.d.ts.map +1 -1
- package/dist/dts/internal/parser.d.ts +8 -0
- package/dist/dts/internal/parser.d.ts.map +1 -1
- package/dist/dts/internal/parts.d.ts +66 -56
- package/dist/dts/internal/parts.d.ts.map +1 -1
- package/dist/dts/internal/render.d.ts +1 -15
- package/dist/dts/internal/render.d.ts.map +1 -1
- package/dist/dts/internal/server.d.ts.map +1 -1
- package/dist/esm/Directive.js +1 -1
- package/dist/esm/Directive.js.map +1 -1
- package/dist/esm/ElementRef.js +12 -7
- package/dist/esm/ElementRef.js.map +1 -1
- package/dist/esm/ElementSource.js +16 -13
- package/dist/esm/ElementSource.js.map +1 -1
- package/dist/esm/EventHandler.js +1 -1
- package/dist/esm/EventHandler.js.map +1 -1
- package/dist/esm/Html.js +29 -24
- package/dist/esm/Html.js.map +1 -1
- package/dist/esm/HtmlChunk.js +6 -1
- package/dist/esm/HtmlChunk.js.map +1 -1
- package/dist/esm/Hydrate.js +1 -1
- package/dist/esm/Hydrate.js.map +1 -1
- package/dist/esm/Many.js +14 -10
- package/dist/esm/Many.js.map +1 -1
- package/dist/esm/Parser.js +6 -335
- package/dist/esm/Parser.js.map +1 -1
- package/dist/esm/Placeholder.js +2 -2
- package/dist/esm/Placeholder.js.map +1 -1
- package/dist/esm/Platform.js +2 -2
- package/dist/esm/Platform.js.map +1 -1
- package/dist/esm/Render.js +1 -1
- package/dist/esm/Render.js.map +1 -1
- package/dist/esm/RenderContext.js +38 -17
- package/dist/esm/RenderContext.js.map +1 -1
- package/dist/esm/RenderTemplate.js +2 -12
- package/dist/esm/RenderTemplate.js.map +1 -1
- package/dist/esm/Template.js +24 -0
- package/dist/esm/Template.js.map +1 -1
- package/dist/esm/TemplateInstance.js +2 -2
- package/dist/esm/TemplateInstance.js.map +1 -1
- package/dist/esm/Test.js +20 -7
- package/dist/esm/Test.js.map +1 -1
- package/dist/esm/index.js +0 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/internal/EventSource.js +91 -0
- package/dist/esm/internal/EventSource.js.map +1 -0
- package/dist/esm/internal/browser.js +12 -12
- package/dist/esm/internal/browser.js.map +1 -1
- package/dist/esm/internal/chunks.js +2 -0
- package/dist/esm/internal/chunks.js.map +1 -1
- package/dist/esm/internal/errors.js +3 -0
- package/dist/esm/internal/errors.js.map +1 -1
- package/dist/esm/internal/hydrate.js +113 -76
- package/dist/esm/internal/hydrate.js.map +1 -1
- package/dist/esm/internal/indexRefCounter.js +50 -2
- package/dist/esm/internal/indexRefCounter.js.map +1 -1
- package/dist/esm/internal/parser.js +98 -22
- package/dist/esm/internal/parser.js.map +1 -1
- package/dist/esm/internal/parts.js +110 -27
- package/dist/esm/internal/parts.js.map +1 -1
- package/dist/esm/internal/render.js +446 -157
- package/dist/esm/internal/render.js.map +1 -1
- package/dist/esm/internal/server.js +5 -4
- package/dist/esm/internal/server.js.map +1 -1
- package/package.json +10 -26
- package/src/Directive.ts +1 -1
- package/src/ElementRef.ts +18 -14
- package/src/ElementSource.ts +62 -47
- package/src/EventHandler.ts +1 -1
- package/src/Html.ts +58 -57
- package/src/HtmlChunk.ts +15 -1
- package/src/Hydrate.ts +1 -1
- package/src/Many.ts +53 -43
- package/src/Parser.ts +10 -453
- package/src/Part.ts +15 -3
- package/src/Placeholder.ts +4 -4
- package/src/Platform.ts +2 -2
- package/src/Render.ts +7 -2
- package/src/RenderContext.ts +47 -19
- package/src/RenderTemplate.ts +9 -54
- package/src/Renderable.ts +2 -1
- package/src/Template.ts +26 -0
- package/src/TemplateInstance.ts +9 -9
- package/src/Test.ts +40 -21
- package/src/index.ts +0 -4
- package/src/internal/EventSource.ts +153 -0
- package/src/internal/browser.ts +26 -25
- package/src/internal/chunks.ts +4 -0
- package/src/internal/errors.ts +4 -0
- package/src/internal/hydrate.ts +161 -107
- package/src/internal/indexRefCounter.ts +63 -2
- package/src/internal/module-augmentation.ts +0 -4
- package/src/internal/parser.ts +107 -25
- package/src/internal/parts.ts +158 -73
- package/src/internal/render.ts +638 -289
- package/src/internal/server.ts +5 -3
- package/Token/package.json +0 -6
- package/Tokenizer/package.json +0 -6
- package/dist/cjs/Token.js +0 -270
- package/dist/cjs/Token.js.map +0 -1
- package/dist/cjs/Tokenizer.js +0 -18
- package/dist/cjs/Tokenizer.js.map +0 -1
- package/dist/cjs/internal/readAttribute.js +0 -34
- package/dist/cjs/internal/readAttribute.js.map +0 -1
- package/dist/cjs/internal/tokenizer.js +0 -264
- package/dist/cjs/internal/tokenizer.js.map +0 -1
- package/dist/dts/Token.d.ts +0 -202
- package/dist/dts/Token.d.ts.map +0 -1
- package/dist/dts/Tokenizer.d.ts +0 -6
- package/dist/dts/Tokenizer.d.ts.map +0 -1
- package/dist/dts/internal/readAttribute.d.ts +0 -9
- package/dist/dts/internal/readAttribute.d.ts.map +0 -1
- package/dist/dts/internal/tokenizer.d.ts +0 -3
- package/dist/dts/internal/tokenizer.d.ts.map +0 -1
- package/dist/esm/Token.js +0 -264
- package/dist/esm/Token.js.map +0 -1
- package/dist/esm/Tokenizer.js +0 -9
- package/dist/esm/Tokenizer.js.map +0 -1
- package/dist/esm/internal/readAttribute.js +0 -24
- package/dist/esm/internal/readAttribute.js.map +0 -1
- package/dist/esm/internal/tokenizer.js +0 -296
- package/dist/esm/internal/tokenizer.js.map +0 -1
- package/src/Token.ts +0 -269
- package/src/Tokenizer.ts +0 -10
- package/src/internal/readAttribute.ts +0 -28
- package/src/internal/tokenizer.ts +0 -338
|
@@ -6,14 +6,14 @@ import { ElementRefTypeId } from "./ElementRef.js";
|
|
|
6
6
|
/**
|
|
7
7
|
* @since 1.0.0
|
|
8
8
|
*/
|
|
9
|
-
export const TemplateInstanceTypeId = Symbol.for("
|
|
9
|
+
export const TemplateInstanceTypeId = Symbol.for("@typed/template/TemplateInstance");
|
|
10
10
|
/**
|
|
11
11
|
* @since 1.0.0
|
|
12
12
|
*/
|
|
13
13
|
export function TemplateInstance(events, ref) {
|
|
14
14
|
return new TemplateInstanceImpl(events, ref);
|
|
15
15
|
}
|
|
16
|
-
// @ts-expect-error
|
|
16
|
+
// @ts-expect-error does not implement Placeholder
|
|
17
17
|
class TemplateInstanceImpl extends FxEffectBase {
|
|
18
18
|
i0;
|
|
19
19
|
i1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TemplateInstance.js","sourceRoot":"","sources":["../../src/TemplateInstance.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"TemplateInstance.js","sourceRoot":"","sources":["../../src/TemplateInstance.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAM3C,OAAO,EAAmB,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGnE;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA;AAuBpF;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAoC,EACpC,GAAkB;IAElB,OAAO,IAAI,oBAAoB,CAAC,MAAM,EAAE,GAAG,CAAQ,CAAA;AACrD,CAAC;AAED,kDAAkD;AAClD,MAAM,oBACJ,SAAQ,YAAyE;IAWtE;IACA;IATF,CAAC,sBAAsB,CAAC,GAA2B,sBAAsB,CAAA;IAClF,KAAK,CAAiC;IACtC,MAAM,CAAkC;IACxC,QAAQ,CAAoC;IAC5C,aAAa,CAAyC;IACtD,OAAO,CAAqC;IAE5C,YACW,EAAgC,EAChC,EAAiB;QAE1B,KAAK,EAAE,CAAA;QAHE,OAAE,GAAF,EAAE,CAA8B;QAChC,OAAE,GAAF,EAAE,CAAe;QAI1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAA;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAA;QAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAA;QAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAA;QAC1C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAA;IAClD,CAAC;IAED,IAAI;QACF,OAAO,IAAI,CAAC,EAAE,CAAA;IAChB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,EAAE,CAAA;IAChB,CAAC;CACF"}
|
package/dist/esm/Test.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as Fx from "@typed/fx/Fx";
|
|
2
2
|
import * as RefArray from "@typed/fx/RefArray";
|
|
3
|
+
import * as RefSubject from "@typed/fx/RefSubject";
|
|
3
4
|
import * as Sink from "@typed/fx/Sink";
|
|
4
5
|
import * as Cause from "effect/Cause";
|
|
5
6
|
import * as Effect from "effect/Effect";
|
|
6
7
|
import * as Either from "effect/Either";
|
|
7
8
|
import * as Fiber from "effect/Fiber";
|
|
8
|
-
import * as happyDOM from "happy-dom";
|
|
9
9
|
import * as ElementRef from "./ElementRef.js";
|
|
10
10
|
import { ROOT_CSS_SELECTOR } from "./ElementSource.js";
|
|
11
11
|
import { adjustTime } from "./internal/utils.js";
|
|
@@ -16,13 +16,13 @@ import * as RenderContext from "./RenderContext.js";
|
|
|
16
16
|
*/
|
|
17
17
|
export function testRender(fx, options) {
|
|
18
18
|
return Effect.gen(function* (_) {
|
|
19
|
-
const window =
|
|
19
|
+
const window = yield* _(getOrMakeWindow(options));
|
|
20
20
|
const elementRef = yield* _(ElementRef.make());
|
|
21
|
-
const errors = yield* _(
|
|
22
|
-
const fiber = yield* _(fx, render,
|
|
21
|
+
const errors = yield* _(RefSubject.make(Effect.succeed([])));
|
|
22
|
+
const fiber = yield* _(fx, render, (x) => x.run(Sink.make((cause) => Cause.failureOrCause(cause).pipe(Either.match({
|
|
23
23
|
onLeft: (error) => RefArray.append(errors, error),
|
|
24
24
|
onRight: (cause) => errors.onFailure(cause)
|
|
25
|
-
})), (rendered) => ElementRef.set(elementRef, rendered))), Effect.forkScoped, Effect.provide(RenderContext.
|
|
25
|
+
})), (rendered) => ElementRef.set(elementRef, rendered))), Effect.forkScoped, Effect.provide(RenderContext.dom(window, { skipRenderScheduling: true })));
|
|
26
26
|
const test = {
|
|
27
27
|
window,
|
|
28
28
|
document: window.document,
|
|
@@ -38,6 +38,8 @@ export function testRender(fx, options) {
|
|
|
38
38
|
// Allow our fibers to start
|
|
39
39
|
yield* _(adjustTime(1));
|
|
40
40
|
yield* _(adjustTime(1));
|
|
41
|
+
// Await the first render
|
|
42
|
+
yield* _(Fx.first(elementRef), Effect.race(Effect.delay(Effect.dieMessage(`Rendering taking too long`), 1000)));
|
|
41
43
|
return test;
|
|
42
44
|
});
|
|
43
45
|
}
|
|
@@ -62,7 +64,18 @@ export function click(rendered, options) {
|
|
|
62
64
|
return dispatchEvent(rendered, { event: "click", ...options, eventInit: { bubbles: true, ...options?.eventInit } });
|
|
63
65
|
}
|
|
64
66
|
// internals
|
|
65
|
-
function
|
|
66
|
-
|
|
67
|
+
function getOrMakeWindow(options) {
|
|
68
|
+
if (typeof window !== "undefined" && typeof document !== "undefined") {
|
|
69
|
+
return Effect.gen(function* (_) {
|
|
70
|
+
window.document.head.innerHTML = "";
|
|
71
|
+
window.document.body.innerHTML = "";
|
|
72
|
+
yield* _(Effect.addFinalizer(() => Effect.sync(() => {
|
|
73
|
+
window.document.head.innerHTML = "";
|
|
74
|
+
window.document.body.innerHTML = "";
|
|
75
|
+
})));
|
|
76
|
+
return window;
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return Effect.promise(() => import("happy-dom").then((happyDOM) => new happyDOM.Window(options)));
|
|
67
80
|
}
|
|
68
81
|
//# sourceMappingURL=Test.js.map
|
package/dist/esm/Test.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/Test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/Test.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,mCAAmC,CAAA;AAE1C;;GAEG;AACH,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAC3C;;GAEG;AACH,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAA;AAC7C;;GAEG;AACH,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAA;AACnD;;GAEG;AACH,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAA;AACjD;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,cAAc,CAAA;AAC5B;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,kBAAkB,CAAA;AAChC;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,iBAAiB,CAAA;AAC/B;;GAEG;AACH,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAA;AACnD;;GAEG;AACH,cAAc,kBAAkB,CAAA;AAChC;;GAEG;AACH,cAAc,qBAAqB,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,mCAAmC,CAAA;AAE1C;;GAEG;AACH,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAC3C;;GAEG;AACH,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAA;AAC7C;;GAEG;AACH,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAA;AACnD;;GAEG;AACH,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAA;AACjD;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,cAAc,CAAA;AAC5B;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,WAAW,CAAA;AACzB;;GAEG;AACH,cAAc,kBAAkB,CAAA;AAChC;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,iBAAiB,CAAA;AAC/B;;GAEG;AACH,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAA;AACnD;;GAEG;AACH,cAAc,kBAAkB,CAAA;AAChC;;GAEG;AACH,cAAc,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Effect, Scope } from "effect";
|
|
2
|
+
import * as Runtime from "effect/Runtime";
|
|
3
|
+
import { getElements } from "../ElementSource";
|
|
4
|
+
const disposable = (f) => ({
|
|
5
|
+
[Symbol.dispose]: f
|
|
6
|
+
});
|
|
7
|
+
export function makeEventSource() {
|
|
8
|
+
const bubbleListeners = new Map();
|
|
9
|
+
const captureListeners = new Map();
|
|
10
|
+
function addListener(listeners, event, entry) {
|
|
11
|
+
const set = listeners.get(event);
|
|
12
|
+
if (set === undefined) {
|
|
13
|
+
const set = new Set();
|
|
14
|
+
set.add(entry);
|
|
15
|
+
listeners.set(event, set);
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
set.add(entry);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function addEventListener(element, event, handler) {
|
|
22
|
+
if (handler.options?.capture === true) {
|
|
23
|
+
return addListener(captureListeners, event, [element, handler]);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return addListener(bubbleListeners, event, [element, handler]);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
function setupBubbleListeners(element, run) {
|
|
30
|
+
const disposables = [];
|
|
31
|
+
for (const [event, handlers] of bubbleListeners) {
|
|
32
|
+
const listener = (ev) => run(Effect.forEach(handlers, ([el, handler]) => ev.target === el || el.contains(ev.target) ? handler.handler(ev) : Effect.unit));
|
|
33
|
+
element.addEventListener(event, listener, getDerivedAddEventListenerOptions(handlers));
|
|
34
|
+
disposables.push(disposable(() => element.removeEventListener(event, listener)));
|
|
35
|
+
}
|
|
36
|
+
return disposables;
|
|
37
|
+
}
|
|
38
|
+
function setupCaptureListeners(element, run) {
|
|
39
|
+
const disposables = [];
|
|
40
|
+
for (const [event, handlers] of captureListeners) {
|
|
41
|
+
const listener = (ev) => run(Effect.forEach(handlers, ([el, handler]) => ev.target === el || el.contains(ev.target)
|
|
42
|
+
? handler.handler(proxyCurrentTargetForCaptureEvents(ev, el))
|
|
43
|
+
: Effect.unit));
|
|
44
|
+
element.addEventListener(event, listener, getDerivedAddEventListenerOptions(handlers));
|
|
45
|
+
disposables.push(disposable(() => element.removeEventListener(event, listener)));
|
|
46
|
+
}
|
|
47
|
+
return disposables;
|
|
48
|
+
}
|
|
49
|
+
function setup(rendered, scope) {
|
|
50
|
+
const hasBubbleListeners = bubbleListeners.size > 0;
|
|
51
|
+
const hasCaptureListeners = captureListeners.size > 0;
|
|
52
|
+
if (!hasBubbleListeners && !hasCaptureListeners) {
|
|
53
|
+
return Effect.unit;
|
|
54
|
+
}
|
|
55
|
+
return Effect.flatMap(Effect.runtime(), (runtime) => {
|
|
56
|
+
const elements = getElements(rendered);
|
|
57
|
+
const disposables = [];
|
|
58
|
+
const runFork = Runtime.runFork(runtime);
|
|
59
|
+
const run = (effect) => runFork(Effect.fromFiberEffect(Effect.forkIn(effect, scope)));
|
|
60
|
+
for (const element of elements) {
|
|
61
|
+
if (hasBubbleListeners) {
|
|
62
|
+
disposables.push(...setupBubbleListeners(element, run));
|
|
63
|
+
}
|
|
64
|
+
if (hasCaptureListeners) {
|
|
65
|
+
disposables.push(...setupCaptureListeners(element, run));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
return Scope.addFinalizer(scope, Effect.sync(() => disposables.forEach((d) => d[Symbol.dispose]())));
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
return {
|
|
72
|
+
addEventListener,
|
|
73
|
+
setup
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
const EVENT_PROPERTY_TO_REPLACE = "currentTarget";
|
|
77
|
+
function proxyCurrentTargetForCaptureEvents(event, currentTarget) {
|
|
78
|
+
return new Proxy(event, {
|
|
79
|
+
get(target, property) {
|
|
80
|
+
return property === EVENT_PROPERTY_TO_REPLACE ? currentTarget : target[property];
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function getDerivedAddEventListenerOptions(entries) {
|
|
85
|
+
const hs = Array.from(entries);
|
|
86
|
+
return {
|
|
87
|
+
once: hs.some((h) => h[1].options?.once === true),
|
|
88
|
+
passive: hs.every((h) => h[1].options?.passive === true)
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=EventSource.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventSource.js","sourceRoot":"","sources":["../../../src/internal/EventSource.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEtC,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAoB9C,MAAM,UAAU,GAAG,CAAC,CAAa,EAAc,EAAE,CAAC,CAAC;IACjD,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;CACpB,CAAC,CAAA;AAEF,MAAM,UAAU,eAAe;IAC7B,MAAM,eAAe,GAAG,IAAI,GAAG,EAG5B,CAAA;IACH,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAG7B,CAAA;IAEH,SAAS,WAAW,CAClB,SAGC,EACD,KAAgB,EAChB,KAAY;QAEZ,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAChC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,MAAM,GAAG,GAAG,IAAI,GAAG,EAAS,CAAA;YAC5B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACd,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;IACH,CAAC;IAED,SAAS,gBAAgB,CACvB,OAAgB,EAChB,KAAgB,EAChB,OAAoB;QAEpB,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC;YACtC,OAAO,WAAW,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;QACjE,CAAC;aAAM,CAAC;YACN,OAAO,WAAW,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;QAChE,CAAC;IACH,CAAC;IAED,SAAS,oBAAoB,CAAC,OAAgB,EAAE,GAAQ;QACtD,MAAM,WAAW,GAAsB,EAAE,CAAA;QAEzC,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,eAAe,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAE,EAAE,CAC7B,GAAG,CACD,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CACzC,EAAE,CAAC,MAAM,KAAK,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAC1F,CAAA;YACH,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,iCAAiC,CAAC,QAAQ,CAAC,CAAC,CAAA;YACtF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAClF,CAAC;QAED,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,qBAAqB,CAAC,OAAgB,EAAE,GAAQ;QACvD,MAAM,WAAW,GAAsB,EAAE,CAAA;QAEzC,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,CAAC,EAAS,EAAE,EAAE,CAC7B,GAAG,CACD,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CACzC,EAAE,CAAC,MAAM,KAAK,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC;gBAChD,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,kCAAkC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC7D,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,CAAA;YACH,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,iCAAiC,CAAC,QAAQ,CAAC,CAAC,CAAA;YACtF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAClF,CAAC;QAED,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,KAAK,CAAC,QAAkB,EAAE,KAAkB;QACnD,MAAM,kBAAkB,GAAG,eAAe,CAAC,IAAI,GAAG,CAAC,CAAA;QACnD,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,IAAI,GAAG,CAAC,CAAA;QAErD,IAAI,CAAC,kBAAkB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAChD,OAAO,MAAM,CAAC,IAAI,CAAA;QACpB,CAAC;QAED,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAS,EAAE,CAAC,OAAO,EAAE,EAAE;YACzD,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;YACtC,MAAM,WAAW,GAAsB,EAAE,CAAA;YACzC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACxC,MAAM,GAAG,GAAQ,CAAO,MAAkC,EAAE,EAAE,CAC5D,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAE/D,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;gBAC/B,IAAI,kBAAkB,EAAE,CAAC;oBACvB,WAAW,CAAC,IAAI,CAAC,GAAG,oBAAoB,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;gBACzD,CAAC;gBACD,IAAI,mBAAmB,EAAE,CAAC;oBACxB,WAAW,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;gBAC1D,CAAC;YACH,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QACtG,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,gBAAgB;QAChB,KAAK;KACN,CAAA;AACH,CAAC;AAED,MAAM,yBAAyB,GAAG,eAAe,CAAA;AAEjD,SAAS,kCAAkC,CAAkB,KAAQ,EAAE,aAAsB;IAC3F,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE;QACtB,GAAG,CAAC,MAAS,EAAE,QAAyB;YACtC,OAAO,QAAQ,KAAK,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,QAAmB,CAAC,CAAA;QAC7F,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,iCAAiC,CAAC,OAAmB;IAC5D,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC9B,OAAO;QACL,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;QACjD,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACzD,CAAA;AACH,CAAC"}
|
|
@@ -55,16 +55,7 @@ export function diffChildren(comment, currentNodes, nextNodes, document) {
|
|
|
55
55
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
56
56
|
comment.parentNode,
|
|
57
57
|
// Document Fragments cannot be removed, so we filter them out
|
|
58
|
-
currentNodes.filter((x) => x.nodeType !== x.DOCUMENT_FRAGMENT_NODE), nextNodes
|
|
59
|
-
}
|
|
60
|
-
function flattenRenderEvent(x) {
|
|
61
|
-
if (isRenderEvent(x)) {
|
|
62
|
-
const value = x.valueOf();
|
|
63
|
-
return Array.isArray(value) ? value : [value];
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
return [x];
|
|
67
|
-
}
|
|
58
|
+
currentNodes.filter((x) => x.nodeType !== x.DOCUMENT_FRAGMENT_NODE), nextNodes, diffable(document), comment);
|
|
68
59
|
}
|
|
69
60
|
function matchValue(value, onText, onNodes) {
|
|
70
61
|
switch (typeof value) {
|
|
@@ -86,17 +77,26 @@ function matchValue(value, onText, onNodes) {
|
|
|
86
77
|
return onNodes([]);
|
|
87
78
|
// or diffed, if these contains nodes or "wires"
|
|
88
79
|
else if (value.some((x) => typeof x === "object")) {
|
|
89
|
-
return onNodes(value.flatMap(
|
|
80
|
+
return onNodes(value.flatMap(renderEventToArray));
|
|
90
81
|
} // in all other cases the content is stringified as is
|
|
91
82
|
else
|
|
92
83
|
return onText(String(value));
|
|
93
84
|
}
|
|
94
85
|
else {
|
|
95
|
-
return onNodes(
|
|
86
|
+
return onNodes(renderEventToArray(value));
|
|
96
87
|
}
|
|
97
88
|
}
|
|
98
89
|
case "function":
|
|
99
90
|
return onNodes([]);
|
|
100
91
|
}
|
|
101
92
|
}
|
|
93
|
+
function renderEventToArray(x) {
|
|
94
|
+
if (x === null || x === undefined)
|
|
95
|
+
return [];
|
|
96
|
+
if (isRenderEvent(x)) {
|
|
97
|
+
const value = x.valueOf();
|
|
98
|
+
return Array.isArray(value) ? value : [value];
|
|
99
|
+
}
|
|
100
|
+
return [x];
|
|
101
|
+
}
|
|
102
102
|
//# sourceMappingURL=browser.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../../src/internal/browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,QAAQ,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../../src/internal/browser.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,8 @@ export const getAllTextUntilElementClose = (tagName) => {
|
|
|
28
28
|
return chunker(new RegExp(`([^<]+)(\\s*<\\/${tagName}\\s*>)`, "gi"));
|
|
29
29
|
};
|
|
30
30
|
export const getWhitespace = chunker(/(\s+)/g);
|
|
31
|
+
const tagNameRegex = (tagName) => `(<\\/\\s*${tagName}\\s*>)`;
|
|
32
|
+
export const getClosingTagName = (tagName) => chunker(new RegExp(tagNameRegex(tagName), "gi"));
|
|
31
33
|
function chunker(regex) {
|
|
32
34
|
return (str, pos) => {
|
|
33
35
|
regex.lastIndex = pos;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks.js","sourceRoot":"","sources":["../../../src/internal/chunks.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAA;AAE5D,MAAM,CAAC,MAAM,UAAU,GAAG,0BAA0B,CAAA;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAA;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAA;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;AAEtD,+BAA+B;AAC/B,sEAAsE;AACtE,6BAA6B;AAC7B,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,mDAAmD,CAAC,CAAA;AAEzF,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;AAEzD,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEpD,gDAAgD;AAChD,qFAAqF;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAA;AAExE,gDAAgD;AAChD,sFAAsF;AACtF,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEhE,+CAA+C;AAC/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAC3C,uDAAuD,CACxD,CAAA;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAO,CAC9C,uDAAuD,CACxD,CAAA;AAED,oDAAoD;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAA;AAElG,qEAAqE;AACrE,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAe,EAAE,EAAE;IAC7D,OAAO,OAAO,CAAC,IAAI,MAAM,CAAC,mBAAmB,OAAO,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;AACtE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;AAE9C,SAAS,OAAO,CAAC,KAAa;IAC5B,OAAO,CAAC,GAAW,EAAE,GAAW,EAAyB,EAAE;QACzD,KAAK,CAAC,SAAS,GAAG,GAAG,CAAA;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC7B,KAAK,CAAC,SAAS,GAAG,CAAC,CAAA;QAEnB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;YAClC,OAAM;QACR,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;gBACvB,KAAK;aACG,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;AACH,CAAC"}
|
|
1
|
+
{"version":3,"file":"chunks.js","sourceRoot":"","sources":["../../../src/internal/chunks.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAA;AAE5D,MAAM,CAAC,MAAM,UAAU,GAAG,0BAA0B,CAAA;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAA;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAA;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;AAEtD,+BAA+B;AAC/B,sEAAsE;AACtE,6BAA6B;AAC7B,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,mDAAmD,CAAC,CAAA;AAEzF,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;AAEzD,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEpD,gDAAgD;AAChD,qFAAqF;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAA;AAExE,gDAAgD;AAChD,sFAAsF;AACtF,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEhE,+CAA+C;AAC/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAC3C,uDAAuD,CACxD,CAAA;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAO,CAC9C,uDAAuD,CACxD,CAAA;AAED,oDAAoD;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAA;AAElG,qEAAqE;AACrE,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAe,EAAE,EAAE;IAC7D,OAAO,OAAO,CAAC,IAAI,MAAM,CAAC,mBAAmB,OAAO,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;AACtE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;AAE9C,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,YAAY,OAAO,QAAQ,CAAA;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;AAEtG,SAAS,OAAO,CAAC,KAAa;IAC5B,OAAO,CAAC,GAAW,EAAE,GAAW,EAAyB,EAAE;QACzD,KAAK,CAAC,SAAS,GAAG,GAAG,CAAA;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC7B,KAAK,CAAC,SAAS,GAAG,CAAC,CAAA;QAEnB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;YAClC,OAAM;QACR,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;gBACvB,KAAK;aACG,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;AACH,CAAC"}
|
|
@@ -12,4 +12,7 @@ export class CouldNotFindRootElement extends Error {
|
|
|
12
12
|
this.partIndex = partIndex;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
+
export function isHydrationError(e) {
|
|
16
|
+
return e instanceof CouldNotFindCommentError || e instanceof CouldNotFindRootElement;
|
|
17
|
+
}
|
|
15
18
|
//# sourceMappingURL=errors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/internal/errors.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,wBAAyB,SAAQ,KAAK;IAC5B;IAArB,YAAqB,SAAiB;QACpC,KAAK,CAAC,mCAAmC,SAAS,EAAE,CAAC,CAAA;QADlC,cAAS,GAAT,SAAS,CAAQ;IAEtC,CAAC;CACF;AAED,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAC3B;IAArB,YAAqB,SAAiB;QACpC,KAAK,CAAC,yCAAyC,SAAS,EAAE,CAAC,CAAA;QADxC,cAAS,GAAT,SAAS,CAAQ;IAEtC,CAAC;CACF"}
|
|
1
|
+
{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/internal/errors.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,wBAAyB,SAAQ,KAAK;IAC5B;IAArB,YAAqB,SAAiB;QACpC,KAAK,CAAC,mCAAmC,SAAS,EAAE,CAAC,CAAA;QADlC,cAAS,GAAT,SAAS,CAAQ;IAEtC,CAAC;CACF;AAED,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAC3B;IAArB,YAAqB,SAAiB;QACpC,KAAK,CAAC,yCAAyC,SAAS,EAAE,CAAC,CAAA;QADxC,cAAS,GAAT,SAAS,CAAQ;IAEtC,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,CAAU;IACzC,OAAO,CAAC,YAAY,wBAAwB,IAAI,CAAC,YAAY,uBAAuB,CAAA;AACtF,CAAC"}
|
|
@@ -1,59 +1,84 @@
|
|
|
1
1
|
import * as Fx from "@typed/fx/Fx";
|
|
2
|
-
import * as
|
|
3
|
-
import { Effect } from "effect";
|
|
4
|
-
import * as ElementRef from "../ElementRef.js";
|
|
2
|
+
import * as Effect from "effect/Effect";
|
|
5
3
|
import { DomRenderEvent } from "../RenderEvent.js";
|
|
6
|
-
import {
|
|
7
|
-
import { indexRefCounter } from "./indexRefCounter.js";
|
|
4
|
+
import { indexRefCounter2 } from "./indexRefCounter.js";
|
|
8
5
|
import { unsafeGet } from "@typed/context";
|
|
6
|
+
import { Either } from "effect";
|
|
7
|
+
import { Scope } from "effect/Scope";
|
|
9
8
|
import { CouldNotFindCommentError, CouldNotFindRootElement } from "./errors.js";
|
|
9
|
+
import { makeEventSource } from "./EventSource.js";
|
|
10
10
|
import { HydrateContext } from "./HydrateContext.js";
|
|
11
|
-
import {
|
|
11
|
+
import { getBrowserEntry, renderPart2, renderTemplate } from "./render.js";
|
|
12
12
|
import { findPath, getPreviousNodes, isComment, isCommentWithValue, isHtmlElement } from "./utils.js";
|
|
13
|
-
// TODO: Handle missing comment errors
|
|
14
13
|
/**
|
|
15
14
|
* Here for "standard" browser rendering, a TemplateInstance is effectively a live
|
|
16
15
|
* view into the contents rendered by the Template.
|
|
17
16
|
*/
|
|
18
|
-
export const hydrateTemplate = (document, renderContext) =>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
17
|
+
export const hydrateTemplate = (document, renderContext) => {
|
|
18
|
+
const render_ = renderTemplate(document, renderContext);
|
|
19
|
+
return (templateStrings, values) => {
|
|
20
|
+
return Fx.make((sink) => Effect.gen(function* (_) {
|
|
21
|
+
const context = yield* _(Effect.context());
|
|
22
|
+
const hydrateCtx = unsafeGet(context, HydrateContext);
|
|
23
|
+
const scope = unsafeGet(context, Scope);
|
|
24
|
+
// If we're not longer hydrating, just render normally
|
|
25
|
+
if (hydrateCtx.hydrate === false) {
|
|
26
|
+
return render_(templateStrings, values);
|
|
27
|
+
}
|
|
28
|
+
const either = getHydrateEntry({
|
|
29
|
+
...hydrateCtx,
|
|
30
|
+
document,
|
|
31
|
+
renderContext,
|
|
32
|
+
strings: templateStrings
|
|
33
|
+
});
|
|
34
|
+
if (Either.isLeft(either)) {
|
|
35
|
+
hydrateCtx.hydrate = false;
|
|
36
|
+
return render_(templateStrings, values);
|
|
37
|
+
}
|
|
38
|
+
const { template, where, wire } = either.right;
|
|
39
|
+
if (values.length === 0)
|
|
40
|
+
return yield* _(sink.onSuccess(DomRenderEvent(wire)), Effect.zipRight(Effect.never));
|
|
41
|
+
const makeHydrateContext = (index) => ({
|
|
43
42
|
where,
|
|
44
43
|
rootIndex: index,
|
|
45
44
|
parentTemplate: template,
|
|
46
45
|
hydrate: true
|
|
47
|
-
})
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
46
|
+
});
|
|
47
|
+
const refCounter = yield* _(indexRefCounter2());
|
|
48
|
+
const ctx = {
|
|
49
|
+
context,
|
|
50
|
+
document,
|
|
51
|
+
eventSource: makeEventSource(),
|
|
52
|
+
expected: 0,
|
|
53
|
+
refCounter,
|
|
54
|
+
renderContext,
|
|
55
|
+
onCause: sink.onFailure,
|
|
56
|
+
values,
|
|
57
|
+
makeHydrateContext
|
|
58
|
+
};
|
|
59
|
+
// Connect our interpolated values to our template parts
|
|
60
|
+
const effects = [];
|
|
61
|
+
for (const [part, path] of template.parts) {
|
|
62
|
+
const eff = renderPart2(part, where, path, ctx);
|
|
63
|
+
if (eff !== null) {
|
|
64
|
+
effects.push(...(Array.isArray(eff) ? eff : [eff]));
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
// Fork any effects necessary
|
|
68
|
+
if (effects.length > 0) {
|
|
69
|
+
yield* _(Effect.forkAll(effects));
|
|
70
|
+
}
|
|
71
|
+
// Set the element when it is ready
|
|
72
|
+
yield* _(ctx.eventSource.setup(wire, scope));
|
|
73
|
+
// Emit our DomRenderEvent
|
|
74
|
+
yield* _(sink.onSuccess(DomRenderEvent(wire)));
|
|
75
|
+
// Stop hydrating
|
|
76
|
+
hydrateCtx.hydrate = false;
|
|
77
|
+
// Ensure our templates last forever in the DOM environment
|
|
78
|
+
// so event listeners are kept attached to the current Scope.
|
|
79
|
+
yield* _(Effect.never);
|
|
80
|
+
}));
|
|
81
|
+
};
|
|
57
82
|
};
|
|
58
83
|
export function findRootParentChildNodes(where) {
|
|
59
84
|
const childNodes = findRootChildNodes(where);
|
|
@@ -66,44 +91,54 @@ const START = "typed-start";
|
|
|
66
91
|
const END = "typed-end";
|
|
67
92
|
// Finds all of the childNodes between the "typed-start" and "typed-end" comments
|
|
68
93
|
export function findRootChildNodes(where) {
|
|
69
|
-
|
|
70
|
-
let
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
94
|
+
let start = -1;
|
|
95
|
+
let end = -1;
|
|
96
|
+
const { childNodes } = where;
|
|
97
|
+
const length = childNodes.length;
|
|
98
|
+
for (let i = 0; i < length; i++) {
|
|
99
|
+
const node = childNodes[i];
|
|
100
|
+
if (node.nodeType === node.COMMENT_NODE && node.nodeValue === START) {
|
|
101
|
+
start = i;
|
|
102
|
+
break;
|
|
79
103
|
}
|
|
80
104
|
}
|
|
81
|
-
for (let i =
|
|
82
|
-
const node =
|
|
83
|
-
if (node.nodeType === node.COMMENT_NODE) {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
break;
|
|
87
|
-
}
|
|
105
|
+
for (let i = length - 1; i >= start; i--) {
|
|
106
|
+
const node = childNodes[i];
|
|
107
|
+
if (node.nodeType === node.COMMENT_NODE && node.nodeValue === END) {
|
|
108
|
+
end = i;
|
|
109
|
+
break;
|
|
88
110
|
}
|
|
89
111
|
}
|
|
90
|
-
|
|
91
|
-
|
|
112
|
+
// If we can't find the start and end comments, just return all childNodes
|
|
113
|
+
if (start === -1 && end === -1) {
|
|
114
|
+
return Array.from(childNodes);
|
|
115
|
+
}
|
|
116
|
+
start = start === -1 ? 0 : start;
|
|
117
|
+
end = end === -1 ? length - 1 : end;
|
|
118
|
+
const rootChildNodes = Array(end - start);
|
|
119
|
+
for (let i = start + 1, j = 0; i <= end; i++) {
|
|
120
|
+
rootChildNodes[j++] = childNodes[i];
|
|
92
121
|
}
|
|
93
|
-
return
|
|
122
|
+
return rootChildNodes;
|
|
94
123
|
}
|
|
95
124
|
export function findTemplateResultPartChildNodes(where, parentTemplate, childTemplate, partIndex, childIndex) {
|
|
96
125
|
const [, path] = parentTemplate.parts[partIndex];
|
|
97
126
|
const parentNode = findPath(where, path);
|
|
98
|
-
const
|
|
127
|
+
const childNodesEither = findPartChildNodes(parentNode, childTemplate.hash, partIndex);
|
|
128
|
+
if (Either.isLeft(childNodesEither))
|
|
129
|
+
return Either.left(childNodesEither.left);
|
|
130
|
+
const childNodes = childNodesEither.right;
|
|
99
131
|
const parentChildNodes = {
|
|
100
132
|
parentNode,
|
|
101
133
|
childNodes: childIndex !== undefined ? [childNodes[childIndex]] : childNodes
|
|
102
134
|
};
|
|
103
|
-
return parentChildNodes;
|
|
135
|
+
return Either.right(parentChildNodes);
|
|
104
136
|
}
|
|
105
137
|
export function findPartChildNodes({ childNodes }, hash, partIndex) {
|
|
106
|
-
const
|
|
138
|
+
const either = findPartComment(childNodes, partIndex);
|
|
139
|
+
if (Either.isLeft(either))
|
|
140
|
+
return Either.left(either.left);
|
|
141
|
+
const [comment, index] = either.right;
|
|
107
142
|
const nodes = [];
|
|
108
143
|
const previousHoleValue = `hole${partIndex - 1}`;
|
|
109
144
|
if (hash) {
|
|
@@ -118,30 +153,33 @@ export function findPartChildNodes({ childNodes }, hash, partIndex) {
|
|
|
118
153
|
}
|
|
119
154
|
}
|
|
120
155
|
else {
|
|
121
|
-
return [...getPreviousNodes(comment, partIndex), comment];
|
|
156
|
+
return Either.right([...getPreviousNodes(comment, partIndex), comment]);
|
|
122
157
|
}
|
|
123
158
|
if (nodes.length === 0) {
|
|
124
|
-
|
|
159
|
+
return Either.left(new CouldNotFindRootElement(partIndex));
|
|
125
160
|
}
|
|
126
161
|
nodes.push(comment);
|
|
127
|
-
return nodes;
|
|
162
|
+
return Either.right(nodes);
|
|
128
163
|
}
|
|
129
164
|
export function findPartComment(childNodes, partIndex) {
|
|
130
165
|
const search = partIndex === -1 ? `typed-end` : `hole${partIndex}`;
|
|
131
166
|
for (let i = 0; i < childNodes.length; ++i) {
|
|
132
167
|
const node = childNodes[i];
|
|
133
168
|
if (isCommentWithValue(node, search)) {
|
|
134
|
-
return [node, i];
|
|
169
|
+
return Either.right([node, i]);
|
|
135
170
|
}
|
|
136
171
|
}
|
|
137
|
-
|
|
172
|
+
return Either.left(new CouldNotFindCommentError(partIndex));
|
|
138
173
|
}
|
|
139
|
-
export function getHydrateEntry({ childIndex, document,
|
|
174
|
+
export function getHydrateEntry({ childIndex, document, parentTemplate, renderContext, rootIndex, strings, where }) {
|
|
140
175
|
const { template } = getBrowserEntry(document, renderContext, strings);
|
|
141
176
|
if (parentTemplate) {
|
|
142
|
-
|
|
177
|
+
const either = findTemplateResultPartChildNodes(where, parentTemplate, template, rootIndex, childIndex);
|
|
178
|
+
if (Either.isLeft(either)) {
|
|
179
|
+
return Either.left(either.left);
|
|
180
|
+
}
|
|
181
|
+
where = either.right;
|
|
143
182
|
}
|
|
144
|
-
const getParts = buildParts(document, renderContext, template, where, elementRef, onCause, true);
|
|
145
183
|
const wire = (() => {
|
|
146
184
|
if (!parentTemplate) {
|
|
147
185
|
const childNodes = Array.from(where.childNodes).filter((node) => isComment(node) ? !isCommentWithValue(node, END) : true);
|
|
@@ -155,11 +193,10 @@ export function getHydrateEntry({ childIndex, document, elementRef, onCause, par
|
|
|
155
193
|
}
|
|
156
194
|
return Array.from(where.childNodes).filter((node) => !isCommentWithValue(node, `hole${rootIndex}`));
|
|
157
195
|
})();
|
|
158
|
-
return {
|
|
196
|
+
return Either.right({
|
|
159
197
|
template,
|
|
160
198
|
wire,
|
|
161
|
-
getParts,
|
|
162
199
|
where
|
|
163
|
-
};
|
|
200
|
+
});
|
|
164
201
|
}
|
|
165
202
|
//# sourceMappingURL=hydrate.js.map
|