lunet 0.0.9 → 0.0.11

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 (4) hide show
  1. package/dist/index.cjs +16 -16
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +16 -16
  4. 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, {}, ...children];
42
+ var fragment = (...children) => [null, {}, children];
43
43
  // src/jsx/likereact.ts
44
- var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {}, ...children] : type === fragment ? [null, props ?? {}, ...children] : 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, ...children] = jsx2;
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, ...old_children], element, rendered_children] = dom2;
136
- const [, new_props, ...new_children] = jsx2;
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 [, , ...children] = jsx2;
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 [, [, , ...old_children], mark, rendered_children] = dom2;
293
- const [, , ...new_children] = jsx2;
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:
@@ -325,11 +325,11 @@ var createRoot = (el, options) => {
325
325
  else
326
326
  dom2[2].after(node2);
327
327
  };
328
- const [node, dom] = createFragment([null, {}]);
328
+ const [node, dom] = createFragment([null, {}, []]);
329
329
  el.append(dom);
330
330
  return {
331
331
  render(jsx2) {
332
- updateFragment(node, [null, {}, jsx2]);
332
+ updateFragment(node, [null, {}, [jsx2]]);
333
333
  },
334
334
  unmount() {
335
335
  revokeFragment(node);
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], ...JSXNode[]];
17
- type JSXComponent = [ComponentFunction<any>, object & Key, ...JSXNode[]];
18
- type JSXFragment = [null, Key, ...JSXNode[]];
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, {}, ...children];
4
+ var fragment = (...children) => [null, {}, children];
5
5
  // src/jsx/likereact.ts
6
- var h = (type, props, ...children) => typeof type === "string" ? [type, props ?? {}, ...children] : type === fragment ? [null, props ?? {}, ...children] : 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, ...children] = jsx2;
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, ...old_children], element, rendered_children] = dom2;
98
- const [, new_props, ...new_children] = jsx2;
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 [, , ...children] = jsx2;
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 [, [, , ...old_children], mark, rendered_children] = dom2;
255
- const [, , ...new_children] = jsx2;
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:
@@ -287,11 +287,11 @@ var createRoot = (el, options) => {
287
287
  else
288
288
  dom2[2].after(node2);
289
289
  };
290
- const [node, dom] = createFragment([null, {}]);
290
+ const [node, dom] = createFragment([null, {}, []]);
291
291
  el.append(dom);
292
292
  return {
293
293
  render(jsx2) {
294
- updateFragment(node, [null, {}, jsx2]);
294
+ updateFragment(node, [null, {}, [jsx2]]);
295
295
  },
296
296
  unmount() {
297
297
  revokeFragment(node);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lunet",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "author": "TNTSuperMan",
5
5
  "license": "MIT",
6
6
  "description": "より柔軟なWebフロントエンドライブラリ。",