edge-city

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

3f3b9d9f — Peter John

use preact signals

Files changed (7) hide show

packages/example/Dockerfile CHANGED Viewed

@@ -1,5 +1,7 @@
 FROM oven/bun
+ENV NODE_ENV production
 WORKDIR /app
 COPY . /app

packages/example/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "type": "module",
   "scripts": {
     "dev": "bunx parotta",
-    "start": "NODE_ENV=production bunx parotta",
+    "start": "bunx parotta",
     "build": "docker build . -t example",
     "run": "docker run -p 3000:3000 example"
   },

packages/parotta/atom.js DELETED Viewed

@@ -1,47 +0,0 @@
-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;
-};

packages/parotta/bun.lockb ADDED Viewed

Binary file

packages/parotta/cli.js CHANGED Viewed

@@ -10,7 +10,7 @@ import postcssNesting from "postcss-nesting";
 import { renderToReadableStream } from 'react-dom/server';
 import { createRouter } from 'radix3';
 import mimeTypes from "mime-types";
-import { routerAtom } from './router.js';
+import { routerSignal } from './router.js';
 console.log("running in folder:", path.basename(process.cwd()), "env:", process.env.NODE_ENV);
 // console.log("deleting cache");
@@ -69,10 +69,10 @@ const hydrateScript = (filePath, initialRouteValue) => {
   return `
 import React from 'react';
 import { hydrateRoot } from 'react-dom/client';
-// import { routerAtom } from "muffinjs/router";
+import { routerSignal } from "parotta/router";
 import Page from "${filePath}";
-// routerAtom.update(() => (${JSON.stringify(initialRouteValue)}));
+routerSignal.value = ${JSON.stringify(initialRouteValue)};
 hydrateRoot(document.getElementById("root"), React.createElement(Page, {}, undefined, false, undefined, this));
   `;
@@ -118,7 +118,7 @@ const renderPage = async (filePath, url, params) => {
     params: params,
     pathname: url.pathname,
   }
-  routerAtom.update(() => initialRouteValue);
+  routerSignal.value = initialRouteValue;
   const routeImport = await import(path.join(process.cwd(), filePath));
   const packageJson = await import(path.join(process.cwd(), "package.json"));
   const devTag = !isProd ? "?dev" : "";

packages/parotta/package.json CHANGED Viewed

@@ -1,7 +1,6 @@
 {
   "name": "parotta",
   "version": "0.1.0",
-  "module": "cli.js",
   "type": "module",
   "dependencies": {
     "autoprefixer": "^10.4.14",
@@ -11,7 +10,8 @@
     "postcss-nesting": "^11.2.1",
     "postcss-normalize": "^10.0.1",
     "radix3": "^1.0.0",
-    "walkdir": "0.4.1"
+    "walkdir": "0.4.1",
+    "@preact/signals-react": "1.2.2"
   },
   "bin": {
     "parotta": "./cli.js"

packages/parotta/router.js CHANGED Viewed

@@ -1,14 +1,12 @@
-// import { signal, useSignal } from "@preact/signals-react";
+import { signal, useSignal } from "@preact/signals-react";
-import { createRouter } from 'radix3';
-import { atom, useAtom } from "./atom.js";
-export const routerAtom = atom({
+export const routerSignal = signal({
   pathname: "/",
   query: {},
   params: {},
 });
-export const useRouter = () => useAtom(routerAtom);
+export const useRouter = () => useSignal(routerSignal);
 export const push = () => {
 }