edge-city

git clone https://pyrossh.dev/repos/edge-city.git

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

5636e804 — Peter John

fix merge

Files changed (46) hide show

.gitignore +1 -1
.vscode/extensions.json +0 -5
.vscode/settings.json +0 -13
Dockerfile +0 -8
bun.lockb +0 -0
components/Counter/Counter.jsx +0 -16
components/Layout/Layout.css +0 -5
components/Layout/Layout.jsx +0 -19
components/Timer/Timer.jsx +0 -18
components/Todo/Todo.css +0 -16
components/Todo/Todo.jsx +0 -94
db/index.js +0 -29
db/migrations/0000_empty_shatterstar.sql +0 -7
db/migrations/meta/0000_snapshot.json +0 -54
db/migrations/meta/_journal.json +0 -12
drizzle.config.json +0 -4
index.js +7 -5
jsconfig.json +0 -12
main.js +0 -6
package.json +5 -1
pages/_404/page.css +0 -38
pages/_404/page.jsx +0 -19
pages/_500/page.css +0 -38
pages/_500/page.jsx +0 -19
pages/about/page.css +0 -10
pages/about/page.jsx +0 -28
pages/page.css +0 -17
pages/page.jsx +0 -29
pages/page.spec.js +0 -19
pages/todos/page.css +0 -71
pages/todos/page.jsx +0 -61
parotta/bun.lockb +0 -0
parotta/package.json +0 -18
parotta/readme.md +0 -13
parotta/runtime.js +0 -224
parotta/server.js +0 -320
playwright.config.js +0 -65
pnpm-lock.yaml +8 -0
readme.md +19 -5
services/auth.service.js +0 -50
services/todos.service.js +0 -28
static/favicon.ico +0 -0
static/logo192.png +0 -0
static/logo512.png +0 -0
static/manifest.json +0 -25
static/robots.txt +0 -3

.gitignore CHANGED Viewed

	@@ -1 +1 @@
1	- node_modules/
1	+ node_modules

.vscode/extensions.json DELETED Viewed

@@ -1,5 +0,0 @@
-{
-  "recommendations": [
-    "ms-playwright.playwright"
-  ]
-}

.vscode/settings.json DELETED Viewed

@@ -1,13 +0,0 @@
-{
-  "files.exclude": {
-    "**/.git": true,
-    "**/.svn": true,
-    "**/.hg": true,
-    "**/CVS": true,
-    "**/.DS_Store": true,
-    "**/Thumbs.db": true,
-    "**/dist": true,
-    "**/playwright-report": true,
-    "test-results": true
-  }
-}

Dockerfile DELETED Viewed

@@ -1,8 +0,0 @@
-FROM oven/bun:0.5.8
-ENV NODE_ENV production
-WORKDIR /app
-COPY . /app
-CMD ["bun", "start"]

bun.lockb DELETED Viewed

Binary file

components/Counter/Counter.jsx DELETED Viewed

@@ -1,16 +0,0 @@
-import React, { useState } from "react";
-const Counter = () => {
-  const [count, setCount] = useState(5);
-  return (
-    <div>
-      <button onClick={() => setCount(count - 1)}>-</button>
-      <span className="count">
-        {count}
-      </span>
-      <button onClick={() => setCount(count + 1)}>+</button>
-    </div>
-  )
-}
-export default Counter;

components/Layout/Layout.css DELETED Viewed

@@ -1,5 +0,0 @@
-.layout-header {
-  & a {
-    margin-right: 20px;
-  }
-}

components/Layout/Layout.jsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Link } from "parotta/runtime";
-import "./Layout.css";
-const Layout = ({ children }) => {
-  return (
-    <div>
-      <header className="layout-header">
-        <Link href="/about">About us</Link>
-        <Link href="/todos">Todos</Link>
-      </header>
-      <div>
-        {children}
-      </div>
-    </div>
-  )
-}
-export default Layout;

components/Timer/Timer.jsx DELETED Viewed

@@ -1,18 +0,0 @@
-import { useState, useEffect } from 'react';
-export default function Timer() {
-  const [counter, setCounter] = useState(0);
-  useEffect(() => {
-    const ref = setInterval(() => {
-      setCounter((c) => c + 1);
-    }, 100);
-    return () => {
-      clearInterval(ref);
-    }
-  }, []);
-  return (
-    <div>
-      <p>(This page is interactive while data is loading: {counter})</p>
-    </div>
-  );
-}

components/Todo/Todo.css DELETED Viewed

@@ -1,16 +0,0 @@
-.todo {
-  & label {
-    list-style-type: none;
-    padding: 1em;
-    border-radius: 0.5em;
-    background-color: #ddd;
-    margin-top: 1em;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  & .done {
-    text-decoration: line-through;
-  }
-}

components/Todo/Todo.jsx DELETED Viewed

@@ -1,94 +0,0 @@
-import { useState } from "react";
-// import PropTypes from 'prop-types';
-// import { Button, InputGroup } from "@blueprintjs/core";
-// import useMutation from '@/hooks/useMutation';
-// import { TodoPropType } from '@/models/Todo';
-import "./Todo.css";
-// const propTypes = {
-//   // todo: PropTypes.shape(TodoPropType).isRequired,
-// }
-const Todo = ({ todo }) => {
-  const [state, setState] = useState({ text: todo.text, editing: false });
-  // const updateMutation = useMutation(async (data) => {
-  //   await onUpdate({ ...todo, ...data });
-  //   await refetch();
-  // });
-  // const deleteMutation = useMutation(async () => {
-  //   await onDelete(todo.id);
-  //   await refetch();
-  // })
-  return (
-    <li className="todo">
-      {!state.editing && (
-        <label>
-          <input
-            type="checkbox"
-            checked={todo.completed}
-            onChange={(e) => {
-              // updateMutation.mutate({ completed: e.target.checked })
-            }}
-          />{" "}
-          <span className={todo.completed ? "done" : undefined}>{todo.text}</span>{" "}
-        </label>
-      )}
-      {/* {state.editing && (
-        <InputGroup
-          autoFocus
-          value={state.text}
-          onChange={(e) => setState({ text: e.target.value, editing: true })}
-          onKeyDown={async (e) => {
-            if (e.key === "Enter") {
-              await updateMutation.mutate({ text: state.text });
-              setState({ text: todo.text, editing: false });
-            } else if (e.key === "Escape") {
-              setState({ text: todo.text, editing: false });
-            }
-          }}
-        />
-      )}
-      <span>
-        {!todo.completed && !state.editing && (
-          <Button
-            onClick={() => setState({ text: todo.text, editing: true })}
-          >
-            Edit
-          </Button>
-        )}
-        {todo.completed && (
-          <Button loading={deleteMutation.isMutating} onClick={deleteMutation.mutate}>
-            Delete
-          </Button>
-        )}
-        {state.editing && state.text !== todo.text && (
-          <Button
-            loading={updateMutation.isMutating}
-            onClick={async () => {
-              await updateMutation.mutate({ text: state.text });
-              setState({ text: todo.text, editing: false });
-            }}
-          >
-            Save
-          </Button>
-        )}
-        {state.editing && (
-          <Button
-            onClick={() => setState({ text: todo.text, editing: false })}
-          >
-            Cancel
-          </Button>
-        )}
-      </span> */}
-    </li>
-  );
-};
-// Todo.propTypes = propTypes;
-export default Todo;

db/index.js DELETED Viewed

@@ -1,29 +0,0 @@
-import { boolean, date, pgTable, serial, text } from 'drizzle-orm/pg-core';
-import { drizzle } from 'drizzle-orm/neon-serverless';
-import { Pool } from '@neondatabase/serverless';
-import { migrate } from 'drizzle-orm/neon-serverless/migrator';
-import { highlight } from 'sql-highlight';
-export const pool = new Pool({ connectionString: process.env.PG_CONN_URL });
-const db = drizzle(pool, {
-  logger: {
-    logQuery: (query, params) => {
-      const sqlString = params.reduce((acc, v, i) => acc.replaceAll("$" + (i + 1), v), query);
-      console.log(highlight(sqlString));
-    }
-  }
-});
-export default db;
-export const migrateAll = async () => {
-  await migrate(db, { migrationsFolder: './db/migrations' });
-}
-export const todos = pgTable('todos', {
-  id: serial('id').primaryKey(),
-  text: text('text').notNull(),
-  completed: boolean('completed').notNull(),
-  createdAt: date('createdAt').notNull(),
-  updatedAt: date('updatedAt'),
-});

db/migrations/0000_empty_shatterstar.sql DELETED Viewed

@@ -1,7 +0,0 @@
-CREATE TABLE IF NOT EXISTS "todos" (
-	"id" serial PRIMARY KEY NOT NULL,
-	"text" text NOT NULL,
-	"completed" boolean NOT NULL,
-	"createdAt" date NOT NULL,
-	"updatedAt" date
-);

db/migrations/meta/0000_snapshot.json DELETED Viewed

@@ -1,54 +0,0 @@
-{
-  "version": "5",
-  "dialect": "pg",
-  "id": "7b876e3f-3db0-4282-b1c9-a5961b930b99",
-  "prevId": "00000000-0000-0000-0000-000000000000",
-  "tables": {
-    "todos": {
-      "name": "todos",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "serial",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "text": {
-          "name": "text",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "completed": {
-          "name": "completed",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "date",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "updatedAt": {
-          "name": "updatedAt",
-          "type": "date",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {}
-    }
-  },
-  "enums": {},
-  "schemas": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}

db/migrations/meta/_journal.json DELETED Viewed

@@ -1,12 +0,0 @@
-{
-  "version": "5",
-  "dialect": "pg",
-  "entries": [
-    {
-      "idx": 0,
-      "version": "5",
-      "when": 1683227001598,
-      "tag": "0000_empty_shatterstar"
-    }
-  ]
-}

drizzle.config.json DELETED Viewed

@@ -1,4 +0,0 @@
-{
-  "out": "./db/migrations/",
-  "schema": "./db/index.js"
-}

index.js CHANGED Viewed

@@ -245,6 +245,7 @@ export const NavLink = ({ children, className, activeClassName, ...props }) => {
  */
 export const renderPage = async (PageComponent, req) => {
   const { renderToReadableStream } = await import("react-dom/server");
+  const { default: isbot } = await import("isbot");
   const url = new URL(req.url);
   const history = createMemoryHistory({
     initialEntries: [url.pathname + url.search],
@@ -281,11 +282,12 @@ export const renderPage = async (PageComponent, req) => {
         })
       })]
     }));
+  if (isbot(req.headers.get('User-Agent'))) {
+    await stream.allReady
-  // TODO:
+    // TODO:
-  // if (bot || isCrawler) {
-  //  await stream.allReady
-  //  add helmetContext to head
+    // add helmetContext to head
-  // }
+  }
   return new Response(stream, {
     headers: { 'Content-Type': 'text/html' },
     status: 200,

jsconfig.json DELETED Viewed

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "paths": {
-      "@/*": [
-        "./*"
-      ]
-    },
-    // TODO these options are not supported
-    "jsx": "react",
-    "jsxFactory": "React.createElement"
-  }
-}

main.js DELETED Viewed

@@ -1,6 +0,0 @@
-import server from "parotta/server.js";
-export default {
-  port: 3000,
-  fetch: server,
-}

package.json CHANGED Viewed

@@ -3,9 +3,13 @@
   "version": "0.5.0",
   "type": "module",
   "main": "index.js",
+  "engines": {
+    "node": ">= v20"
+  },
   "dependencies": {
     "history": "^5.3.0",
-    "radix3": "^1.0.0"
+    "radix3": "^1.0.0",
+    "isbot": "3.6.10"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.14",

pages/_404/page.css DELETED Viewed

@@ -1,38 +0,0 @@
-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #000;
-  background: #fff;
-  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;
-  height: 100vh;
-  text-align: center;
-  & h1 {
-    display: inline-block;
-    border-right: 1px solid rgba(0, 0, 0, .3);
-    margin: 0;
-    margin-right: 20px;
-    padding: 10px 23px 10px 0;
-    font-size: 24px;
-    font-weight: 500;
-    vertical-align: top;
-  }
-  & .content {
-    display: inline-block;
-    text-align: left;
-    line-height: 49px;
-    height: 49px;
-    vertical-align: middle;
-  }
-  & h2 {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: inherit;
-    margin: 0;
-    padding: 0;
-  }
-}

pages/_404/page.jsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Helmet } from 'react-helmet-async';
-import "./page.css";
-const Page = () => {
-  return (
-    <div>
-      <Helmet>
-        <title>Page not found</title>
-      </Helmet>
-      <h1>404 - Page not found</h1>
-      <div className="content">
-        <h2>This page could not be found</h2>
-      </div>
-    </div>
-  )
-}
-export default Page;

pages/_500/page.css DELETED Viewed

@@ -1,38 +0,0 @@
-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #000;
-  background: #fff;
-  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;
-  height: 100vh;
-  text-align: center;
-  & h1 {
-    display: inline-block;
-    border-right: 1px solid rgba(0, 0, 0, .3);
-    margin: 0;
-    margin-right: 20px;
-    padding: 10px 23px 10px 0;
-    font-size: 24px;
-    font-weight: 500;
-    vertical-align: top;
-  }
-  & .content {
-    display: inline-block;
-    text-align: left;
-    line-height: 49px;
-    height: 49px;
-    vertical-align: middle;
-  }
-  & h2 {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: inherit;
-    margin: 0;
-    padding: 0;
-  }
-}

pages/_500/page.jsx DELETED Viewed

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Helmet } from 'react-helmet-async';
-import "./page.css";
-const Page = () => {
-  return (
-    <div>
-      <Helmet>
-        <title>Oop's Something went wrong</title>
-      </Helmet>
-      <h1>Oop's Something went wrong</h1>
-      <div className="content">
-        <h2>Internal Server Error</h2>
-      </div>
-    </div>
-  )
-}
-export default Page;

pages/about/page.css DELETED Viewed

@@ -1,10 +0,0 @@
-body {
-  margin: 0;
-  padding: 20px;
-  padding-bottom: 130px;
-  background-color: violet;
-  & footer {
-    margin-top: 100px;
-  }
-}

pages/about/page.jsx DELETED Viewed

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Link, useRouter } from "parotta/runtime";
-import { Helmet } from 'react-helmet-async';
-import Layout from '@/components/Layout/Layout';
-import "./page.css";
-export const Page = () => {
-  const router = useRouter();
-  return (
-    <Layout>
-      <div className="about-page">
-        <Helmet>
-          <title>About Page @ {router.pathname}</title>
-          <meta name="description" content="Showcase of using parotta meta-framework." />
-        </Helmet>
-        <div>
-          <h1>About Page @ {router.pathname}</h1>
-          <p>Showcase of using parotta meta-framework.</p>
-        </div>
-        <footer>
-          <Link href="/">Back</Link>
-        </footer>
-      </div>
-    </Layout>
-  )
-}
-export default Page;

pages/page.css DELETED Viewed

@@ -1,17 +0,0 @@
-body {
-  margin: 0;
-  padding: 20px;
-  margin: 0;
-  background-color: turquoise;
-  & .count {
-    color: black;
-    padding: 40px;
-    font-size: 30px;
-    font-weight: 600;
-  }
-  & footer {
-    margin-top: 100px;
-  }
-}

pages/page.jsx DELETED Viewed

@@ -1,29 +0,0 @@
-import React, { useEffect } from 'react';
-import { useRouter } from "parotta/runtime";
-import Layout from '@/components/Layout/Layout';
-import Counter from "@/components/Counter/Counter";
-import { Helmet } from 'react-helmet-async';
-import "./page.css";
-const Page = () => {
-  const router = useRouter();
-  useEffect(() => {
-  }, []);
-  return (
-    <Layout>
-      <Helmet>
-        <title>Parotta App</title>
-      </Helmet>
-      <div>
-        <h1>Home Page</h1>
-        <p>
-          Path: {router.pathname}
-        </p>
-        <Counter />
-      </div>
-    </Layout>
-  )
-}
-export default Page;

pages/page.spec.js DELETED Viewed

@@ -1,19 +0,0 @@
-// @ts-check
-import { test, expect } from '@playwright/test';
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-})
-test('has title', async ({ page }) => {
-  await expect(page).toHaveTitle(/Parotta/);
-});
-test('has links', async ({ page }) => {
-  // await page.getByRole('link', { name: 'About us' }).click();
-});
-test('has counter', async ({ page }) => {
-  const counter =  page.getByText("Counter");
-  expect(counter.innerText).toEqual("123");
-});

pages/todos/page.css DELETED Viewed

@@ -1,71 +0,0 @@
-body {
-  padding: 10px;
-  background-color: turquoise;
-}
-:root {
-  --spectrum-alias-border-color: black;
-  --spectrum-global-color-gray-50: white;
-}
-.react-aria-TextField {
-  --field-border: var(--spectrum-alias-border-color);
-  --field-border-disabled: var(--spectrum-alias-border-color-disabled);
-  --field-background: var(--spectrum-global-color-gray-50);
-  --text-color: var(--spectrum-alias-text-color);
-  --text-color-disabled: var(--spectrum-alias-text-color-disabled);
-  --focus-ring-color: slateblue;
-  --invalid-color: var(--spectrum-global-color-red-600);
-  display: flex;
-  flex-direction: column;
-  width: fit-content;
-  .react-aria-Input {
-    padding: 0.286rem;
-    margin: 0;
-    border: 1px solid var(--field-border);
-    border-radius: 6px;
-    background: var(--field-background);
-    font-size: 1.143rem;
-    color: var(--text-color);
-    &[aria-invalid] {
-      border-color: var(--invalid-color);
-    }
-    &:focus {
-      outline: none;
-      border-color: var(--focus-ring-color);
-      box-shadow: 0 0 0 1px var(--focus-ring-color);
-    }
-    &:disabled {
-      border-color: var(--field-border-disabled);
-      color: var(--text-color-disabled);
-    }
-  }
-  [slot=description] {
-    font-size: 12px;
-  }
-  [slot=errorMessage] {
-    font-size: 12px;
-    color: var(--invalid-color);
-  }
-}
-@media (forced-colors: active) {
-  .react-aria-TextField {
-    --field-border: ButtonBorder;
-    --field-border-disabled: GrayText;
-    --field-background: Field;
-    --text-color: FieldText;
-    --text-color-disabled: GrayText;
-    --focus-ring-color: Highlight;
-    --invalid-color: LinkText;
-  }
-}

pages/todos/page.jsx DELETED Viewed

@@ -1,61 +0,0 @@
-import React, { Suspense } from 'react';
-import { Helmet } from 'react-helmet-async';
-import { useQuery, useMutation } from "parotta/runtime";
-import { useForm } from 'react-hook-form';
-import Todo from "@/components/Todo/Todo";
-import { TextField, Label, Input } from 'react-aria-components';
-import { Button } from 'react-aria-components';
-import { getTodos, createTodo } from "@/services/todos.service";
-import Layout from '@/components/Layout/Layout';
-import "./page.css";
-const TodoList = () => {
-  const { data, refetch } = useQuery("todos", () => getTodos());
-  const { mutate, isMutating } = useMutation(async ({ text }) => {
-    await createTodo({
-      text,
-      completed: false,
-      createdAt: new Date(),
-    })
-    await refetch();
-  });
-  const { register, handleSubmit, formState: { errors } } = useForm();
-  return (
-    <div>
-      <ul>
-        {data.map((item) => (
-          <Todo key={item.id} todo={item} />
-        ))}
-      </ul>
-      <form onSubmit={handleSubmit(mutate)}>
-        <TextField isRequired isReadOnly={isMutating}>
-          <Label>Text (required)</Label>
-          <Input {...register('text', { required: true })} />
-          {errors.text && <p>Please enter some text</p>}
-        </TextField>
-        <Button type="submit" isDisabled={isMutating}>Add Todo</Button>
-        {isMutating && <div>
-          <p>Creating...</p>
-        </div>}
-      </form>
-    </div>
-  )
-}
-const Page = () => {
-  return (
-    <Layout>
-      <h1>Todos</h1>
-      <Helmet>
-        <title>Todos Page</title>
-      </Helmet>
-      <div>
-        <Suspense fallback="Loading...">
-          <TodoList />
-        </Suspense>
-      </div>
-    </Layout>
-  )
-}
-export default Page;

parotta/bun.lockb DELETED Viewed

Binary file

parotta/package.json DELETED Viewed

@@ -1,18 +0,0 @@
-{
-  "name": "parotta",
-  "version": "0.5.0",
-  "type": "module",
-  "dependencies": {
-    "autoprefixer": "^10.4.14",
-    "history": "^5.3.0",
-    "mime-types": "2.1.35",
-    "postcss": "^8.4.21",
-    "postcss-custom-media": "^9.1.2",
-    "postcss-nesting": "^11.2.1",
-    "radix3": "^1.0.0",
-    "walkdir": "0.4.1"
-  },
-  "prettier": {
-    "printWidth": 120
-  }
-}

parotta/readme.md DELETED Viewed

@@ -1,13 +0,0 @@
-# parotta
-parotta is a next level meta-framework for react that runs only on edge runtimes.
-It uses bun as its bundler/transpiler and development mode as its quick and fast.
-It uses File System routing with streaming SSR + CSR as the method to render pages. Basically a MPA + SPA Transitional App.
-It is very opionated and has set of idiomatic ways of doing things.
-It has inbuilt rpc mechanism to access server resources instead of a typical REST API.
-### Todo
-1. Add build step
-2. Deploy to Node (using edge-runtime), Docker, Deno deploy, Vercel edge functions, Cloudflare workers, Bun edge (whenever it releases)
-3. Hydrate rpc cache
-4. Build a Website with Docs using parotta

parotta/runtime.js DELETED Viewed

@@ -1,224 +0,0 @@
-import React, {
-  Suspense, createElement, createContext, useContext, useState, useEffect, useTransition, useCallback
-} from "react";
-import { HelmetProvider } from 'react-helmet-async';
-import { ErrorBoundary } from "react-error-boundary";
-export const domain = () => typeof window !== 'undefined' ? window.origin : "http://0.0.0.0:3000";
-export const rpc = (serviceName) => async (params = {}) => {
-  const res = await fetch(`${domain()}/services/${serviceName}`, {
-    method: "POST",
-    headers: {
-      "Accept": "application/json",
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify(params),
-  })
-  return await res.json();
-}
-export const RpcContext = createContext(undefined);
-// global way to refresh maybe without being tied to a hook like refetch
-export const useInvalidate = () => {
-  const ctx = useContext(RpcContext);
-  return (regex) => {
-    Object.keys(ctx)
-      .filter((k) => regex.test(k))
-      .forEach((k) => {
-        delete ctx[k];
-      });
-  }
-}
-export const useRpcCache = (k) => {
-  const ctx = useContext(RpcContext);
-  const [_, rerender] = useState(false);
-  const get = () => ctx[k]
-  const set = (v) => {
-    ctx[k] = v;
-    rerender((c) => !c);
-  }
-  const invalidate = () => {
-    delete ctx[k];
-    rerender((c) => !c);
-  }
-  return {
-    get,
-    set,
-    invalidate,
-  }
-}
-/**
- *
- * @param {*} fn
- * @param {*} params
- * @returns
- */
-export const useQuery = (key, fn) => {
-  const [isRefetching, setIsRefetching] = useState(false);
-  const [err, setErr] = useState(null);
-  const cache = useRpcCache(key);
-  const refetch = useCallback(async () => {
-    try {
-      setIsRefetching(true);
-      setErr(null);
-      cache.set(await fn());
-    } catch (err) {
-      setErr(err);
-      throw err;
-    } finally {
-      setIsRefetching(false);
-    }
-  }, [fn]);
-  const value = cache.get();
-  if (value) {
-    if (value instanceof Promise) {
-      throw value;
-    } else if (value instanceof Error) {
-      throw value;
-    }
-    return { data: value, isRefetching, err, refetch };
-  }
-  cache.set(fn().then((v) => cache.set(v)));
-  throw cache.get();
-}
-export const useMutation = (fn) => {
-  const [isMutating, setIsMutating] = useState(false);
-  const [err, setErr] = useState(null);
-  const mutate = useCallback(async (params) => {
-    try {
-      setIsMutating(true);
-      setErr(null);
-      await fn(params);
-    } catch (err) {
-      setErr(err)
-      throw err;
-    } finally {
-      setIsMutating(false);
-    }
-  }, [fn])
-  return {
-    mutate,
-    isMutating,
-    err,
-  }
-}
-export const RouterContext = createContext(undefined);
-const getMatch = (radixRouter, pathname) => {
-  const matchedPage = radixRouter.lookup(pathname);
-  if (!matchedPage) {
-    return React.lazy(() => import("/pages/_404/page.jsx"));
-  }
-  return matchedPage;
-}
-const getCssUrl = (pathname) => `/pages${pathname === "/" ? "" : pathname}/page.css`;
-export const App = ({ nProgress, history, radixRouter, rpcCache, helmetContext }) => {
-  const [isPending, startTransition] = useTransition();
-  const [match, setMatch] = useState(() => getMatch(radixRouter, history.location.pathname));
-  useEffect(() => {
-    return history.listen(({ location }) => {
-      const href = getCssUrl(location.pathname);
-      // const isLoaded = Array.from(document.getElementsByTagName("link"))
-      //   .map((link) => link.href.replace(window.origin, "")).includes(href);
-      // if (!isLoaded) {
-      // const link = document.createElement('link');
-      // link.setAttribute("rel", "stylesheet");
-      // link.setAttribute("type", "text/css");
-      // link.onload = () => {
-      //   nProgress.start();
-      //   startTransition(() => {
-      //     setMatch(getMatch(radixRouter, location.pathname));
-      //   })
-      // };
-      // link.setAttribute("href", href);
-      // document.getElementsByTagName("head")[0].appendChild(link);
-      // } else {
-      const link = document.createElement('link');
-      link.setAttribute("rel", "stylesheet");
-      link.setAttribute("type", "text/css");
-      link.setAttribute("href", href);
-      document.getElementsByTagName("head")[0].appendChild(link);
-      nProgress.start();
-      startTransition(() => {
-        setMatch(getMatch(radixRouter, location.pathname));
-      })
-      // }
-    });
-  }, []);
-  useEffect(() => {
-    if (!isPending) {
-      nProgress.done();
-    }
-  }, [isPending]);
-  return createElement(HelmetProvider, {
-    context: helmetContext,
-    children: createElement(RpcContext.Provider, {
-      value: rpcCache,
-      children: createElement(RouterContext.Provider, {
-        value: {
-          history: history,
-          params: match.params || {},
-        },
-        children: createElement(ErrorBoundary, {
-          onError: (err) => console.log(err),
-          fallback: createElement("p", {}, "Oops something went wrong"),
-          children: createElement(Suspense, {
-            fallback: createElement("p", {}, "Loading..."),
-            children: createElement(match, {}),
-          }),
-        }),
-      }),
-    }),
-  });
-}
-export const useRouter = () => {
-  const { history, params } = useContext(RouterContext);
-  return {
-    pathname: history.location.pathname,
-    query: new URLSearchParams(history.location.search),
-    params,
-    push: history.push,
-    replace: history.replace,
-    forward: history.forward,
-    back: history.back,
-    reload: () => window.location.reload(),
-  };
-}
-export const Link = (props) => {
-  const router = useRouter();
-  return createElement("a", {
-    ...props,
-    onMouseOver: (e) => {
-      // Simple prefetching for now will work only with cache headers
-      // fetch(getCssUrl(props.href));
-      // fetch(getCssUrl(props.href).replace("css", "jsx"));
-    },
-    onClick: (e) => {
-      e.preventDefault();
-      if (props && props.onClick) {
-        props.onClick(e);
-      }
-      router.push(props.href)
-    },
-  })
-}
-export const NavLink = ({ children, className, activeClassName, ...props }) => {
-  const { pathname } = useRouter();
-  const classNames = pathname === props.href ? [activeClassName, className] : [className];
-  return createElement(Link, {
-    children,
-    className: classNames,
-    ...props,
-  })
-}

parotta/server.js DELETED Viewed

@@ -1,320 +0,0 @@
-import React from "react";
-import { renderToReadableStream } from "react-dom/server";
-import path from 'path';
-import walkdir from 'walkdir';
-import postcss from "postcss"
-import autoprefixer from "autoprefixer";
-import postcssCustomMedia from "postcss-custom-media";
-import postcssNesting from "postcss-nesting";
-import { createMemoryHistory } from "history";
-import { createRouter } from 'radix3';
-import mimeTypes from "mime-types";
-import { App } from "./runtime";
-if (!globalThis.firstRun) {
-  globalThis.firstRun = true
-  const version = (await import(path.join(import.meta.dir, "package.json"))).default.version;
-  console.log(`parotta v${version}`)
-  console.log(`running with cwd=${path.basename(process.cwd())} node_env=${process.env.NODE_ENV}`);
-} else {
-  console.log(`server reloading`);
-}
-const isProd = process.env.NODE_ENV === "production";
-const createServerRouter = async () => {
-  const routes = {};
-  const dirs = walkdir.sync(path.join(process.cwd(), "pages"))
-    .map((s) => s.replace(process.cwd(), "")
-      .replace("/pages", "")
-      // .replaceAll("[", ":")
-      // .replaceAll("]", "")
-    )
-  walkdir.sync(path.join(process.cwd(), "services"))
-    .map((s) => s.replace(process.cwd(), ""))
-    .filter((s) => s.includes(".service.js"))
-    .forEach((s) => {
-      const serviceName = s.replace(".service.js", "");
-      routes[serviceName + "/*"] = { key: serviceName, service: s };
-    });
-  dirs.filter((p) => p.includes('page.jsx'))
-    .map((s) => ({ path: s, route: s.replace("/page.jsx", "") }))
-    .forEach((page) => {
-      const key = page.route || "/";
-      routes[key] = { key: key, page: page.path };
-    });
-  walkdir.sync(path.join(process.cwd(), "static"))
-    .map((s) => s.replace(process.cwd(), "").replace("/static", ""))
-    .forEach((route) => {
-      routes[route] = { key: route, file: route }
-    });
-  return createRouter({
-    strictTrailingSlash: true,
-    routes: routes,
-  });
-}
-const createClientRouter = async () => {
-  const routes = await walkdir.sync(path.join(process.cwd(), "pages"))
-    .filter((p) => p.includes("page.jsx"))
-    .filter((p) => !p.includes("/_"))
-    .map((s) => s.replace(process.cwd(), ""))
-    .map((s) => s.replace("/pages", ""))
-    .map((s) => s.replace("/page.jsx", ""))
-    .reduce(async (accp, r) => {
-      const acc = await accp;
-      const src = await import(`${process.cwd()}/pages${r}/page.jsx`);
-      acc[r === "" ? "/" : r] = src.default;
-      return acc
-    }, Promise.resolve({}));
-  // console.log(clientRoutes);
-  const hydrationScript = `
-    import React from "react";
-    import { hydrateRoot } from "react-dom/client";
-    import { createBrowserHistory } from "history";
-    import nProgress from "nprogress";
-    import { createRouter } from "radix3";
-    import { App } from "parotta/runtime";
-    const history = createBrowserHistory();
-    const radixRouter = createRouter({
-      strictTrailingSlash: true,
-      routes: {
-        ${Object.keys(routes).map((r) => `"${r}": React.lazy(() => import("/pages${r}/page.jsx"))`).join(',\n      ')}
-      },
-    });
-    hydrateRoot(document.body, React.createElement(App, {
-      nProgress,
-      history,
-      radixRouter,
-      rpcCache: {},
-      helmetContext: {},
-    }));`
-  const router = createRouter({
-    strictTrailingSlash: true,
-    routes: routes,
-  });
-  router.hydrationScript = hydrationScript;
-  return router;
-};
-const mapDeps = (dir) => {
-  return walkdir.sync(path.join(process.cwd(), dir))
-    .map((s) => s.replace(process.cwd(), ""))
-    .filter((s) => s.includes(".jsx") || s.includes(".js"))
-    .reduce((acc, s) => {
-      if (s.includes(".jsx")) {
-        acc['@' + s.replace(".jsx", "")] = s
-      }
-      if (s.includes(".js")) {
-        acc['@' + s.replace(".js", "")] = s
-      }
-      return acc;
-    }, {});
-}
-const serverRouter = await createServerRouter();
-const clientRouter = await createClientRouter();
-const transpiler = new Bun.Transpiler({
-  loader: "jsx",
-  autoImportJSX: true,
-  jsxOptimizationInline: true,
-  // TODO
-  // autoImportJSX: false,
-  // jsxOptimizationInline: false,
-});
-const renderApi = async (key, filePath, req) => {
-  const url = new URL(req.url);
-  const params = req.method === "POST" ? await req.json() : Object.fromEntries(url.searchParams);
-  const funcName = url.pathname.replace(`${key}/`, "");
-  const js = await import(path.join(process.cwd(), filePath));
-  const result = await js[funcName](params);
-  return new Response(JSON.stringify(result), {
-    headers: { 'Content-Type': 'application/json' },
-    status: 200,
-  });
-}
-const renderPage = async (url) => {
-  const packageJson = await import(path.join(process.cwd(), "package.json"));
-  const config = packageJson.default.parotta || { hydrate: true };
-  const devTag = !isProd ? "?dev" : "";
-  const nodeDeps = Object.keys(packageJson.default.dependencies).reduce((acc, dep) => {
-    acc[dep] = `https://esm.sh/${dep}@${packageJson.default.dependencies[dep]}`;
-    return acc;
-  }, {})
-  const components = mapDeps("components");
-  const importMap = {
-    "radix3": `https://esm.sh/radix3@1.0.1`,
-    "history": "https://esm.sh/history@5.3.0",
-    "react": `https://esm.sh/react@18.2.0${devTag}`,
-    // TODO: need to remove this in prod
-    "react/jsx-dev-runtime": `https://esm.sh/react@18.2.0${devTag}/jsx-dev-runtime`,
-    "react-dom/client": `https://esm.sh/react-dom@18.2.0${devTag}/client`,
-    "nprogress": "https://esm.sh/nprogress@0.2.0",
-    // "parotta/runtime": `https://esm.sh/parotta@${version}/runtime.js`,
-    "parotta/runtime": `/parotta/runtime.js`,
-    ...nodeDeps,
-    ...components,
-  };
-  const history = createMemoryHistory({
-    initialEntries: [url.pathname + url.search],
-  });
-  const helmetContext = {}
-  const nProgress = { start: () => { }, done: () => { } }
-  const stream = await renderToReadableStream(
-    <html lang="en">
-      <head>
-        <link rel="stylesheet" href="https://unpkg.com/nprogress@0.2.0/nprogress.css" />
-        <link id="pageCss" rel="stylesheet" href={`/pages${url.pathname}/page.css`} />
-        <script type="importmap" dangerouslySetInnerHTML={{ __html: JSON.stringify({ "imports": importMap }) }} />
-      </head>
-      <body>
-        <App
-          nProgress={nProgress}
-          history={history}
-          radixRouter={clientRouter}
-          rpcCache={{}}
-          helmetContext={helmetContext}
-        />
-        {config.hydrate &&
-          <>
-            <script type="module" defer={true} dangerouslySetInnerHTML={{
-              __html: clientRouter.hydrationScript
-            }}>
-            </script>
-          </>
-        }
-      </body>
-    </html >
-  );
-  // TODO:
-  // if (bot || isCrawler) {
-  //  await stream.allReady
-  //  add helmetContext to head
-  // }
-  return new Response(stream, {
-    headers: { 'Content-Type': 'text/html' },
-    status: 200,
-  });
-}
-const renderCss = async (src) => {
-  try {
-    const cssText = await Bun.file(src).text();
-    const result = await postcss([
-      autoprefixer(),
-      postcssCustomMedia(),
-      // postcssNormalize({ browsers: 'last 2 versions' }),
-      postcssNesting,
-    ]).process(cssText, { from: src, to: src });
-    return new Response(result.css, {
-      headers: { 'Content-Type': 'text/css' },
-      status: 200,
-    });
-  } catch (err) {
-    return new Response(`Not Found`, {
-      headers: { 'Content-Type': 'text/html' },
-      status: 404,
-    });
-  }
-}
-const renderJs = async (srcFile) => {
-  try {
-    const jsText = await Bun.file(srcFile).text();
-    const result = await transpiler.transform(jsText);
-    // inject code which calls the api for that function
-    const lines = result.split("\n");
-    // lines.unshift(`import React from "react";`);
-    // replace all .service imports which rpc interface
-    let addRpcImport = false;
-    lines.forEach((ln) => {
-      if (ln.includes(".service")) {
-        addRpcImport = true;
-        const [importName, serviceName] = ln.match(/\@\/services\/(.*)\.service/);
-        const funcsText = ln.replace(`from "${importName}"`, "").replace("import", "").replace("{", "").replace("}", "").replace(";", "");
-        const funcsName = funcsText.split(",");
-        funcsName.forEach((fnName) => {
-          lines.push(`const ${fnName} = rpc("${serviceName}/${fnName.trim()}")`);
-        })
-      }
-    })
-    if (addRpcImport) {
-      lines.unshift(`import { rpc } from "parotta/runtime";`);
-    }
-    // remove .css and .service imports
-    const filteredJsx = lines.filter((ln) => !ln.includes(`.css"`) && !ln.includes(`.service"`)).join("\n");
-    //.replaceAll("$jsx", "React.createElement");
-    return new Response(filteredJsx, {
-      headers: {
-        'Content-Type': 'application/javascript',
-      },
-      status: 200,
-    });
-  } catch (err) {
-    return new Response(`Not Found`, {
-      headers: { 'Content-Type': 'text/html' },
-      status: 404,
-    });
-  }
-}
-const sendFile = async (src) => {
-  try {
-    const contentType = mimeTypes.lookup(src) || "application/octet-stream";
-    const stream = await Bun.file(src).stream();
-    return new Response(stream, {
-      headers: { 'Content-Type': contentType },
-      status: 200,
-    });
-  } catch (err) {
-    return new Response(`Not Found`, {
-      headers: { 'Content-Type': 'text/html' },
-      status: 404,
-    });
-  }
-}
-const server = async (req) => {
-  const url = new URL(req.url);
-  console.log(req.method, url.pathname);
-  // maybe this is needed
-  if (url.pathname.startsWith("/parotta/")) {
-    return renderJs(path.join(import.meta.dir, url.pathname.replace("/parotta/", "")));
-  }
-  if (url.pathname.endsWith(".css")) {
-    return renderCss(path.join(process.cwd(), url.pathname));
-  }
-  if (url.pathname.endsWith(".js") || url.pathname.endsWith(".jsx")) {
-    return renderJs(path.join(process.cwd(), url.pathname));
-  }
-  const match = serverRouter.lookup(url.pathname);
-  if (match && !match.key.includes("/_")) {
-    if (match.file) {
-      return sendFile(path.join(process.cwd(), `/static${match.file}`));
-    }
-    if (match.page && req.headers.get("Accept")?.includes('text/html')) {
-      return renderPage(url);
-    }
-    if (match.service) {
-      return renderApi(match.key, match.service, req);
-    }
-  }
-  if (req.headers.get("Accept")?.includes('text/html')) {
-    // not found html page
-    return renderPage(new URL(`${url.protocol}//${url.host}/_404`));
-  }
-  // not found generic page
-  return new Response(`{"message": "not found"}`, {
-    headers: { 'Content-Type': 'application/json' },
-    status: 404,
-  });
-}
-export default server;

playwright.config.js DELETED Viewed

@@ -1,65 +0,0 @@
-// @ts-check
-import { defineConfig, devices } from '@playwright/test';
-/**
- * @see https://playwright.dev/docs/test-configuration
- */
-export default defineConfig({
-  testDir: './routes',
-  timeout: 30 * 1000,
-  expect: {
-    timeout: 5000
-  },
-  fullyParallel: true,
-  forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    actionTimeout: 0,
-    baseURL: 'http://localhost:3000',
-    trace: 'on-first-retry',
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { channel: 'chrome' },
-    // },
-  ],
-  outputDir: 'test-results/',
-  webServer: {
-    command: '../parotta/cli.js',
-    port: 3000,
-  },
-});

pnpm-lock.yaml CHANGED Viewed

@@ -7,6 +7,9 @@ importers:
       history:
         specifier: ^5.3.0
         version: 5.3.0
+      isbot:
+        specifier: 3.6.10
+        version: 3.6.10
       nprogress:
         specifier: '*'
         version: 0.2.0
@@ -4776,6 +4779,11 @@ packages:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
     dev: true
+  /isbot@3.6.10:
+    resolution: {integrity: sha512-+I+2998oyP4oW9+OTQD8TS1r9P6wv10yejukj+Ksj3+UR5pUhsZN3f8W7ysq0p1qxpOVNbl5mCuv0bCaF8y5iQ==}
+    engines: {node: '>=12'}
+    dev: false
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true

readme.md CHANGED Viewed

@@ -2,17 +2,23 @@
 edge-city is a next level meta-framework for react that runs only on edge runtimes.
 It uses esbuild as its bundler/transpiler.
-It uses file system routing (similar to next app router) with streaming SSR + CSR render pages.
+It uses file system routing (similar to nextjs app router) with streaming SSR + CSR to render pages.
 It is very opionated and has set of idiomatic ways of doing things.
 It has an inbuilt rpc mechanism to access server resources instead of a typical REST API.
 It aims to have almost the same router api as nextjs router for ease of use.
-During development each request for a page is executed in a separate edge-runtime (miniflare/vercel) vm.
+During development each request for a page is executed in a separate edge-runtime (miniflare/vercel) vm.
 During production each page is packaged to an esm function adapted to the platform of your choice.
 ## Why?
+Beacause,
-Because its really hard to have a streaming SSR + CSR setup in nextjs currently.
+* Its really hard to have a streaming SSR + CSR setup in nextjs currently.
-The only other framework is rakkasjs but it doesn't maitaing as smooth transition from nextjs.
+* There is no framework which runs your code in an edge simulated environment during development and targets only edge for production.
+## Requirements
+1. `node >= v20`
+2. `wrangler` for deploying to cloudflare page functions
+3. `vercel` for deploying to vercel edge runtime
 ### Supported platforms
 1. [Cloudflare page functions](https://developers.cloudflare.com/pages/platform/functions/routing/)
@@ -20,8 +26,16 @@ The only other framework is rakkasjs but it doesn't maitaing as smooth transitio
 3. [Netlify edge functions](https://docs.netlify.com/edge-functions/overview/)
 4. [Deno Deploy](https://deno.com/deploy)
+## Developing
+1. `node >= v20.2.0`
+2. `pnpm >= v8.5.1`
 ### Todo
 1. Hydrate rpc cache
 2. Build a docs website
 3. Fix 404/500 pages not routing
-3. Add Env variables `PUBLIC_` for client
+4. Add Env variables `PUBLIC_` for client
+5. Add tests for bot
+6. Add tests for runtime
+7. Maybe move to vite for HMR goodness

services/auth.service.js DELETED Viewed

@@ -1,50 +0,0 @@
-// import NextAuth from "next-auth";
-// import EmailProvider from "next-auth/providers/email";
-// import GoogleProvider from "next-auth/providers/google";
-// import DrizzleAuthAdapterPG from "drizzle-auth-adaptor-pg";
-// import db from "@/db";
-// GET /api/auth/signin
-// POST /api/auth/signin/:provider
-// GET/POST /api/auth/callback/:provider
-// GET /api/auth/signout
-// POST /api/auth/signout
-// GET /api/auth/session
-// GET /api/auth/csrf
-// GET /api/auth/providers
-// NEXTAUTH_SECRET="This is an example"
-// NEXTAUTH_URL
-// import { SessionProvider } from "next-auth/react"
-// export default function App({
-//   Component,
-//   pageProps: { session, ...pageProps },
-// }) {
-//   return (
-//     <SessionProvider session={session}>
-//       <Component {...pageProps} />
-//     </SessionProvider>
-//   )
-// }
-// const handler = NextAuth({
-//   adapter: DrizzleAuthAdapterPG(db),
-//   providers: [
-//     EmailProvider({
-//       server: {
-//         host: process.env.SMTP_HOST,
-//         port: Number(process.env.SMTP_PORT),
-//         auth: {
-//           user: process.env.SMTP_USER,
-//           pass: process.env.SMTP_PASSWORD,
-//         },
-//       },
-//       from: process.env.EMAIL_FROM,
-//     }),
-//     GoogleProvider({
-//       clientId: process.env.GOOGLE_CLIENT_ID,
-//       clientSecret: process.env.GOOGLE_CLIENT_SECRET,
-//     }),
-//   ],
-// });

services/todos.service.js DELETED Viewed

@@ -1,28 +0,0 @@
-import { eq, asc } from 'drizzle-orm';
-import db, { todos } from "@/db";
-export const getTodos = async () => {
-  return await db.select().from(todos).orderBy(asc(todos.id));
-}
-/**
- *
- * @param {typeof todos} item
- * @returns
- */
-export const createTodo = async (item) => {
-  return await db.insert(todos).values(item).returning();
-}
-export const getTodo = async (id) => {
-  const results = await db.select().from(todos).where(eq(todos.id, id));
-  return results[0]
-}
-export const updateTodo = async (item) => {
-  return await db.update(todos).set(item).where(eq(todos.id, item.id)).returning();
-}
-export const deleteTodo = async (id) => {
-  return await db.delete(todos).where(eq(todos.id, id)).returning();
-}

static/favicon.ico DELETED Viewed

Binary file

static/logo192.png DELETED Viewed

Binary file

static/logo512.png DELETED Viewed

Binary file

static/manifest.json DELETED Viewed

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

static/robots.txt DELETED Viewed

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

~repos /edge-city

git clone https://pyrossh.dev/repos/edge-city.git

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