edge-city

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

e643f73f — Peter John

v0.2.0

Files changed (4) hide show

packages/parotta/bun.lockb CHANGED Viewed

Binary file

packages/parotta/error.js ADDED Viewed

@@ -0,0 +1,42 @@
+import React from 'react';
+const changedArray = (a = [], b = []) =>
+  a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]))
+export class ErrorBoundary extends React.Component {
+  // static propTypes = {
+  //   resetKeys: PropTypes.arrayOf(PropTypes.any),
+  // }
+  static getDerivedStateFromError(error) {
+    return { error }
+  }
+  state = {}
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info)
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { error } = this.state
+    const { resetKeys } = this.props
+    if (
+      error !== null &&
+      prevState.error !== null &&
+      changedArray(prevProps.resetKeys, resetKeys)
+    ) {
+      this.setState({});
+    }
+  }
+  render() {
+    const { error } = this.state;
+    const { children, fallback } = this.props;
+    if (error) {
+      if (React.isValidElement(fallback)) {
+        return fallback;
+      }
+    }
+    return children;
+  }
+}

packages/parotta/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "parotta",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "dependencies": {
     "autoprefixer": "^10.4.14",
@@ -10,8 +10,7 @@
     "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,26 +1,36 @@
-import { signal, useSignal } from "@preact/signals-react";
+import { createContext, useContext } from "react";
-export const routerSignal = signal({
+export const RouterContext = createContext({
+  stack: [],
+  state: {
-  pathname: "/",
+    pathname: "",
-  query: {},
+    query: {},
-  params: {},
+    params: {},
+  }
 });
-export const useRouter = () => useSignal(routerSignal);
-export const push = () => {
-}
-export const replace = () => {
-}
-export const prefetch = () => {
-}
-export const beforePopState = () => {
+export const RouterProvider = ({ value, children }) => {
+  return (
+    <RouterContext.Provider value={value}>
-}
+      {children}
-export const back = () => {
+    </RouterContext.Provider>
+  )
 }
+export const useRouter = () => {
+  const ctx = useContext(RouterContext);
+  return {
+    ...ctx.state,
+    push: (path) => {
+    },
+    replace: (path) => {
+    },
+    prefetch: () => {
+    },
+    beforePopState: () => {
+    },
+    back: () => {
+    },
-export const reload = () => window.location.reload()
+    reload: () => window.location.reload(),
+  };
+}