[add] Prototype version & Project scaffold

Author: TechQuery

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+custom:
+    - https://paypal.me/TechQuery
+    - https://tech-query.me/image/TechQuery-Alipay.jpg

.github/workflows/main.yml

@@ -0,0 +1,33 @@
+name: CI & CD
+on:
+    push:
+        tags:
+            - v*
+jobs:
+    Build-and-Publish:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+
+            - uses: pnpm/action-setup@v2
+              with:
+                  version: 8
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+                  registry-url: https://registry.npmjs.org
+                  cache: pnpm
+            - name: Install Dependencies
+              run: pnpm i --frozen-lockfile
+
+            - name: Build & Publish
+              run: npm publish
+              env:
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+            - name: Update document
+              uses: peaceiris/actions-gh-pages@v3
+              with:
+                  publish_dir: ./docs
+                  personal_token: ${{ secrets.GITHUB_TOKEN }}
+                  force_orphan: true

.gitignore

@@ -0,0 +1,6 @@
+node_modules/
+package-lock.json
+yarn.lock
+.parcel-cache/
+dist/
+docs/

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm test

.husky/pre-push

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm run build

.npmignore

@@ -0,0 +1,4 @@
+.parcel-cache/
+docs/
+.husky/
+.github/

ReadMe.md

@@ -0,0 +1,55 @@
+# DOM Renderer
+
+A light-weight DOM Renderer supports [Web components][1] standard & [TypeScript][2] language.
+
+[![CI & CD](https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml/badge.svg)][3]
+
+[![Open in GitPod](https://img.shields.io/badge/GitPod-dev--now-blue?logo=gitpod)][4]
+
+[![NPM](https://nodei.co/npm/dom-renderer.png?downloads=true&downloadRank=true&stars=true)][5]
+
+## Usage
+
+### JavaScript
+
+```js
+import { DOMRenderer } from 'dom-renderer';
+
+const newVNode = new DOMRenderer().patch(
+    {
+        tagName: 'body',
+        node: document.body
+    },
+    {
+        tagName: 'body',
+        children: [
+            {
+                tagName: 'a',
+                props: { href: 'https://idea2.app/' },
+                style: { color: 'red' },
+                children: [{ text: 'idea2app' }]
+            }
+        ]
+    }
+);
+
+console.log(newVNode);
+```
+
+## Original
+
+### Inspiration
+
+[![SnabbDOM](https://github.com/snabbdom.png)][6]
+
+### Prototype
+
+[![Edit DOM renderer](https://codesandbox.io/static/img/play-codesandbox.svg)][7]
+
+[1]: https://www.webcomponents.org/
+[2]: https://www.typescriptlang.org/
+[3]: https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml
+[4]: https://gitpod.io/#https://github.com/EasyWebApp/DOM-Renderer
+[5]: https://nodei.co/npm/dom-renderer/
+[6]: https://github.com/snabbdom/snabbdom
+[7]: https://codesandbox.io/s/dom-renderer-pglxkx?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.ts&theme=dark

package.json

@@ -0,0 +1,65 @@
+{
+    "name": "dom-renderer",
+    "version": "2.0.0-alpha.0",
+    "license": "LGPL-3.0-or-later",
+    "author": "[email protected]",
+    "description": "A light-weight DOM Renderer supports Web components standard & TypeScript language",
+    "keywords": [
+        "light-weight",
+        "dom",
+        "render",
+        "web",
+        "component",
+        "typescript"
+    ],
+    "homepage": "https://web-cell.dev/DOM-Renderer/",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/EasyWebApp/DOM-Renderer.git"
+    },
+    "bugs": {
+        "url": "https://github.com/EasyWebApp/DOM-Renderer/issues"
+    },
+    "source": "source/index.ts",
+    "types": "dist/index.d.ts",
+    "module": "dist/index.esm.js",
+    "main": "dist/index.js",
+    "dependencies": {
+        "@swc/helpers": "~0.4.14",
+        "web-utility": "^4.1.0"
+    },
+    "devDependencies": {
+        "@parcel/packager-ts": "~2.8.3",
+        "@parcel/transformer-typescript-types": "~2.8.3",
+        "husky": "^8.0.3",
+        "lint-staged": "^13.2.3",
+        "open-cli": "^7.2.0",
+        "parcel": "~2.8.3",
+        "prettier": "^3.0.0",
+        "typedoc": "^0.24.8",
+        "typedoc-plugin-mdn-links": "^3.0.3",
+        "typescript": "~5.1.6"
+    },
+    "prettier": {
+        "singleQuote": true,
+        "trailingComma": "none",
+        "arrowParens": "avoid",
+        "tabWidth": 4
+    },
+    "lint-staged": {
+        "*.{md,json,yml,ts}": "prettier --write"
+    },
+    "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
+    "targets": {
+        "main": {
+            "optimize": true
+        }
+    },
+    "scripts": {
+        "prepare": "husky install",
+        "test": "lint-staged",
+        "build": "rm -rf dist/ docs/  &&  typedoc source/  &&  parcel build",
+        "start": "typedoc source/  &&  open-cli docs/index.html",
+        "prepublishOnly": "npm test  &&  npm run build"
+    }
+}