lithent 1.5.2 → 1.7.0

package/helper/dist/lithentHelper.mjs

@@ -1,22 +1,22 @@
-import { mountCallback as f, updateCallback as h, nextTick as g, render as d } from "lithent";
-const x = (r, t) => {
-  let e = r;
+import { mountCallback as f, updateCallback as g, nextTick as m, render as x } from "lithent";
+const C = (n, t) => {
+  let u = n;
   return {
     get value() {
-      return e;
+      return u;
     },
     get v() {
-      return e;
+      return u;
     },
-    set value(n) {
-      e = n, t();
+    set value(c) {
+      u = c, t();
     },
-    set v(n) {
-      e = n, t();
+    set v(c) {
+      u = c, t();
     }
   };
-}, w = (r) => {
-  let t = r;
+}, P = (n) => {
+  let t = n;
   return {
     get value() {
       return t();
@@ -24,54 +24,68 @@ const x = (r, t) => {
     get v() {
       return t();
     },
-    set value(e) {
+    set value(u) {
       throw new Error("You can't change 'computed'");
     },
-    set v(e) {
+    set v(u) {
       throw new Error("You can't change 'computed'");
     }
   };
-}, E = (r, t = () => {
-}, e = () => []) => {
-  f(() => (r(), t)), h(() => (t && t(), r), e);
-}, a = /* @__PURE__ */ new Map(), c = {}, C = (r) => {
+}, U = (n, t = () => {
+}, u = () => []) => {
+  f(() => (n(), t)), g(() => (t && t(), n), u);
+}, v = /* @__PURE__ */ new Map(), h = {}, r = {}, k = (n) => {
   const t = Symbol();
-  return a.set(t, r), (e) => (e && (c[t] ?? (c[t] = []), c[t].push(e)), v(t));
-}, v = (r) => new Proxy(a.get(r), {
-  get(t, e) {
-    return t[e];
-  },
-  set(t, e, n) {
-    t[e] = n;
-    const o = c[r], s = [];
-    return o.forEach((u) => {
-      u() || s.push(u);
-    }), s.forEach(
-      (u) => o.splice(o.indexOf(u), 1)
-    ), !0;
-  }
-}), U = (r, t) => {
-  let e = [], n = null;
-  return (o) => {
-    const s = r(), u = e.every((i, p) => i === s[p]);
-    if (e = s, u && n)
-      return n;
-    const l = t(o);
-    return n = l, l;
+  return v.set(t, n), (u, c) => {
+    if (u)
+      if (c) {
+        const l = { value: u }, s = d(t, l);
+        return c(s), l.value = null, s;
+      } else
+        h[t] ?? (h[t] = []), h[t].push(u);
+    return d(t);
   };
-}, k = (r, t, e) => {
-  let n = () => {
+}, d = (n, t) => {
+  const u = [];
+  return new Proxy(v.get(n), {
+    get(c, l) {
+      var s;
+      return t != null && t.value && (r[n] ?? (r[n] = {}), (s = r[n])[l] ?? (s[l] = []), r[n][l].includes(t.value) || (r[n][l].push(t.value), u.push(l))), u.includes(l) || !t ? c[l] : null;
+    },
+    set(c, l, s) {
+      (u.includes(l) || !t) && (c[l] = s);
+      const i = h[n] || [], a = t ? r[n][l] || [] : [], o = [];
+      return i.forEach((e) => {
+        e() || o.push(e);
+      }), a.forEach((e) => {
+        e() || o.push(e);
+      }), o.forEach((e) => {
+        i.splice(i.indexOf(e), 1), a.splice(a.indexOf(e), 1);
+      }), !0;
+    }
+  });
+}, D = (n, t) => {
+  let u = [], c = null;
+  return (l) => {
+    const s = n(), i = u.every((o, e) => o === s[e]);
+    if (u = s, i && c)
+      return c;
+    const a = t(l);
+    return c = a, a;
+  };
+}, S = (n, t, u) => {
+  let c = () => {
   };
-  return g().then(() => {
-    n = d(r(), t, e);
-  }), () => n();
+  return m().then(() => {
+    c = x(n(), t, u);
+  }), () => c();
 };
 export {
-  U as cacheUpdate,
-  w as computed,
-  E as effect,
-  k as nextTickRender,
-  x as state,
-  C as store
+  D as cacheUpdate,
+  P as computed,
+  U as effect,
+  S as nextTickRender,
+  C as state,
+  k as store
 };
 //# sourceMappingURL=lithentHelper.mjs.map

package/helper/dist/lithentHelper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lithentHelper.mjs","sources":["../src/hook/state.ts","../src/hook/computed.ts","../src/hook/effect.ts","../src/hook/store.ts","../src/hook/cacheUpdate.ts","../src/hook/nextTickRender.ts"],"sourcesContent":["export const state = <T>(\n  value: T,\n  renew: () => boolean\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result;\n    },\n    get v() {\n      return result;\n    },\n    set value(newValue: T) {\n      result = newValue;\n      renew();\n    },\n    set v(newValue: T) {\n      result = newValue;\n      renew();\n    },\n  };\n};\n","export const computed = <T>(\n  value: () => T\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result();\n    },\n    get v() {\n      return result();\n    },\n    set value(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n    set v(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n  };\n};\n","import { updateCallback, mountCallback } from 'lithent';\n\nexport const effect = (\n  forward: () => (() => void) | void,\n  backward: () => (() => void) | void = () => {},\n  dependencies: () => any[] = () => []\n) => {\n  mountCallback(() => {\n    forward();\n\n    return backward;\n  });\n\n  updateCallback(() => {\n    if (backward) {\n      backward();\n    }\n\n    return forward;\n  }, dependencies);\n};\n","/**\n * DataStore\n */\nconst storeGroup = new Map<string | symbol, unknown>();\nconst storeRenderList: {\n  [key: string | symbol]: (() => boolean)[];\n} = {};\n\nexport const store = <T extends {}>(value: T) => {\n  const storeKey = Symbol();\n  storeGroup.set(storeKey, value);\n\n  return (renew?: () => boolean) => {\n    if (renew) {\n      storeRenderList[storeKey] ??= [];\n      storeRenderList[storeKey].push(renew);\n    }\n\n    return updater<T>(storeKey);\n  };\n};\n\nconst updater = <T extends { [key: string | symbol]: unknown }>(\n  storeKey: string | symbol\n) =>\n  new Proxy(storeGroup.get(storeKey) as T, {\n    get(target: T, prop: string) {\n      return target[prop];\n    },\n    set(target, prop: keyof T, value) {\n      target[prop] = value;\n      const renderList = storeRenderList[storeKey];\n      const trashCollections: (() => boolean)[] = [];\n\n      renderList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      trashCollections.forEach(deleteTarget =>\n        renderList.splice(renderList.indexOf(deleteTarget), 1)\n      );\n\n      return true;\n    },\n  });\n","import { WDom, Props } from 'lithent';\n\nexport const cacheUpdate = (\n  checkFunction: () => unknown[],\n  updater: (props: Props) => WDom\n) => {\n  let originalDefs: unknown[] = [];\n  let originalUpdater: WDom | null = null;\n\n  return (props: Props) => {\n    const newDefs = checkFunction();\n    const isSame = originalDefs.every((def, index) => def === newDefs[index]);\n\n    originalDefs = newDefs;\n\n    if (isSame && originalUpdater) {\n      return originalUpdater;\n    }\n\n    const newUpdater = updater(props);\n    originalUpdater = newUpdater;\n\n    return newUpdater;\n  };\n};\n","import { render, WDom, nextTick } from 'lithent';\n\nexport const nextTickRender = (\n  wDomMaker: () => WDom,\n  wrapElement: HTMLElement | null,\n  afterElement?: HTMLElement | null\n) => {\n  let destroy = () => {};\n\n  nextTick().then(() => {\n    destroy = render(wDomMaker(), wrapElement, afterElement);\n  });\n\n  return () => destroy();\n};\n"],"names":["state","value","renew","result","newValue","computed","_newValue","effect","forward","backward","dependencies","mountCallback","updateCallback","storeGroup","storeRenderList","store","storeKey","updater","target","prop","renderList","trashCollections","deleteTarget","cacheUpdate","checkFunction","originalDefs","originalUpdater","props","newDefs","isSame","def","index","newUpdater","nextTickRender","wDomMaker","wrapElement","afterElement","destroy","nextTick","render"],"mappings":";AAAa,MAAAA,IAAQ,CACnBC,GACAC,MAIG;AACH,MAAIC,IAASF;AAEN,SAAA;AAAA,IACL,IAAI,QAAQ;AACH,aAAAE;AAAA,IACT;AAAA,IACA,IAAI,IAAI;AACC,aAAAA;AAAA,IACT;AAAA,IACA,IAAI,MAAMC,GAAa;AACZ,MAAAD,IAAAC,GACHF;IACR;AAAA,IACA,IAAI,EAAEE,GAAa;AACR,MAAAD,IAAAC,GACHF;IACR;AAAA,EAAA;AAEJ,GCzBaG,IAAW,CACtBJ,MAIG;AACH,MAAIE,IAASF;AAEN,SAAA;AAAA,IACL,IAAI,QAAQ;AACV,aAAOE,EAAO;AAAA,IAChB;AAAA,IACA,IAAI,IAAI;AACN,aAAOA,EAAO;AAAA,IAChB;AAAA,IACA,IAAI,MAAMG,GAAc;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAAA,IAC/C;AAAA,IACA,IAAI,EAAEA,GAAc;AACZ,YAAA,IAAI,MAAM,6BAA6B;AAAA,IAC/C;AAAA,EAAA;AAEJ,GCpBaC,IAAS,CACpBC,GACAC,IAAsC,MAAM;AAAC,GAC7CC,IAA4B,MAAM,OAC/B;AACH,EAAAC,EAAc,OACJH,KAEDC,EACR,GAEDG,EAAe,OACTH,KACOA,KAGJD,IACNE,CAAY;AACjB,GCjBMG,wBAAiB,OACjBC,IAEF,CAAA,GAESC,IAAQ,CAAed,MAAa;AAC/C,QAAMe,IAAW;AACN,SAAAH,EAAA,IAAIG,GAAUf,CAAK,GAEvB,CAACC,OACFA,MACcY,EAAAE,OAAAF,EAAAE,KAAc,KACdF,EAAAE,CAAQ,EAAE,KAAKd,CAAK,IAG/Be,EAAWD,CAAQ;AAE9B,GAEMC,IAAU,CACdD,MAEA,IAAI,MAAMH,EAAW,IAAIG,CAAQ,GAAQ;AAAA,EACvC,IAAIE,GAAWC,GAAc;AAC3B,WAAOD,EAAOC,CAAI;AAAA,EACpB;AAAA,EACA,IAAID,GAAQC,GAAelB,GAAO;AAChC,IAAAiB,EAAOC,CAAI,IAAIlB;AACT,UAAAmB,IAAaN,EAAgBE,CAAQ,GACrCK,IAAsC,CAAA;AAE5C,WAAAD,EAAW,QAAQ,CAASlB,MAAA;AACtB,MAACA,OACHmB,EAAiB,KAAKnB,CAAK;AAAA,IAC7B,CACD,GAEgBmB,EAAA;AAAA,MAAQ,OACvBD,EAAW,OAAOA,EAAW,QAAQE,CAAY,GAAG,CAAC;AAAA,IAAA,GAGhD;AAAA,EACT;AACF,CAAC,GC5CUC,IAAc,CACzBC,GACAP,MACG;AACH,MAAIQ,IAA0B,CAAA,GAC1BC,IAA+B;AAEnC,SAAO,CAACC,MAAiB;AACvB,UAAMC,IAAUJ,KACVK,IAASJ,EAAa,MAAM,CAACK,GAAKC,MAAUD,MAAQF,EAAQG,CAAK,CAAC;AAIxE,QAFeN,IAAAG,GAEXC,KAAUH;AACL,aAAAA;AAGH,UAAAM,IAAaf,EAAQU,CAAK;AACd,WAAAD,IAAAM,GAEXA;AAAA,EAAA;AAEX,GCtBaC,IAAiB,CAC5BC,GACAC,GACAC,MACG;AACH,MAAIC,IAAU,MAAM;AAAA,EAAA;AAEX,SAAAC,EAAA,EAAE,KAAK,MAAM;AACpB,IAAAD,IAAUE,EAAOL,EAAa,GAAAC,GAAaC,CAAY;AAAA,EAAA,CACxD,GAEM,MAAMC,EAAQ;AACvB;"}
+{"version":3,"file":"lithentHelper.mjs","sources":["../src/hook/state.ts","../src/hook/computed.ts","../src/hook/effect.ts","../src/hook/store.ts","../src/hook/cacheUpdate.ts","../src/hook/nextTickRender.ts"],"sourcesContent":["export const state = <T>(\n  value: T,\n  renew: () => boolean\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result;\n    },\n    get v() {\n      return result;\n    },\n    set value(newValue: T) {\n      result = newValue;\n      renew();\n    },\n    set v(newValue: T) {\n      result = newValue;\n      renew();\n    },\n  };\n};\n","export const computed = <T>(\n  value: () => T\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result();\n    },\n    get v() {\n      return result();\n    },\n    set value(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n    set v(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n  };\n};\n","import { updateCallback, mountCallback } from 'lithent';\n\nexport const effect = (\n  forward: () => (() => void) | void,\n  backward: () => (() => void) | void = () => {},\n  dependencies: () => any[] = () => []\n) => {\n  mountCallback(() => {\n    forward();\n\n    return backward;\n  });\n\n  updateCallback(() => {\n    if (backward) {\n      backward();\n    }\n\n    return forward;\n  }, dependencies);\n};\n","/**\n * DataStore\n */\ntype StoreValue = {\n  [key: string | symbol]: (() => boolean)[];\n};\n\nconst storeGroup = new Map<string | symbol, unknown>();\nconst storeRenderList: StoreValue = {};\nconst storeRenderObserveMap: {\n  [key: string | symbol]: StoreValue;\n} = {};\n\nexport const store = <T extends {}>(value: T) => {\n  const storeKey = Symbol();\n  storeGroup.set(storeKey, value);\n\n  return (renew?: () => boolean, makeObserver?: (store: T) => unknown[]) => {\n    if (renew) {\n      if (makeObserver) {\n        const renewRef: { value: (() => boolean) | null } = { value: renew };\n        const makedProxy = updater<T>(storeKey, renewRef);\n\n        makeObserver(makedProxy);\n        renewRef.value = null;\n\n        return makedProxy;\n      } else {\n        storeRenderList[storeKey] ??= [];\n        storeRenderList[storeKey].push(renew);\n      }\n    }\n\n    return updater<T>(storeKey);\n  };\n};\n\nconst updater = <T extends { [key: string | symbol]: unknown }>(\n  storeKey: string | symbol,\n  renewRef?: { value: (() => boolean) | null }\n) => {\n  const allowedAccessProp: (keyof T)[] = [];\n\n  return new Proxy(storeGroup.get(storeKey) as T, {\n    get(target: T, prop: keyof T) {\n      if (renewRef?.value) {\n        storeRenderObserveMap[storeKey] ??= {};\n        storeRenderObserveMap[storeKey][prop] ??= [];\n\n        if (!storeRenderObserveMap[storeKey][prop].includes(renewRef.value)) {\n          storeRenderObserveMap[storeKey][prop].push(renewRef.value);\n          allowedAccessProp.push(prop);\n        }\n      }\n\n      if (allowedAccessProp.includes(prop) || !renewRef) {\n        return target[prop];\n      }\n\n      return null;\n    },\n    set(target, prop: keyof T, value) {\n      if (allowedAccessProp.includes(prop) || !renewRef) {\n        target[prop] = value;\n      }\n\n      const renderList = storeRenderList[storeKey] || [];\n      const renderObserveList: (() => boolean)[] = renewRef\n        ? storeRenderObserveMap[storeKey][prop] || []\n        : [];\n      const trashCollections: (() => boolean)[] = [];\n\n      renderList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      renderObserveList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      trashCollections.forEach(deleteTarget => {\n        renderList.splice(renderList.indexOf(deleteTarget), 1);\n        renderObserveList.splice(renderObserveList.indexOf(deleteTarget), 1);\n      });\n\n      return true;\n    },\n  });\n};\n","import { WDom, Props } from 'lithent';\n\nexport const cacheUpdate = (\n  checkFunction: () => unknown[],\n  updater: (props: Props) => WDom\n) => {\n  let originalDefs: unknown[] = [];\n  let originalUpdater: WDom | null = null;\n\n  return (props: Props) => {\n    const newDefs = checkFunction();\n    const isSame = originalDefs.every((def, index) => def === newDefs[index]);\n\n    originalDefs = newDefs;\n\n    if (isSame && originalUpdater) {\n      return originalUpdater;\n    }\n\n    const newUpdater = updater(props);\n    originalUpdater = newUpdater;\n\n    return newUpdater;\n  };\n};\n","import { render, WDom, nextTick } from 'lithent';\n\nexport const nextTickRender = (\n  wDomMaker: () => WDom,\n  wrapElement: HTMLElement | null,\n  afterElement?: HTMLElement | null\n) => {\n  let destroy = () => {};\n\n  nextTick().then(() => {\n    destroy = render(wDomMaker(), wrapElement, afterElement);\n  });\n\n  return () => destroy();\n};\n"],"names":["state","value","renew","result","newValue","computed","_newValue","effect","forward","backward","dependencies","mountCallback","updateCallback","storeGroup","storeRenderList","storeRenderObserveMap","store","storeKey","makeObserver","renewRef","makedProxy","updater","allowedAccessProp","target","prop","_a","renderList","renderObserveList","trashCollections","deleteTarget","cacheUpdate","checkFunction","originalDefs","originalUpdater","props","newDefs","isSame","def","index","newUpdater","nextTickRender","wDomMaker","wrapElement","afterElement","destroy","nextTick","render"],"mappings":";AAAa,MAAAA,IAAQ,CACnBC,GACAC,MAIG;AACH,MAAIC,IAASF;AAEN,SAAA;AAAA,IACL,IAAI,QAAQ;AACH,aAAAE;AAAA,IACT;AAAA,IACA,IAAI,IAAI;AACC,aAAAA;AAAA,IACT;AAAA,IACA,IAAI,MAAMC,GAAa;AACZ,MAAAD,IAAAC,GACHF;IACR;AAAA,IACA,IAAI,EAAEE,GAAa;AACR,MAAAD,IAAAC,GACHF;IACR;AAAA,EAAA;AAEJ,GCzBaG,IAAW,CACtBJ,MAIG;AACH,MAAIE,IAASF;AAEN,SAAA;AAAA,IACL,IAAI,QAAQ;AACV,aAAOE,EAAO;AAAA,IAChB;AAAA,IACA,IAAI,IAAI;AACN,aAAOA,EAAO;AAAA,IAChB;AAAA,IACA,IAAI,MAAMG,GAAc;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAAA,IAC/C;AAAA,IACA,IAAI,EAAEA,GAAc;AACZ,YAAA,IAAI,MAAM,6BAA6B;AAAA,IAC/C;AAAA,EAAA;AAEJ,GCpBaC,IAAS,CACpBC,GACAC,IAAsC,MAAM;AAAC,GAC7CC,IAA4B,MAAM,OAC/B;AACH,EAAAC,EAAc,OACJH,KAEDC,EACR,GAEDG,EAAe,OACTH,KACOA,KAGJD,IACNE,CAAY;AACjB,GCbMG,wBAAiB,OACjBC,IAA8B,CAAA,GAC9BC,IAEF,CAAA,GAESC,IAAQ,CAAef,MAAa;AAC/C,QAAMgB,IAAW;AACN,SAAAJ,EAAA,IAAII,GAAUhB,CAAK,GAEvB,CAACC,GAAuBgB,MAA2C;AACxE,QAAIhB;AACF,UAAIgB,GAAc;AACV,cAAAC,IAA8C,EAAE,OAAOjB,KACvDkB,IAAaC,EAAWJ,GAAUE,CAAQ;AAEhD,eAAAD,EAAaE,CAAU,GACvBD,EAAS,QAAQ,MAEVC;AAAA,MAAA;AAES,QAAAN,EAAAG,OAAAH,EAAAG,KAAc,KACdH,EAAAG,CAAQ,EAAE,KAAKf,CAAK;AAIxC,WAAOmB,EAAWJ,CAAQ;AAAA,EAAA;AAE9B,GAEMI,IAAU,CACdJ,GACAE,MACG;AACH,QAAMG,IAAiC,CAAA;AAEvC,SAAO,IAAI,MAAMT,EAAW,IAAII,CAAQ,GAAQ;AAAA,IAC9C,IAAIM,GAAWC,GAAe;;AAW5B,aAVIL,KAAA,QAAAA,EAAU,UACUJ,EAAAE,OAAAF,EAAAE,KAAc,MACpCQ,IAAAV,EAAsBE,CAAQ,GAA9BO,OAAAC,EAAAD,KAA0C,CAAA,IAErCT,EAAsBE,CAAQ,EAAEO,CAAI,EAAE,SAASL,EAAS,KAAK,MAChEJ,EAAsBE,CAAQ,EAAEO,CAAI,EAAE,KAAKL,EAAS,KAAK,GACzDG,EAAkB,KAAKE,CAAI,KAI3BF,EAAkB,SAASE,CAAI,KAAK,CAACL,IAChCI,EAAOC,CAAI,IAGb;AAAA,IACT;AAAA,IACA,IAAID,GAAQC,GAAevB,GAAO;AAChC,OAAIqB,EAAkB,SAASE,CAAI,KAAK,CAACL,OACvCI,EAAOC,CAAI,IAAIvB;AAGjB,YAAMyB,IAAaZ,EAAgBG,CAAQ,KAAK,CAAA,GAC1CU,IAAuCR,IACzCJ,EAAsBE,CAAQ,EAAEO,CAAI,KAAK,CAAC,IAC1C,IACEI,IAAsC,CAAA;AAE5C,aAAAF,EAAW,QAAQ,CAASxB,MAAA;AACtB,QAACA,OACH0B,EAAiB,KAAK1B,CAAK;AAAA,MAC7B,CACD,GAEDyB,EAAkB,QAAQ,CAASzB,MAAA;AAC7B,QAACA,OACH0B,EAAiB,KAAK1B,CAAK;AAAA,MAC7B,CACD,GAED0B,EAAiB,QAAQ,CAAgBC,MAAA;AACvC,QAAAH,EAAW,OAAOA,EAAW,QAAQG,CAAY,GAAG,CAAC,GACrDF,EAAkB,OAAOA,EAAkB,QAAQE,CAAY,GAAG,CAAC;AAAA,MAAA,CACpE,GAEM;AAAA,IACT;AAAA,EAAA,CACD;AACH,GC1FaC,IAAc,CACzBC,GACAV,MACG;AACH,MAAIW,IAA0B,CAAA,GAC1BC,IAA+B;AAEnC,SAAO,CAACC,MAAiB;AACvB,UAAMC,IAAUJ,KACVK,IAASJ,EAAa,MAAM,CAACK,GAAKC,MAAUD,MAAQF,EAAQG,CAAK,CAAC;AAIxE,QAFeN,IAAAG,GAEXC,KAAUH;AACL,aAAAA;AAGH,UAAAM,IAAalB,EAAQa,CAAK;AACd,WAAAD,IAAAM,GAEXA;AAAA,EAAA;AAEX,GCtBaC,IAAiB,CAC5BC,GACAC,GACAC,MACG;AACH,MAAIC,IAAU,MAAM;AAAA,EAAA;AAEX,SAAAC,EAAA,EAAE,KAAK,MAAM;AACpB,IAAAD,IAAUE,EAAOL,EAAa,GAAAC,GAAaC,CAAY;AAAA,EAAA,CACxD,GAEM,MAAMC,EAAQ;AACvB;"}

package/helper/dist/lithentHelper.umd.js

@@ -1,2 +1,2 @@
-(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("lithent")):typeof define=="function"&&define.amd?define(["exports","lithent"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.lithentHelper={},r.lithent))})(this,function(r,o){"use strict";const d=(n,e)=>{let t=n;return{get value(){return t},get v(){return t},set value(u){t=u,e()},set v(u){t=u,e()}}},p=n=>{let e=n;return{get value(){return e()},get v(){return e()},set value(t){throw new Error("You can't change 'computed'")},set v(t){throw new Error("You can't change 'computed'")}}},h=(n,e=()=>{},t=()=>[])=>{o.mountCallback(()=>(n(),e)),o.updateCallback(()=>(e&&e(),n),t)},a=new Map,s={},g=n=>{const e=Symbol();return a.set(e,n),t=>(t&&(s[e]??(s[e]=[]),s[e].push(t)),m(e))},m=n=>new Proxy(a.get(n),{get(e,t){return e[t]},set(e,t,u){e[t]=u;const i=s[n],l=[];return i.forEach(c=>{c()||l.push(c)}),l.forEach(c=>i.splice(i.indexOf(c),1)),!0}}),v=(n,e)=>{let t=[],u=null;return i=>{const l=n(),c=t.every((T,w)=>T===l[w]);if(t=l,c&&u)return u;const f=e(i);return u=f,f}},y=(n,e,t)=>{let u=()=>{};return o.nextTick().then(()=>{u=o.render(n(),e,t)}),()=>u()};r.cacheUpdate=v,r.computed=p,r.effect=h,r.nextTickRender=y,r.state=d,r.store=g,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(l,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("lithent")):typeof define=="function"&&define.amd?define(["exports","lithent"],a):(l=typeof globalThis<"u"?globalThis:l||self,a(l.lithentHelper={},l.lithent))})(this,function(l,a){"use strict";const m=(n,t)=>{let e=n;return{get value(){return e},get v(){return e},set value(u){e=u,t()},set v(u){e=u,t()}}},E=n=>{let t=n;return{get value(){return t()},get v(){return t()},set value(e){throw new Error("You can't change 'computed'")},set v(e){throw new Error("You can't change 'computed'")}}},T=(n,t=()=>{},e=()=>[])=>{a.mountCallback(()=>(n(),t)),a.updateCallback(()=>(t&&t(),n),e)},v=new Map,d={},r={},x=n=>{const t=Symbol();return v.set(t,n),(e,u)=>{if(e)if(u){const c={value:e},i=g(t,c);return u(i),c.value=null,i}else d[t]??(d[t]=[]),d[t].push(e);return g(t)}},g=(n,t)=>{const e=[];return new Proxy(v.get(n),{get(u,c){var i;return t!=null&&t.value&&(r[n]??(r[n]={}),(i=r[n])[c]??(i[c]=[]),r[n][c].includes(t.value)||(r[n][c].push(t.value),e.push(c))),e.includes(c)||!t?u[c]:null},set(u,c,i){(e.includes(c)||!t)&&(u[c]=i);const f=d[n]||[],o=t?r[n][c]||[]:[],h=[];return f.forEach(s=>{s()||h.push(s)}),o.forEach(s=>{s()||h.push(s)}),h.forEach(s=>{f.splice(f.indexOf(s),1),o.splice(o.indexOf(s),1)}),!0}})},P=(n,t)=>{let e=[],u=null;return c=>{const i=n(),f=e.every((h,s)=>h===i[s]);if(e=i,f&&u)return u;const o=t(c);return u=o,o}},S=(n,t,e)=>{let u=()=>{};return a.nextTick().then(()=>{u=a.render(n(),t,e)}),()=>u()};l.cacheUpdate=P,l.computed=E,l.effect=T,l.nextTickRender=S,l.state=m,l.store=x,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=lithentHelper.umd.js.map

package/helper/dist/lithentHelper.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"lithentHelper.umd.js","sources":["../src/hook/state.ts","../src/hook/computed.ts","../src/hook/effect.ts","../src/hook/store.ts","../src/hook/cacheUpdate.ts","../src/hook/nextTickRender.ts"],"sourcesContent":["export const state = <T>(\n  value: T,\n  renew: () => boolean\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result;\n    },\n    get v() {\n      return result;\n    },\n    set value(newValue: T) {\n      result = newValue;\n      renew();\n    },\n    set v(newValue: T) {\n      result = newValue;\n      renew();\n    },\n  };\n};\n","export const computed = <T>(\n  value: () => T\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result();\n    },\n    get v() {\n      return result();\n    },\n    set value(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n    set v(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n  };\n};\n","import { updateCallback, mountCallback } from 'lithent';\n\nexport const effect = (\n  forward: () => (() => void) | void,\n  backward: () => (() => void) | void = () => {},\n  dependencies: () => any[] = () => []\n) => {\n  mountCallback(() => {\n    forward();\n\n    return backward;\n  });\n\n  updateCallback(() => {\n    if (backward) {\n      backward();\n    }\n\n    return forward;\n  }, dependencies);\n};\n","/**\n * DataStore\n */\nconst storeGroup = new Map<string | symbol, unknown>();\nconst storeRenderList: {\n  [key: string | symbol]: (() => boolean)[];\n} = {};\n\nexport const store = <T extends {}>(value: T) => {\n  const storeKey = Symbol();\n  storeGroup.set(storeKey, value);\n\n  return (renew?: () => boolean) => {\n    if (renew) {\n      storeRenderList[storeKey] ??= [];\n      storeRenderList[storeKey].push(renew);\n    }\n\n    return updater<T>(storeKey);\n  };\n};\n\nconst updater = <T extends { [key: string | symbol]: unknown }>(\n  storeKey: string | symbol\n) =>\n  new Proxy(storeGroup.get(storeKey) as T, {\n    get(target: T, prop: string) {\n      return target[prop];\n    },\n    set(target, prop: keyof T, value) {\n      target[prop] = value;\n      const renderList = storeRenderList[storeKey];\n      const trashCollections: (() => boolean)[] = [];\n\n      renderList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      trashCollections.forEach(deleteTarget =>\n        renderList.splice(renderList.indexOf(deleteTarget), 1)\n      );\n\n      return true;\n    },\n  });\n","import { WDom, Props } from 'lithent';\n\nexport const cacheUpdate = (\n  checkFunction: () => unknown[],\n  updater: (props: Props) => WDom\n) => {\n  let originalDefs: unknown[] = [];\n  let originalUpdater: WDom | null = null;\n\n  return (props: Props) => {\n    const newDefs = checkFunction();\n    const isSame = originalDefs.every((def, index) => def === newDefs[index]);\n\n    originalDefs = newDefs;\n\n    if (isSame && originalUpdater) {\n      return originalUpdater;\n    }\n\n    const newUpdater = updater(props);\n    originalUpdater = newUpdater;\n\n    return newUpdater;\n  };\n};\n","import { render, WDom, nextTick } from 'lithent';\n\nexport const nextTickRender = (\n  wDomMaker: () => WDom,\n  wrapElement: HTMLElement | null,\n  afterElement?: HTMLElement | null\n) => {\n  let destroy = () => {};\n\n  nextTick().then(() => {\n    destroy = render(wDomMaker(), wrapElement, afterElement);\n  });\n\n  return () => destroy();\n};\n"],"names":["state","value","renew","result","newValue","computed","_newValue","effect","forward","backward","dependencies","mountCallback","updateCallback","storeGroup","storeRenderList","store","storeKey","updater","target","prop","renderList","trashCollections","deleteTarget","cacheUpdate","checkFunction","originalDefs","originalUpdater","props","newDefs","isSame","def","index","newUpdater","nextTickRender","wDomMaker","wrapElement","afterElement","destroy","nextTick","render"],"mappings":"8QAAa,MAAAA,EAAQ,CACnBC,EACAC,IAIG,CACH,IAAIC,EAASF,EAEN,MAAA,CACL,IAAI,OAAQ,CACH,OAAAE,CACT,EACA,IAAI,GAAI,CACC,OAAAA,CACT,EACA,IAAI,MAAMC,EAAa,CACZD,EAAAC,EACHF,GACR,EACA,IAAI,EAAEE,EAAa,CACRD,EAAAC,EACHF,GACR,CAAA,CAEJ,ECzBaG,EACXJ,GAIG,CACH,IAAIE,EAASF,EAEN,MAAA,CACL,IAAI,OAAQ,CACV,OAAOE,EAAO,CAChB,EACA,IAAI,GAAI,CACN,OAAOA,EAAO,CAChB,EACA,IAAI,MAAMG,EAAc,CAChB,MAAA,IAAI,MAAM,6BAA6B,CAC/C,EACA,IAAI,EAAEA,EAAc,CACZ,MAAA,IAAI,MAAM,6BAA6B,CAC/C,CAAA,CAEJ,ECpBaC,EAAS,CACpBC,EACAC,EAAsC,IAAM,CAAC,EAC7CC,EAA4B,IAAM,KAC/B,CACHC,EAAAA,cAAc,KACJH,IAEDC,EACR,EAEDG,EAAAA,eAAe,KACTH,GACOA,IAGJD,GACNE,CAAY,CACjB,ECjBMG,MAAiB,IACjBC,EAEF,CAAA,EAESC,EAAuBd,GAAa,CAC/C,MAAMe,EAAW,SACN,OAAAH,EAAA,IAAIG,EAAUf,CAAK,EAEtBC,IACFA,IACcY,EAAAE,KAAAF,EAAAE,GAAc,IACdF,EAAAE,CAAQ,EAAE,KAAKd,CAAK,GAG/Be,EAAWD,CAAQ,EAE9B,EAEMC,EACJD,GAEA,IAAI,MAAMH,EAAW,IAAIG,CAAQ,EAAQ,CACvC,IAAIE,EAAWC,EAAc,CAC3B,OAAOD,EAAOC,CAAI,CACpB,EACA,IAAID,EAAQC,EAAelB,EAAO,CAChCiB,EAAOC,CAAI,EAAIlB,EACT,MAAAmB,EAAaN,EAAgBE,CAAQ,EACrCK,EAAsC,CAAA,EAE5C,OAAAD,EAAW,QAAiBlB,GAAA,CACrBA,KACHmB,EAAiB,KAAKnB,CAAK,CAC7B,CACD,EAEgBmB,EAAA,WACfD,EAAW,OAAOA,EAAW,QAAQE,CAAY,EAAG,CAAC,CAAA,EAGhD,EACT,CACF,CAAC,EC5CUC,EAAc,CACzBC,EACAP,IACG,CACH,IAAIQ,EAA0B,CAAA,EAC1BC,EAA+B,KAEnC,OAAQC,GAAiB,CACvB,MAAMC,EAAUJ,IACVK,EAASJ,EAAa,MAAM,CAACK,EAAKC,IAAUD,IAAQF,EAAQG,CAAK,CAAC,EAIxE,GAFeN,EAAAG,EAEXC,GAAUH,EACL,OAAAA,EAGH,MAAAM,EAAaf,EAAQU,CAAK,EACd,OAAAD,EAAAM,EAEXA,CAAA,CAEX,ECtBaC,EAAiB,CAC5BC,EACAC,EACAC,IACG,CACH,IAAIC,EAAU,IAAM,CAAA,EAEXC,OAAAA,EAAA,SAAA,EAAE,KAAK,IAAM,CACpBD,EAAUE,EAAAA,OAAOL,EAAa,EAAAC,EAAaC,CAAY,CAAA,CACxD,EAEM,IAAMC,EAAQ,CACvB"}
+{"version":3,"file":"lithentHelper.umd.js","sources":["../src/hook/state.ts","../src/hook/computed.ts","../src/hook/effect.ts","../src/hook/store.ts","../src/hook/cacheUpdate.ts","../src/hook/nextTickRender.ts"],"sourcesContent":["export const state = <T>(\n  value: T,\n  renew: () => boolean\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result;\n    },\n    get v() {\n      return result;\n    },\n    set value(newValue: T) {\n      result = newValue;\n      renew();\n    },\n    set v(newValue: T) {\n      result = newValue;\n      renew();\n    },\n  };\n};\n","export const computed = <T>(\n  value: () => T\n): {\n  value: T;\n  v: T;\n} => {\n  let result = value;\n\n  return {\n    get value() {\n      return result();\n    },\n    get v() {\n      return result();\n    },\n    set value(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n    set v(_newValue: T) {\n      throw new Error(`You can't change 'computed'`);\n    },\n  };\n};\n","import { updateCallback, mountCallback } from 'lithent';\n\nexport const effect = (\n  forward: () => (() => void) | void,\n  backward: () => (() => void) | void = () => {},\n  dependencies: () => any[] = () => []\n) => {\n  mountCallback(() => {\n    forward();\n\n    return backward;\n  });\n\n  updateCallback(() => {\n    if (backward) {\n      backward();\n    }\n\n    return forward;\n  }, dependencies);\n};\n","/**\n * DataStore\n */\ntype StoreValue = {\n  [key: string | symbol]: (() => boolean)[];\n};\n\nconst storeGroup = new Map<string | symbol, unknown>();\nconst storeRenderList: StoreValue = {};\nconst storeRenderObserveMap: {\n  [key: string | symbol]: StoreValue;\n} = {};\n\nexport const store = <T extends {}>(value: T) => {\n  const storeKey = Symbol();\n  storeGroup.set(storeKey, value);\n\n  return (renew?: () => boolean, makeObserver?: (store: T) => unknown[]) => {\n    if (renew) {\n      if (makeObserver) {\n        const renewRef: { value: (() => boolean) | null } = { value: renew };\n        const makedProxy = updater<T>(storeKey, renewRef);\n\n        makeObserver(makedProxy);\n        renewRef.value = null;\n\n        return makedProxy;\n      } else {\n        storeRenderList[storeKey] ??= [];\n        storeRenderList[storeKey].push(renew);\n      }\n    }\n\n    return updater<T>(storeKey);\n  };\n};\n\nconst updater = <T extends { [key: string | symbol]: unknown }>(\n  storeKey: string | symbol,\n  renewRef?: { value: (() => boolean) | null }\n) => {\n  const allowedAccessProp: (keyof T)[] = [];\n\n  return new Proxy(storeGroup.get(storeKey) as T, {\n    get(target: T, prop: keyof T) {\n      if (renewRef?.value) {\n        storeRenderObserveMap[storeKey] ??= {};\n        storeRenderObserveMap[storeKey][prop] ??= [];\n\n        if (!storeRenderObserveMap[storeKey][prop].includes(renewRef.value)) {\n          storeRenderObserveMap[storeKey][prop].push(renewRef.value);\n          allowedAccessProp.push(prop);\n        }\n      }\n\n      if (allowedAccessProp.includes(prop) || !renewRef) {\n        return target[prop];\n      }\n\n      return null;\n    },\n    set(target, prop: keyof T, value) {\n      if (allowedAccessProp.includes(prop) || !renewRef) {\n        target[prop] = value;\n      }\n\n      const renderList = storeRenderList[storeKey] || [];\n      const renderObserveList: (() => boolean)[] = renewRef\n        ? storeRenderObserveMap[storeKey][prop] || []\n        : [];\n      const trashCollections: (() => boolean)[] = [];\n\n      renderList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      renderObserveList.forEach(renew => {\n        if (!renew()) {\n          trashCollections.push(renew);\n        }\n      });\n\n      trashCollections.forEach(deleteTarget => {\n        renderList.splice(renderList.indexOf(deleteTarget), 1);\n        renderObserveList.splice(renderObserveList.indexOf(deleteTarget), 1);\n      });\n\n      return true;\n    },\n  });\n};\n","import { WDom, Props } from 'lithent';\n\nexport const cacheUpdate = (\n  checkFunction: () => unknown[],\n  updater: (props: Props) => WDom\n) => {\n  let originalDefs: unknown[] = [];\n  let originalUpdater: WDom | null = null;\n\n  return (props: Props) => {\n    const newDefs = checkFunction();\n    const isSame = originalDefs.every((def, index) => def === newDefs[index]);\n\n    originalDefs = newDefs;\n\n    if (isSame && originalUpdater) {\n      return originalUpdater;\n    }\n\n    const newUpdater = updater(props);\n    originalUpdater = newUpdater;\n\n    return newUpdater;\n  };\n};\n","import { render, WDom, nextTick } from 'lithent';\n\nexport const nextTickRender = (\n  wDomMaker: () => WDom,\n  wrapElement: HTMLElement | null,\n  afterElement?: HTMLElement | null\n) => {\n  let destroy = () => {};\n\n  nextTick().then(() => {\n    destroy = render(wDomMaker(), wrapElement, afterElement);\n  });\n\n  return () => destroy();\n};\n"],"names":["state","value","renew","result","newValue","computed","_newValue","effect","forward","backward","dependencies","mountCallback","updateCallback","storeGroup","storeRenderList","storeRenderObserveMap","store","storeKey","makeObserver","renewRef","makedProxy","updater","allowedAccessProp","target","prop","_a","renderList","renderObserveList","trashCollections","deleteTarget","cacheUpdate","checkFunction","originalDefs","originalUpdater","props","newDefs","isSame","def","index","newUpdater","nextTickRender","wDomMaker","wrapElement","afterElement","destroy","nextTick","render"],"mappings":"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"}

package/helper/src/hook/store.ts

@@ -1,19 +1,34 @@
 /**
  * DataStore
  */
-const storeGroup = new Map<string | symbol, unknown>();
-const storeRenderList: {
+type StoreValue = {
   [key: string | symbol]: (() => boolean)[];
+};
+
+const storeGroup = new Map<string | symbol, unknown>();
+const storeRenderList: StoreValue = {};
+const storeRenderObserveMap: {
+  [key: string | symbol]: StoreValue;
 } = {};
 
 export const store = <T extends {}>(value: T) => {
   const storeKey = Symbol();
   storeGroup.set(storeKey, value);
 
-  return (renew?: () => boolean) => {
+  return (renew?: () => boolean, makeObserver?: (store: T) => unknown[]) => {
     if (renew) {
-      storeRenderList[storeKey] ??= [];
-      storeRenderList[storeKey].push(renew);
+      if (makeObserver) {
+        const renewRef: { value: (() => boolean) | null } = { value: renew };
+        const makedProxy = updater<T>(storeKey, renewRef);
+
+        makeObserver(makedProxy);
+        renewRef.value = null;
+
+        return makedProxy;
+      } else {
+        storeRenderList[storeKey] ??= [];
+        storeRenderList[storeKey].push(renew);
+      }
     }
 
     return updater<T>(storeKey);
@@ -21,15 +36,38 @@ export const store = <T extends {}>(value: T) => {
 };
 
 const updater = <T extends { [key: string | symbol]: unknown }>(
-  storeKey: string | symbol
-) =>
-  new Proxy(storeGroup.get(storeKey) as T, {
-    get(target: T, prop: string) {
-      return target[prop];
+  storeKey: string | symbol,
+  renewRef?: { value: (() => boolean) | null }
+) => {
+  const allowedAccessProp: (keyof T)[] = [];
+
+  return new Proxy(storeGroup.get(storeKey) as T, {
+    get(target: T, prop: keyof T) {
+      if (renewRef?.value) {
+        storeRenderObserveMap[storeKey] ??= {};
+        storeRenderObserveMap[storeKey][prop] ??= [];
+
+        if (!storeRenderObserveMap[storeKey][prop].includes(renewRef.value)) {
+          storeRenderObserveMap[storeKey][prop].push(renewRef.value);
+          allowedAccessProp.push(prop);
+        }
+      }
+
+      if (allowedAccessProp.includes(prop) || !renewRef) {
+        return target[prop];
+      }
+
+      return null;
     },
     set(target, prop: keyof T, value) {
-      target[prop] = value;
-      const renderList = storeRenderList[storeKey];
+      if (allowedAccessProp.includes(prop) || !renewRef) {
+        target[prop] = value;
+      }
+
+      const renderList = storeRenderList[storeKey] || [];
+      const renderObserveList: (() => boolean)[] = renewRef
+        ? storeRenderObserveMap[storeKey][prop] || []
+        : [];
       const trashCollections: (() => boolean)[] = [];
 
       renderList.forEach(renew => {
@@ -38,10 +76,18 @@ const updater = <T extends { [key: string | symbol]: unknown }>(
         }
       });
 
-      trashCollections.forEach(deleteTarget =>
-        renderList.splice(renderList.indexOf(deleteTarget), 1)
-      );
+      renderObserveList.forEach(renew => {
+        if (!renew()) {
+          trashCollections.push(renew);
+        }
+      });
+
+      trashCollections.forEach(deleteTarget => {
+        renderList.splice(renderList.indexOf(deleteTarget), 1);
+        renderObserveList.splice(renderObserveList.indexOf(deleteTarget), 1);
+      });
 
       return true;
     },
   });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lithent",
-  "version": "1.5.2",
+  "version": "1.7.0",
   "description": "An extensible virtual DOM library for lightweight use in a variety of environments.",
   "packageManager": "pnpm@7.6.0",
   "main": "./dist/lithent.umd.js",
@@ -68,15 +68,10 @@
     "lithent"
   ],
   "devDependencies": {
-    "@babel/cli": "^7.18.9",
-    "@babel/core": "^7.18.9",
-    "@babel/plugin-transform-react-jsx": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
     "@nabla/vite-plugin-eslint": "^1.4.1",
     "@typescript-eslint/eslint-plugin": "^5.30.7",
     "@typescript-eslint/parser": "^5.30.7",
     "@vitest/coverage-v8": "^0.32.2",
-    "babel-plugin-module-resolver": "^4.1.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",

package/src/diff.ts

@@ -44,6 +44,7 @@ const remakeNewWDom = (
   inheritPropForRender(remakeWDom, originalWDom, needRerender);
 
   if (!isNoting && originalWDom) {
+    originalWDom.isLegacy = true;
     delete originalWDom.children;
   }
 

package/src/index.ts

@@ -1,8 +1,8 @@
-import { h, Fragment, mount } from '@/wDom';
-import { render } from '@/render';
-import { mountCallback } from '@/hook/mountCallback';
-import { updateCallback } from '@/hook/updateCallback';
-import { ref, nextTick } from '@/hook/ref';
+export { h, Fragment, mount } from '@/wDom';
+export { render } from '@/render';
+export { mountCallback } from '@/hook/mountCallback';
+export { updateCallback } from '@/hook/updateCallback';
+export { ref, nextTick } from '@/hook/ref';
 
 export type {
   WDom,
@@ -26,14 +26,3 @@ declare global {
     }
   }
 }
-
-export {
-  h,
-  Fragment,
-  render,
-  mount,
-  mountCallback,
-  updateCallback,
-  ref,
-  nextTick,
-};

package/src/tests/storeObserver.tsx

@@ -0,0 +1,190 @@
+import { h, render, mount, Fragment, ref, nextTick } from '@/index';
+
+type StoreValue = {
+  [key: string | symbol]: (() => boolean)[];
+};
+
+const testChangeRef1 = ref<null | (() => void)>(null);
+const testChangeRef2 = ref<null | (() => void)>(null);
+const testChangeRef3 = ref<null | (() => void)>(null);
+
+const storeGroup = new Map<string | symbol, unknown>();
+
+const storeRenderList: StoreValue = {};
+
+const storeRenderObserveMap: {
+  [key: string | symbol]: StoreValue;
+} = {};
+
+export const store = <T extends {}>(value: T) => {
+  const storeKey = Symbol();
+  storeGroup.set(storeKey, value);
+
+  return (renew?: () => boolean, makeObserver?: (store: T) => unknown[]) => {
+    if (renew) {
+      if (makeObserver) {
+        const renewRef: { value: (() => boolean) | null } = { value: renew };
+        const makedProxy = updater<T>(storeKey, renewRef);
+
+        makeObserver(makedProxy);
+        renewRef.value = null;
+
+        return makedProxy;
+      } else {
+        storeRenderList[storeKey] ??= [];
+        storeRenderList[storeKey].push(renew);
+      }
+    }
+
+    return updater<T>(storeKey);
+  };
+};
+
+const updater = <T extends { [key: string | symbol]: unknown }>(
+  storeKey: string | symbol,
+  renewRef?: { value: (() => boolean) | null }
+) => {
+  const allowedAccessProp: (keyof T)[] = [];
+
+  return new Proxy(storeGroup.get(storeKey) as T, {
+    get(target: T, prop: keyof T) {
+      if (renewRef?.value) {
+        storeRenderObserveMap[storeKey] ??= {};
+        storeRenderObserveMap[storeKey][prop] ??= [];
+
+        if (!storeRenderObserveMap[storeKey][prop].includes(renewRef.value)) {
+          storeRenderObserveMap[storeKey][prop].push(renewRef.value);
+          allowedAccessProp.push(prop);
+        }
+      }
+
+      if (allowedAccessProp.includes(prop) || !renewRef) {
+        return target[prop];
+      }
+
+      return null;
+    },
+    set(target, prop: keyof T, value) {
+      if (allowedAccessProp.includes(prop) || !renewRef) {
+        target[prop] = value;
+      }
+
+      const renderList = storeRenderList[storeKey] || [];
+      const renderObserveList: (() => boolean)[] = renewRef
+        ? storeRenderObserveMap[storeKey][prop] || []
+        : [];
+      const trashCollections: (() => boolean)[] = [];
+
+      renderList.forEach(renew => {
+        if (!renew()) {
+          trashCollections.push(renew);
+        }
+      });
+
+      renderObserveList.forEach(renew => {
+        if (!renew()) {
+          trashCollections.push(renew);
+        }
+      });
+
+      trashCollections.forEach(deleteTarget => {
+        renderList.splice(renderList.indexOf(deleteTarget), 1);
+        renderObserveList.splice(renderObserveList.indexOf(deleteTarget), 1);
+      });
+
+      return true;
+    },
+  });
+};
+
+const assignShardStore = store<{
+  count1: number;
+  count2: number;
+  count3: number;
+}>({
+  count1: 0,
+  count2: 0,
+  count3: 0,
+});
+
+const Component = mount(renew => {
+  const shardStore = assignShardStore(renew, store => [
+    store.count1,
+    store.count3,
+  ]);
+
+  const changeCount1 = () => {
+    shardStore.count1 += 1;
+  };
+
+  const changeCount2 = () => {
+    shardStore.count2 += 1;
+  };
+
+  const changeCount3 = () => {
+    shardStore.count3 += 1;
+  };
+
+  testChangeRef1.value = changeCount1;
+  testChangeRef2.value = changeCount2;
+  testChangeRef3.value = changeCount3;
+
+  return () => (
+    <Fragment>
+      <button type="button" onClick={changeCount1}>
+        count1: {shardStore.count1}
+      </button>
+      <button type="button" onClick={changeCount2}>
+        count2: {shardStore.count2}
+      </button>
+      <button type="button" onClick={changeCount3}>
+        count3: {shardStore.count3}
+      </button>
+    </Fragment>
+  );
+});
+
+document.body.innerHTML = `<div id="root"><span>1</span><span>2</span><span>3</span></div>`;
+const testbad = document.createElement('div');
+testbad.id = 'root';
+
+testbad.innerHTML = '<span>1</span><span>2</span><span>3</span>';
+
+const testWrap =
+  (document.getElementById('root') as HTMLElement) ||
+  document.createElement('div');
+
+render(
+  <Component />,
+  testWrap,
+  testWrap.querySelector('span:nth-of-type(2)') as HTMLElement
+);
+
+render(
+  <Component />,
+  testWrap,
+  testWrap.querySelector('span:nth-of-type(3)') as HTMLElement
+);
+
+if (import.meta.vitest) {
+  const { it, expect } = import.meta.vitest;
+
+  it('If the observer function is specified when assigning from helper/store, only the specified value can be retrieved.', () => {
+    expect(testWrap.outerHTML).toBe(
+      '<div id="root"><span>1</span><button type="button">count1: 0</button><button type="button">count2: </button><button type="button">count3: 0</button><span>2</span><button type="button">count1: 0</button><button type="button">count2: </button><button type="button">count3: 0</button><span>3</span></div>'
+    );
+  });
+
+  it('If you define an observer function to get a value from store, you must also restrict updates to the value.', () => {
+    if (testChangeRef1.value && testChangeRef2.value && testChangeRef3.value) {
+      testChangeRef1.value();
+      testChangeRef2.value();
+      testChangeRef3.value();
+    }
+    nextTick().then(() => {
+      expect(testWrap.outerHTML).toBe(
+        '<div id="root"><span>1</span><button type="button">count1: 1</button><button type="button">count2: </button><button type="button">count3: 1</button><span>2</span><button type="button">count1: 1</button><button type="button">count2: </button><button type="button">count3: 1</button><span>3</span></div>'
+      );
+    });
+  });
+}