edge-city

edge-city is a next level meta-framework for react that runs only on edge runtimes

bf78f572 — Peter John

move atom to separate file

Files changed (3) hide show

atom.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { useState, useEffect } from 'react';
+export const atom = (initial) => {
+  let value;
+  const isDerived = typeof initial === 'function';
+  const subs = new Set();
+  const get = (a) => {
+    a.subscribe(compute);
+    return a.getValue();
+  };
+  const compute = () => {
+    value = initial(get);
+    subs.forEach((sub) => {
+      sub(value);
+    });
+  };
+  if (isDerived) {
+    compute();
+  } else {
+    value = initial;
+  }
+  return {
+    getValue() {
+      return value;
+    },
+    subscribe(fn) {
+      subs.add(fn);
+      return () => subs.delete(fn);
+    },
+    update(fn) {
+      value = fn(value);
+      subs.forEach((sub) => {
+        sub(value);
+      });
+    },
+  };
+};
+export const useAtom = (atom) => {
+  const [data, setData] = useState(atom.getValue());
+  useEffect(() => {
+    return atom.subscribe((value) => {
+      setData(value);
+    });
+  }, []);
+  return data;
+};

index.js CHANGED Viewed

@@ -45,6 +45,7 @@ const renderPage = async (filePath, url, params) => {
                 ...deps,
                 "react-dom/client": "https://esm.sh/react-dom@18.2.0/client?dev",
                 "react/jsx-dev-runtime": "https://esm.sh/react@18.2.0/jsx-dev-runtime?dev",
+                "@/atom.js": "/assets/js/src/atom.js",
                 "@/router.js": "/assets/js/src/router.js",
                 "@/routes/index/page.jsx": "/routes/index/page.js",
                 "@/components/Todo.jsx": "/components/Todo.js",

router.js CHANGED Viewed

@@ -1,50 +1,4 @@
-import { useState, useEffect } from 'react';
+import { atom, useAtom } from "@/atom.js";
-export const atom = (initial) => {
-  let value;
-  const isDerived = typeof initial === 'function';
-  const subs = new Set();
-  const get = (a) => {
-    a.subscribe(compute);
-    return a.getValue();
-  };
-  const compute = () => {
-    value = initial(get);
-    subs.forEach((sub) => {
-      sub(value);
-    });
-  };
-  if (isDerived) {
-    compute();
-  } else {
-    value = initial;
-  }
-  return {
-    getValue() {
-      return value;
-    },
-    subscribe(fn) {
-      subs.add(fn);
-      return () => subs.delete(fn);
-    },
-    update(fn) {
-      value = fn(value);
-      subs.forEach((sub) => {
-        sub(value);
-      });
-    },
-  };
-};
-export const useAtom = (atom) => {
-  const [data, setData] = useState(atom.getValue());
-  useEffect(() => {
-    return atom.subscribe((value) => {
-      setData(value);
-    });
-  }, []);
-  return data;
-};
 export const routerAtom = atom({
   pathname: "/",