move E and F utils to ren
This commit is contained in:
parent
bfcb5ccaee
commit
30ab50703b
4 changed files with 85 additions and 69 deletions
|
@ -1,6 +1,6 @@
|
||||||
import { assertEquals, assertInstanceOf } from "testing/asserts.ts";
|
import { assertEquals, assertInstanceOf } from "testing/asserts.ts";
|
||||||
|
|
||||||
import { E, Elem, F, Fragment, TextNode } from "./node.ts";
|
import { Elem, Fragment, TextNode } from "./node.ts";
|
||||||
|
|
||||||
Deno.test({
|
Deno.test({
|
||||||
name: "should create text node from string",
|
name: "should create text node from string",
|
||||||
|
@ -26,23 +26,6 @@ Deno.test({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
Deno.test({
|
|
||||||
name: "should create fragment via util",
|
|
||||||
fn: () => {
|
|
||||||
const el = E("p", [], "hello world");
|
|
||||||
const innerFrag = F(["inner"]);
|
|
||||||
const frag = F(["hello", innerFrag, "world", el]);
|
|
||||||
|
|
||||||
assertInstanceOf(frag, Fragment);
|
|
||||||
assertEquals(frag.children, [
|
|
||||||
new TextNode("hello"),
|
|
||||||
new TextNode("inner"),
|
|
||||||
new TextNode("world"),
|
|
||||||
el,
|
|
||||||
]);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
Deno.test({
|
Deno.test({
|
||||||
name: "should create element",
|
name: "should create element",
|
||||||
fn: () => {
|
fn: () => {
|
||||||
|
@ -54,15 +37,3 @@ Deno.test({
|
||||||
assertEquals(el.children, [child]);
|
assertEquals(el.children, [child]);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
Deno.test({
|
|
||||||
name: "should create element via util",
|
|
||||||
fn: () => {
|
|
||||||
const child = E("p", [], "hello world");
|
|
||||||
const el = E("div", { class: "hello" }, [child]);
|
|
||||||
|
|
||||||
assertEquals(el.tagName, "div");
|
|
||||||
assertEquals(el.attrs, { class: "hello" });
|
|
||||||
assertEquals(el.children, [child]);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
40
core/node.ts
40
core/node.ts
|
@ -1,4 +1,4 @@
|
||||||
import { isNotSkip, isNum, isStr, Nilable, Skipable, toArr } from "./utils.ts";
|
import { Nilable } from "./utils.ts";
|
||||||
|
|
||||||
export type Attrs = Record<string, string>;
|
export type Attrs = Record<string, string>;
|
||||||
export type AnyNode = Fragment | FragmentNode;
|
export type AnyNode = Fragment | FragmentNode;
|
||||||
|
@ -72,41 +72,3 @@ export class Elem {
|
||||||
this.#children = children ?? [];
|
this.#children = children ?? [];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function F(children: Skipable<EChild>[]): Fragment {
|
|
||||||
return new Fragment(
|
|
||||||
children.filter(isNotSkip).flatMap((c) =>
|
|
||||||
normFragmentChild(normElemChild(c))
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
type EAttrs = Attrs | Attrs[];
|
|
||||||
type ETextNode = string | number | TextNode;
|
|
||||||
type EChild = ETextNode | Fragment | Elem;
|
|
||||||
|
|
||||||
export function E(
|
|
||||||
tagName: ElemTagName,
|
|
||||||
attrs: EAttrs,
|
|
||||||
children?: ETextNode | Skipable<EChild>[],
|
|
||||||
): Elem {
|
|
||||||
return new Elem(
|
|
||||||
tagName,
|
|
||||||
mergeAttrs(attrs ?? []),
|
|
||||||
toArr(children ?? []).filter(isNotSkip).map(normElemChild),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function mergeAttrs(attrs: EAttrs): Attrs {
|
|
||||||
return !Array.isArray(attrs)
|
|
||||||
? attrs
|
|
||||||
: attrs.reduce((acc, attrs) => ({ ...acc, ...attrs }), {} as Attrs);
|
|
||||||
}
|
|
||||||
|
|
||||||
function normFragmentChild(node: AnyNode): FragmentNode | FragmentNode[] {
|
|
||||||
return isFragment(node) ? node.children : node;
|
|
||||||
}
|
|
||||||
|
|
||||||
function normElemChild(node: EChild): AnyNode {
|
|
||||||
return isStr(node) || isNum(node) ? new TextNode(String(node)) : node;
|
|
||||||
}
|
|
||||||
|
|
34
ren/node.test.ts
Normal file
34
ren/node.test.ts
Normal file
|
@ -0,0 +1,34 @@
|
||||||
|
import { assertEquals, assertInstanceOf } from "testing/asserts.ts";
|
||||||
|
import { Elem, Fragment, TextNode } from "../core/node.ts";
|
||||||
|
|
||||||
|
import { E, F } from "./node.ts";
|
||||||
|
|
||||||
|
Deno.test({
|
||||||
|
name: "should create fragment via util",
|
||||||
|
fn: () => {
|
||||||
|
const el = E("p", [], "hello world");
|
||||||
|
const innerFrag = F(["inner"]);
|
||||||
|
const frag = F(["hello", innerFrag, "world", el]);
|
||||||
|
|
||||||
|
assertInstanceOf(frag, Fragment);
|
||||||
|
assertEquals(frag.children, [
|
||||||
|
new TextNode("hello"),
|
||||||
|
new TextNode("inner"),
|
||||||
|
new TextNode("world"),
|
||||||
|
el,
|
||||||
|
]);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
Deno.test({
|
||||||
|
name: "should create element via util",
|
||||||
|
fn: () => {
|
||||||
|
const child = E("p", [], "hello world");
|
||||||
|
const el = E("div", { class: "hello" }, [child]);
|
||||||
|
|
||||||
|
assertInstanceOf(el, Elem);
|
||||||
|
assertEquals(el.tagName, "div");
|
||||||
|
assertEquals(el.attrs, { class: "hello" });
|
||||||
|
assertEquals(el.children, [child]);
|
||||||
|
},
|
||||||
|
});
|
49
ren/node.ts
Normal file
49
ren/node.ts
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
import {
|
||||||
|
AnyNode,
|
||||||
|
Attrs,
|
||||||
|
Elem,
|
||||||
|
ElemTagName,
|
||||||
|
Fragment,
|
||||||
|
FragmentNode,
|
||||||
|
isFragment,
|
||||||
|
TextNode,
|
||||||
|
} from "../core/node.ts";
|
||||||
|
import { isNotSkip, isNum, isStr, Skipable, toArr } from "../core/utils.ts";
|
||||||
|
|
||||||
|
export function F(children: Skipable<EChild>[]): Fragment {
|
||||||
|
return new Fragment(
|
||||||
|
children.filter(isNotSkip).flatMap((c) =>
|
||||||
|
normFragmentChild(normElemChild(c))
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
type EAttrs = Attrs | Attrs[];
|
||||||
|
type ETextNode = string | number | TextNode;
|
||||||
|
type EChild = ETextNode | Fragment | Elem;
|
||||||
|
|
||||||
|
export function E(
|
||||||
|
tagName: ElemTagName,
|
||||||
|
attrs: EAttrs,
|
||||||
|
children?: ETextNode | Skipable<EChild>[],
|
||||||
|
): Elem {
|
||||||
|
return new Elem(
|
||||||
|
tagName,
|
||||||
|
mergeAttrs(attrs ?? []),
|
||||||
|
toArr(children ?? []).filter(isNotSkip).map(normElemChild),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function mergeAttrs(attrs: EAttrs): Attrs {
|
||||||
|
return !Array.isArray(attrs)
|
||||||
|
? attrs
|
||||||
|
: attrs.reduce((acc, attrs) => ({ ...acc, ...attrs }), {} as Attrs);
|
||||||
|
}
|
||||||
|
|
||||||
|
function normFragmentChild(node: AnyNode): FragmentNode | FragmentNode[] {
|
||||||
|
return isFragment(node) ? node.children : node;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normElemChild(node: EChild): AnyNode {
|
||||||
|
return isStr(node) || isNum(node) ? new TextNode(String(node)) : node;
|
||||||
|
}
|
Reference in a new issue