lithent 1.10.0 → 1.10.2

package/README.md

@@ -1,11 +1,15 @@
-# ➿ lithent
+
+## ➿ lithent
+> An extensible JSX-based virtual DOM library for lightweight use in a variety of environments.
 
 ![npm](https://img.shields.io/npm/v/lithent)
 ![npm bundle size](https://img.shields.io/bundlephobia/minzip/lithent)
 ![npm](https://img.shields.io/npm/dt/lithent)
 ![NPM](https://img.shields.io/npm/l/lithent)
 
-> An extensible JSX-based virtual DOM library for lightweight use in a variety of environments.
+![lithent-text](https://github.com/user-attachments/assets/a8848484-d315-4f81-be3b-61490d2be2b9)
+
+
 
 - [Manual](https://medium.com/p/13d6fe6d3330)
 - [Korean Manual](https://medium.com/@superlucky84/lithent-전체-기능-설명서-3cfab04c0722)
@@ -72,14 +76,14 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.10.0/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.10.0/helper/dist/lithentHelper.umd.js
-* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.10.0/ftags/dist/lithentFTags.umd.js
-* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.10.0/tag/dist/lithentTag.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.10.0/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.10.0/helper/dist/lithentHelper.mjs
-* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.10.0/ftags/dist/lithentFTags.mjs
-* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.10.0/tag/dist/lithentTag.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.10.2/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.10.2/helper/dist/lithentHelper.umd.js
+* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.10.2/ftags/dist/lithentFTags.umd.js
+* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.10.2/tag/dist/lithentTag.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.10.2/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.10.2/helper/dist/lithentHelper.mjs
+* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.10.2/ftags/dist/lithentFTags.mjs
+* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.10.2/tag/dist/lithentTag.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -104,9 +108,9 @@ import { fTags, fFragment, fMount } from 'lithent/ftags';
 const { section, div, p, br, strong } = fTags;
 
 /* UMD
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/dist/lithent.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/helper/dist/lithentHelper.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/ftags/dist/lithentFTags.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/dist/lithent.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/helper/dist/lithentHelper.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/ftags/dist/lithentFTags.umd.js"></script>
 
 const { render } = lithent;
 const { fTags, fMount, fFragment } = lithentFTags;
@@ -178,10 +182,10 @@ const destroy = render(lTag`<${Component} />`, document.getElementById('root'),
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/helper/dist/lithentHelper.umd.js"></script-->
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/tag/dist/lithentTag.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.10.0/ftags/dist/lithentFTags.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/tag/dist/lithentTag.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.10.2/ftags/dist/lithentFTags.umd.js"></script-->
 
 <div id="root"></div>
 

package/package.json

@@ -1,14 +1,16 @@
 {
   "type": "module",
   "name": "lithent",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "An extensible virtual DOM library for lightweight use in a variety of environments.",
   "packageManager": "pnpm@7.6.0",
   "main": "./dist/lithent.umd.js",
   "module": "./dist/lithent.mjs",
   "scripts": {
     "dev:core": "vite",
-    "dev:examples": "pnpm --filter lithent-examples dev",
+    "dev": "vite",
+    "dev:examples": "pnpm watch:core & pnpm watch:helper & pnpm --filter lithent-examples dev",
+    "dev:docs": "pnpm watch:core & pnpm watch:helper & pnpm --filter lithent-docs dev",
     "build:core": "vite build",
     "build:helper": "pnpm --filter lithent-helper build",
     "build:tag": "pnpm --filter lithent-tag build",
@@ -19,14 +21,12 @@
     "watch:helper": "pnpm --filter lithent-helper watch",
     "build": "pnpm build:core && pnpm build:helper && pnpm build:ftags && pnpm build:tag && pnpm build:examples && pnpm build:docs",
     "build:p": "pnpm build:core && pnpm -r build",
-    "dev": "pnpm watch:core & pnpm watch:helper & pnpm dev:examples",
     "test": "vitest run --reporter verbose",
     "test:dev": "vitest",
     "coverage": "vitest run --coverage",
     "clean": "pnpm clean:dist && pnpm clean:module",
     "clean:dist": "pnpm -r exec rm -rf dist && rm -rf dist",
-    "clean:module": "pnpm -r exec rm -rf dist node_modules && rm -rf node_modules",
-    "dev:docs": "pnpm watch:core & pnpm watch:helper & pnpm --filter lithent-docs dev"
+    "clean:module": "pnpm -r exec rm -rf dist node_modules && rm -rf node_modules"
   },
   "exports": {
     ".": {
@@ -78,26 +78,24 @@
     "lithent"
   ],
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.30.7",
-    "@typescript-eslint/parser": "^5.30.7",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
+    "@vitest/coverage-v8": "^1.6.0",
     "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "happy-dom": "^9.20.3",
     "jsdom": "^22.1.0",
-    "prettier": "^2.3.2",
-    "terser": "^5.17.7",
-    "typescript": "^4.7.4",
+    "prettier": "^2.8.8",
+    "terser": "^5.18.1",
+    "typescript": "^4.9.5",
     "vite": "^5.2.0",
     "vite-plugin-checker": "^0.6.1",
-    "vite-plugin-dts": "^2.3.0"
+    "vite-plugin-dts": "^2.3.0",
+    "vite-plugin-eslint": "^1.8.1",
+    "vitest": "^1.6.0"
   },
   "volta": {
     "node": "20.3.0"
-  },
-  "dependencies": {
-    "@vitest/coverage-v8": "^1.6.0",
-    "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^1.6.0"
   }
 }

package/src/tests/loop.tsx

@@ -1,33 +0,0 @@
-import { mount, render, Fragment, h } from '@/index';
-
-const Loop = mount(function (renew) {
-  let list: { key: number; value: string }[] = [
-    { key: 1, value: '일' },
-    { key: 2, value: '이' },
-    { key: 3, value: '삼' },
-    { key: 4, value: '사' },
-  ];
-  const handle = () => {
-    list = [
-      { key: 3, value: '삼삼' },
-      { key: 2, value: '이이' },
-    ];
-    renew();
-  };
-
-  return () => (
-    <Fragment>
-      <button onClick={handle}>handle</button>
-      {list.map(item => (
-        <div key={item.key}>{item.value}</div>
-      ))}
-    </Fragment>
-  );
-});
-
-const Root = <Loop />;
-
-//@ts-ignore
-window.root = Root;
-
-render(Root, document.getElementById('root'));

package/src/tests/nested.tsx

@@ -1,44 +0,0 @@
-import { h, Fragment, mount, render } from '@/index';
-
-const Nested = mount(function (renew) {
-  let choiceNode = 7;
-
-  const handle = () => {
-    const randomValue = Math.floor(Math.random() * 10) + 1;
-    choiceNode = randomValue;
-    renew();
-  };
-
-  const componentMaker = () => {
-    return (
-      <Fragment>
-        <button onClick={handle}>handle</button>
-        {choiceNode === 1 && <div>1</div>}
-        {choiceNode === 2 && <div>2</div>}
-        <Fragment>
-          {choiceNode === 3 && <div>3</div>}
-          {choiceNode === 4 && <div>4</div>}
-          <Fragment>
-            {choiceNode === 5 && <div>5</div>}
-            {choiceNode === 6 && <div>6</div>}
-            <div>6.5</div>
-            {choiceNode === 7 && <div>7</div>}
-          </Fragment>
-          {choiceNode === 8 && <div>8</div>}
-          {choiceNode === 9 && <div>9</div>}
-        </Fragment>
-        {choiceNode === 10 && <div>10</div>}
-        <div>11</div>
-      </Fragment>
-    );
-  };
-
-  return componentMaker;
-});
-
-const Root = <Nested />;
-
-//@ts-ignore
-window.root = Root;
-
-render(Root, document.getElementById('root'));

package/src/tests/selectbox.tsx

@@ -1,42 +0,0 @@
-// example.jsx
-import { h, render, Fragment, mount } from '@/index';
-
-const Selectbox = mount(renew => {
-  let value = '3';
-
-  const changeChange = (event: InputEvent) => {
-    value = (event.target as HTMLInputElement).value;
-    renew();
-  };
-
-  return () => (
-    <Fragment>
-      <div>{value}</div>
-      <div>
-        <select onChange={changeChange}>
-          <option value="1" selected={value === '1'}>
-            1
-          </option>
-          <option value="2" selected={value === '2'}>
-            2
-          </option>
-          <option value="3" selected={value === '3'}>
-            3
-          </option>
-          <option value="4" selected={value === '4'}>
-            4
-          </option>
-          <option value="5" selected={value === '5'}>
-            5
-          </option>
-        </select>
-      </div>
-    </Fragment>
-  );
-});
-const Root = <Selectbox />;
-
-//@ts-ignore
-window.root = Root;
-
-render(Root, document.getElementById('root'));

package/src/tests/svg.tsx

@@ -1,44 +0,0 @@
-import { mount, render, Fragment, h } from '@/index';
-
-const Svg = mount(() => {
-  return () => (
-    <Fragment>
-      <svg
-        id="toggleSidebarMobileHamburger"
-        class="w-6 h-6"
-        fill="currentColor"
-        viewBox="0 0 20 20"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fill-rule="evenodd"
-          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-          clip-rule="evenodd"
-        ></path>
-        <path
-          fill-rule="evenodd"
-          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-          clip-rule="evenodd"
-        ></path>
-      </svg>
-      <div>
-        <p>test</p>
-      </div>
-      <svg
-        id="toggleSidebarMobileClose"
-        class="hidden w-6 h-6"
-        fill="currentColor"
-        viewBox="0 0 20 20"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fill-rule="evenodd"
-          d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-          clip-rule="evenodd"
-        ></path>
-      </svg>
-    </Fragment>
-  );
-});
-
-render(<Svg />, document.getElementById('root'));