@companix/re-render 0.0.1

package/dist/bundle.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=r=>{const e={};return s=>{const t=r(s);return e[t]||(e[t]=n()),e[t]}},n=()=>{let r=[];return{call(){r.forEach(({callback:e})=>e())},subscribe(e){return r.push(e),{unsubscribe(){r=r.filter(s=>s!==e)}}}}},a=r=>{const[,e]=c.useState([]),{unsubscribe:s}=c.useMemo(()=>r.subscribe({callback:()=>e([])}),[]);c.useEffect(()=>()=>s(),[])},i=r=>{r.call()},l=r=>{const e={value:r,subscribers:[],set:s=>{e.value=s,e.subscribers.forEach(t=>{t.rerender()})},change:s=>{e.value=s(e.value),e.subscribers.forEach(t=>{t.rerender()})}};return e},d=r=>{const[,e]=c.useState([]),s=c.useMemo(()=>{const t={rerender:()=>e([])};return r.subscribers.push(t),()=>{const u=r.subscribers.findIndex(b=>b===t);u!==-1&&r.subscribers.splice(u,1)}},[]);return c.useEffect(()=>()=>{s()},[]),r.value};exports.createState=l;exports.createSubject=n;exports.createSubjectStore=o;exports.rerender=i;exports.useLocalState=d;exports.useRerender=a;

package/dist/bundle.es.js

@@ -0,0 +1,66 @@
+import { useState as t, useMemo as u, useEffect as b } from "react";
+const l = (r) => {
+  const e = {};
+  return (s) => {
+    const c = r(s);
+    return e[c] || (e[c] = i()), e[c];
+  };
+}, i = () => {
+  let r = [];
+  return {
+    call() {
+      r.forEach(({ callback: e }) => e());
+    },
+    subscribe(e) {
+      return r.push(e), {
+        unsubscribe() {
+          r = r.filter((s) => s !== e);
+        }
+      };
+    }
+  };
+}, d = (r) => {
+  const [, e] = t([]), { unsubscribe: s } = u(() => r.subscribe({
+    callback: () => e([])
+  }), []);
+  b(() => () => s(), []);
+}, f = (r) => {
+  r.call();
+}, h = (r) => {
+  const e = {
+    value: r,
+    subscribers: [],
+    set: (s) => {
+      e.value = s, e.subscribers.forEach((c) => {
+        c.rerender();
+      });
+    },
+    change: (s) => {
+      e.value = s(e.value), e.subscribers.forEach((c) => {
+        c.rerender();
+      });
+    }
+  };
+  return e;
+}, S = (r) => {
+  const [, e] = t([]), s = u(() => {
+    const c = {
+      rerender: () => e([])
+    };
+    return r.subscribers.push(c), () => {
+      const n = r.subscribers.findIndex((o) => o === c);
+      n !== -1 && r.subscribers.splice(n, 1);
+    };
+  }, []);
+  return b(() => () => {
+    s();
+  }, []), r.value;
+};
+export {
+  h as createState,
+  i as createSubject,
+  l as createSubjectStore,
+  f as rerender,
+  S as useLocalState,
+  d as useRerender
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@companix/re-render",
+  "version": "0.0.01",
+  "description": "",
+  "main": "./dist/bundle.cjs.js",
+  "module": "./dist/bundle.es.js",
+  "types": "./src/index.ts",
+  "author": "Pavel Victorov",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "scripts": {
+    "echo": "echo \"re-render\"",
+    "dev": "vite --config vite.config.mts",
+    "build": "vite build --config vite.build.mts",
+    "lint": "eslint . --ext .ts,.tsx"
+  },
+  "devDependencies": {
+    "@rollup/plugin-eslint": "^9.0.5",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-react": "^4.6.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-webpack-plugin": "^4.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "vite": "^7.0.0",
+    "vite-plugin-checker": "^0.9.3"
+  }
+}