@e280/sly 0.2.0-7 → 0.2.0-9

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 (91) hide show
  1. package/README.md +87 -24
  2. package/package.json +1 -1
  3. package/s/demo/demo.bundle.ts +13 -1
  4. package/s/demo/views/counter.ts +13 -5
  5. package/s/demo/views/demo.ts +10 -0
  6. package/s/demo/views/divine.ts +22 -0
  7. package/s/demo/views/incredi.ts +2 -1
  8. package/s/dom/attrs/attrs.ts +21 -0
  9. package/s/dom/attrs/parts/attr-fns.ts +38 -0
  10. package/s/dom/attrs/parts/attr-proxies.ts +35 -0
  11. package/s/dom/attrs/parts/attr-spec.ts +29 -0
  12. package/s/dom/attrs/parts/on-attrs.ts +8 -0
  13. package/s/dom/dom.ts +6 -5
  14. package/s/dom/{register.ts → parts/register.ts} +2 -10
  15. package/s/dom/types.ts +45 -0
  16. package/s/index.html.ts +2 -1
  17. package/s/index.ts +1 -4
  18. package/s/views/base-element.ts +15 -31
  19. package/s/views/types.ts +15 -6
  20. package/s/views/use.ts +10 -11
  21. package/s/views/utils/attr-watcher.ts +22 -0
  22. package/s/views/utils/reactor.ts +23 -0
  23. package/s/views/view.ts +73 -38
  24. package/x/demo/demo.bundle.js +11 -1
  25. package/x/demo/demo.bundle.js.map +1 -1
  26. package/x/demo/demo.bundle.min.js +19 -15
  27. package/x/demo/demo.bundle.min.js.map +4 -4
  28. package/x/demo/views/counter.d.ts +7 -1
  29. package/x/demo/views/counter.js +11 -5
  30. package/x/demo/views/counter.js.map +1 -1
  31. package/x/demo/views/demo.js +8 -0
  32. package/x/demo/views/demo.js.map +1 -1
  33. package/x/demo/views/divine.d.ts +8 -0
  34. package/x/demo/views/divine.js +19 -0
  35. package/x/demo/views/divine.js.map +1 -0
  36. package/x/demo/views/incredi.js +1 -1
  37. package/x/demo/views/incredi.js.map +1 -1
  38. package/x/dom/attrs/attrs.d.ts +20 -0
  39. package/x/dom/attrs/attrs.js +17 -0
  40. package/x/dom/attrs/attrs.js.map +1 -0
  41. package/x/dom/attrs/parts/attr-fns.d.ts +13 -0
  42. package/x/dom/attrs/parts/attr-fns.js +42 -0
  43. package/x/dom/attrs/parts/attr-fns.js.map +1 -0
  44. package/x/dom/attrs/parts/attr-proxies.d.ts +8 -0
  45. package/x/dom/attrs/parts/attr-proxies.js +21 -0
  46. package/x/dom/attrs/parts/attr-proxies.js.map +1 -0
  47. package/x/dom/attrs/parts/attr-spec.d.ts +3 -0
  48. package/x/dom/attrs/parts/attr-spec.js +21 -0
  49. package/x/dom/attrs/parts/attr-spec.js.map +1 -0
  50. package/x/dom/attrs/parts/on-attrs.d.ts +2 -0
  51. package/x/dom/attrs/parts/on-attrs.js +7 -0
  52. package/x/dom/attrs/parts/on-attrs.js.map +1 -0
  53. package/x/dom/dom.d.ts +10 -4
  54. package/x/dom/dom.js +5 -5
  55. package/x/dom/dom.js.map +1 -1
  56. package/x/dom/parts/dashify.js.map +1 -0
  57. package/x/dom/{register.d.ts → parts/register.d.ts} +2 -10
  58. package/x/dom/parts/register.js.map +1 -0
  59. package/x/dom/{attributes.d.ts → types.d.ts} +11 -2
  60. package/x/dom/types.js +2 -0
  61. package/x/dom/types.js.map +1 -0
  62. package/x/index.d.ts +1 -4
  63. package/x/index.html +4 -3
  64. package/x/index.html.js +2 -1
  65. package/x/index.html.js.map +1 -1
  66. package/x/index.js +1 -4
  67. package/x/index.js.map +1 -1
  68. package/x/views/base-element.js +9 -27
  69. package/x/views/base-element.js.map +1 -1
  70. package/x/views/types.d.ts +11 -6
  71. package/x/views/use.d.ts +2 -2
  72. package/x/views/use.js +2 -5
  73. package/x/views/use.js.map +1 -1
  74. package/x/views/utils/attr-watcher.d.ts +8 -0
  75. package/x/views/utils/attr-watcher.js +20 -0
  76. package/x/views/utils/attr-watcher.js.map +1 -0
  77. package/x/views/utils/reactor.d.ts +6 -0
  78. package/x/views/utils/reactor.js +18 -0
  79. package/x/views/utils/reactor.js.map +1 -0
  80. package/x/views/view.d.ts +8 -4
  81. package/x/views/view.js +59 -30
  82. package/x/views/view.js.map +1 -1
  83. package/s/dom/attributes.ts +0 -89
  84. package/x/dom/attributes.js +0 -46
  85. package/x/dom/attributes.js.map +0 -1
  86. package/x/dom/dashify.js.map +0 -1
  87. package/x/dom/register.js.map +0 -1
  88. /package/s/dom/{dashify.ts → parts/dashify.ts} +0 -0
  89. /package/x/dom/{dashify.d.ts → parts/dashify.d.ts} +0 -0
  90. /package/x/dom/{dashify.js → parts/dashify.js} +0 -0
  91. /package/x/dom/{register.js → parts/register.js} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../s/views/base-element.ts"],"names":[],"mappings":"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"}
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,18 +1,23 @@
1
- import { Constructor } from "@e280/stz";
2
1
  import { DirectiveResult } from "lit/directive.js";
3
2
  import { CSSResultGroup, TemplateResult } from "lit";
4
3
  import { Use } from "./use.js";
5
4
  export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[];
6
5
  export type AttrValue = string | boolean | number | undefined | null | void;
7
- export type Component<Props extends any[] = []> = {
8
- render(...props: Props): void;
6
+ export type Component<Mix extends {} = {}> = Mix & {
7
+ renderNow(): void;
8
+ render: () => void;
9
9
  } & HTMLElement;
10
- export type ComponentFn = (use: Use) => Content;
11
- export type ViewFn<Props extends any[]> = (use: Use) => (...props: Props) => Content;
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;
12
15
  export type BasicView<Props extends any[]> = (...props: Props) => DirectiveResult<any>;
13
16
  export type View<Props extends any[]> = BasicView<Props> & {
14
17
  props: (...props: Props) => ViewChain;
15
- component: (...props: Props) => Constructor<Component>;
18
+ component: <Mix extends {}>(init?: (component: Component<Mix>) => void) => {
19
+ props: (fn: (component: Component<Mix>) => Props) => (ComponentClass<Mix, Props>);
20
+ };
16
21
  };
17
22
  export type ViewSettings = ShadowRootInit & {
18
23
  tag?: string;
package/x/views/use.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CSSResultGroup } from "lit";
2
2
  import { SignalOptions } from "@e280/strata/signals";
3
3
  import { Op } from "../ops/op.js";
4
- import { AttrSpec } from "../dom/attributes.js";
4
+ import { Attrs } from "../dom/types.js";
5
5
  export declare const _wrap: unique symbol;
6
6
  export declare const _disconnect: unique symbol;
7
7
  export declare const _reconnect: unique symbol;
@@ -11,6 +11,7 @@ export declare class Use {
11
11
  shadow: ShadowRoot;
12
12
  renderNow: () => void;
13
13
  render: () => Promise<void>;
14
+ attrs: Attrs;
14
15
  [_wrap]<R>(fn: () => R): R;
15
16
  [_disconnect](): void;
16
17
  [_reconnect](): void;
@@ -21,7 +22,6 @@ export declare class Use {
21
22
  styles(...styles: CSSResultGroup[]): void;
22
23
  /** alias for 'styles' */
23
24
  css(...styles: CSSResultGroup[]): void;
24
- attrs<A extends AttrSpec>(spec: A): import("../dom/attributes.js").AttrTypes<A>;
25
25
  once<V>(fn: () => V): V;
26
26
  mount(fn: () => () => void): void;
27
27
  life<V>(fn: () => [result: V, dispose: () => void]): V;
package/x/views/use.js CHANGED
@@ -4,7 +4,6 @@ import { Op } from "../ops/op.js";
4
4
  import { dom } from "../dom/dom.js";
5
5
  import { Mounts } from "./utils/mounts.js";
6
6
  import { applyStyles } from "./utils/apply-styles.js";
7
- import { onAttrChange } from "../dom/attributes.js";
8
7
  export const _wrap = Symbol();
9
8
  export const _disconnect = Symbol();
10
9
  export const _reconnect = Symbol();
@@ -13,6 +12,7 @@ export class Use {
13
12
  shadow;
14
13
  renderNow;
15
14
  render;
15
+ attrs;
16
16
  #runs = 0;
17
17
  #position = 0;
18
18
  #values = new MapG();
@@ -39,6 +39,7 @@ export class Use {
39
39
  this.shadow = shadow;
40
40
  this.renderNow = renderNow;
41
41
  this.render = render;
42
+ this.attrs = dom.attrs(this.element);
42
43
  }
43
44
  get renderCount() {
44
45
  return this.#runs;
@@ -56,10 +57,6 @@ export class Use {
56
57
  css(...styles) {
57
58
  return this.styles(...styles);
58
59
  }
59
- attrs(spec) {
60
- this.mount(() => onAttrChange(this.element, this.render));
61
- return this.once(() => dom.attrs(this.element, spec));
62
- }
63
60
  once(fn) {
64
61
  return this.#values.guarantee(this.#position++, fn);
65
62
  }
@@ -1 +1 @@
1
- {"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/views/use.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ export declare class AttrWatcher {
2
+ #private;
3
+ private element;
4
+ private response;
5
+ constructor(element: HTMLElement, response: () => void);
6
+ start(): void;
7
+ stop(): void;
8
+ }
@@ -0,0 +1,20 @@
1
+ import { dom } from "../../dom/dom.js";
2
+ export class AttrWatcher {
3
+ element;
4
+ response;
5
+ #stopper;
6
+ constructor(element, response) {
7
+ this.element = element;
8
+ this.response = response;
9
+ }
10
+ start() {
11
+ if (!this.#stopper)
12
+ this.#stopper = dom.attrs(this.element).on(this.response);
13
+ }
14
+ stop() {
15
+ if (this.#stopper)
16
+ this.#stopper();
17
+ this.#stopper = undefined;
18
+ }
19
+ }
20
+ //# sourceMappingURL=attr-watcher.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,6 @@
1
+ export declare class Reactor {
2
+ #private;
3
+ constructor();
4
+ effect<R>(collect: () => R, respond: () => Promise<void>): R;
5
+ clear(): void;
6
+ }
@@ -0,0 +1,18 @@
1
+ import { MapG } from "@e280/stz";
2
+ import { tracker } from "@e280/strata";
3
+ export class Reactor {
4
+ #map = new MapG();
5
+ constructor() { }
6
+ effect(collect, respond) {
7
+ const { seen, result } = tracker.observe(collect);
8
+ for (const item of seen)
9
+ this.#map.guarantee(item, () => tracker.subscribe(item, respond));
10
+ return result;
11
+ }
12
+ clear() {
13
+ for (const dispose of this.#map.values())
14
+ dispose();
15
+ this.#map.clear();
16
+ }
17
+ }
18
+ //# sourceMappingURL=reactor.js.map
@@ -0,0 +1 @@
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 CHANGED
@@ -1,9 +1,13 @@
1
- import { ComponentFn, View, ViewFn, ViewSettings } from "./types.js";
1
+ import { View, ViewRenderFn, ViewSettings, Component, ComponentClass } from "./types.js";
2
2
  export declare const view: {
3
- <Props extends any[]>(fn: ViewFn<Props>): View<Props>;
4
- declare: /*elided*/ any;
3
+ <Props extends any[]>(fn: ViewRenderFn<Props>): View<Props>;
4
+ render: /*elided*/ any;
5
5
  settings(settings2: Partial<ViewSettings>): /*elided*/ any;
6
- component(fn: ComponentFn): import("@e280/stz").Constructor<import("./types.js").Component<[]>>;
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
+ };
7
11
  };
8
12
  export declare class SlyView extends HTMLElement {
9
13
  }
package/x/views/view.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import { render } from "lit";
2
- import { debounce, MapG } from "@e280/stz";
2
+ import { debounce } from "@e280/stz";
3
3
  import { directive } from "lit/directive.js";
4
- import { tracker } from "@e280/strata/tracker";
5
4
  import { AsyncDirective } from "lit/async-directive.js";
6
- import { register } from "../dom/register.js";
5
+ import { Reactor } from "./utils/reactor.js";
6
+ import { register } from "../dom/parts/register.js";
7
7
  import { applyAttrs } from "./utils/apply-attrs.js";
8
+ import { AttrWatcher } from "./utils/attr-watcher.js";
8
9
  import { applyStyles } from "./utils/apply-styles.js";
9
10
  import { Use, _wrap, _disconnect, _reconnect } from "./use.js";
10
11
  export const view = setupView({ mode: "open" });
@@ -16,9 +17,14 @@ function setupView(settings) {
16
17
  const make = (situation) => class ViewDirective extends AsyncDirective {
17
18
  #element = situation.getElement();
18
19
  #shadow = this.#element.attachShadow(settings);
20
+ #reactor = new Reactor();
19
21
  #renderDebounced = debounce(0, () => this.#renderNow());
20
- #tracking = new MapG;
21
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
+ });
22
28
  #use = new Use(this.#element, this.#shadow, () => this.#renderNow(), this.#renderDebounced);
23
29
  #fn = (() => {
24
30
  const fn2 = fn(this.#use);
@@ -36,13 +42,10 @@ function setupView(settings) {
36
42
  this.#use[_wrap](() => {
37
43
  // apply html attributes
38
44
  applyAttrs(this.#element, context.attrs);
39
- // render the template, tracking strata items
40
- const { result, seen } = tracker.observe(() => this.#fn(...props));
45
+ // render the template and track reactivity
46
+ const content = this.#reactor.effect(() => this.#fn(...props), this.#renderDebounced);
41
47
  // inject the template
42
- render(result, this.#shadow);
43
- // reacting to changes
44
- for (const item of seen)
45
- this.#tracking.guarantee(item, () => tracker.subscribe(item, async () => this.#renderDebounced()));
48
+ render(content, this.#shadow);
46
49
  // inject content into light dom
47
50
  if (!situation.isComponent)
48
51
  render(context.children, this.#element);
@@ -51,16 +54,19 @@ function setupView(settings) {
51
54
  render(context, props) {
52
55
  this.#params = { context, props };
53
56
  this.#renderNow();
54
- return situation.isComponent ? null : this.#element;
57
+ this.#attrWatcher.start();
58
+ return situation.isComponent
59
+ ? null
60
+ : this.#element;
55
61
  }
56
62
  disconnected() {
57
63
  this.#use[_disconnect]();
58
- for (const untrack of this.#tracking.values())
59
- untrack();
60
- this.#tracking.clear();
64
+ this.#reactor.clear();
65
+ this.#attrWatcher.stop();
61
66
  }
62
67
  reconnected() {
63
68
  this.#use[_reconnect]();
69
+ this.#attrWatcher.start();
64
70
  }
65
71
  };
66
72
  const d = directive(make({
@@ -92,25 +98,48 @@ function setupView(settings) {
92
98
  };
93
99
  return chain;
94
100
  };
95
- rendy.component = (...props) => class extends HTMLElement {
96
- #directive = directive(make({
97
- getElement: () => this,
98
- isComponent: true,
99
- }));
100
- constructor() {
101
- super();
102
- this.render(...props);
103
- }
104
- render(...props) {
105
- if (this.isConnected)
106
- render(this.#directive(freshViewContext(), props), this);
107
- }
108
- };
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
+ });
109
134
  return rendy;
110
135
  }
111
- view.declare = view;
136
+ view.render = view;
112
137
  view.settings = (settings2) => setupView({ ...settings, ...settings2 });
113
- view.component = (fn) => view(use => () => fn(use)).component();
138
+ view.component = (initFn) => ({
139
+ props: (propsFn) => ({
140
+ render: (fn) => view(fn).component(initFn).props(propsFn),
141
+ }),
142
+ });
114
143
  return view;
115
144
  }
116
145
  //# sourceMappingURL=view.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../s/views/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;AAG5D,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;AAC7C,MAAM,OAAO,OAAQ,SAAQ,WAAW;CAAG;AAC3C,QAAQ,CAAC,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAA;AAEhD,SAAS,SAAS,CAAC,QAAsB;IACxC,SAAS,IAAI,CAAsB,EAAiB;QAMnD,MAAM,IAAI,GAAG,CAAC,SAAoB,EAAE,EAAE,CAAC,MAAM,aAAc,SAAQ,cAAc;YAChF,QAAQ,GAAG,SAAS,CAAC,UAAU,EAAE,CAAA;YACjC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;YAC9C,gBAAgB,GAAG,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAA;YACvD,SAAS,GAAG,IAAI,IAAqB,CAAA;YACrC,OAAO,CAAuC;YAE9C,IAAI,GAAG,IAAI,GAAG,CACb,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,OAAO,EACZ,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EACvB,IAAI,CAAC,gBAAgB,CACrB,CAAA;YAED,GAAG,GAAG,CAAC,GAAG,EAAE;gBACX,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACzB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;gBACvD,IAAI,QAAQ,CAAC,MAAM;oBAAE,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;gBAC/D,OAAO,GAAG,CAAA;YACX,CAAC,CAAC,EAAE,CAAA;YAEJ,UAAU;gBACT,IAAI,CAAC,IAAI,CAAC,OAAO;oBAAE,OAAM;gBACzB,IAAI,CAAC,IAAI,CAAC,WAAW;oBAAE,OAAM;gBAC7B,MAAM,EAAC,OAAO,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,OAAO,CAAA;gBAErC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;oBACrB,wBAAwB;oBACxB,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;oBAExC,6CAA6C;oBAC7C,MAAM,EAAC,MAAM,EAAE,IAAI,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;oBAEhE,sBAAsB;oBACtB,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;oBAE5B,sBAAsB;oBACtB,KAAK,MAAM,IAAI,IAAI,IAAI;wBACtB,IAAI,CAAC,SAAS,CAAC,SAAS,CACvB,IAAI,EACJ,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,IAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CACjE,CAAA;oBAEF,gCAAgC;oBAChC,IAAI,CAAC,SAAS,CAAC,WAAW;wBACzB,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;gBACzC,CAAC,CAAC,CAAA;YACH,CAAC;YAED,MAAM,CAAC,OAAoB,EAAE,KAAY;gBACxC,IAAI,CAAC,OAAO,GAAG,EAAC,OAAO,EAAE,KAAK,EAAC,CAAA;gBAC/B,IAAI,CAAC,UAAU,EAAE,CAAA;gBACjB,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAA;YACpD,CAAC;YAED,YAAY;gBACX,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAA;gBACxB,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;oBAC5C,OAAO,EAAE,CAAA;gBACV,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;YACvB,CAAC;YAED,WAAW;gBACV,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;YACxB,CAAC;SACD,CAAA;QAED,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC;YACxB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,UAAU,CAAC;YACpE,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC,CAAA;QAEH,MAAM,gBAAgB,GAAG,GAAgB,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAC,CAAC,CAAA;QAEvE,SAAS,KAAK,CAAC,GAAG,KAAY;YAC7B,OAAO,CAAC,CAAC,gBAAgB,EAAE,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,KAAY,EAAE,EAAE;YACjC,IAAI,GAAG,GAAG,gBAAgB,EAAE,CAAA;YAC5B,MAAM,KAAK,GAAG;gBACb,QAAQ,CAAC,GAAG,QAAmB;oBAC9B,GAAG,GAAG,EAAC,GAAG,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,QAAQ,CAAC,EAAC,CAAA;oBACxD,OAAO,KAAK,CAAA;gBACb,CAAC;gBACD,KAAK,CAAC,KAAgC;oBACrC,GAAG,GAAG,EAAC,GAAG,GAAG,EAAE,KAAK,EAAE,EAAC,GAAG,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAC,CAAA;oBAC/C,OAAO,KAAK,CAAA;gBACb,CAAC;gBACD,IAAI,CAAC,IAAY,EAAE,KAAgB;oBAClC,GAAG,GAAG,EAAC,GAAG,GAAG,EAAE,KAAK,EAAE,EAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,EAAC,CAAA;oBACpD,OAAO,KAAK,CAAA;gBACb,CAAC;gBACD,MAAM;oBACL,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;gBACrB,CAAC;aACD,CAAA;YACD,OAAO,KAAK,CAAA;QACb,CAAC,CAAA;QAED,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,KAAY,EAAE,EAAE,CAAC,KAAM,SAAQ,WAAW;YAC/D,UAAU,GAAG,SAAS,CACrB,IAAI,CAAC;gBACJ,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI;gBACtB,WAAW,EAAE,IAAI;aACjB,CAAC,CACF,CAAA;YACD;gBACC,KAAK,EAAE,CAAA;gBACP,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAA;YACtB,CAAC;YACD,MAAM,CAAC,GAAG,KAAY;gBACrB,IAAI,IAAI,CAAC,WAAW;oBACnB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;YAC1D,CAAC;SACD,CAAA;QAED,OAAO,KAAK,CAAA;IACb,CAAC;IAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAgC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAC,CAAC,CAAA;IAC5F,IAAI,CAAC,SAAS,GAAG,CAAC,EAAe,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,CAAA;IAC5E,OAAO,IAAI,CAAA;AACZ,CAAC"}
1
+ {"version":3,"file":"view.js","sourceRoot":"","sources":["../../s/views/view.ts"],"names":[],"mappings":"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"}
@@ -1,89 +0,0 @@
1
-
2
- export type AttrKind = (
3
- | typeof String
4
- | typeof Number
5
- | typeof Boolean
6
- )
7
-
8
- export type AttrType<H extends AttrKind> = (
9
- H extends typeof String
10
- ? string | undefined
11
-
12
- : H extends typeof Number
13
- ? number | undefined
14
-
15
- : H extends typeof Boolean
16
- ? boolean
17
-
18
- : never
19
- )
20
-
21
- export type AttrSpec = {
22
- [key: string]: AttrKind
23
- }
24
-
25
- export type AttrTypes<A extends AttrSpec> = {
26
- [P in keyof A]: AttrType<A[P]>
27
- }
28
-
29
- export function onAttrChange(element: HTMLElement, fn: () => void) {
30
- const observer = new MutationObserver(fn)
31
- observer.observe(element, {attributes: true})
32
- return () => observer.disconnect()
33
- }
34
-
35
- export const attributes = <A extends AttrSpec>(
36
- element: HTMLElement,
37
- spec: A,
38
- ) => new Proxy(spec, {
39
-
40
- get: (_target, name: string) => {
41
- const type = spec[name]
42
- const raw = element.getAttribute(name)
43
-
44
- switch (type) {
45
- case String:
46
- return raw ?? undefined
47
-
48
- case Number:
49
- return raw !== null
50
- ? Number(raw)
51
- : undefined
52
-
53
- case Boolean:
54
- return raw !== null
55
-
56
- default:
57
- throw new Error(`invalid attribute type for "${name}"`)
58
- }
59
- },
60
-
61
- set: (_target, name: string, value: any) => {
62
- const type = spec[name]
63
-
64
- switch (type) {
65
- case String: {
66
- element.setAttribute(name, value)
67
- return true
68
- }
69
-
70
- case Number: {
71
- element.setAttribute(name, value.toString())
72
- return true
73
- }
74
-
75
- case Boolean: {
76
- if (value)
77
- element.setAttribute(name, "")
78
- else
79
- element.removeAttribute(name)
80
- return true
81
- }
82
-
83
- default:
84
- throw new Error(`invalid attribute type for "${name}"`)
85
- }
86
- },
87
-
88
- }) as any as AttrTypes<A>
89
-
@@ -1,46 +0,0 @@
1
- export function onAttrChange(element, fn) {
2
- const observer = new MutationObserver(fn);
3
- observer.observe(element, { attributes: true });
4
- return () => observer.disconnect();
5
- }
6
- export const attributes = (element, spec) => new Proxy(spec, {
7
- get: (_target, name) => {
8
- const type = spec[name];
9
- const raw = element.getAttribute(name);
10
- switch (type) {
11
- case String:
12
- return raw ?? undefined;
13
- case Number:
14
- return raw !== null
15
- ? Number(raw)
16
- : undefined;
17
- case Boolean:
18
- return raw !== null;
19
- default:
20
- throw new Error(`invalid attribute type for "${name}"`);
21
- }
22
- },
23
- set: (_target, name, value) => {
24
- const type = spec[name];
25
- switch (type) {
26
- case String: {
27
- element.setAttribute(name, value);
28
- return true;
29
- }
30
- case Number: {
31
- element.setAttribute(name, value.toString());
32
- return true;
33
- }
34
- case Boolean: {
35
- if (value)
36
- element.setAttribute(name, "");
37
- else
38
- element.removeAttribute(name);
39
- return true;
40
- }
41
- default:
42
- throw new Error(`invalid attribute type for "${name}"`);
43
- }
44
- },
45
- });
46
- //# sourceMappingURL=attributes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../s/dom/attributes.ts"],"names":[],"mappings":"AA4BA,MAAM,UAAU,YAAY,CAAC,OAAoB,EAAE,EAAc;IAChE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAA;IAC7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAAoB,EACpB,IAAO,EACN,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE;IAErB,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QACvB,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAEtC,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM;gBACV,OAAO,GAAG,IAAI,SAAS,CAAA;YAExB,KAAK,MAAM;gBACV,OAAO,GAAG,KAAK,IAAI;oBAClB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;oBACb,CAAC,CAAC,SAAS,CAAA;YAEb,KAAK,OAAO;gBACX,OAAO,GAAG,KAAK,IAAI,CAAA;YAEpB;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;IAED,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,KAAU,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QAEvB,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBACjC,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBAC5C,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,OAAO,CAAC,CAAC,CAAC;gBACd,IAAI,KAAK;oBACR,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;;oBAE9B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBAC9B,OAAO,IAAI,CAAA;YACZ,CAAC;YAED;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;CAED,CAAwB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"dashify.js","sourceRoot":"","sources":["../../s/dom/dashify.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AAClE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"register.js","sourceRoot":"","sources":["../../s/dom/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAWpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAwC,EAAE;IAG3C,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}
File without changes
File without changes
File without changes
File without changes