@e280/sly 0.2.0-2 → 0.2.0-21
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/README.md +552 -98
- package/package.json +12 -5
- package/s/base/element.ts +76 -0
- package/s/base/index.ts +5 -0
- package/s/{views → base}/use.ts +17 -18
- package/s/base/utils/attr-watcher.ts +22 -0
- package/s/base/utils/reactor.ts +32 -0
- package/s/base/utils/use-attrs.ts +27 -0
- package/s/demo/demo.bundle.ts +9 -5
- package/s/demo/views/counter.ts +21 -24
- package/s/demo/views/demo.ts +10 -6
- package/s/demo/views/fastcount.ts +29 -0
- package/s/demo/views/loaders.ts +7 -7
- package/s/dom/attrs/attrs.ts +21 -0
- package/s/dom/attrs/parts/attr-fns.ts +38 -0
- package/s/dom/attrs/parts/attr-proxies.ts +35 -0
- package/s/dom/attrs/parts/attr-spec.ts +29 -0
- package/s/dom/attrs/parts/on-attrs.ts +8 -0
- package/s/dom/dom.ts +46 -16
- package/s/dom/index.ts +4 -0
- package/s/dom/parts/el.ts +14 -0
- package/s/dom/parts/eve.ts +24 -0
- package/s/dom/{register.ts → parts/register.ts} +2 -7
- package/s/dom/types.ts +39 -2
- package/s/index.html.ts +4 -2
- package/s/index.ts +7 -18
- package/s/loaders/index.barrel.ts +9 -0
- package/s/loaders/index.ts +3 -0
- package/s/loaders/make.ts +14 -0
- package/s/loaders/mock.ts +11 -0
- package/s/{ops/loaders → loaders}/parts/anims.ts +1 -1
- package/s/{ops/loaders → loaders}/parts/ascii-anim.ts +4 -3
- package/s/{ops/loaders → loaders}/parts/error-display.ts +2 -2
- package/s/loaders/types.ts +6 -0
- package/s/loot/drag-and-drops.ts +82 -0
- package/s/loot/{drop.ts → drops.ts} +8 -17
- package/s/loot/helpers.ts +3 -3
- package/s/loot/index.barrel.ts +5 -0
- package/s/loot/index.ts +1 -3
- package/s/ops/index.ts +5 -0
- package/s/ops/op.ts +3 -2
- package/s/spa/index.barrel.ts +6 -0
- package/s/spa/index.ts +3 -0
- package/s/spa/plumbing/braces.ts +76 -0
- package/s/spa/plumbing/primitives.ts +85 -0
- package/s/spa/plumbing/router-core.ts +49 -0
- package/s/spa/plumbing/types.ts +45 -0
- package/s/spa/router.ts +49 -0
- package/s/spa/spa.test.ts +91 -0
- package/s/tests.test.ts +4 -1
- package/s/view/index.ts +6 -0
- package/s/view/types.ts +40 -0
- package/s/view/utils/make-component.ts +34 -0
- package/s/view/utils/make-view.ts +48 -0
- package/s/view/utils/parts/capsule.ts +67 -0
- package/s/view/utils/parts/chain.ts +33 -0
- package/s/view/utils/parts/context.ts +10 -0
- package/s/view/utils/parts/directive.ts +29 -0
- package/s/view/utils/parts/set-attrs.ts +33 -0
- package/s/view/utils/parts/sly-view.ts +15 -0
- package/s/view/view.ts +24 -0
- package/x/base/css-reset.js.map +1 -0
- package/x/base/element.d.ts +19 -0
- package/x/base/element.js +52 -0
- package/x/base/element.js.map +1 -0
- package/x/base/index.d.ts +3 -0
- package/x/base/index.js +4 -0
- package/x/base/index.js.map +1 -0
- package/x/{views → base}/use.d.ts +5 -5
- package/x/{views → base}/use.js +9 -11
- package/x/base/use.js.map +1 -0
- package/x/base/utils/apply-styles.js.map +1 -0
- package/x/base/utils/attr-watcher.d.ts +8 -0
- package/x/base/utils/attr-watcher.js +20 -0
- package/x/base/utils/attr-watcher.js.map +1 -0
- package/x/base/utils/mounts.js.map +1 -0
- package/x/base/utils/reactor.d.ts +5 -0
- package/x/base/utils/reactor.js +25 -0
- package/x/base/utils/reactor.js.map +1 -0
- package/x/base/utils/use-attrs.d.ts +11 -0
- package/x/base/utils/use-attrs.js +19 -0
- package/x/base/utils/use-attrs.js.map +1 -0
- package/x/demo/demo.bundle.js +8 -4
- package/x/demo/demo.bundle.js.map +1 -1
- package/x/demo/demo.bundle.min.js +19 -22
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/demo/views/counter.d.ts +374 -1
- package/x/demo/views/counter.js +19 -22
- package/x/demo/views/counter.js.map +1 -1
- package/x/demo/views/demo.d.ts +4 -1
- package/x/demo/views/demo.js +10 -5
- package/x/demo/views/demo.js.map +1 -1
- package/x/demo/views/fastcount.d.ts +12 -0
- package/x/demo/views/fastcount.js +21 -0
- package/x/demo/views/fastcount.js.map +1 -0
- package/x/demo/views/loaders.js +6 -6
- package/x/demo/views/loaders.js.map +1 -1
- package/x/dom/attrs/attrs.d.ts +20 -0
- package/x/dom/attrs/attrs.js +17 -0
- package/x/dom/attrs/attrs.js.map +1 -0
- package/x/dom/attrs/parts/attr-fns.d.ts +13 -0
- package/x/dom/attrs/parts/attr-fns.js +42 -0
- package/x/dom/attrs/parts/attr-fns.js.map +1 -0
- package/x/dom/attrs/parts/attr-proxies.d.ts +8 -0
- package/x/dom/attrs/parts/attr-proxies.js +21 -0
- package/x/dom/attrs/parts/attr-proxies.js.map +1 -0
- package/x/dom/attrs/parts/attr-spec.d.ts +3 -0
- package/x/dom/attrs/parts/attr-spec.js +21 -0
- package/x/dom/attrs/parts/attr-spec.js.map +1 -0
- package/x/dom/attrs/parts/on-attrs.d.ts +2 -0
- package/x/dom/attrs/parts/on-attrs.js +7 -0
- package/x/dom/attrs/parts/on-attrs.js.map +1 -0
- package/x/dom/dom.d.ts +22 -7
- package/x/dom/dom.js +32 -12
- package/x/dom/dom.js.map +1 -1
- package/x/dom/index.d.ts +2 -0
- package/x/dom/index.js +3 -0
- package/x/dom/index.js.map +1 -0
- package/x/dom/parts/dashify.js.map +1 -0
- package/x/dom/parts/el.d.ts +2 -0
- package/x/dom/parts/el.js +7 -0
- package/x/dom/parts/el.js.map +1 -0
- package/x/dom/parts/eve.d.ts +7 -0
- package/x/dom/parts/eve.js +16 -0
- package/x/dom/parts/eve.js.map +1 -0
- package/x/dom/{register.d.ts → parts/register.d.ts} +2 -6
- package/x/dom/parts/register.js.map +1 -0
- package/x/dom/types.d.ts +14 -2
- package/x/index.d.ts +7 -15
- package/x/index.html +6 -4
- package/x/index.html.js +4 -2
- package/x/index.html.js.map +1 -1
- package/x/index.js +7 -15
- package/x/index.js.map +1 -1
- package/x/loaders/index.barrel.d.ts +6 -0
- package/x/loaders/index.barrel.js +7 -0
- package/x/loaders/index.barrel.js.map +1 -0
- package/x/loaders/index.d.ts +1 -0
- package/x/loaders/index.js +2 -0
- package/x/loaders/index.js.map +1 -0
- package/x/loaders/make.d.ts +3 -0
- package/x/loaders/make.js +6 -0
- package/x/loaders/make.js.map +1 -0
- package/x/loaders/mock.d.ts +2 -0
- package/x/loaders/mock.js +8 -0
- package/x/loaders/mock.js.map +1 -0
- package/x/{ops/loaders → loaders}/parts/anims.d.ts +1 -1
- package/x/loaders/parts/anims.js.map +1 -0
- package/x/{ops/loaders → loaders}/parts/ascii-anim.d.ts +2 -2
- package/x/{ops/loaders → loaders}/parts/ascii-anim.js +2 -2
- package/x/loaders/parts/ascii-anim.js.map +1 -0
- package/x/loaders/parts/error-display.d.ts +1 -0
- package/x/{ops/loaders → loaders}/parts/error-display.js +2 -2
- package/x/loaders/parts/error-display.js.map +1 -0
- package/x/loaders/types.d.ts +3 -0
- package/x/loaders/types.js.map +1 -0
- package/x/loot/drag-and-drops.d.ts +30 -0
- package/x/loot/drag-and-drops.js +63 -0
- package/x/loot/drag-and-drops.js.map +1 -0
- package/x/loot/{drop.d.ts → drops.d.ts} +3 -5
- package/x/loot/drops.js +25 -0
- package/x/loot/drops.js.map +1 -0
- package/x/loot/helpers.d.ts +3 -3
- package/x/loot/helpers.js +3 -3
- package/x/loot/helpers.js.map +1 -1
- package/x/loot/index.barrel.d.ts +3 -0
- package/x/loot/index.barrel.js +4 -0
- package/x/loot/index.barrel.js.map +1 -0
- package/x/loot/index.d.ts +1 -3
- package/x/loot/index.js +1 -3
- package/x/loot/index.js.map +1 -1
- package/x/ops/index.d.ts +3 -0
- package/x/ops/index.js +4 -0
- package/x/ops/index.js.map +1 -0
- package/x/ops/op.d.ts +2 -2
- package/x/ops/op.js +3 -2
- package/x/ops/op.js.map +1 -1
- package/x/spa/index.barrel.d.ts +4 -0
- package/x/spa/index.barrel.js +3 -0
- package/x/spa/index.barrel.js.map +1 -0
- package/x/spa/index.d.ts +1 -0
- package/x/spa/index.js +2 -0
- package/x/spa/index.js.map +1 -0
- package/x/spa/plumbing/braces.d.ts +12 -0
- package/x/spa/plumbing/braces.js +55 -0
- package/x/spa/plumbing/braces.js.map +1 -0
- package/x/spa/plumbing/primitives.d.ts +22 -0
- package/x/spa/plumbing/primitives.js +65 -0
- package/x/spa/plumbing/primitives.js.map +1 -0
- package/x/spa/plumbing/router-core.d.ts +13 -0
- package/x/spa/plumbing/router-core.js +38 -0
- package/x/spa/plumbing/router-core.js.map +1 -0
- package/x/spa/plumbing/types.d.ts +35 -0
- package/x/spa/plumbing/types.js +2 -0
- package/x/spa/plumbing/types.js.map +1 -0
- package/x/spa/router.d.ts +16 -0
- package/x/spa/router.js +39 -0
- package/x/spa/router.js.map +1 -0
- package/x/spa/spa.test.d.ts +15 -0
- package/x/spa/spa.test.js +78 -0
- package/x/spa/spa.test.js.map +1 -0
- package/x/tests.test.js +4 -1
- package/x/tests.test.js.map +1 -1
- package/x/view/index.d.ts +4 -0
- package/x/view/index.js +5 -0
- package/x/view/index.js.map +1 -0
- package/x/view/types.d.ts +22 -0
- package/x/view/types.js +2 -0
- package/x/{views → view}/types.js.map +1 -1
- package/x/view/utils/make-component.d.ts +5 -0
- package/x/view/utils/make-component.js +17 -0
- package/x/view/utils/make-component.js.map +1 -0
- package/x/view/utils/make-view.d.ts +2 -0
- package/x/view/utils/make-view.js +24 -0
- package/x/view/utils/make-view.js.map +1 -0
- package/x/view/utils/parts/capsule.d.ts +13 -0
- package/x/view/utils/parts/capsule.js +49 -0
- package/x/view/utils/parts/capsule.js.map +1 -0
- package/x/view/utils/parts/chain.d.ts +11 -0
- package/x/view/utils/parts/chain.js +21 -0
- package/x/view/utils/parts/chain.js.map +1 -0
- package/x/view/utils/parts/context.d.ts +8 -0
- package/x/view/utils/parts/context.js +10 -0
- package/x/view/utils/parts/context.js.map +1 -0
- package/x/view/utils/parts/directive.d.ts +5 -0
- package/x/view/utils/parts/directive.js +18 -0
- package/x/view/utils/parts/directive.js.map +1 -0
- package/x/view/utils/parts/set-attrs.d.ts +3 -0
- package/x/view/utils/parts/set-attrs.js +21 -0
- package/x/view/utils/parts/set-attrs.js.map +1 -0
- package/x/view/utils/parts/sly-view.d.ts +5 -0
- package/x/view/utils/parts/sly-view.js +13 -0
- package/x/view/utils/parts/sly-view.js.map +1 -0
- package/x/view/view.d.ts +11 -0
- package/x/view/view.js +15 -0
- package/x/view/view.js.map +1 -0
- package/s/loot/drag-drop.ts +0 -76
- package/s/ops/loaders/make-loader.ts +0 -18
- package/s/views/attributes.ts +0 -89
- package/s/views/types.ts +0 -40
- package/s/views/utils/apply-attrs.ts +0 -33
- package/s/views/view.ts +0 -150
- package/x/dom/dashify.js.map +0 -1
- package/x/dom/register.js.map +0 -1
- package/x/loot/drag-drop.d.ts +0 -29
- package/x/loot/drag-drop.js +0 -54
- package/x/loot/drag-drop.js.map +0 -1
- package/x/loot/drop.js +0 -32
- package/x/loot/drop.js.map +0 -1
- package/x/ops/loaders/make-loader.d.ts +0 -5
- package/x/ops/loaders/make-loader.js +0 -7
- package/x/ops/loaders/make-loader.js.map +0 -1
- package/x/ops/loaders/parts/anims.js.map +0 -1
- package/x/ops/loaders/parts/ascii-anim.js.map +0 -1
- package/x/ops/loaders/parts/error-display.d.ts +0 -1
- package/x/ops/loaders/parts/error-display.js.map +0 -1
- package/x/views/attributes.d.ts +0 -10
- package/x/views/attributes.js +0 -46
- package/x/views/attributes.js.map +0 -1
- package/x/views/css-reset.js.map +0 -1
- package/x/views/types.d.ts +0 -31
- package/x/views/use.js.map +0 -1
- package/x/views/utils/apply-attrs.d.ts +0 -2
- package/x/views/utils/apply-attrs.js +0 -21
- package/x/views/utils/apply-attrs.js.map +0 -1
- package/x/views/utils/apply-styles.js.map +0 -1
- package/x/views/utils/mounts.js.map +0 -1
- package/x/views/view.d.ts +0 -9
- package/x/views/view.js +0 -116
- package/x/views/view.js.map +0 -1
- /package/s/{views → base}/css-reset.ts +0 -0
- /package/s/{views → base}/utils/apply-styles.ts +0 -0
- /package/s/{views → base}/utils/mounts.ts +0 -0
- /package/s/dom/{dashify.ts → parts/dashify.ts} +0 -0
- /package/x/{views → base}/css-reset.d.ts +0 -0
- /package/x/{views → base}/css-reset.js +0 -0
- /package/x/{views → base}/utils/apply-styles.d.ts +0 -0
- /package/x/{views → base}/utils/apply-styles.js +0 -0
- /package/x/{views → base}/utils/mounts.d.ts +0 -0
- /package/x/{views → base}/utils/mounts.js +0 -0
- /package/x/dom/{dashify.d.ts → parts/dashify.d.ts} +0 -0
- /package/x/dom/{dashify.js → parts/dashify.js} +0 -0
- /package/x/dom/{register.js → parts/register.js} +0 -0
- /package/x/{ops/loaders → loaders}/parts/anims.js +0 -0
- /package/x/{views → loaders}/types.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../s/loaders/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Drops } from "./drops.js";
|
|
2
|
+
/** respond to user dragging-and-dropping things around on a webpage */
|
|
3
|
+
export declare class DragAndDrops<Draggy, Droppy> {
|
|
4
|
+
private params;
|
|
5
|
+
/** what is currently being dragged */
|
|
6
|
+
$draggy: import("@e280/strata").SignalFn<Draggy | undefined>;
|
|
7
|
+
/** what dropzone are we curently hovering over */
|
|
8
|
+
$droppy: import("@e280/strata").SignalFn<Droppy | undefined>;
|
|
9
|
+
constructor(params: {
|
|
10
|
+
/** accept a dropped item that was declared within this system */
|
|
11
|
+
acceptDrop: (event: DragEvent, draggy: Draggy, droppy: Droppy) => void;
|
|
12
|
+
/** also accept drops on the side */
|
|
13
|
+
backchannelDrops?: Drops;
|
|
14
|
+
});
|
|
15
|
+
get dragging(): Draggy | undefined;
|
|
16
|
+
get hovering(): Droppy | undefined;
|
|
17
|
+
/** make event listeners to attach to your dragzone(s) */
|
|
18
|
+
dragzone: (getDraggy: () => Draggy) => {
|
|
19
|
+
draggable: string;
|
|
20
|
+
dragstart: (_: DragEvent) => void;
|
|
21
|
+
dragend: (_: DragEvent) => void;
|
|
22
|
+
};
|
|
23
|
+
/** make event listeners to attach to your dropzones(s) */
|
|
24
|
+
dropzone: (getDroppy: () => Droppy) => {
|
|
25
|
+
dragenter: (_: DragEvent) => void;
|
|
26
|
+
dragover: (event: DragEvent) => void;
|
|
27
|
+
dragleave: (event: DragEvent) => void;
|
|
28
|
+
drop: (event: DragEvent) => void;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { signal } from "@e280/strata";
|
|
2
|
+
import { outsideCurrentTarget } from "./helpers.js";
|
|
3
|
+
/** respond to user dragging-and-dropping things around on a webpage */
|
|
4
|
+
export class DragAndDrops {
|
|
5
|
+
params;
|
|
6
|
+
/** what is currently being dragged */
|
|
7
|
+
$draggy = signal(undefined);
|
|
8
|
+
/** what dropzone are we curently hovering over */
|
|
9
|
+
$droppy = signal(undefined);
|
|
10
|
+
constructor(params) {
|
|
11
|
+
this.params = params;
|
|
12
|
+
}
|
|
13
|
+
get dragging() {
|
|
14
|
+
return this.$draggy();
|
|
15
|
+
}
|
|
16
|
+
get hovering() {
|
|
17
|
+
return this.$droppy();
|
|
18
|
+
}
|
|
19
|
+
/** make event listeners to attach to your dragzone(s) */
|
|
20
|
+
dragzone = (getDraggy) => ({
|
|
21
|
+
draggable: "true",
|
|
22
|
+
dragstart: (_) => {
|
|
23
|
+
this.$draggy.value = getDraggy();
|
|
24
|
+
},
|
|
25
|
+
dragend: (_) => {
|
|
26
|
+
this.$draggy.value = undefined;
|
|
27
|
+
this.$droppy.value = undefined;
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
/** make event listeners to attach to your dropzones(s) */
|
|
31
|
+
dropzone = (getDroppy) => ({
|
|
32
|
+
dragenter: (_) => { },
|
|
33
|
+
dragover: (event) => {
|
|
34
|
+
event.preventDefault();
|
|
35
|
+
if (this.$draggy())
|
|
36
|
+
this.$droppy.value = getDroppy();
|
|
37
|
+
else
|
|
38
|
+
this.params.backchannelDrops?.dragover(event);
|
|
39
|
+
},
|
|
40
|
+
dragleave: (event) => {
|
|
41
|
+
if (outsideCurrentTarget(event))
|
|
42
|
+
this.$droppy.value = undefined;
|
|
43
|
+
this.params.backchannelDrops?.dragleave(event);
|
|
44
|
+
},
|
|
45
|
+
drop: (event) => {
|
|
46
|
+
event.preventDefault();
|
|
47
|
+
const { acceptDrop } = this.params;
|
|
48
|
+
const draggy = this.$draggy();
|
|
49
|
+
const droppy = this.$droppy();
|
|
50
|
+
try {
|
|
51
|
+
if (draggy && droppy)
|
|
52
|
+
acceptDrop(event, draggy, droppy);
|
|
53
|
+
else
|
|
54
|
+
this.params.backchannelDrops?.drop(event);
|
|
55
|
+
}
|
|
56
|
+
finally {
|
|
57
|
+
this.$draggy.value = undefined;
|
|
58
|
+
this.$droppy.value = undefined;
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=drag-and-drops.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag-and-drops.js","sourceRoot":"","sources":["../../s/loot/drag-and-drops.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAA;AAEjD,uEAAuE;AACvE,MAAM,OAAO,YAAY;IAQJ;IANpB,sCAAsC;IACtC,OAAO,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAA;IAE/C,kDAAkD;IAClD,OAAO,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAA;IAE/C,YAAoB,MAOnB;QAPmB,WAAM,GAAN,MAAM,CAOzB;IAAG,CAAC;IAEL,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,EAAE,CAAA;IACtB,CAAC;IAED,yDAAyD;IACzD,QAAQ,GAAG,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,MAAM;QAEjB,SAAS,EAAE,CAAC,CAAY,EAAE,EAAE;YAC3B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,CAAA;QACjC,CAAC;QAED,OAAO,EAAE,CAAC,CAAY,EAAE,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;QAC/B,CAAC;KACD,CAAC,CAAA;IAEF,0DAA0D;IAC1D,QAAQ,GAAG,CAAC,SAAuB,EAAE,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,CAAC,CAAY,EAAE,EAAE,GAAE,CAAC;QAE/B,QAAQ,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,IAAI,IAAI,CAAC,OAAO,EAAE;gBACjB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,CAAA;;gBAEhC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC/C,CAAC;QAED,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC/B,IAAI,oBAAoB,CAAC,KAAK,CAAC;gBAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC/B,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC/C,CAAC;QAED,IAAI,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,EAAC,UAAU,EAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAChC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAC7B,IAAI,CAAC;gBACJ,IAAI,MAAM,IAAI,MAAM;oBACnB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;;oBAEjC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;YAC3C,CAAC;oBACO,CAAC;gBACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;gBAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;YAC/B,CAAC;QACF,CAAC;KACD,CAAC,CAAA;CACF"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
/** dropzone that accepts dropped stuff like files */
|
|
2
|
-
export declare class
|
|
3
|
-
#private;
|
|
1
|
+
/** dropzone that accepts user-dropped stuff like files */
|
|
2
|
+
export declare class Drops {
|
|
4
3
|
private params;
|
|
4
|
+
$indicator: import("@e280/strata").SignalFn<boolean>;
|
|
5
5
|
constructor(params: {
|
|
6
6
|
/** whether or not the dragged item is acceptable for a drop */
|
|
7
7
|
predicate: (event: DragEvent) => boolean;
|
|
8
8
|
/** fn to handle the drop of an acceptable item */
|
|
9
9
|
acceptDrop: (event: DragEvent) => void;
|
|
10
10
|
});
|
|
11
|
-
get indicator(): boolean;
|
|
12
|
-
resetIndicator: () => void;
|
|
13
11
|
dragover: (event: DragEvent) => void;
|
|
14
12
|
dragleave: (event: DragEvent) => void;
|
|
15
13
|
drop: (event: DragEvent) => void;
|
package/x/loot/drops.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { signal } from "@e280/strata";
|
|
2
|
+
import { outsideCurrentTarget } from "./helpers.js";
|
|
3
|
+
/** dropzone that accepts user-dropped stuff like files */
|
|
4
|
+
export class Drops {
|
|
5
|
+
params;
|
|
6
|
+
$indicator = signal(false);
|
|
7
|
+
constructor(params) {
|
|
8
|
+
this.params = params;
|
|
9
|
+
}
|
|
10
|
+
dragover = (event) => {
|
|
11
|
+
event.preventDefault();
|
|
12
|
+
this.$indicator.value = this.params.predicate(event);
|
|
13
|
+
};
|
|
14
|
+
dragleave = (event) => {
|
|
15
|
+
if (outsideCurrentTarget(event))
|
|
16
|
+
this.$indicator.value = false;
|
|
17
|
+
};
|
|
18
|
+
drop = (event) => {
|
|
19
|
+
event.preventDefault();
|
|
20
|
+
this.$indicator.value = false;
|
|
21
|
+
if (this.params.predicate(event))
|
|
22
|
+
this.params.acceptDrop(event);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=drops.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drops.js","sourceRoot":"","sources":["../../s/loot/drops.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAA;AAEjD,0DAA0D;AAC1D,MAAM,OAAO,KAAK;IAGG;IAFpB,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE1B,YAAoB,MAOnB;QAPmB,WAAM,GAAN,MAAM,CAOzB;IAAG,CAAC;IAEL,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,SAAS,GAAG,CAAC,KAAgB,EAAE,EAAE;QAChC,IAAI,oBAAoB,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAA;IAC/B,CAAC,CAAA;IAED,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAA;QAC7B,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;CACD"}
|
package/x/loot/helpers.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare function
|
|
2
|
-
export declare function
|
|
3
|
-
export declare function
|
|
1
|
+
export declare function hasFiles(event: DragEvent): boolean;
|
|
2
|
+
export declare function files(event: DragEvent): File[];
|
|
3
|
+
export declare function outsideCurrentTarget(event: DragEvent): boolean;
|
package/x/loot/helpers.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function hasFiles(event) {
|
|
2
2
|
return !!(event.dataTransfer &&
|
|
3
3
|
event.dataTransfer.types.includes("Files"));
|
|
4
4
|
}
|
|
5
|
-
export function
|
|
5
|
+
export function files(event) {
|
|
6
6
|
return event.dataTransfer
|
|
7
7
|
? Array.from(event.dataTransfer.files)
|
|
8
8
|
: [];
|
|
9
9
|
}
|
|
10
|
-
export function
|
|
10
|
+
export function outsideCurrentTarget(event) {
|
|
11
11
|
const isCursorOutsideViewport = !event.relatedTarget || (event.clientX === 0 &&
|
|
12
12
|
event.clientY === 0);
|
|
13
13
|
if (isCursorOutsideViewport)
|
package/x/loot/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../s/loot/helpers.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../s/loot/helpers.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACxC,OAAO,CAAC,CAAC,CACR,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC1C,CAAA;AACF,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAgB;IACrC,OAAO,KAAK,CAAC,YAAY;QACxB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,EAAE,CAAA;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAgB;IACpD,MAAM,uBAAuB,GAAG,CAAC,KAAK,CAAC,aAAa,IAAI,CACvD,KAAK,CAAC,OAAO,KAAK,CAAC;QACnB,KAAK,CAAC,OAAO,KAAK,CAAC,CACnB,CAAA;IAED,IAAI,uBAAuB;QAC1B,OAAO,IAAI,CAAA;IAEZ,MAAM,IAAI,GAAI,KAAK,CAAC,aAAqB,CAAC,qBAAqB,EAAE,CAAA;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAA;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAA;IACzE,MAAM,0BAA0B,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,CAAA;IAExD,OAAO,0BAA0B,CAAA;AAClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/loot/index.barrel.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
package/x/loot/index.d.ts
CHANGED
package/x/loot/index.js
CHANGED
package/x/loot/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAA"}
|
package/x/ops/index.d.ts
ADDED
package/x/ops/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/ops/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
|
package/x/ops/op.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export declare class Op<V> {
|
|
|
6
6
|
static ready<V>(value: V): Op<V>;
|
|
7
7
|
static error<V>(error: any): Op<V>;
|
|
8
8
|
static promise<V>(promise: Promise<V>): Op<V>;
|
|
9
|
-
static
|
|
9
|
+
static load<V>(fn: () => Promise<V>): Op<V>;
|
|
10
10
|
static all<V>(...ops: Op<V>[]): Pod<V[]>;
|
|
11
11
|
readonly signal: Signal<Pod<V>>;
|
|
12
12
|
constructor(pod?: Pod<V>);
|
|
@@ -18,7 +18,7 @@ export declare class Op<V> {
|
|
|
18
18
|
setReady(value: V): Promise<void>;
|
|
19
19
|
setError(error: any): Promise<void>;
|
|
20
20
|
promise(promise: Promise<V>): Promise<V | undefined>;
|
|
21
|
-
|
|
21
|
+
load(fn: () => Promise<V>): Promise<V | undefined>;
|
|
22
22
|
get pod(): Pod<V>;
|
|
23
23
|
set pod(p: Pod<V>);
|
|
24
24
|
get status(): "loading" | "ready" | "error";
|
package/x/ops/op.js
CHANGED
|
@@ -10,7 +10,7 @@ export class Op {
|
|
|
10
10
|
op.promise(promise);
|
|
11
11
|
return op;
|
|
12
12
|
}
|
|
13
|
-
static
|
|
13
|
+
static load(fn) {
|
|
14
14
|
return this.promise(fn());
|
|
15
15
|
}
|
|
16
16
|
static all(...ops) {
|
|
@@ -54,11 +54,12 @@ export class Op {
|
|
|
54
54
|
return value;
|
|
55
55
|
}
|
|
56
56
|
catch (error) {
|
|
57
|
+
console.error(error);
|
|
57
58
|
if (count === this.#count)
|
|
58
59
|
await this.setError(error);
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
|
-
async
|
|
62
|
+
async load(fn) {
|
|
62
63
|
return this.promise(fn());
|
|
63
64
|
}
|
|
64
65
|
get pod() {
|
package/x/ops/op.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"op.js","sourceRoot":"","sources":["../../s/ops/op.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAS,MAAM,EAAC,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAGlC,MAAM,OAAO,EAAE;IACd,MAAM,CAAC,OAAO,KAAQ,OAAO,IAAI,IAAI,EAAK,CAAA,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,CAAI,KAAQ,IAAI,OAAO,IAAI,IAAI,CAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC;IAClE,MAAM,CAAC,KAAK,CAAI,KAAU,IAAI,OAAO,IAAI,IAAI,CAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC;IAEpE,MAAM,CAAC,OAAO,CAAI,OAAmB;QACpC,MAAM,EAAE,GAAG,IAAI,IAAI,EAAK,CAAA;QACxB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACnB,OAAO,EAAE,CAAA;IACV,CAAC;IAED,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"op.js","sourceRoot":"","sources":["../../s/ops/op.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/spa/index.barrel.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAA;AAG1C,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA"}
|
package/x/spa/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as spa from "./index.barrel.js";
|
package/x/spa/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/spa/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Hasher, Route } from "./types.js";
|
|
2
|
+
import type { Content } from "../../view/types.js";
|
|
3
|
+
type ParamKeys<S extends string> = S extends `${string}{${infer P}}${infer R}` ? (string & P) | ParamKeys<R> : never;
|
|
4
|
+
type ParamsOf<S extends string> = [
|
|
5
|
+
ParamKeys<S>
|
|
6
|
+
] extends [never] ? {} : {
|
|
7
|
+
[K in ParamKeys<S>]: string;
|
|
8
|
+
};
|
|
9
|
+
type ParamsTuple<S extends string> = keyof ParamsOf<S> extends never ? [] : [ParamsOf<S>];
|
|
10
|
+
export declare function hasher<S extends string>(spec: S): Hasher<ParamsTuple<S>>;
|
|
11
|
+
export declare function route<S extends string>(spec: S, fn: (...params: ParamsTuple<S>) => Promise<Content>): Route<ParamsTuple<S>>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export function hasher(spec) {
|
|
2
|
+
if (!spec.startsWith("#/"))
|
|
3
|
+
throw new Error(`hash route spec must start with "#/"`);
|
|
4
|
+
const specparts = spec.split("/");
|
|
5
|
+
const braceregex = /\{([^\}\/]+)\}/;
|
|
6
|
+
function parse(hash) {
|
|
7
|
+
if (!hash.startsWith("#/"))
|
|
8
|
+
throw new Error(`hash must start with "#/"`);
|
|
9
|
+
const hashparts = hash.split("/");
|
|
10
|
+
const params = {};
|
|
11
|
+
if (hashparts.length !== specparts.length)
|
|
12
|
+
return null;
|
|
13
|
+
for (const [index, specpart] of specparts.entries()) {
|
|
14
|
+
const hashpart = hashparts.at(index);
|
|
15
|
+
if (hashpart === undefined)
|
|
16
|
+
return null;
|
|
17
|
+
const bracematch = specpart.match(braceregex);
|
|
18
|
+
try {
|
|
19
|
+
if (bracematch)
|
|
20
|
+
params[bracematch[1]] = decodeURIComponent(hashpart);
|
|
21
|
+
else if (hashpart !== specpart)
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
catch {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
return (Object.keys(params).length === 0)
|
|
29
|
+
? []
|
|
30
|
+
: [params];
|
|
31
|
+
}
|
|
32
|
+
function make(...[braces]) {
|
|
33
|
+
const get = (param) => {
|
|
34
|
+
const p = param;
|
|
35
|
+
if (p in braces)
|
|
36
|
+
return braces[p];
|
|
37
|
+
else
|
|
38
|
+
throw new Error(`missing param "${p}"`);
|
|
39
|
+
};
|
|
40
|
+
return specparts.map(specpart => {
|
|
41
|
+
const bracematch = specpart.match(braceregex);
|
|
42
|
+
return bracematch
|
|
43
|
+
? encodeURIComponent(get(bracematch[1]))
|
|
44
|
+
: specpart;
|
|
45
|
+
}).join("/");
|
|
46
|
+
}
|
|
47
|
+
return { parse, make };
|
|
48
|
+
}
|
|
49
|
+
export function route(spec, fn) {
|
|
50
|
+
return {
|
|
51
|
+
hasher: hasher(spec),
|
|
52
|
+
fn,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=braces.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"braces.js","sourceRoot":"","sources":["../../../s/spa/plumbing/braces.ts"],"names":[],"mappings":"AAaA,MAAM,UAAU,MAAM,CAAmB,IAAO;IAC/C,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,UAAU,GAAG,gBAAgB,CAAA;IAEnC,SAAS,KAAK,CAAC,IAAY;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;QAE7C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACjC,MAAM,MAAM,GAA2B,EAAE,CAAA;QAEzC,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;YACxC,OAAO,IAAI,CAAA;QAEZ,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC;YACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;YACpC,IAAI,QAAQ,KAAK,SAAS;gBAAE,OAAO,IAAI,CAAA;YACvC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YAC7C,IAAI,CAAC;gBACJ,IAAI,UAAU;oBAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAA;qBAC/D,IAAI,QAAQ,KAAK,QAAQ;oBAAE,OAAO,IAAI,CAAA;YAC5C,CAAC;YACD,MAAM,CAAC;gBACN,OAAO,IAAI,CAAA;YACZ,CAAC;QACF,CAAC;QAED,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;YACxC,CAAC,CAAE,EAAqB;YACxB,CAAC,CAAE,CAAC,MAAqB,CAAoB,CAAA;IAC/C,CAAC;IAED,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,CAAQ;QAC/B,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,EAAE;YAC7B,MAAM,CAAC,GAAG,KAAY,CAAA;YACtB,IAAI,CAAC,IAAI,MAAM;gBAAE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;;gBAC5B,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAA;QAC7C,CAAC,CAAA;QACD,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC/B,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YAC7C,OAAO,UAAU;gBAChB,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBACxC,CAAC,CAAC,QAAQ,CAAA;QACZ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACb,CAAC;IAED,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,KAAK,CACnB,IAAO,EACP,EAAmD;IAGpD,OAAO;QACN,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC;QACpB,EAAE;KACF,CAAA;AACF,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ResolvedRoute, Route, Params, Routes } from "./types.js";
|
|
2
|
+
export declare function eraseWindowHash(): void;
|
|
3
|
+
export declare function normalizeHash(hash: string): string;
|
|
4
|
+
export declare class HashNormalizer {
|
|
5
|
+
location: Location;
|
|
6
|
+
constructor(location: Location);
|
|
7
|
+
get hash(): string;
|
|
8
|
+
set hash(hash: string);
|
|
9
|
+
}
|
|
10
|
+
export declare class Navigable<P extends any[] = any[]> {
|
|
11
|
+
route: Route<P>;
|
|
12
|
+
private isActive;
|
|
13
|
+
go: (...params: P) => Promise<ResolvedRoute<P>>;
|
|
14
|
+
static all<R extends Routes>(routes: R, getRoute: () => Route | null, navigate: (hash: string) => Promise<ResolvedRoute>): {
|
|
15
|
+
[K in keyof R]: Navigable<Params<R[K]>>;
|
|
16
|
+
};
|
|
17
|
+
constructor(route: Route<P>, isActive: () => boolean, go: (...params: P) => Promise<ResolvedRoute<P>>);
|
|
18
|
+
get active(): boolean;
|
|
19
|
+
hash(...params: P): string;
|
|
20
|
+
}
|
|
21
|
+
export declare function resolveRoute<R extends Routes>(hash: string, routes: R): ResolvedRoute | null;
|
|
22
|
+
export declare function onHashChange(fn: (event: HashChangeEvent) => void): () => void;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ev, ob } from "@e280/stz";
|
|
2
|
+
import { Op } from "../../ops/op.js";
|
|
3
|
+
export function eraseWindowHash() {
|
|
4
|
+
const { pathname, search } = window.location;
|
|
5
|
+
history.replaceState(null, "", pathname + search);
|
|
6
|
+
}
|
|
7
|
+
export function normalizeHash(hash) {
|
|
8
|
+
const homeEquivalents = [/^$/, /^#$/, /^#\/$/];
|
|
9
|
+
return (homeEquivalents.some(regex => regex.test(hash)))
|
|
10
|
+
? "#/"
|
|
11
|
+
: hash;
|
|
12
|
+
}
|
|
13
|
+
export class HashNormalizer {
|
|
14
|
+
location;
|
|
15
|
+
constructor(location) {
|
|
16
|
+
this.location = location;
|
|
17
|
+
}
|
|
18
|
+
get hash() {
|
|
19
|
+
const hash = normalizeHash(this.location.hash);
|
|
20
|
+
if (hash === "#/")
|
|
21
|
+
eraseWindowHash();
|
|
22
|
+
return hash;
|
|
23
|
+
}
|
|
24
|
+
set hash(hash) {
|
|
25
|
+
this.location.hash = hash;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
export class Navigable {
|
|
29
|
+
route;
|
|
30
|
+
isActive;
|
|
31
|
+
go;
|
|
32
|
+
static all(routes, getRoute, navigate) {
|
|
33
|
+
return ob(routes).map(route => new this(route, () => (getRoute() === route), async (...params) => navigate(route.hasher.make(...params))));
|
|
34
|
+
}
|
|
35
|
+
constructor(route, isActive, go) {
|
|
36
|
+
this.route = route;
|
|
37
|
+
this.isActive = isActive;
|
|
38
|
+
this.go = go;
|
|
39
|
+
}
|
|
40
|
+
get active() {
|
|
41
|
+
return this.isActive();
|
|
42
|
+
}
|
|
43
|
+
hash(...params) {
|
|
44
|
+
return this.route.hasher.make(...params);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
export function resolveRoute(hash, routes) {
|
|
48
|
+
for (const key in routes) {
|
|
49
|
+
const route = routes[key];
|
|
50
|
+
const params = route.hasher.parse(hash);
|
|
51
|
+
if (params) {
|
|
52
|
+
return {
|
|
53
|
+
key,
|
|
54
|
+
route,
|
|
55
|
+
params,
|
|
56
|
+
op: Op.promise(route.fn(...params))
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
export function onHashChange(fn) {
|
|
63
|
+
return ev(window, { hashchange: fn });
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=primitives.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../../s/spa/plumbing/primitives.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAE,EAAE,EAAC,MAAM,WAAW,CAAA;AAChC,OAAO,EAAC,EAAE,EAAC,MAAM,iBAAiB,CAAA;AAGlC,MAAM,UAAU,eAAe;IAC9B,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC,QAAQ,CAAA;IAC1C,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAA;AAClD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAY;IACzC,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAC9C,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,CAAA;AACR,CAAC;AAED,MAAM,OAAO,cAAc;IACP;IAAnB,YAAmB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEzC,IAAI,IAAI;QACP,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,IAAI,KAAK,IAAI;YAAE,eAAe,EAAE,CAAA;QACpC,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,IAAI,IAAI,CAAC,IAAY;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IAC1B,CAAC;CACD;AAED,MAAM,OAAO,SAAS;IAeb;IACC;IACD;IAhBR,MAAM,CAAC,GAAG,CACR,MAAS,EACT,QAA4B,EAC5B,QAAkD;QAGnD,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,IAAI,CACtC,KAAK,EACL,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,EAC5B,KAAK,EAAC,GAAG,MAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CACjE,CAAQ,CAAA;IACV,CAAC;IAED,YACQ,KAAe,EACd,QAAuB,EACxB,EAA+C;QAF/C,UAAK,GAAL,KAAK,CAAU;QACd,aAAQ,GAAR,QAAQ,CAAe;QACxB,OAAE,GAAF,EAAE,CAA6C;IACpD,CAAC;IAEJ,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAA;IACvB,CAAC;IAED,IAAI,CAAC,GAAG,MAAS;QAChB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAA;IACzC,CAAC;CACD;AAED,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,MAAS;IAGV,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACvC,IAAI,MAAM,EAAE,CAAC;YACZ,OAAO;gBACN,GAAG;gBACH,KAAK;gBACL,MAAM;gBACN,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;aACnC,CAAA;QACF,CAAC;IACF,CAAC;IAED,OAAO,IAAI,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAoC;IAChE,OAAO,EAAE,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC,CAAC,CAAA;AACpC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Content } from "../../view/types.js";
|
|
2
|
+
import { Hashbearer, Navigables, ResolvedRoute, Routes } from "./types.js";
|
|
3
|
+
export declare class RouterCore<R extends Routes> {
|
|
4
|
+
readonly routes: R;
|
|
5
|
+
readonly location: Hashbearer;
|
|
6
|
+
readonly nav: Navigables<R>;
|
|
7
|
+
readonly $resolved: import("@e280/strata").SignalFn<ResolvedRoute | null>;
|
|
8
|
+
constructor(routes: R, location: Hashbearer);
|
|
9
|
+
get hash(): string;
|
|
10
|
+
get content(): Content | null;
|
|
11
|
+
get route(): import("./types.js").Route<any[]> | null;
|
|
12
|
+
refresh(hash?: string): Promise<ResolvedRoute | null>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { signal } from "@e280/strata";
|
|
2
|
+
import { Navigable, normalizeHash, resolveRoute } from "./primitives.js";
|
|
3
|
+
export class RouterCore {
|
|
4
|
+
routes;
|
|
5
|
+
location;
|
|
6
|
+
nav;
|
|
7
|
+
$resolved = signal(null);
|
|
8
|
+
constructor(routes, location) {
|
|
9
|
+
this.routes = routes;
|
|
10
|
+
this.location = location;
|
|
11
|
+
this.nav = Navigable.all(routes, () => this.route, async (hash) => {
|
|
12
|
+
this.location.hash = hash;
|
|
13
|
+
const resolved = await this.refresh();
|
|
14
|
+
if (!resolved)
|
|
15
|
+
throw new Error(`route failed "${hash}"`);
|
|
16
|
+
return resolved;
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
get hash() {
|
|
20
|
+
return normalizeHash(this.location.hash);
|
|
21
|
+
}
|
|
22
|
+
get content() {
|
|
23
|
+
return this.$resolved.get()?.op.value ?? null;
|
|
24
|
+
}
|
|
25
|
+
get route() {
|
|
26
|
+
return this.$resolved.get()?.route ?? null;
|
|
27
|
+
}
|
|
28
|
+
async refresh(hash) {
|
|
29
|
+
if (hash !== undefined)
|
|
30
|
+
this.location.hash = hash;
|
|
31
|
+
hash = this.hash;
|
|
32
|
+
const resolved = resolveRoute(hash, this.routes);
|
|
33
|
+
await this.$resolved.set(resolved);
|
|
34
|
+
await resolved?.op;
|
|
35
|
+
return resolved;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=router-core.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router-core.js","sourceRoot":"","sources":["../../../s/spa/plumbing/router-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAGtE,MAAM,OAAO,UAAU;IAKJ;IACA;IALT,GAAG,CAAe;IAClB,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAA;IAEvD,YACkB,MAAS,EACT,QAAoB;QADpB,WAAM,GAAN,MAAM,CAAG;QACT,aAAQ,GAAR,QAAQ,CAAY;QAGrC,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CACvB,MAAM,EACN,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAChB,KAAK,EAAC,IAAI,EAAC,EAAE;YACZ,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;YACzB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA;YACrC,IAAI,CAAC,QAAQ;gBAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,CAAC,CAAA;YACxD,OAAO,QAAQ,CAAA;QAChB,CAAC,CACD,CAAA;IACF,CAAC;IAED,IAAI,IAAI;QACP,OAAO,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,CAAA;IAC9C,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,KAAK,IAAI,IAAI,CAAA;IAC3C,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,IAAa;QAC1B,IAAI,IAAI,KAAK,SAAS;YAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;QACjD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAChB,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAChD,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAClC,MAAM,QAAQ,EAAE,EAAE,CAAA;QAClB,OAAO,QAAQ,CAAA;IAChB,CAAC;CACD"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { Op } from "../../ops/op.js";
|
|
2
|
+
import type { Navigable } from "./primitives.js";
|
|
3
|
+
import type { Content } from "../../view/types.js";
|
|
4
|
+
import type { Loader } from "../../loaders/types.js";
|
|
5
|
+
export type RouterOptions<R extends Routes> = {
|
|
6
|
+
routes: R;
|
|
7
|
+
auto?: boolean;
|
|
8
|
+
location?: Hashbearer;
|
|
9
|
+
loader?: Loader;
|
|
10
|
+
notFound?: () => Content;
|
|
11
|
+
};
|
|
12
|
+
export type Hashbearer = {
|
|
13
|
+
hash: string;
|
|
14
|
+
};
|
|
15
|
+
export type Hasher<Params extends any[]> = {
|
|
16
|
+
parse: (hash: string) => (Params | null);
|
|
17
|
+
make: (...params: Params) => string;
|
|
18
|
+
};
|
|
19
|
+
export type Route<P extends any[] = any[]> = {
|
|
20
|
+
hasher: Hasher<P>;
|
|
21
|
+
fn: (...params: P) => Promise<Content>;
|
|
22
|
+
};
|
|
23
|
+
export type Routes = {
|
|
24
|
+
[key: string]: Route;
|
|
25
|
+
};
|
|
26
|
+
export type Params<X extends (Route | Navigable)> = (X extends Route<infer P> ? P : X extends Navigable<infer P> ? P : never);
|
|
27
|
+
export type ResolvedRoute<P extends any[] = any[]> = {
|
|
28
|
+
key: string;
|
|
29
|
+
route: Route<P>;
|
|
30
|
+
params: P;
|
|
31
|
+
op: Op<Content>;
|
|
32
|
+
};
|
|
33
|
+
export type Navigables<R extends Routes> = {
|
|
34
|
+
[K in keyof R]: Navigable<Params<R[K]>>;
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../s/spa/plumbing/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Content } from "../view/types.js";
|
|
2
|
+
import { Loader } from "../loaders/types.js";
|
|
3
|
+
import { RouterCore } from "./plumbing/router-core.js";
|
|
4
|
+
import { RouterOptions, Routes } from "./plumbing/types.js";
|
|
5
|
+
export declare class Router<R extends Routes> extends RouterCore<R> {
|
|
6
|
+
#private;
|
|
7
|
+
loader: Loader;
|
|
8
|
+
notFound: () => Content;
|
|
9
|
+
readonly dispose: {
|
|
10
|
+
(): void;
|
|
11
|
+
schedule(fn: () => void): any;
|
|
12
|
+
};
|
|
13
|
+
constructor(options: RouterOptions<R>);
|
|
14
|
+
render(): Content;
|
|
15
|
+
listen(): () => void;
|
|
16
|
+
}
|