@matthewp/zebra 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/html.d.ts +8 -0
- package/dist/html.d.ts.map +1 -0
- package/dist/html.js +43 -0
- package/dist/html.js.map +1 -0
- package/dist/list.d.ts +5 -3
- package/dist/list.d.ts.map +1 -1
- package/dist/list.js +47 -13
- package/dist/list.js.map +1 -1
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/view.d.ts +7 -6
- package/dist/view.d.ts.map +1 -1
- package/dist/view.js +10 -4
- package/dist/view.js.map +1 -1
- package/package.json +8 -2
package/dist/html.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare class SafeHTML {
|
|
2
|
+
#private;
|
|
3
|
+
constructor(value: string);
|
|
4
|
+
toString(): string;
|
|
5
|
+
}
|
|
6
|
+
export declare function unsafeHTML(s: string): SafeHTML;
|
|
7
|
+
export declare function html(strings: TemplateStringsArray, ...values: unknown[]): SafeHTML;
|
|
8
|
+
//# sourceMappingURL=html.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AAYA,qBAAa,QAAQ;;gBAEP,KAAK,EAAE,MAAM;IAGzB,QAAQ,IAAI,MAAM;CAGnB;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAE9C;AAYD,wBAAgB,IAAI,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAOlF"}
|
package/dist/html.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
const ESC = {
|
|
2
|
+
'&': '&',
|
|
3
|
+
'<': '<',
|
|
4
|
+
'>': '>',
|
|
5
|
+
'"': '"',
|
|
6
|
+
"'": ''',
|
|
7
|
+
};
|
|
8
|
+
function escapeHtml(s) {
|
|
9
|
+
return s.replace(/[&<>"']/g, (ch) => ESC[ch]);
|
|
10
|
+
}
|
|
11
|
+
export class SafeHTML {
|
|
12
|
+
#html;
|
|
13
|
+
constructor(value) {
|
|
14
|
+
this.#html = value;
|
|
15
|
+
}
|
|
16
|
+
toString() {
|
|
17
|
+
return this.#html;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export function unsafeHTML(s) {
|
|
21
|
+
return new SafeHTML(s);
|
|
22
|
+
}
|
|
23
|
+
function resolveValue(val) {
|
|
24
|
+
if (val == null || val === false)
|
|
25
|
+
return '';
|
|
26
|
+
if (val instanceof SafeHTML)
|
|
27
|
+
return val.toString();
|
|
28
|
+
if (typeof val === 'object' && 'template' in val && typeof val.template === 'function') {
|
|
29
|
+
return val.template().toString();
|
|
30
|
+
}
|
|
31
|
+
if (Array.isArray(val))
|
|
32
|
+
return val.map(resolveValue).join('');
|
|
33
|
+
return escapeHtml(String(val));
|
|
34
|
+
}
|
|
35
|
+
export function html(strings, ...values) {
|
|
36
|
+
let result = strings[0];
|
|
37
|
+
for (let i = 0; i < values.length; i++) {
|
|
38
|
+
result += resolveValue(values[i]);
|
|
39
|
+
result += strings[i + 1];
|
|
40
|
+
}
|
|
41
|
+
return new SafeHTML(result);
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=html.js.map
|
package/dist/html.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"html.js","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG,GAA2B;IAClC,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,OAAO;CACb,CAAC;AAEF,SAAS,UAAU,CAAC,CAAS;IAC3B,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,OAAO,QAAQ;IACnB,KAAK,CAAS;IACd,YAAY,KAAa;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AAED,MAAM,UAAU,UAAU,CAAC,CAAS;IAClC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,YAAY,CAAC,GAAY;IAChC,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,KAAK;QAAE,OAAO,EAAE,CAAC;IAC5C,IAAI,GAAG,YAAY,QAAQ;QAAE,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACnD,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,UAAU,IAAI,GAAG,IAAI,OAAQ,GAAW,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QAChG,OAAQ,GAAW,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAAE,OAAO,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,OAA6B,EAAE,GAAG,MAAiB;IACtE,IAAI,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,IAAI,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC9B,CAAC"}
|
package/dist/list.d.ts
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { View } from './view.ts';
|
|
2
|
-
|
|
2
|
+
import { SafeHTML } from './html.ts';
|
|
3
|
+
type ViewConstructor<T> = new () => View<T>;
|
|
3
4
|
export declare class List<T = Record<string, unknown>> {
|
|
4
5
|
private ViewClass;
|
|
5
6
|
private keyFn;
|
|
6
7
|
private views;
|
|
7
8
|
private keys;
|
|
9
|
+
private items;
|
|
8
10
|
private container;
|
|
9
|
-
constructor(ViewClass: ViewConstructor
|
|
10
|
-
template(items?: T[]):
|
|
11
|
+
constructor(ViewClass: ViewConstructor<T>, keyFn: (item: T) => unknown);
|
|
12
|
+
template(items?: T[]): SafeHTML;
|
|
11
13
|
mount(container: HTMLElement, items?: T[]): void;
|
|
12
14
|
private updateView;
|
|
13
15
|
update(items: T[]): void;
|
package/dist/list.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,KAAK,eAAe,CAAC,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC;AAE5C,qBAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3C,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,SAAS,CAA4B;gBAEjC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO;IAKtE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ;IAQ/B,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE;IAezC,OAAO,CAAC,UAAU;IAIlB,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE;CAmIlB"}
|
package/dist/list.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { SafeHTML } from "./html.js";
|
|
1
2
|
export class List {
|
|
2
3
|
ViewClass;
|
|
3
4
|
keyFn;
|
|
4
5
|
views = [];
|
|
5
6
|
keys = [];
|
|
7
|
+
items = [];
|
|
6
8
|
container = null;
|
|
7
9
|
constructor(ViewClass, keyFn) {
|
|
8
10
|
this.ViewClass = ViewClass;
|
|
@@ -10,11 +12,11 @@ export class List {
|
|
|
10
12
|
}
|
|
11
13
|
template(items) {
|
|
12
14
|
if (!items || items.length === 0)
|
|
13
|
-
return '';
|
|
14
|
-
return items.map(item => {
|
|
15
|
+
return new SafeHTML('');
|
|
16
|
+
return new SafeHTML(items.map(item => {
|
|
15
17
|
let view = new this.ViewClass();
|
|
16
|
-
return view.template(item);
|
|
17
|
-
}).join('');
|
|
18
|
+
return view.template(item).toString();
|
|
19
|
+
}).join(''));
|
|
18
20
|
}
|
|
19
21
|
mount(container, items) {
|
|
20
22
|
this.container = container;
|
|
@@ -26,18 +28,42 @@ export class List {
|
|
|
26
28
|
view.update(items[i]);
|
|
27
29
|
this.views.push(view);
|
|
28
30
|
this.keys.push(this.keyFn(items[i]));
|
|
31
|
+
this.items.push(items[i]);
|
|
29
32
|
}
|
|
30
33
|
}
|
|
31
34
|
}
|
|
32
|
-
updateView(view,
|
|
33
|
-
|
|
35
|
+
updateView(view, newItem, oldItem) {
|
|
36
|
+
if (newItem !== oldItem)
|
|
37
|
+
view.update(newItem);
|
|
34
38
|
}
|
|
35
39
|
update(items) {
|
|
36
40
|
let container = this.container;
|
|
37
41
|
let oldViews = this.views;
|
|
38
42
|
let oldKeys = this.keys;
|
|
43
|
+
let oldItems = this.items;
|
|
44
|
+
// Fast path: same length + all keys in same order → pure in-place update
|
|
45
|
+
if (items.length === oldViews.length && items.length > 0) {
|
|
46
|
+
let sameOrder = true;
|
|
47
|
+
let newKeys2 = new Array(items.length);
|
|
48
|
+
for (let i = 0; i < items.length; i++) {
|
|
49
|
+
newKeys2[i] = this.keyFn(items[i]);
|
|
50
|
+
if (newKeys2[i] !== oldKeys[i]) {
|
|
51
|
+
sameOrder = false;
|
|
52
|
+
break;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
if (sameOrder) {
|
|
56
|
+
for (let i = 0; i < items.length; i++) {
|
|
57
|
+
if (items[i] !== oldItems[i])
|
|
58
|
+
oldViews[i].update(items[i]);
|
|
59
|
+
this.items[i] = items[i];
|
|
60
|
+
}
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
39
64
|
let newKeys = items.map(this.keyFn);
|
|
40
65
|
let newViews = new Array(items.length).fill(null);
|
|
66
|
+
let newItems = new Array(items.length).fill(null);
|
|
41
67
|
let oldHead = 0;
|
|
42
68
|
let oldTail = oldViews.length - 1;
|
|
43
69
|
let newHead = 0;
|
|
@@ -53,21 +79,24 @@ export class List {
|
|
|
53
79
|
else if (oldKeys[oldHead] === newKeys[newHead]) {
|
|
54
80
|
// Head-Head match
|
|
55
81
|
newViews[newHead] = oldViews[oldHead];
|
|
56
|
-
|
|
82
|
+
newItems[newHead] = items[newHead];
|
|
83
|
+
this.updateView(oldViews[oldHead], items[newHead], oldItems[oldHead]);
|
|
57
84
|
oldHead++;
|
|
58
85
|
newHead++;
|
|
59
86
|
}
|
|
60
87
|
else if (oldKeys[oldTail] === newKeys[newTail]) {
|
|
61
88
|
// Tail-Tail match
|
|
62
89
|
newViews[newTail] = oldViews[oldTail];
|
|
63
|
-
|
|
90
|
+
newItems[newTail] = items[newTail];
|
|
91
|
+
this.updateView(oldViews[oldTail], items[newTail], oldItems[oldTail]);
|
|
64
92
|
oldTail--;
|
|
65
93
|
newTail--;
|
|
66
94
|
}
|
|
67
95
|
else if (oldKeys[oldHead] === newKeys[newTail]) {
|
|
68
96
|
// Head-Tail match: move old head to after old tail
|
|
69
97
|
newViews[newTail] = oldViews[oldHead];
|
|
70
|
-
|
|
98
|
+
newItems[newTail] = items[newTail];
|
|
99
|
+
this.updateView(oldViews[oldHead], items[newTail], oldItems[oldHead]);
|
|
71
100
|
oldViews[oldTail].el.after(oldViews[oldHead].el);
|
|
72
101
|
oldHead++;
|
|
73
102
|
newTail--;
|
|
@@ -75,7 +104,8 @@ export class List {
|
|
|
75
104
|
else if (oldKeys[oldTail] === newKeys[newHead]) {
|
|
76
105
|
// Tail-Head match: move old tail to before old head
|
|
77
106
|
newViews[newHead] = oldViews[oldTail];
|
|
78
|
-
|
|
107
|
+
newItems[newHead] = items[newHead];
|
|
108
|
+
this.updateView(oldViews[oldTail], items[newHead], oldItems[oldTail]);
|
|
79
109
|
oldViews[oldHead].el.before(oldViews[oldTail].el);
|
|
80
110
|
oldTail--;
|
|
81
111
|
newHead++;
|
|
@@ -96,14 +126,16 @@ export class List {
|
|
|
96
126
|
let view = new this.ViewClass();
|
|
97
127
|
view.createAndMount();
|
|
98
128
|
newViews[newHead] = view;
|
|
129
|
+
newItems[newHead] = items[newHead];
|
|
99
130
|
oldViews[oldHead].el.before(view.el);
|
|
100
|
-
this.updateView(view, items[newHead]);
|
|
131
|
+
this.updateView(view, items[newHead], null);
|
|
101
132
|
}
|
|
102
133
|
else {
|
|
103
134
|
// Move existing
|
|
104
135
|
let view = oldViews[oldIndex];
|
|
105
|
-
this.updateView(view, items[newHead]);
|
|
136
|
+
this.updateView(view, items[newHead], oldItems[oldIndex]);
|
|
106
137
|
newViews[newHead] = view;
|
|
138
|
+
newItems[newHead] = items[newHead];
|
|
107
139
|
oldViews[oldHead].el.before(view.el);
|
|
108
140
|
oldViews[oldIndex] = null;
|
|
109
141
|
}
|
|
@@ -122,6 +154,7 @@ export class List {
|
|
|
122
154
|
let view = new this.ViewClass();
|
|
123
155
|
view.createAndMount();
|
|
124
156
|
newViews[newHead] = view;
|
|
157
|
+
newItems[newHead] = items[newHead];
|
|
125
158
|
let el = view.el;
|
|
126
159
|
let ref = newViews[newTail + 1]?.el;
|
|
127
160
|
if (ref) {
|
|
@@ -130,11 +163,12 @@ export class List {
|
|
|
130
163
|
else {
|
|
131
164
|
container.append(el);
|
|
132
165
|
}
|
|
133
|
-
this.updateView(view, items[newHead]);
|
|
166
|
+
this.updateView(view, items[newHead], null);
|
|
134
167
|
newHead++;
|
|
135
168
|
}
|
|
136
169
|
this.views = newViews;
|
|
137
170
|
this.keys = newKeys;
|
|
171
|
+
this.items = newItems;
|
|
138
172
|
}
|
|
139
173
|
}
|
|
140
174
|
//# sourceMappingURL=list.js.map
|
package/dist/list.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"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"}
|
package/dist/server.js
CHANGED
package/dist/server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,KAA+B;IACxE,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,KAA+B;IACxE,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;AACzC,CAAC"}
|
package/dist/view.d.ts
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { SafeHTML, html, unsafeHTML } from './html.ts';
|
|
2
|
+
import { SafeHTML } from './html.ts';
|
|
3
|
+
export declare class View<T = Record<string, unknown>> {
|
|
2
4
|
el: HTMLElement;
|
|
3
5
|
createElement(): HTMLElement;
|
|
4
|
-
template(_props?:
|
|
6
|
+
template(_props?: T): SafeHTML;
|
|
5
7
|
createAndMount(): void;
|
|
6
8
|
mount(el: HTMLElement): void;
|
|
7
|
-
update(_data?:
|
|
9
|
+
update(_data?: T): HTMLElement;
|
|
8
10
|
}
|
|
9
11
|
interface Slottable {
|
|
10
|
-
template(props?: any):
|
|
12
|
+
template(props?: any): SafeHTML;
|
|
11
13
|
}
|
|
12
|
-
export declare function slot<T extends Slottable>(target: T, ...args: Parameters<T['template']>):
|
|
13
|
-
export {};
|
|
14
|
+
export declare function slot<T extends Slottable>(target: T, ...args: Parameters<T['template']>): SafeHTML;
|
|
14
15
|
//# sourceMappingURL=view.d.ts.map
|
package/dist/view.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,qBAAa,IAAI;
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAQ,MAAM,WAAW,CAAC;AAE3C,qBAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3C,EAAE,EAAG,WAAW,CAAC;IAEjB,aAAa,IAAI,WAAW;IAW5B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ;IAI9B,cAAc,IAAI,IAAI;IAItB,KAAK,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI;IAI5B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,WAAW;CAG/B;AAED,UAAU,SAAS;IACjB,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;CACjC;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,QAAQ,CAEjG"}
|
package/dist/view.js
CHANGED
|
@@ -1,13 +1,19 @@
|
|
|
1
|
+
export { SafeHTML, html, unsafeHTML } from "./html.js";
|
|
2
|
+
import { html } from "./html.js";
|
|
1
3
|
export class View {
|
|
2
4
|
el;
|
|
3
5
|
createElement() {
|
|
4
|
-
let
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
let ctor = this.constructor;
|
|
7
|
+
if (!ctor._tpl) {
|
|
8
|
+
let tpl = document.createElement('template');
|
|
9
|
+
tpl.innerHTML = this.template().toString();
|
|
10
|
+
ctor._tpl = tpl.content.firstElementChild;
|
|
11
|
+
}
|
|
12
|
+
this.el = ctor._tpl.cloneNode(true);
|
|
7
13
|
return this.el;
|
|
8
14
|
}
|
|
9
15
|
template(_props) {
|
|
10
|
-
return
|
|
16
|
+
return html ``;
|
|
11
17
|
}
|
|
12
18
|
createAndMount() {
|
|
13
19
|
this.mount(this.createElement());
|
package/dist/view.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.js","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,IAAI;IACf,EAAE,CAAe;IAEjB,aAAa;QACX,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"view.js","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAY,IAAI,EAAE,MAAM,WAAW,CAAC;AAE3C,MAAM,OAAO,IAAI;IACf,EAAE,CAAe;IAEjB,aAAa;QACX,IAAI,IAAI,GAAG,IAAI,CAAC,WAAkB,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAC7C,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC3C,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC;QAC5C,CAAC;QACD,IAAI,CAAC,EAAE,GAAI,IAAI,CAAC,IAAoB,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;QACpE,OAAO,IAAI,CAAC,EAAE,CAAC;IACjB,CAAC;IAED,QAAQ,CAAC,MAAU;QACjB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,EAAe;QACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,MAAM,CAAC,KAAS;QACd,OAAO,IAAI,CAAC,EAAE,CAAC;IACjB,CAAC;CACF;AAMD,MAAM,UAAU,IAAI,CAAsB,MAAS,EAAE,GAAG,IAA+B;IACrF,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;AAClC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@matthewp/zebra",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/view.d.ts",
|
|
8
8
|
"default": "./dist/view.js"
|
|
9
9
|
},
|
|
10
|
+
"./html": {
|
|
11
|
+
"types": "./dist/html.d.ts",
|
|
12
|
+
"default": "./dist/html.js"
|
|
13
|
+
},
|
|
10
14
|
"./list": {
|
|
11
15
|
"types": "./dist/list.d.ts",
|
|
12
16
|
"default": "./dist/list.js"
|
|
@@ -16,7 +20,9 @@
|
|
|
16
20
|
"default": "./dist/server.js"
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
|
-
"files": [
|
|
23
|
+
"files": [
|
|
24
|
+
"dist"
|
|
25
|
+
],
|
|
20
26
|
"scripts": {
|
|
21
27
|
"build": "tsc"
|
|
22
28
|
},
|