@oscarpalmer/abydon 0.11.0 → 0.13.0

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 (57) hide show
  1. package/dist/abydon.full.js +1247 -0
  2. package/dist/fragment.js +60 -0
  3. package/dist/helpers/dom.js +28 -0
  4. package/dist/helpers/index.js +11 -0
  5. package/dist/index.js +6 -885
  6. package/dist/node/attribute/index.js +34 -0
  7. package/dist/node/attribute/value.js +58 -0
  8. package/dist/node/event.js +32 -0
  9. package/dist/node/index.js +52 -0
  10. package/dist/node/value.js +93 -0
  11. package/dist/parse.js +21 -0
  12. package/package.json +41 -28
  13. package/src/fragment.ts +36 -15
  14. package/src/helpers/dom.ts +10 -10
  15. package/src/helpers/index.ts +0 -9
  16. package/src/index.ts +11 -1
  17. package/src/models.ts +7 -4
  18. package/src/node/attribute/index.ts +26 -7
  19. package/src/node/attribute/value.ts +31 -20
  20. package/src/node/event.ts +9 -9
  21. package/src/node/index.ts +22 -9
  22. package/src/node/value.ts +38 -37
  23. package/src/{html.ts → parse.ts} +5 -14
  24. package/types/fragment.d.cts +27 -0
  25. package/types/fragment.d.ts +1 -2
  26. package/types/helpers/dom.d.cts +7 -0
  27. package/types/helpers/dom.d.ts +3 -4
  28. package/types/helpers/index.d.cts +29 -0
  29. package/types/helpers/index.d.ts +0 -3
  30. package/types/index.d.cts +279 -4
  31. package/types/index.d.ts +4 -1
  32. package/types/models.d.cts +107 -0
  33. package/types/models.d.ts +8 -3
  34. package/types/node/attribute/index.d.cts +109 -0
  35. package/types/node/attribute/index.d.ts +3 -2
  36. package/types/node/attribute/value.d.cts +109 -0
  37. package/types/node/attribute/value.d.ts +3 -2
  38. package/types/node/event.d.cts +7 -0
  39. package/types/node/event.d.ts +3 -3
  40. package/types/node/index.d.cts +108 -0
  41. package/types/node/index.d.ts +2 -2
  42. package/types/node/value.d.cts +108 -0
  43. package/types/node/value.d.ts +2 -2
  44. package/types/parse.d.cts +108 -0
  45. package/types/parse.d.ts +2 -0
  46. package/dist/fragment.mjs +0 -58
  47. package/dist/helpers/dom.mjs +0 -44
  48. package/dist/helpers/index.mjs +0 -25
  49. package/dist/html.mjs +0 -36
  50. package/dist/index.mjs +0 -5
  51. package/dist/node/attribute/index.mjs +0 -35
  52. package/dist/node/attribute/value.mjs +0 -89
  53. package/dist/node/event.mjs +0 -39
  54. package/dist/node/index.mjs +0 -55
  55. package/dist/node/value.mjs +0 -123
  56. package/types/html.d.ts +0 -4
  57. /package/dist/{models.mjs → models.js} +0 -0
@@ -1,55 +0,0 @@
1
- // src/node/index.ts
2
- import {computed, isReactive} from "@oscarpalmer/sentinel";
3
- import {isFragment, isProperElement} from "../helpers";
4
- import {createNodes} from "../helpers/dom";
5
- import {mapAttributes} from "./attribute";
6
- import {setReactiveNode} from "./value";
7
- function mapNode(data, comment) {
8
- const matches = commentExpression.exec(comment.textContent ?? "");
9
- const value2 = matches == null ? null : data.values[+matches[1]];
10
- if (value2 != null) {
11
- mapValue(data, comment, value2);
12
- }
13
- }
14
- function mapNodes(data, nodes) {
15
- const { length } = nodes;
16
- for (let index = 0;index < length; index += 1) {
17
- const node = nodes[index];
18
- if (node instanceof Comment) {
19
- mapNode(data, node);
20
- continue;
21
- }
22
- if (isProperElement(node)) {
23
- mapAttributes(data, node);
24
- }
25
- if (node.hasChildNodes()) {
26
- mapNodes(data, [...node.childNodes]);
27
- }
28
- }
29
- }
30
- function mapValue(data, comment, value2) {
31
- switch (true) {
32
- case typeof value2 === "function":
33
- setReactiveNode(data, comment, computed(value2));
34
- break;
35
- case isReactive(value2):
36
- setReactiveNode(data, comment, value2);
37
- break;
38
- default:
39
- replaceComment(data, comment, value2);
40
- break;
41
- }
42
- }
43
- function replaceComment(data, comment, value2) {
44
- const item = data.items.find((item2) => item2.nodes.includes(comment));
45
- const nodes = createNodes(value2);
46
- if (item != null) {
47
- item.fragments = isFragment(value2) ? [value2] : undefined;
48
- item.nodes = nodes;
49
- }
50
- comment.replaceWith(...nodes);
51
- }
52
- var commentExpression = /^abydon\.(\d+)$/;
53
- export {
54
- mapNodes
55
- };
@@ -1,123 +0,0 @@
1
- // src/node/value.ts
2
- import {isNullableOrWhitespace} from "@oscarpalmer/atoms/is";
3
- import {getString} from "@oscarpalmer/atoms/string";
4
- import {effect} from "@oscarpalmer/sentinel";
5
- import {compareArrays, isFragment, isProperNode} from "../helpers";
6
- import {createNodes, replaceNodes} from "../helpers/dom";
7
- function removeFragments(fragments) {
8
- if (fragments != null) {
9
- const { length } = fragments;
10
- for (let index = 0;index < length; index += 1) {
11
- fragments[index].remove();
12
- }
13
- }
14
- }
15
- function setArray(fragments, nodes, comment, text, value) {
16
- if (value.length === 0) {
17
- return {
18
- nodes: setText(fragments, nodes, comment, text, value)
19
- };
20
- }
21
- let templates = value.filter((item) => isFragment(item) && item.identifier != null);
22
- const identifiers = templates.map((fragment) => fragment.identifier);
23
- const oldIdentifiers = fragments?.map((fragment) => fragment.identifier) ?? [];
24
- if (new Set(identifiers).size !== templates.length) {
25
- templates = [];
26
- }
27
- const noTemplates = templates.length === 0;
28
- if (noTemplates || nodes == null || oldIdentifiers.some((identifier) => identifier == null)) {
29
- return {
30
- fragments: noTemplates ? undefined : templates,
31
- nodes: setNodes(fragments, nodes, comment, text, noTemplates ? value.flatMap((item) => createNodes(item)) : templates.flatMap((template) => template.get()))
32
- };
33
- }
34
- const next = templates.map((template) => fragments?.find((fragment) => fragment.identifier === template.identifier) ?? template);
35
- const comparison = compareArrays(fragments ?? [], templates);
36
- if (comparison !== "removed") {
37
- let position = nodes[0];
38
- const before = comparison === "added" && !oldIdentifiers.includes(templates[0].identifier);
39
- const items = next.flatMap((fragment) => fragment.get().flatMap((node) => ({
40
- identifier: fragment.identifier,
41
- value: node
42
- })));
43
- const { length: length2 } = items;
44
- for (let index = 0;index < length2; index += 1) {
45
- const item = items[index];
46
- if (comparison === "dissimilar" || !oldIdentifiers.includes(item.identifier)) {
47
- if (index === 0 && before) {
48
- position.before(item.value);
49
- } else {
50
- position.after(item.value);
51
- }
52
- }
53
- position = item.value;
54
- }
55
- }
56
- const toRemove = fragments?.filter((fragment) => !identifiers.includes(fragment.identifier)) ?? [];
57
- const { length } = toRemove;
58
- for (let index = 0;index < length; index += 1) {
59
- toRemove[index].remove();
60
- }
61
- return {
62
- fragments: next,
63
- nodes: next.flatMap((fragment) => fragment.get())
64
- };
65
- }
66
- function setNodes(fragments, nodes, comment, text, next) {
67
- if (nodes == null) {
68
- if (comment.parentNode != null) {
69
- replaceNodes([comment], next);
70
- } else if (text.parentNode != null) {
71
- replaceNodes([text], next);
72
- }
73
- } else {
74
- replaceNodes(nodes, next);
75
- }
76
- removeFragments(fragments);
77
- return next;
78
- }
79
- function setReactiveNode(data, comment, reactive) {
80
- const item = data.items.find((item2) => item2.nodes.includes(comment));
81
- const text = new Text;
82
- let fragments;
83
- let nodes;
84
- effect(() => {
85
- const value = reactive.get();
86
- if (Array.isArray(value)) {
87
- const result = setArray(fragments, nodes, comment, text, value);
88
- fragments = typeof result === "boolean" ? undefined : result?.fragments;
89
- nodes = typeof result === "boolean" ? result ? [text] : undefined : result?.nodes;
90
- } else {
91
- const valueIsFragment = isFragment(value);
92
- fragments = valueIsFragment ? [value] : undefined;
93
- if (valueIsFragment || isProperNode(value)) {
94
- nodes = setNodes(fragments, nodes, comment, text, createNodes(value));
95
- } else {
96
- nodes = setText(fragments, nodes, comment, text, value);
97
- }
98
- }
99
- if (item != null) {
100
- item.fragments = fragments;
101
- item.nodes = [...nodes ?? [comment]];
102
- }
103
- });
104
- }
105
- function setText(fragments, nodes, comment, text, value) {
106
- const isNullable = isNullableOrWhitespace(value);
107
- text.textContent = isNullable ? "" : getString(value);
108
- let result = false;
109
- if (nodes != null) {
110
- replaceNodes(nodes, [isNullable ? comment : text]);
111
- result = !isNullable;
112
- } else if (isNullable && comment.parentNode == null) {
113
- text.replaceWith(comment);
114
- } else if (!isNullable && text.parentNode == null) {
115
- comment.replaceWith(text);
116
- result = true;
117
- }
118
- removeFragments(fragments);
119
- return result ? [text] : undefined;
120
- }
121
- export {
122
- setReactiveNode
123
- };
package/types/html.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { Fragment } from './fragment';
2
- import type { FragmentData } from './models';
3
- export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Fragment;
4
- export declare function parse(data: FragmentData): string;
File without changes