@e280/sly 0.2.0-9 → 0.2.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.
Files changed (275) hide show
  1. package/README.md +363 -124
  2. package/package.json +14 -7
  3. package/s/{views/base-element.ts → base/element.ts} +18 -10
  4. package/s/base/index.ts +6 -0
  5. package/s/{views → base}/use.ts +15 -6
  6. package/s/{views → base}/utils/reactor.ts +13 -4
  7. package/s/base/utils/states.ts +49 -0
  8. package/s/base/utils/use-attrs.ts +36 -0
  9. package/s/demo/demo.bundle.ts +6 -19
  10. package/s/demo/views/counter.ts +14 -25
  11. package/s/demo/views/demo.ts +9 -16
  12. package/s/demo/views/{incredi.ts → fastcount.ts} +5 -5
  13. package/s/demo/views/loaders.ts +7 -7
  14. package/s/dom/attrs/attrs.ts +6 -6
  15. package/s/dom/attrs/parts/attr-fns.ts +64 -34
  16. package/s/dom/attrs/parts/attr-proxies.ts +10 -10
  17. package/s/dom/attrs/parts/attr-spec.ts +7 -7
  18. package/s/dom/dom.ts +19 -57
  19. package/s/dom/index.ts +4 -0
  20. package/s/dom/parts/dom-scope.ts +46 -0
  21. package/s/dom/parts/el.ts +14 -0
  22. package/s/dom/parts/elmer.ts +38 -0
  23. package/s/dom/parts/eve.ts +24 -0
  24. package/s/dom/parts/mk.ts +9 -0
  25. package/s/dom/parts/queries.ts +26 -0
  26. package/s/dom/types.ts +5 -0
  27. package/s/index.html.ts +4 -4
  28. package/s/index.ts +7 -17
  29. package/s/loaders/index.barrel.ts +10 -0
  30. package/s/loaders/index.ts +4 -0
  31. package/s/loaders/make.ts +14 -0
  32. package/s/loaders/mock.ts +11 -0
  33. package/s/{ops/loaders → loaders}/parts/anims.ts +1 -1
  34. package/s/{ops/loaders → loaders}/parts/ascii-anim.ts +6 -5
  35. package/s/{ops/loaders → loaders}/parts/error-display.ts +2 -2
  36. package/s/loaders/types.ts +6 -0
  37. package/s/loot/index.barrel.ts +5 -0
  38. package/s/loot/index.ts +2 -3
  39. package/s/ops/index.ts +5 -0
  40. package/s/ops/op.ts +1 -0
  41. package/s/spa/index.barrel.ts +6 -0
  42. package/s/spa/index.ts +4 -0
  43. package/s/spa/plumbing/braces.ts +76 -0
  44. package/s/spa/plumbing/primitives.ts +85 -0
  45. package/s/spa/plumbing/router-core.ts +49 -0
  46. package/s/spa/plumbing/types.ts +45 -0
  47. package/s/spa/router.ts +49 -0
  48. package/s/spa/spa.test.ts +91 -0
  49. package/s/tests.test.ts +4 -1
  50. package/s/view/index.ts +7 -0
  51. package/s/view/types.ts +39 -0
  52. package/s/view/utils/contextualize.ts +45 -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 +40 -0
  57. package/s/view/utils/parts/context.ts +11 -0
  58. package/s/view/utils/parts/directive.ts +29 -0
  59. package/s/view/utils/parts/sly-view.ts +15 -0
  60. package/s/view/view.ts +24 -0
  61. package/x/base/css-reset.js.map +1 -0
  62. package/x/base/element.d.ts +19 -0
  63. package/x/{views/base-element.js → base/element.js} +14 -6
  64. package/x/base/element.js.map +1 -0
  65. package/x/base/index.d.ts +4 -0
  66. package/x/base/index.js +5 -0
  67. package/x/base/index.js.map +1 -0
  68. package/x/{views → base}/use.d.ts +6 -2
  69. package/x/{views → base}/use.js +12 -4
  70. package/x/base/use.js.map +1 -0
  71. package/x/base/utils/apply-styles.js.map +1 -0
  72. package/x/base/utils/attr-watcher.js.map +1 -0
  73. package/x/base/utils/mounts.js.map +1 -0
  74. package/x/{views → base}/utils/reactor.d.ts +0 -1
  75. package/x/{views → base}/utils/reactor.js +10 -3
  76. package/x/base/utils/reactor.js.map +1 -0
  77. package/x/base/utils/states.d.ts +13 -0
  78. package/x/base/utils/states.js +41 -0
  79. package/x/base/utils/states.js.map +1 -0
  80. package/x/base/utils/use-attrs.d.ts +11 -0
  81. package/x/base/utils/use-attrs.js +18 -0
  82. package/x/base/utils/use-attrs.js.map +1 -0
  83. package/x/demo/demo.bundle.js +6 -16
  84. package/x/demo/demo.bundle.js.map +1 -1
  85. package/x/demo/demo.bundle.min.js +20 -30
  86. package/x/demo/demo.bundle.min.js.map +4 -4
  87. package/x/demo/views/counter.d.ts +370 -3
  88. package/x/demo/views/counter.js +14 -23
  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 +9 -13
  92. package/x/demo/views/demo.js.map +1 -1
  93. package/x/demo/views/{incredi.d.ts → fastcount.d.ts} +3 -3
  94. package/x/demo/views/{incredi.js → fastcount.js} +5 -5
  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 +6 -3
  99. package/x/dom/attrs/attrs.js +6 -6
  100. package/x/dom/attrs/attrs.js.map +1 -1
  101. package/x/dom/attrs/parts/attr-fns.d.ts +15 -12
  102. package/x/dom/attrs/parts/attr-fns.js +60 -38
  103. package/x/dom/attrs/parts/attr-fns.js.map +1 -1
  104. package/x/dom/attrs/parts/attr-proxies.d.ts +3 -3
  105. package/x/dom/attrs/parts/attr-proxies.js +10 -10
  106. package/x/dom/attrs/parts/attr-proxies.js.map +1 -1
  107. package/x/dom/attrs/parts/attr-spec.js +7 -7
  108. package/x/dom/attrs/parts/attr-spec.js.map +1 -1
  109. package/x/dom/dom.d.ts +14 -26
  110. package/x/dom/dom.js +18 -44
  111. package/x/dom/dom.js.map +1 -1
  112. package/x/dom/index.d.ts +2 -0
  113. package/x/dom/index.js +3 -0
  114. package/x/dom/index.js.map +1 -0
  115. package/x/dom/parts/dom-scope.d.ts +15 -0
  116. package/x/dom/parts/dom-scope.js +35 -0
  117. package/x/dom/parts/dom-scope.js.map +1 -0
  118. package/x/dom/parts/el.d.ts +2 -0
  119. package/x/dom/parts/el.js +7 -0
  120. package/x/dom/parts/el.js.map +1 -0
  121. package/x/dom/parts/elmer.d.ts +11 -0
  122. package/x/dom/parts/elmer.js +32 -0
  123. package/x/dom/parts/elmer.js.map +1 -0
  124. package/x/dom/parts/eve.d.ts +7 -0
  125. package/x/dom/parts/eve.js +16 -0
  126. package/x/dom/parts/eve.js.map +1 -0
  127. package/x/dom/parts/mk.d.ts +2 -0
  128. package/x/dom/parts/mk.js +7 -0
  129. package/x/dom/parts/mk.js.map +1 -0
  130. package/x/dom/parts/queries.d.ts +4 -0
  131. package/x/dom/parts/queries.js +13 -0
  132. package/x/dom/parts/queries.js.map +1 -0
  133. package/x/dom/types.d.ts +3 -0
  134. package/x/index.d.ts +7 -14
  135. package/x/index.html +6 -6
  136. package/x/index.html.js +4 -4
  137. package/x/index.js +7 -14
  138. package/x/index.js.map +1 -1
  139. package/x/loaders/index.barrel.d.ts +7 -0
  140. package/x/loaders/index.barrel.js +7 -0
  141. package/x/loaders/index.barrel.js.map +1 -0
  142. package/x/loaders/index.d.ts +2 -0
  143. package/x/loaders/index.js +2 -0
  144. package/x/loaders/index.js.map +1 -0
  145. package/x/loaders/make.d.ts +3 -0
  146. package/x/loaders/make.js +6 -0
  147. package/x/loaders/make.js.map +1 -0
  148. package/x/loaders/mock.d.ts +2 -0
  149. package/x/loaders/mock.js +8 -0
  150. package/x/loaders/mock.js.map +1 -0
  151. package/x/{ops/loaders → loaders}/parts/anims.d.ts +1 -1
  152. package/x/loaders/parts/anims.js.map +1 -0
  153. package/x/{ops/loaders → loaders}/parts/ascii-anim.d.ts +2 -2
  154. package/x/{ops/loaders → loaders}/parts/ascii-anim.js +4 -4
  155. package/x/loaders/parts/ascii-anim.js.map +1 -0
  156. package/x/loaders/parts/error-display.d.ts +1 -0
  157. package/x/{ops/loaders → loaders}/parts/error-display.js +2 -2
  158. package/x/loaders/parts/error-display.js.map +1 -0
  159. package/x/loaders/types.d.ts +3 -0
  160. package/x/loaders/types.js.map +1 -0
  161. package/x/loot/index.barrel.d.ts +3 -0
  162. package/x/loot/index.barrel.js +4 -0
  163. package/x/loot/index.barrel.js.map +1 -0
  164. package/x/loot/index.d.ts +2 -3
  165. package/x/loot/index.js +1 -3
  166. package/x/loot/index.js.map +1 -1
  167. package/x/ops/index.d.ts +3 -0
  168. package/x/ops/index.js +4 -0
  169. package/x/ops/index.js.map +1 -0
  170. package/x/ops/op.js +1 -0
  171. package/x/ops/op.js.map +1 -1
  172. package/x/spa/index.barrel.d.ts +4 -0
  173. package/x/spa/index.barrel.js +3 -0
  174. package/x/spa/index.barrel.js.map +1 -0
  175. package/x/spa/index.d.ts +2 -0
  176. package/x/spa/index.js +2 -0
  177. package/x/spa/index.js.map +1 -0
  178. package/x/spa/plumbing/braces.d.ts +12 -0
  179. package/x/spa/plumbing/braces.js +55 -0
  180. package/x/spa/plumbing/braces.js.map +1 -0
  181. package/x/spa/plumbing/primitives.d.ts +22 -0
  182. package/x/spa/plumbing/primitives.js +65 -0
  183. package/x/spa/plumbing/primitives.js.map +1 -0
  184. package/x/spa/plumbing/router-core.d.ts +13 -0
  185. package/x/spa/plumbing/router-core.js +38 -0
  186. package/x/spa/plumbing/router-core.js.map +1 -0
  187. package/x/spa/plumbing/types.d.ts +35 -0
  188. package/x/spa/plumbing/types.js +2 -0
  189. package/x/spa/plumbing/types.js.map +1 -0
  190. package/x/spa/router.d.ts +13 -0
  191. package/x/spa/router.js +39 -0
  192. package/x/spa/router.js.map +1 -0
  193. package/x/spa/spa.test.d.ts +15 -0
  194. package/x/spa/spa.test.js +78 -0
  195. package/x/spa/spa.test.js.map +1 -0
  196. package/x/tests.test.js +4 -1
  197. package/x/tests.test.js.map +1 -1
  198. package/x/view/index.d.ts +5 -0
  199. package/x/view/index.js +6 -0
  200. package/x/view/index.js.map +1 -0
  201. package/x/view/types.d.ts +21 -0
  202. package/x/view/types.js +2 -0
  203. package/x/{views → view}/types.js.map +1 -1
  204. package/x/view/utils/contextualize.d.ts +13 -0
  205. package/x/view/utils/contextualize.js +18 -0
  206. package/x/view/utils/contextualize.js.map +1 -0
  207. package/x/view/utils/make-component.d.ts +5 -0
  208. package/x/view/utils/make-component.js +17 -0
  209. package/x/view/utils/make-component.js.map +1 -0
  210. package/x/view/utils/make-view.d.ts +2 -0
  211. package/x/view/utils/make-view.js +24 -0
  212. package/x/view/utils/make-view.js.map +1 -0
  213. package/x/view/utils/parts/capsule.d.ts +13 -0
  214. package/x/view/utils/parts/capsule.js +49 -0
  215. package/x/view/utils/parts/capsule.js.map +1 -0
  216. package/x/view/utils/parts/chain.d.ts +13 -0
  217. package/x/view/utils/parts/chain.js +26 -0
  218. package/x/view/utils/parts/chain.js.map +1 -0
  219. package/x/view/utils/parts/context.d.ts +9 -0
  220. package/x/view/utils/parts/context.js +10 -0
  221. package/x/view/utils/parts/context.js.map +1 -0
  222. package/x/view/utils/parts/directive.d.ts +5 -0
  223. package/x/view/utils/parts/directive.js +18 -0
  224. package/x/view/utils/parts/directive.js.map +1 -0
  225. package/x/view/utils/parts/sly-view.d.ts +5 -0
  226. package/x/view/utils/parts/sly-view.js +13 -0
  227. package/x/view/utils/parts/sly-view.js.map +1 -0
  228. package/x/view/view.d.ts +11 -0
  229. package/x/view/view.js +15 -0
  230. package/x/view/view.js.map +1 -0
  231. package/s/demo/views/divine.ts +0 -22
  232. package/s/ops/loaders/make-loader.ts +0 -18
  233. package/s/views/types.ts +0 -49
  234. package/s/views/utils/apply-attrs.ts +0 -33
  235. package/s/views/view.ts +0 -185
  236. package/x/demo/views/divine.d.ts +0 -8
  237. package/x/demo/views/divine.js +0 -19
  238. package/x/demo/views/divine.js.map +0 -1
  239. package/x/demo/views/incredi.js.map +0 -1
  240. package/x/ops/loaders/make-loader.d.ts +0 -5
  241. package/x/ops/loaders/make-loader.js +0 -7
  242. package/x/ops/loaders/make-loader.js.map +0 -1
  243. package/x/ops/loaders/parts/anims.js.map +0 -1
  244. package/x/ops/loaders/parts/ascii-anim.js.map +0 -1
  245. package/x/ops/loaders/parts/error-display.d.ts +0 -1
  246. package/x/ops/loaders/parts/error-display.js.map +0 -1
  247. package/x/views/base-element.d.ts +0 -14
  248. package/x/views/base-element.js.map +0 -1
  249. package/x/views/css-reset.js.map +0 -1
  250. package/x/views/types.d.ts +0 -36
  251. package/x/views/use.js.map +0 -1
  252. package/x/views/utils/apply-attrs.d.ts +0 -2
  253. package/x/views/utils/apply-attrs.js +0 -21
  254. package/x/views/utils/apply-attrs.js.map +0 -1
  255. package/x/views/utils/apply-styles.js.map +0 -1
  256. package/x/views/utils/attr-watcher.js.map +0 -1
  257. package/x/views/utils/mounts.js.map +0 -1
  258. package/x/views/utils/reactor.js.map +0 -1
  259. package/x/views/view.d.ts +0 -13
  260. package/x/views/view.js +0 -145
  261. package/x/views/view.js.map +0 -1
  262. /package/s/{views → base}/css-reset.ts +0 -0
  263. /package/s/{views → base}/utils/apply-styles.ts +0 -0
  264. /package/s/{views → base}/utils/attr-watcher.ts +0 -0
  265. /package/s/{views → base}/utils/mounts.ts +0 -0
  266. /package/x/{views → base}/css-reset.d.ts +0 -0
  267. /package/x/{views → base}/css-reset.js +0 -0
  268. /package/x/{views → base}/utils/apply-styles.d.ts +0 -0
  269. /package/x/{views → base}/utils/apply-styles.js +0 -0
  270. /package/x/{views → base}/utils/attr-watcher.d.ts +0 -0
  271. /package/x/{views → base}/utils/attr-watcher.js +0 -0
  272. /package/x/{views → base}/utils/mounts.d.ts +0 -0
  273. /package/x/{views → base}/utils/mounts.js +0 -0
  274. /package/x/{ops/loaders → loaders}/parts/anims.js +0 -0
  275. /package/x/{views → loaders}/types.js +0 -0
package/s/views/types.ts DELETED
@@ -1,49 +0,0 @@
1
-
2
- import {DirectiveResult} from "lit/directive.js"
3
- import {CSSResultGroup, TemplateResult} from "lit"
4
-
5
- import {Use} from "./use.js"
6
-
7
- export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[]
8
- export type AttrValue = string | boolean | number | undefined | null | void
9
-
10
- export type Component<Mix extends {} = {}> = Mix & {
11
- renderNow(): void
12
- render: () => void
13
- } & HTMLElement
14
-
15
- export type ComponentClass<Mix extends {}, Props extends any[]> = {
16
- view: View<Props>
17
- new(): Component<Mix>
18
- }
19
-
20
- export type ViewRenderFn<Props extends any[]> = (use: Use) => (...props: Props) => Content
21
- export type BasicView<Props extends any[]> = (...props: Props) => DirectiveResult<any>
22
-
23
- export type View<Props extends any[]> = BasicView<Props> & {
24
- props: (...props: Props) => ViewChain
25
- component: <Mix extends {}>(init?: (component: Component<Mix>) => void) => {
26
- props: (fn: (component: Component<Mix>) => Props) => (
27
- ComponentClass<Mix, Props>
28
- )
29
- }
30
- }
31
-
32
- export type ViewSettings = ShadowRootInit & {
33
- tag?: string
34
- name?: string
35
- styles?: CSSResultGroup
36
- }
37
-
38
- export type ViewChain = {
39
- children(...c: Content[]): ViewChain
40
- attrs(a: Record<string, AttrValue>): ViewChain
41
- attr(n: string, v: AttrValue): ViewChain
42
- render(): DirectiveResult<any>
43
- }
44
-
45
- export type ViewContext = {
46
- children: Content[]
47
- attrs: Record<string, AttrValue>
48
- }
49
-
@@ -1,33 +0,0 @@
1
-
2
- import {AttrValue} from "../types.js"
3
-
4
- export function applyAttrs(
5
- element: HTMLElement,
6
- attrs: Record<string, AttrValue>,
7
- ) {
8
-
9
- for (const [key, value] of Object.entries(attrs)) {
10
- if (value === undefined)
11
- element.removeAttribute(key)
12
-
13
- else if (value === null)
14
- element.removeAttribute(key)
15
-
16
- else if (typeof value === "string")
17
- element.setAttribute(key, value)
18
-
19
- else if (typeof value === "number")
20
- element.setAttribute(key, value.toString())
21
-
22
- else if (typeof value === "boolean") {
23
- if (value === true)
24
- element.setAttribute(key, "")
25
- else
26
- element.removeAttribute(key)
27
- }
28
-
29
- else
30
- console.warn(`invalid attribute type ${key} is ${typeof value}`)
31
- }
32
- }
33
-
package/s/views/view.ts DELETED
@@ -1,185 +0,0 @@
1
-
2
- import {render} from "lit"
3
- import {debounce} from "@e280/stz"
4
- import {directive} from "lit/directive.js"
5
- import {AsyncDirective} from "lit/async-directive.js"
6
-
7
- import {Reactor} from "./utils/reactor.js"
8
- import {register} from "../dom/parts/register.js"
9
- import {applyAttrs} from "./utils/apply-attrs.js"
10
- import {AttrWatcher} from "./utils/attr-watcher.js"
11
- import {applyStyles} from "./utils/apply-styles.js"
12
- import {Use, _wrap, _disconnect, _reconnect} from "./use.js"
13
- import {AttrValue, Content, View, ViewRenderFn, ViewSettings, ViewContext, Component, ComponentClass} from "./types.js"
14
-
15
- export const view = setupView({mode: "open"})
16
- export class SlyView extends HTMLElement {}
17
- register({SlyView}, {soft: true, upgrade: true})
18
-
19
- function setupView(settings: ViewSettings) {
20
- function view<Props extends any[]>(fn: ViewRenderFn<Props>): View<Props> {
21
- type Situation = {
22
- getElement: () => HTMLElement
23
- isComponent: boolean
24
- }
25
-
26
- const make = (situation: Situation) => class ViewDirective extends AsyncDirective {
27
- #element = situation.getElement()
28
- #shadow = this.#element.attachShadow(settings)
29
- #reactor = new Reactor()
30
- #renderDebounced = debounce(0, () => this.#renderNow())
31
- #params!: {context: ViewContext, props: Props}
32
- #attrWatcher = new AttrWatcher(this.#element, () => {
33
- const is_view_responsible_for_rerendering = (
34
- !situation.isComponent
35
- )
36
- if (is_view_responsible_for_rerendering)
37
- this.#renderDebounced()
38
- })
39
-
40
- #use = new Use(
41
- this.#element,
42
- this.#shadow,
43
- () => this.#renderNow(),
44
- this.#renderDebounced,
45
- )
46
-
47
- #fn = (() => {
48
- const fn2 = fn(this.#use)
49
- this.#element.setAttribute("view", settings.name ?? "")
50
- if (settings.styles) applyStyles(this.#shadow, settings.styles)
51
- return fn2
52
- })()
53
-
54
- #renderNow() {
55
- if (!this.#params) return
56
- if (!this.isConnected) return
57
- const {context, props} = this.#params
58
-
59
- this.#use[_wrap](() => {
60
- // apply html attributes
61
- applyAttrs(this.#element, context.attrs)
62
-
63
- // render the template and track reactivity
64
- const content = this.#reactor.effect(
65
- () => this.#fn(...props),
66
- this.#renderDebounced,
67
- )
68
-
69
- // inject the template
70
- render(content, this.#shadow)
71
-
72
- // inject content into light dom
73
- if (!situation.isComponent)
74
- render(context.children, this.#element)
75
- })
76
- }
77
-
78
- render(context: ViewContext, props: Props) {
79
- this.#params = {context, props}
80
- this.#renderNow()
81
- this.#attrWatcher.start()
82
- return situation.isComponent
83
- ? null
84
- : this.#element
85
- }
86
-
87
- disconnected() {
88
- this.#use[_disconnect]()
89
- this.#reactor.clear()
90
- this.#attrWatcher.stop()
91
- }
92
-
93
- reconnected() {
94
- this.#use[_reconnect]()
95
- this.#attrWatcher.start()
96
- }
97
- }
98
-
99
- const d = directive(make({
100
- getElement: () => document.createElement(settings.tag ?? "sly-view"),
101
- isComponent: false,
102
- }))
103
-
104
- const freshViewContext = (): ViewContext => ({attrs: {}, children: []})
105
-
106
- function rendy(...props: Props) {
107
- return d(freshViewContext(), props)
108
- }
109
-
110
- rendy.props = (...props: Props) => {
111
- let ctx = freshViewContext()
112
- const chain = {
113
- children(...children: Content[]) {
114
- ctx = {...ctx, children: [...ctx.children, ...children]}
115
- return chain
116
- },
117
- attrs(attrs: Record<string, AttrValue>) {
118
- ctx = {...ctx, attrs: {...ctx.attrs, ...attrs}}
119
- return chain
120
- },
121
- attr(name: string, value: AttrValue) {
122
- ctx = {...ctx, attrs: {...ctx.attrs, [name]: value}}
123
- return chain
124
- },
125
- render() {
126
- return d(ctx, props)
127
- },
128
- }
129
- return chain
130
- }
131
-
132
- rendy.component = <Mix extends {} = {}>(
133
- init: (component: Component<Mix>) => void = () => {}
134
- ) => ({
135
- props: (propsFn: (component: Component<Mix>) => Props) => {
136
- return class VComponent extends HTMLElement implements Component {
137
- static view = rendy
138
- #context = freshViewContext()
139
- #directive = directive(
140
- make({
141
- getElement: () => this,
142
- isComponent: true,
143
- })
144
- )
145
- #attrWatcher = new AttrWatcher(this, () => this.render())
146
- constructor() {
147
- super()
148
- init(this as any)
149
- }
150
- connectedCallback() {
151
- this.#attrWatcher.start()
152
- this.renderNow()
153
- }
154
- disconnectedCallback() {
155
- this.#attrWatcher.stop()
156
- this.#reactor.clear()
157
- }
158
- #reactor = new Reactor()
159
- render = debounce(0, () => this.renderNow())
160
- renderNow() {
161
- if (this.isConnected) {
162
- const props = this.#reactor.effect(
163
- () => propsFn(this as any),
164
- this.render,
165
- )
166
- render(this.#directive(this.#context, props), this)
167
- }
168
- }
169
- } as any as ComponentClass<Mix, Props>
170
- },
171
- })
172
-
173
- return rendy
174
- }
175
-
176
- view.render = view
177
- view.settings = (settings2: Partial<ViewSettings>) => setupView({...settings, ...settings2})
178
- view.component = <Mix extends {}>(initFn?: (component: Component<Mix>) => void) => ({
179
- props: <Props extends any[]>(propsFn: (component: Component<Mix>) => Props) => ({
180
- render: (fn: ViewRenderFn<Props>) => view(fn).component<Mix>(initFn).props(propsFn),
181
- }),
182
- })
183
- return view
184
- }
185
-
@@ -1,8 +0,0 @@
1
- import { SignalFn } from "@e280/strata";
2
- declare const DivineElement_base: import("../../index.js").ComponentClass<{
3
- $speed: SignalFn<number>;
4
- }, [speed: number]>;
5
- export declare class DivineElement extends DivineElement_base {
6
- }
7
- export declare const DivineView: import("../../index.js").View<[speed: number]>;
8
- export {};
@@ -1,19 +0,0 @@
1
- import { html } from "lit";
2
- import { view } from "../../views/view.js";
3
- import { signal } from "@e280/strata";
4
- export class DivineElement extends (view
5
- .component(component => {
6
- component.$speed = signal(1);
7
- })
8
- .props(component => [component.$speed()])
9
- .render(use => speed => {
10
- const $count = use.signal(0);
11
- const increment = () => $count($count() + speed);
12
- return html `
13
- <span>${$count()}</span>
14
- <button @click="${increment}">+${speed}</button>
15
- `;
16
- })) {
17
- }
18
- export const DivineView = DivineElement.view;
19
- //# sourceMappingURL=divine.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"divine.js","sourceRoot":"","sources":["../../../s/demo/views/divine.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAC,MAAM,EAAW,MAAM,cAAc,CAAA;AAE7C,MAAM,OAAO,aAAc,SAAQ,CAAC,IAAI;KACtC,SAAS,CAA6B,SAAS,CAAC,EAAE;IAClD,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAC;KACD,KAAK,CAAkB,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;KACzD,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;IACtB,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC5B,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAA;IAChD,OAAO,IAAI,CAAA;WACF,MAAM,EAAE;qBACE,SAAS,MAAM,KAAK;GACtC,CAAA;AACF,CAAC,CAAC,CACF;CAAG;AAEJ,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"incredi.js","sourceRoot":"","sources":["../../../s/demo/views/incredi.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,OAAO,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAEvD,MAAM,OAAO,cAAe,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA,oBAAoB,CAAA;IAEvC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;IAC7C,SAAS,GAAG,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAA;IAE9B,MAAM,CAAC,GAAQ;QACd,MAAM,EAAC,KAAK,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE5B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;YAChC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;YACb,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,IAAI,CAAA;WACF,MAAM,EAAE,GAAG,KAAK;GACxB,CAAA;IACF,CAAC"}
@@ -1,5 +0,0 @@
1
- import { Op } from "../op.js";
2
- import { Content } from "../../views/types.js";
3
- export * as anims from "./parts/anims.js";
4
- export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content;
5
- export declare function makeLoader(loading?: () => Content, error?: (error: any) => Content): Loader;
@@ -1,7 +0,0 @@
1
- import { braille } from "./parts/anims.js";
2
- import { ErrorDisplay } from "./parts/error-display.js";
3
- export * as anims from "./parts/anims.js";
4
- export function makeLoader(loading = braille, error = (error) => ErrorDisplay(error)) {
5
- return (op, ready) => op.select({ loading, ready, error });
6
- }
7
- //# sourceMappingURL=make-loader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"make-loader.js","sourceRoot":"","sources":["../../../s/ops/loaders/make-loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAExC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA;AAIzC,MAAM,UAAU,UAAU,CACxB,UAAyB,OAAO,EAChC,QAAiC,CAAC,KAAU,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;IAGrE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AACzD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"anims.js","sourceRoot":"","sources":["../../../../s/ops/loaders/parts/anims.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ascii-anim.js","sourceRoot":"","sources":["../../../../s/ops/loaders/parts/ascii-anim.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAE3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAA;AAEpD,MAAM,UAAU,aAAa,CAAC,EAAU,EAAE,MAAgB;IACzD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,MAAM,EAG/C,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE3B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;QACpB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QAC5B,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAC,CAAA;IAEH,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;AAC9B,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;CAMhB,CAAA"}
@@ -1 +0,0 @@
1
- export declare const ErrorDisplay: import("../../../index.js").View<[error: any]>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../../s/ops/loaders/parts/error-display.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAA;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;IACtD,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACjB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAE3B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC5B,OAAO,KAAK,CAAA;SAER,IAAI,KAAK,YAAY,KAAK;QAC9B,OAAO,IAAI,CAAA,WAAW,KAAK,CAAC,IAAI,oBAAoB,KAAK,CAAC,OAAO,SAAS,CAAA;;QAG1E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;CAKhB,CAAA"}
@@ -1,14 +0,0 @@
1
- import { CSSResultGroup } from "lit";
2
- import { Content } from "./types.js";
3
- import { Use } from "./use.js";
4
- export declare abstract class BaseElement extends HTMLElement {
5
- #private;
6
- static styles: CSSResultGroup | undefined;
7
- readonly shadow: ShadowRoot;
8
- constructor();
9
- abstract render(use: Use): Content;
10
- updateNow: () => void;
11
- update: import("@e280/stz").DebounceReturn<() => void>;
12
- connectedCallback(): void;
13
- disconnectedCallback(): void;
14
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../s/views/base-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AAEjC,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,UAAU,CAAA;AAE5D,MAAM,OAAgB,WAAY,SAAQ,WAAW;IACpD,MAAM,CAAC,MAAM,CAA4B;IAChC,MAAM,CAAY;IAE3B,IAAI,CAAK;IACT,OAAO,GAAG,CAAC,CAAA;IACX,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAA;IACxB,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAEzD;QACC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;QAC/C,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAClB,IAAI,EACJ,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,CACX,CAAA;IACF,CAAC;IAID,SAAS,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YACrB,GAAG,CAAC,MAAM,CACT,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CAAC,MAAM,CACnB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,IAAI,CAAC,MAAM,CACX,CACD,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAEpC,iBAAiB;QAChB,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YACxB,MAAM,MAAM,GAAI,IAAI,CAAC,WAAmB,CAAC,MAAM,CAAA;YAC/C,IAAI,MAAM;gBACT,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACjC,IAAI,CAAC,SAAS,EAAE,CAAA;QACjB,CAAC;aACI,CAAC;YACL,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QACzB,IAAI,CAAC,OAAO,EAAE,CAAA;IACf,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;CACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../s/views/css-reset.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAA;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAmB,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB1C,CAAA"}
@@ -1,36 +0,0 @@
1
- import { DirectiveResult } from "lit/directive.js";
2
- import { CSSResultGroup, TemplateResult } from "lit";
3
- import { Use } from "./use.js";
4
- export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[];
5
- export type AttrValue = string | boolean | number | undefined | null | void;
6
- export type Component<Mix extends {} = {}> = Mix & {
7
- renderNow(): void;
8
- render: () => void;
9
- } & HTMLElement;
10
- export type ComponentClass<Mix extends {}, Props extends any[]> = {
11
- view: View<Props>;
12
- new (): Component<Mix>;
13
- };
14
- export type ViewRenderFn<Props extends any[]> = (use: Use) => (...props: Props) => Content;
15
- export type BasicView<Props extends any[]> = (...props: Props) => DirectiveResult<any>;
16
- export type View<Props extends any[]> = BasicView<Props> & {
17
- props: (...props: Props) => ViewChain;
18
- component: <Mix extends {}>(init?: (component: Component<Mix>) => void) => {
19
- props: (fn: (component: Component<Mix>) => Props) => (ComponentClass<Mix, Props>);
20
- };
21
- };
22
- export type ViewSettings = ShadowRootInit & {
23
- tag?: string;
24
- name?: string;
25
- styles?: CSSResultGroup;
26
- };
27
- export type ViewChain = {
28
- children(...c: Content[]): ViewChain;
29
- attrs(a: Record<string, AttrValue>): ViewChain;
30
- attr(n: string, v: AttrValue): ViewChain;
31
- render(): DirectiveResult<any>;
32
- };
33
- export type ViewContext = {
34
- children: Content[];
35
- attrs: Record<string, AttrValue>;
36
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import { AttrValue } from "../types.js";
2
- export declare function applyAttrs(element: HTMLElement, attrs: Record<string, AttrValue>): void;
@@ -1,21 +0,0 @@
1
- export function applyAttrs(element, attrs) {
2
- for (const [key, value] of Object.entries(attrs)) {
3
- if (value === undefined)
4
- element.removeAttribute(key);
5
- else if (value === null)
6
- element.removeAttribute(key);
7
- else if (typeof value === "string")
8
- element.setAttribute(key, value);
9
- else if (typeof value === "number")
10
- element.setAttribute(key, value.toString());
11
- else if (typeof value === "boolean") {
12
- if (value === true)
13
- element.setAttribute(key, "");
14
- else
15
- element.removeAttribute(key);
16
- }
17
- else
18
- console.warn(`invalid attribute type ${key} is ${typeof value}`);
19
- }
20
- }
21
- //# sourceMappingURL=apply-attrs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"apply-attrs.js","sourceRoot":"","sources":["../../../s/views/utils/apply-attrs.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,UAAU,CACxB,OAAoB,EACpB,KAAgC;IAGjC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,IAAI,KAAK,KAAK,SAAS;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,KAAK,KAAK,IAAI;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;aAE5B,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;aAEvC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,KAAK,KAAK,IAAI;gBACjB,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;;gBAE7B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC;;YAGA,OAAO,CAAC,IAAI,CAAC,0BAA0B,GAAG,OAAO,OAAO,KAAK,EAAE,CAAC,CAAA;IAClE,CAAC;AACF,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"apply-styles.js","sourceRoot":"","sources":["../../../s/views/utils/apply-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAqC,kBAAkB,EAAC,MAAM,KAAK,CAAA;AAEtF,MAAM,UAAU,WAAW,CAAC,MAAkB,EAAE,MAAuB;IACtE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED,SAAS,aAAa,CAAC,MAAuB;IAC7C,MAAM,aAAa,GAAG,EAAE,CAAA;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAE,MAAyB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QACxE,KAAK,MAAM,CAAC,IAAI,GAAG;YAClB,aAAa,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAsB,CAAC,CAAC,CAAA;IACnE,CAAC;SACI,IAAI,MAAM,KAAK,SAAS;QAC5B,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,aAAa,CAAA;AACrB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"attr-watcher.js","sourceRoot":"","sources":["../../../s/views/utils/attr-watcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,MAAM,OAAO,WAAW;IAId;IACA;IAJT,QAAQ,CAA0B;IAElC,YACS,OAAoB,EACpB,QAAoB;QADpB,YAAO,GAAP,OAAO,CAAa;QACpB,aAAQ,GAAR,QAAQ,CAAY;IAC1B,CAAC;IAEJ,KAAK;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YACjB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI;QACH,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;QAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;IAC1B,CAAC;CACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"mounts.js","sourceRoot":"","sources":["../../../s/views/utils/mounts.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,SAAS,GAAyB,EAAE,CAAA;IACpC,WAAW,GAAmB,EAAE,CAAA;IAEhC,KAAK,CAAC,KAAuB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAC/B,CAAC;IAED,UAAU;QACT,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,WAAW;YACrC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;IACtB,CAAC;IAED,UAAU;QACT,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS;YACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAChC,CAAC;CACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"reactor.js","sourceRoot":"","sources":["../../../s/views/utils/reactor.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAEpC,MAAM,OAAO,OAAO;IACnB,IAAI,GAAG,IAAI,IAAI,EAAmB,CAAA;IAElC,gBAAe,CAAC;IAEhB,MAAM,CAAI,OAAgB,EAAE,OAA4B;QACvD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/C,KAAK,MAAM,IAAI,IAAI,IAAI;YACtB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;QAClE,OAAO,MAAM,CAAA;IACd,CAAC;IAED,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACvC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;CACD"}
package/x/views/view.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import { View, ViewRenderFn, ViewSettings, Component, ComponentClass } from "./types.js";
2
- export declare const view: {
3
- <Props extends any[]>(fn: ViewRenderFn<Props>): View<Props>;
4
- render: /*elided*/ any;
5
- settings(settings2: Partial<ViewSettings>): /*elided*/ any;
6
- component<Mix extends {}>(initFn?: (component: Component<Mix>) => void): {
7
- props: <Props extends any[]>(propsFn: (component: Component<Mix>) => Props) => {
8
- render: (fn: ViewRenderFn<Props>) => ComponentClass<Mix, Props>;
9
- };
10
- };
11
- };
12
- export declare class SlyView extends HTMLElement {
13
- }
package/x/views/view.js DELETED
@@ -1,145 +0,0 @@
1
- import { render } from "lit";
2
- import { debounce } from "@e280/stz";
3
- import { directive } from "lit/directive.js";
4
- import { AsyncDirective } from "lit/async-directive.js";
5
- import { Reactor } from "./utils/reactor.js";
6
- import { register } from "../dom/parts/register.js";
7
- import { applyAttrs } from "./utils/apply-attrs.js";
8
- import { AttrWatcher } from "./utils/attr-watcher.js";
9
- import { applyStyles } from "./utils/apply-styles.js";
10
- import { Use, _wrap, _disconnect, _reconnect } from "./use.js";
11
- export const view = setupView({ mode: "open" });
12
- export class SlyView extends HTMLElement {
13
- }
14
- register({ SlyView }, { soft: true, upgrade: true });
15
- function setupView(settings) {
16
- function view(fn) {
17
- const make = (situation) => class ViewDirective extends AsyncDirective {
18
- #element = situation.getElement();
19
- #shadow = this.#element.attachShadow(settings);
20
- #reactor = new Reactor();
21
- #renderDebounced = debounce(0, () => this.#renderNow());
22
- #params;
23
- #attrWatcher = new AttrWatcher(this.#element, () => {
24
- const is_view_responsible_for_rerendering = (!situation.isComponent);
25
- if (is_view_responsible_for_rerendering)
26
- this.#renderDebounced();
27
- });
28
- #use = new Use(this.#element, this.#shadow, () => this.#renderNow(), this.#renderDebounced);
29
- #fn = (() => {
30
- const fn2 = fn(this.#use);
31
- this.#element.setAttribute("view", settings.name ?? "");
32
- if (settings.styles)
33
- applyStyles(this.#shadow, settings.styles);
34
- return fn2;
35
- })();
36
- #renderNow() {
37
- if (!this.#params)
38
- return;
39
- if (!this.isConnected)
40
- return;
41
- const { context, props } = this.#params;
42
- this.#use[_wrap](() => {
43
- // apply html attributes
44
- applyAttrs(this.#element, context.attrs);
45
- // render the template and track reactivity
46
- const content = this.#reactor.effect(() => this.#fn(...props), this.#renderDebounced);
47
- // inject the template
48
- render(content, this.#shadow);
49
- // inject content into light dom
50
- if (!situation.isComponent)
51
- render(context.children, this.#element);
52
- });
53
- }
54
- render(context, props) {
55
- this.#params = { context, props };
56
- this.#renderNow();
57
- this.#attrWatcher.start();
58
- return situation.isComponent
59
- ? null
60
- : this.#element;
61
- }
62
- disconnected() {
63
- this.#use[_disconnect]();
64
- this.#reactor.clear();
65
- this.#attrWatcher.stop();
66
- }
67
- reconnected() {
68
- this.#use[_reconnect]();
69
- this.#attrWatcher.start();
70
- }
71
- };
72
- const d = directive(make({
73
- getElement: () => document.createElement(settings.tag ?? "sly-view"),
74
- isComponent: false,
75
- }));
76
- const freshViewContext = () => ({ attrs: {}, children: [] });
77
- function rendy(...props) {
78
- return d(freshViewContext(), props);
79
- }
80
- rendy.props = (...props) => {
81
- let ctx = freshViewContext();
82
- const chain = {
83
- children(...children) {
84
- ctx = { ...ctx, children: [...ctx.children, ...children] };
85
- return chain;
86
- },
87
- attrs(attrs) {
88
- ctx = { ...ctx, attrs: { ...ctx.attrs, ...attrs } };
89
- return chain;
90
- },
91
- attr(name, value) {
92
- ctx = { ...ctx, attrs: { ...ctx.attrs, [name]: value } };
93
- return chain;
94
- },
95
- render() {
96
- return d(ctx, props);
97
- },
98
- };
99
- return chain;
100
- };
101
- rendy.component = (init = () => { }) => ({
102
- props: (propsFn) => {
103
- return class VComponent extends HTMLElement {
104
- static view = rendy;
105
- #context = freshViewContext();
106
- #directive = directive(make({
107
- getElement: () => this,
108
- isComponent: true,
109
- }));
110
- #attrWatcher = new AttrWatcher(this, () => this.render());
111
- constructor() {
112
- super();
113
- init(this);
114
- }
115
- connectedCallback() {
116
- this.#attrWatcher.start();
117
- this.renderNow();
118
- }
119
- disconnectedCallback() {
120
- this.#attrWatcher.stop();
121
- this.#reactor.clear();
122
- }
123
- #reactor = new Reactor();
124
- render = debounce(0, () => this.renderNow());
125
- renderNow() {
126
- if (this.isConnected) {
127
- const props = this.#reactor.effect(() => propsFn(this), this.render);
128
- render(this.#directive(this.#context, props), this);
129
- }
130
- }
131
- };
132
- },
133
- });
134
- return rendy;
135
- }
136
- view.render = view;
137
- view.settings = (settings2) => setupView({ ...settings, ...settings2 });
138
- view.component = (initFn) => ({
139
- props: (propsFn) => ({
140
- render: (fn) => view(fn).component(initFn).props(propsFn),
141
- }),
142
- });
143
- return view;
144
- }
145
- //# sourceMappingURL=view.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../s/views/view.ts"],"names":[],"mappings":"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"}
File without changes