lunet 0.0.9 → 0.0.10
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/index.cjs +14 -14
- package/dist/index.d.ts +3 -3
- package/dist/index.js +14 -14
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -37,11 +37,11 @@ __export(exports_src, {
|
|
|
37
37
|
module.exports = __toCommonJS(exports_src);
|
|
38
38
|
|
|
39
39
|
// src/jsx/component.ts
|
|
40
|
-
var createComponent = (component) => (props) => [component, props];
|
|
40
|
+
var createComponent = (component) => (props) => [component, props, []];
|
|
41
41
|
// src/jsx/fragment.ts
|
|
42
|
-
var fragment = (...children) => [null, {},
|
|
42
|
+
var fragment = (...children) => [null, {}, children];
|
|
43
43
|
// src/jsx/likereact.ts
|
|
44
|
-
var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {},
|
|
44
|
+
var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {}, children] : type === fragment ? [null, props ?? {}, children] : type(props);
|
|
45
45
|
// src/index.ts
|
|
46
46
|
var createRoot = (el, options) => {
|
|
47
47
|
var createText = (jsx2) => {
|
|
@@ -118,7 +118,7 @@ var createRoot = (el, options) => {
|
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
120
|
var createElement = (jsx2) => {
|
|
121
|
-
const [tag, props,
|
|
121
|
+
const [tag, props, children] = jsx2;
|
|
122
122
|
props.$beforeMount?.();
|
|
123
123
|
const element = document.createElement(tag);
|
|
124
124
|
elementEvents.set(element, {});
|
|
@@ -132,8 +132,8 @@ var createRoot = (el, options) => {
|
|
|
132
132
|
return [[1, jsx2, element, rendered_children.map((e) => e[0])], element];
|
|
133
133
|
};
|
|
134
134
|
var updateElement = (dom2, jsx2) => {
|
|
135
|
-
const [, [, old_props,
|
|
136
|
-
const [, new_props,
|
|
135
|
+
const [, [, old_props, old_children], element, rendered_children] = dom2;
|
|
136
|
+
const [, new_props, new_children] = jsx2;
|
|
137
137
|
old_props.$beforeUpdate?.call(element, new CustomEvent("beforeupdate", {
|
|
138
138
|
detail: element
|
|
139
139
|
}));
|
|
@@ -188,22 +188,22 @@ var createRoot = (el, options) => {
|
|
|
188
188
|
};
|
|
189
189
|
var batch = options?.batch ?? ((cb) => cb());
|
|
190
190
|
var createComponent2 = (jsx2) => {
|
|
191
|
-
const [component, init_props] = jsx2;
|
|
191
|
+
const [component, init_props, children] = jsx2;
|
|
192
192
|
let rendered_dom;
|
|
193
193
|
let doc_frag;
|
|
194
194
|
const props = component((jsx22) => {
|
|
195
195
|
if (rendered_dom)
|
|
196
|
-
updateFragment(rendered_dom, [null, {}, jsx22]);
|
|
196
|
+
updateFragment(rendered_dom, [null, {}, [jsx22]]);
|
|
197
197
|
else
|
|
198
|
-
[rendered_dom, doc_frag] = createFragment([null, {}, jsx22]);
|
|
198
|
+
[rendered_dom, doc_frag] = createFragment([null, {}, [jsx22]]);
|
|
199
199
|
}, {
|
|
200
200
|
...init_props
|
|
201
201
|
});
|
|
202
202
|
if (!doc_frag) {
|
|
203
203
|
console.error("never rendered Initial render.");
|
|
204
|
-
[rendered_dom, doc_frag] = createFragment([null, {}]);
|
|
204
|
+
[rendered_dom, doc_frag] = createFragment([null, {}, []]);
|
|
205
205
|
}
|
|
206
|
-
return [[3, [component, props], rendered_dom], doc_frag];
|
|
206
|
+
return [[3, [component, props, children], rendered_dom], doc_frag];
|
|
207
207
|
};
|
|
208
208
|
var updateComponent = (dom2, jsx2) => {
|
|
209
209
|
const old_props = dom2[1][1];
|
|
@@ -281,7 +281,7 @@ var createRoot = (el, options) => {
|
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
283
|
var createFragment = (jsx2) => {
|
|
284
|
-
const [, ,
|
|
284
|
+
const [, , children] = jsx2;
|
|
285
285
|
const mark = new Comment;
|
|
286
286
|
const el2 = new DocumentFragment;
|
|
287
287
|
const rendered_children = children.map(createNode);
|
|
@@ -289,8 +289,8 @@ var createRoot = (el, options) => {
|
|
|
289
289
|
return [[2, jsx2, mark, rendered_children.map((e) => e[0])], el2];
|
|
290
290
|
};
|
|
291
291
|
var updateFragment = (dom2, jsx2) => {
|
|
292
|
-
const [, [, ,
|
|
293
|
-
const [, ,
|
|
292
|
+
const [, [, , old_children], mark, rendered_children] = dom2;
|
|
293
|
+
const [, , new_children] = jsx2;
|
|
294
294
|
for (const [type, idx, jsx22] of diff(old_children, new_children)) {
|
|
295
295
|
switch (type) {
|
|
296
296
|
case 0:
|
package/dist/index.d.ts
CHANGED
|
@@ -13,9 +13,9 @@ type Key = {
|
|
|
13
13
|
key?: unknown
|
|
14
14
|
};
|
|
15
15
|
type JSXNode = JSXElement | JSXComponent | JSXFragment | string;
|
|
16
|
-
type JSXElement<T extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap> = [T, JSX.IntrinsicElements[T],
|
|
17
|
-
type JSXComponent = [ComponentFunction<any>, object & Key,
|
|
18
|
-
type JSXFragment = [null, Key,
|
|
16
|
+
type JSXElement<T extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap> = [T, JSX.IntrinsicElements[T], JSXNode[]];
|
|
17
|
+
type JSXComponent = [ComponentFunction<any>, object & Key, JSXNode[]];
|
|
18
|
+
type JSXFragment = [null, Key, JSXNode[]];
|
|
19
19
|
declare const createRoot: (el: HTMLElement, options?: Options) => {
|
|
20
20
|
render(jsx: JSX.Element): void
|
|
21
21
|
unmount(): void
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// src/jsx/component.ts
|
|
2
|
-
var createComponent = (component) => (props) => [component, props];
|
|
2
|
+
var createComponent = (component) => (props) => [component, props, []];
|
|
3
3
|
// src/jsx/fragment.ts
|
|
4
|
-
var fragment = (...children) => [null, {},
|
|
4
|
+
var fragment = (...children) => [null, {}, children];
|
|
5
5
|
// src/jsx/likereact.ts
|
|
6
|
-
var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {},
|
|
6
|
+
var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {}, children] : type === fragment ? [null, props ?? {}, children] : type(props);
|
|
7
7
|
// src/index.ts
|
|
8
8
|
var createRoot = (el, options) => {
|
|
9
9
|
var createText = (jsx2) => {
|
|
@@ -80,7 +80,7 @@ var createRoot = (el, options) => {
|
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
var createElement = (jsx2) => {
|
|
83
|
-
const [tag, props,
|
|
83
|
+
const [tag, props, children] = jsx2;
|
|
84
84
|
props.$beforeMount?.();
|
|
85
85
|
const element = document.createElement(tag);
|
|
86
86
|
elementEvents.set(element, {});
|
|
@@ -94,8 +94,8 @@ var createRoot = (el, options) => {
|
|
|
94
94
|
return [[1, jsx2, element, rendered_children.map((e) => e[0])], element];
|
|
95
95
|
};
|
|
96
96
|
var updateElement = (dom2, jsx2) => {
|
|
97
|
-
const [, [, old_props,
|
|
98
|
-
const [, new_props,
|
|
97
|
+
const [, [, old_props, old_children], element, rendered_children] = dom2;
|
|
98
|
+
const [, new_props, new_children] = jsx2;
|
|
99
99
|
old_props.$beforeUpdate?.call(element, new CustomEvent("beforeupdate", {
|
|
100
100
|
detail: element
|
|
101
101
|
}));
|
|
@@ -150,22 +150,22 @@ var createRoot = (el, options) => {
|
|
|
150
150
|
};
|
|
151
151
|
var batch = options?.batch ?? ((cb) => cb());
|
|
152
152
|
var createComponent2 = (jsx2) => {
|
|
153
|
-
const [component, init_props] = jsx2;
|
|
153
|
+
const [component, init_props, children] = jsx2;
|
|
154
154
|
let rendered_dom;
|
|
155
155
|
let doc_frag;
|
|
156
156
|
const props = component((jsx22) => {
|
|
157
157
|
if (rendered_dom)
|
|
158
|
-
updateFragment(rendered_dom, [null, {}, jsx22]);
|
|
158
|
+
updateFragment(rendered_dom, [null, {}, [jsx22]]);
|
|
159
159
|
else
|
|
160
|
-
[rendered_dom, doc_frag] = createFragment([null, {}, jsx22]);
|
|
160
|
+
[rendered_dom, doc_frag] = createFragment([null, {}, [jsx22]]);
|
|
161
161
|
}, {
|
|
162
162
|
...init_props
|
|
163
163
|
});
|
|
164
164
|
if (!doc_frag) {
|
|
165
165
|
console.error("never rendered Initial render.");
|
|
166
|
-
[rendered_dom, doc_frag] = createFragment([null, {}]);
|
|
166
|
+
[rendered_dom, doc_frag] = createFragment([null, {}, []]);
|
|
167
167
|
}
|
|
168
|
-
return [[3, [component, props], rendered_dom], doc_frag];
|
|
168
|
+
return [[3, [component, props, children], rendered_dom], doc_frag];
|
|
169
169
|
};
|
|
170
170
|
var updateComponent = (dom2, jsx2) => {
|
|
171
171
|
const old_props = dom2[1][1];
|
|
@@ -243,7 +243,7 @@ var createRoot = (el, options) => {
|
|
|
243
243
|
}
|
|
244
244
|
};
|
|
245
245
|
var createFragment = (jsx2) => {
|
|
246
|
-
const [, ,
|
|
246
|
+
const [, , children] = jsx2;
|
|
247
247
|
const mark = new Comment;
|
|
248
248
|
const el2 = new DocumentFragment;
|
|
249
249
|
const rendered_children = children.map(createNode);
|
|
@@ -251,8 +251,8 @@ var createRoot = (el, options) => {
|
|
|
251
251
|
return [[2, jsx2, mark, rendered_children.map((e) => e[0])], el2];
|
|
252
252
|
};
|
|
253
253
|
var updateFragment = (dom2, jsx2) => {
|
|
254
|
-
const [, [, ,
|
|
255
|
-
const [, ,
|
|
254
|
+
const [, [, , old_children], mark, rendered_children] = dom2;
|
|
255
|
+
const [, , new_children] = jsx2;
|
|
256
256
|
for (const [type, idx, jsx22] of diff(old_children, new_children)) {
|
|
257
257
|
switch (type) {
|
|
258
258
|
case 0:
|