refactor(render): split Render into module and extend constants ♻️

- Remove file-level JSDoc from Types.ts
- Add Render module (Attrs, Element, Layout, Main, Style) and barrel index
- Expand allowedNodeKeys order, booleanAttrKeys, etc
- Normalize brace style in Create.freezeNode and Helper.node else branches
- Replace single Render.ts with import from Render/index.ts

Author: NeaByteLab

src/Constant.ts

@@ -5,15 +5,15 @@
 export default class Constant {
   /** Allowed keys for schema node (validation, helper). */
   static readonly allowedNodeKeys: Set<string> = new Set<string>([
-    'type',
-    'id',
-    'layout',
-    'style',
+    'alt',
     'attrs',
+    'children',
     'content',
+    'id',
+    'layout',
     'src',
-    'alt',
-    'children'
+    'style',
+    'type'
   ])
   /** Allowed keys in node props (no type, children). */
   static readonly allowedPropsKeys: Set<string> = new Set(
@@ -23,45 +23,91 @@ export default class Constant {
   )
   /** Boolean attribute names; presence means true. */
   static readonly booleanAttrKeys: Set<string> = new Set<string>([
+    'autofocus',
     'checked',
     'disabled',
-    'readonly',
-    'selected',
+    'hidden',
     'inert',
-    'hidden'
+    'multiple',
+    'open',
+    'readonly',
+    'required',
+    'selected'
   ])
   /** Container tag names for el.* (non-void). */
   static readonly containerTags: readonly string[] = [
-    'div',
-    'span',
-    'main',
-    'header',
-    'footer',
-    'section',
+    'a',
+    'abbr',
+    'address',
     'article',
     'aside',
-    'nav',
-    'p',
+    'audio',
+    'blockquote',
+    'button',
+    'caption',
+    'cite',
+    'code',
+    'colgroup',
+    'datalist',
+    'details',
+    'dialog',
+    'div',
+    'dd',
+    'del',
+    'dl',
+    'dt',
+    'em',
+    'fieldset',
+    'figcaption',
+    'figure',
+    'footer',
+    'form',
     'h1',
     'h2',
     'h3',
     'h4',
     'h5',
     'h6',
-    'a',
-    'ul',
-    'ol',
+    'header',
+    'hgroup',
+    'iframe',
+    'ins',
+    'label',
+    'legend',
     'li',
+    'main',
+    'mark',
+    'menu',
+    'meter',
+    'nav',
+    'ol',
+    'optgroup',
+    'option',
+    'output',
+    'p',
+    'picture',
+    'pre',
+    'progress',
+    'q',
+    'section',
+    'search',
+    'select',
+    'slot',
+    'span',
+    'strong',
+    'summary',
     'table',
-    'thead',
     'tbody',
-    'tr',
-    'th',
     'td',
-    'form',
-    'label',
-    'button',
-    'template'
+    'template',
+    'textarea',
+    'tfoot',
+    'th',
+    'thead',
+    'time',
+    'tr',
+    'ul',
+    'video'
   ]
   /** SVG namespace URI for createElementNS. */
   static readonly svgNamespace: string = 'http://www.w3.org/2000/svg'

src/Create.ts

@@ -39,7 +39,8 @@ export default class Create {
       const frozenChildren = node.children.map((childNode) => Create.freezeNode(childNode))
       Object.freeze(frozenChildren)
       return Object.freeze({ ...node, children: frozenChildren }) as Readonly<Types.Node>
+    } else {
+      return Object.freeze(node) as Readonly<Types.Node>
     }
-    return Object.freeze(node) as Readonly<Types.Node>
   }
 }

src/Helper.ts

@@ -108,8 +108,9 @@ export default class Helper {
     const childList = rest.flatMap((item) => {
       if (Array.isArray(item)) {
         return item
+      } else {
+        return [item]
       }
-      return [item]
     }) as Types.Node[]
     return { type: tag, ...props, children: childList } as Types.Node
   }