@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.
Files changed (285) hide show
  1. package/README.md +552 -98
  2. package/package.json +12 -5
  3. package/s/base/element.ts +76 -0
  4. package/s/base/index.ts +5 -0
  5. package/s/{views → base}/use.ts +17 -18
  6. package/s/base/utils/attr-watcher.ts +22 -0
  7. package/s/base/utils/reactor.ts +32 -0
  8. package/s/base/utils/use-attrs.ts +27 -0
  9. package/s/demo/demo.bundle.ts +9 -5
  10. package/s/demo/views/counter.ts +21 -24
  11. package/s/demo/views/demo.ts +10 -6
  12. package/s/demo/views/fastcount.ts +29 -0
  13. package/s/demo/views/loaders.ts +7 -7
  14. package/s/dom/attrs/attrs.ts +21 -0
  15. package/s/dom/attrs/parts/attr-fns.ts +38 -0
  16. package/s/dom/attrs/parts/attr-proxies.ts +35 -0
  17. package/s/dom/attrs/parts/attr-spec.ts +29 -0
  18. package/s/dom/attrs/parts/on-attrs.ts +8 -0
  19. package/s/dom/dom.ts +46 -16
  20. package/s/dom/index.ts +4 -0
  21. package/s/dom/parts/el.ts +14 -0
  22. package/s/dom/parts/eve.ts +24 -0
  23. package/s/dom/{register.ts → parts/register.ts} +2 -7
  24. package/s/dom/types.ts +39 -2
  25. package/s/index.html.ts +4 -2
  26. package/s/index.ts +7 -18
  27. package/s/loaders/index.barrel.ts +9 -0
  28. package/s/loaders/index.ts +3 -0
  29. package/s/loaders/make.ts +14 -0
  30. package/s/loaders/mock.ts +11 -0
  31. package/s/{ops/loaders → loaders}/parts/anims.ts +1 -1
  32. package/s/{ops/loaders → loaders}/parts/ascii-anim.ts +4 -3
  33. package/s/{ops/loaders → loaders}/parts/error-display.ts +2 -2
  34. package/s/loaders/types.ts +6 -0
  35. package/s/loot/drag-and-drops.ts +82 -0
  36. package/s/loot/{drop.ts → drops.ts} +8 -17
  37. package/s/loot/helpers.ts +3 -3
  38. package/s/loot/index.barrel.ts +5 -0
  39. package/s/loot/index.ts +1 -3
  40. package/s/ops/index.ts +5 -0
  41. package/s/ops/op.ts +3 -2
  42. package/s/spa/index.barrel.ts +6 -0
  43. package/s/spa/index.ts +3 -0
  44. package/s/spa/plumbing/braces.ts +76 -0
  45. package/s/spa/plumbing/primitives.ts +85 -0
  46. package/s/spa/plumbing/router-core.ts +49 -0
  47. package/s/spa/plumbing/types.ts +45 -0
  48. package/s/spa/router.ts +49 -0
  49. package/s/spa/spa.test.ts +91 -0
  50. package/s/tests.test.ts +4 -1
  51. package/s/view/index.ts +6 -0
  52. package/s/view/types.ts +40 -0
  53. package/s/view/utils/make-component.ts +34 -0
  54. package/s/view/utils/make-view.ts +48 -0
  55. package/s/view/utils/parts/capsule.ts +67 -0
  56. package/s/view/utils/parts/chain.ts +33 -0
  57. package/s/view/utils/parts/context.ts +10 -0
  58. package/s/view/utils/parts/directive.ts +29 -0
  59. package/s/view/utils/parts/set-attrs.ts +33 -0
  60. package/s/view/utils/parts/sly-view.ts +15 -0
  61. package/s/view/view.ts +24 -0
  62. package/x/base/css-reset.js.map +1 -0
  63. package/x/base/element.d.ts +19 -0
  64. package/x/base/element.js +52 -0
  65. package/x/base/element.js.map +1 -0
  66. package/x/base/index.d.ts +3 -0
  67. package/x/base/index.js +4 -0
  68. package/x/base/index.js.map +1 -0
  69. package/x/{views → base}/use.d.ts +5 -5
  70. package/x/{views → base}/use.js +9 -11
  71. package/x/base/use.js.map +1 -0
  72. package/x/base/utils/apply-styles.js.map +1 -0
  73. package/x/base/utils/attr-watcher.d.ts +8 -0
  74. package/x/base/utils/attr-watcher.js +20 -0
  75. package/x/base/utils/attr-watcher.js.map +1 -0
  76. package/x/base/utils/mounts.js.map +1 -0
  77. package/x/base/utils/reactor.d.ts +5 -0
  78. package/x/base/utils/reactor.js +25 -0
  79. package/x/base/utils/reactor.js.map +1 -0
  80. package/x/base/utils/use-attrs.d.ts +11 -0
  81. package/x/base/utils/use-attrs.js +19 -0
  82. package/x/base/utils/use-attrs.js.map +1 -0
  83. package/x/demo/demo.bundle.js +8 -4
  84. package/x/demo/demo.bundle.js.map +1 -1
  85. package/x/demo/demo.bundle.min.js +19 -22
  86. package/x/demo/demo.bundle.min.js.map +4 -4
  87. package/x/demo/views/counter.d.ts +374 -1
  88. package/x/demo/views/counter.js +19 -22
  89. package/x/demo/views/counter.js.map +1 -1
  90. package/x/demo/views/demo.d.ts +4 -1
  91. package/x/demo/views/demo.js +10 -5
  92. package/x/demo/views/demo.js.map +1 -1
  93. package/x/demo/views/fastcount.d.ts +12 -0
  94. package/x/demo/views/fastcount.js +21 -0
  95. package/x/demo/views/fastcount.js.map +1 -0
  96. package/x/demo/views/loaders.js +6 -6
  97. package/x/demo/views/loaders.js.map +1 -1
  98. package/x/dom/attrs/attrs.d.ts +20 -0
  99. package/x/dom/attrs/attrs.js +17 -0
  100. package/x/dom/attrs/attrs.js.map +1 -0
  101. package/x/dom/attrs/parts/attr-fns.d.ts +13 -0
  102. package/x/dom/attrs/parts/attr-fns.js +42 -0
  103. package/x/dom/attrs/parts/attr-fns.js.map +1 -0
  104. package/x/dom/attrs/parts/attr-proxies.d.ts +8 -0
  105. package/x/dom/attrs/parts/attr-proxies.js +21 -0
  106. package/x/dom/attrs/parts/attr-proxies.js.map +1 -0
  107. package/x/dom/attrs/parts/attr-spec.d.ts +3 -0
  108. package/x/dom/attrs/parts/attr-spec.js +21 -0
  109. package/x/dom/attrs/parts/attr-spec.js.map +1 -0
  110. package/x/dom/attrs/parts/on-attrs.d.ts +2 -0
  111. package/x/dom/attrs/parts/on-attrs.js +7 -0
  112. package/x/dom/attrs/parts/on-attrs.js.map +1 -0
  113. package/x/dom/dom.d.ts +22 -7
  114. package/x/dom/dom.js +32 -12
  115. package/x/dom/dom.js.map +1 -1
  116. package/x/dom/index.d.ts +2 -0
  117. package/x/dom/index.js +3 -0
  118. package/x/dom/index.js.map +1 -0
  119. package/x/dom/parts/dashify.js.map +1 -0
  120. package/x/dom/parts/el.d.ts +2 -0
  121. package/x/dom/parts/el.js +7 -0
  122. package/x/dom/parts/el.js.map +1 -0
  123. package/x/dom/parts/eve.d.ts +7 -0
  124. package/x/dom/parts/eve.js +16 -0
  125. package/x/dom/parts/eve.js.map +1 -0
  126. package/x/dom/{register.d.ts → parts/register.d.ts} +2 -6
  127. package/x/dom/parts/register.js.map +1 -0
  128. package/x/dom/types.d.ts +14 -2
  129. package/x/index.d.ts +7 -15
  130. package/x/index.html +6 -4
  131. package/x/index.html.js +4 -2
  132. package/x/index.html.js.map +1 -1
  133. package/x/index.js +7 -15
  134. package/x/index.js.map +1 -1
  135. package/x/loaders/index.barrel.d.ts +6 -0
  136. package/x/loaders/index.barrel.js +7 -0
  137. package/x/loaders/index.barrel.js.map +1 -0
  138. package/x/loaders/index.d.ts +1 -0
  139. package/x/loaders/index.js +2 -0
  140. package/x/loaders/index.js.map +1 -0
  141. package/x/loaders/make.d.ts +3 -0
  142. package/x/loaders/make.js +6 -0
  143. package/x/loaders/make.js.map +1 -0
  144. package/x/loaders/mock.d.ts +2 -0
  145. package/x/loaders/mock.js +8 -0
  146. package/x/loaders/mock.js.map +1 -0
  147. package/x/{ops/loaders → loaders}/parts/anims.d.ts +1 -1
  148. package/x/loaders/parts/anims.js.map +1 -0
  149. package/x/{ops/loaders → loaders}/parts/ascii-anim.d.ts +2 -2
  150. package/x/{ops/loaders → loaders}/parts/ascii-anim.js +2 -2
  151. package/x/loaders/parts/ascii-anim.js.map +1 -0
  152. package/x/loaders/parts/error-display.d.ts +1 -0
  153. package/x/{ops/loaders → loaders}/parts/error-display.js +2 -2
  154. package/x/loaders/parts/error-display.js.map +1 -0
  155. package/x/loaders/types.d.ts +3 -0
  156. package/x/loaders/types.js.map +1 -0
  157. package/x/loot/drag-and-drops.d.ts +30 -0
  158. package/x/loot/drag-and-drops.js +63 -0
  159. package/x/loot/drag-and-drops.js.map +1 -0
  160. package/x/loot/{drop.d.ts → drops.d.ts} +3 -5
  161. package/x/loot/drops.js +25 -0
  162. package/x/loot/drops.js.map +1 -0
  163. package/x/loot/helpers.d.ts +3 -3
  164. package/x/loot/helpers.js +3 -3
  165. package/x/loot/helpers.js.map +1 -1
  166. package/x/loot/index.barrel.d.ts +3 -0
  167. package/x/loot/index.barrel.js +4 -0
  168. package/x/loot/index.barrel.js.map +1 -0
  169. package/x/loot/index.d.ts +1 -3
  170. package/x/loot/index.js +1 -3
  171. package/x/loot/index.js.map +1 -1
  172. package/x/ops/index.d.ts +3 -0
  173. package/x/ops/index.js +4 -0
  174. package/x/ops/index.js.map +1 -0
  175. package/x/ops/op.d.ts +2 -2
  176. package/x/ops/op.js +3 -2
  177. package/x/ops/op.js.map +1 -1
  178. package/x/spa/index.barrel.d.ts +4 -0
  179. package/x/spa/index.barrel.js +3 -0
  180. package/x/spa/index.barrel.js.map +1 -0
  181. package/x/spa/index.d.ts +1 -0
  182. package/x/spa/index.js +2 -0
  183. package/x/spa/index.js.map +1 -0
  184. package/x/spa/plumbing/braces.d.ts +12 -0
  185. package/x/spa/plumbing/braces.js +55 -0
  186. package/x/spa/plumbing/braces.js.map +1 -0
  187. package/x/spa/plumbing/primitives.d.ts +22 -0
  188. package/x/spa/plumbing/primitives.js +65 -0
  189. package/x/spa/plumbing/primitives.js.map +1 -0
  190. package/x/spa/plumbing/router-core.d.ts +13 -0
  191. package/x/spa/plumbing/router-core.js +38 -0
  192. package/x/spa/plumbing/router-core.js.map +1 -0
  193. package/x/spa/plumbing/types.d.ts +35 -0
  194. package/x/spa/plumbing/types.js +2 -0
  195. package/x/spa/plumbing/types.js.map +1 -0
  196. package/x/spa/router.d.ts +16 -0
  197. package/x/spa/router.js +39 -0
  198. package/x/spa/router.js.map +1 -0
  199. package/x/spa/spa.test.d.ts +15 -0
  200. package/x/spa/spa.test.js +78 -0
  201. package/x/spa/spa.test.js.map +1 -0
  202. package/x/tests.test.js +4 -1
  203. package/x/tests.test.js.map +1 -1
  204. package/x/view/index.d.ts +4 -0
  205. package/x/view/index.js +5 -0
  206. package/x/view/index.js.map +1 -0
  207. package/x/view/types.d.ts +22 -0
  208. package/x/view/types.js +2 -0
  209. package/x/{views → view}/types.js.map +1 -1
  210. package/x/view/utils/make-component.d.ts +5 -0
  211. package/x/view/utils/make-component.js +17 -0
  212. package/x/view/utils/make-component.js.map +1 -0
  213. package/x/view/utils/make-view.d.ts +2 -0
  214. package/x/view/utils/make-view.js +24 -0
  215. package/x/view/utils/make-view.js.map +1 -0
  216. package/x/view/utils/parts/capsule.d.ts +13 -0
  217. package/x/view/utils/parts/capsule.js +49 -0
  218. package/x/view/utils/parts/capsule.js.map +1 -0
  219. package/x/view/utils/parts/chain.d.ts +11 -0
  220. package/x/view/utils/parts/chain.js +21 -0
  221. package/x/view/utils/parts/chain.js.map +1 -0
  222. package/x/view/utils/parts/context.d.ts +8 -0
  223. package/x/view/utils/parts/context.js +10 -0
  224. package/x/view/utils/parts/context.js.map +1 -0
  225. package/x/view/utils/parts/directive.d.ts +5 -0
  226. package/x/view/utils/parts/directive.js +18 -0
  227. package/x/view/utils/parts/directive.js.map +1 -0
  228. package/x/view/utils/parts/set-attrs.d.ts +3 -0
  229. package/x/view/utils/parts/set-attrs.js +21 -0
  230. package/x/view/utils/parts/set-attrs.js.map +1 -0
  231. package/x/view/utils/parts/sly-view.d.ts +5 -0
  232. package/x/view/utils/parts/sly-view.js +13 -0
  233. package/x/view/utils/parts/sly-view.js.map +1 -0
  234. package/x/view/view.d.ts +11 -0
  235. package/x/view/view.js +15 -0
  236. package/x/view/view.js.map +1 -0
  237. package/s/loot/drag-drop.ts +0 -76
  238. package/s/ops/loaders/make-loader.ts +0 -18
  239. package/s/views/attributes.ts +0 -89
  240. package/s/views/types.ts +0 -40
  241. package/s/views/utils/apply-attrs.ts +0 -33
  242. package/s/views/view.ts +0 -150
  243. package/x/dom/dashify.js.map +0 -1
  244. package/x/dom/register.js.map +0 -1
  245. package/x/loot/drag-drop.d.ts +0 -29
  246. package/x/loot/drag-drop.js +0 -54
  247. package/x/loot/drag-drop.js.map +0 -1
  248. package/x/loot/drop.js +0 -32
  249. package/x/loot/drop.js.map +0 -1
  250. package/x/ops/loaders/make-loader.d.ts +0 -5
  251. package/x/ops/loaders/make-loader.js +0 -7
  252. package/x/ops/loaders/make-loader.js.map +0 -1
  253. package/x/ops/loaders/parts/anims.js.map +0 -1
  254. package/x/ops/loaders/parts/ascii-anim.js.map +0 -1
  255. package/x/ops/loaders/parts/error-display.d.ts +0 -1
  256. package/x/ops/loaders/parts/error-display.js.map +0 -1
  257. package/x/views/attributes.d.ts +0 -10
  258. package/x/views/attributes.js +0 -46
  259. package/x/views/attributes.js.map +0 -1
  260. package/x/views/css-reset.js.map +0 -1
  261. package/x/views/types.d.ts +0 -31
  262. package/x/views/use.js.map +0 -1
  263. package/x/views/utils/apply-attrs.d.ts +0 -2
  264. package/x/views/utils/apply-attrs.js +0 -21
  265. package/x/views/utils/apply-attrs.js.map +0 -1
  266. package/x/views/utils/apply-styles.js.map +0 -1
  267. package/x/views/utils/mounts.js.map +0 -1
  268. package/x/views/view.d.ts +0 -9
  269. package/x/views/view.js +0 -116
  270. package/x/views/view.js.map +0 -1
  271. /package/s/{views → base}/css-reset.ts +0 -0
  272. /package/s/{views → base}/utils/apply-styles.ts +0 -0
  273. /package/s/{views → base}/utils/mounts.ts +0 -0
  274. /package/s/dom/{dashify.ts → parts/dashify.ts} +0 -0
  275. /package/x/{views → base}/css-reset.d.ts +0 -0
  276. /package/x/{views → base}/css-reset.js +0 -0
  277. /package/x/{views → base}/utils/apply-styles.d.ts +0 -0
  278. /package/x/{views → base}/utils/apply-styles.js +0 -0
  279. /package/x/{views → base}/utils/mounts.d.ts +0 -0
  280. /package/x/{views → base}/utils/mounts.js +0 -0
  281. /package/x/dom/{dashify.d.ts → parts/dashify.d.ts} +0 -0
  282. /package/x/dom/{dashify.js → parts/dashify.js} +0 -0
  283. /package/x/dom/{register.js → parts/register.js} +0 -0
  284. /package/x/{ops/loaders → loaders}/parts/anims.js +0 -0
  285. /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 Drop {
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;
@@ -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"}
@@ -1,3 +1,3 @@
1
- export declare function dragHasFiles(event: DragEvent): boolean;
2
- export declare function droppedFiles(event: DragEvent): File[];
3
- export declare function dragIsOutsideCurrentTarget(event: DragEvent): boolean;
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 dragHasFiles(event) {
1
+ export function hasFiles(event) {
2
2
  return !!(event.dataTransfer &&
3
3
  event.dataTransfer.types.includes("Files"));
4
4
  }
5
- export function droppedFiles(event) {
5
+ export function files(event) {
6
6
  return event.dataTransfer
7
7
  ? Array.from(event.dataTransfer.files)
8
8
  : [];
9
9
  }
10
- export function dragIsOutsideCurrentTarget(event) {
10
+ export function outsideCurrentTarget(event) {
11
11
  const isCursorOutsideViewport = !event.relatedTarget || (event.clientX === 0 &&
12
12
  event.clientY === 0);
13
13
  if (isCursorOutsideViewport)
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../s/loot/helpers.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC5C,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,YAAY,CAAC,KAAgB;IAC5C,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,0BAA0B,CAAC,KAAgB;IAC1D,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"}
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,3 @@
1
+ export * from "./drag-and-drops.js";
2
+ export * from "./drops.js";
3
+ export * from "./helpers.js";
@@ -0,0 +1,4 @@
1
+ export * from "./drag-and-drops.js";
2
+ export * from "./drops.js";
3
+ export * from "./helpers.js";
4
+ //# sourceMappingURL=index.barrel.js.map
@@ -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
@@ -1,3 +1 @@
1
- export * from "./drag-drop.js";
2
- export * from "./drop.js";
3
- export * from "./helpers.js";
1
+ export * as loot from "./index.barrel.js";
package/x/loot/index.js CHANGED
@@ -1,4 +1,2 @@
1
- export * from "./drag-drop.js";
2
- export * from "./drop.js";
3
- export * from "./helpers.js";
1
+ export * as loot from "./index.barrel.js";
4
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loot/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from "./op.js";
2
+ export * from "./podium.js";
3
+ export * from "./types.js";
package/x/ops/index.js ADDED
@@ -0,0 +1,4 @@
1
+ export * from "./op.js";
2
+ export * from "./podium.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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 fn<V>(fn: () => Promise<V>): Op<V>;
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
- fn(fn: () => Promise<V>): Promise<V | undefined>;
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 fn(fn) {
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 fn(fn) {
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":"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"}
1
+ {"version":3,"file":"op.js","sourceRoot":"","sources":["../../s/ops/op.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export { route } from "./plumbing/braces.js";
2
+ export type { Navigable } from "./plumbing/primitives.js";
3
+ export { RouterOptions, Hasher, Route, Routes, Navigables, Params } from "./plumbing/types.js";
4
+ export { Router } from "./router.js";
@@ -0,0 +1,3 @@
1
+ export { route } from "./plumbing/braces.js";
2
+ export { Router } from "./router.js";
3
+ //# sourceMappingURL=index.barrel.js.map
@@ -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"}
@@ -0,0 +1 @@
1
+ export * as spa from "./index.barrel.js";
package/x/spa/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * as spa from "./index.barrel.js";
2
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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
+ }