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

1fc95d95 — Peter John

Fix example

Files changed (49) hide show

.gitignore +5 -1
{example/.vscode → .vscode}/extensions.json +0 -0
{example/.vscode → .vscode}/settings.json +0 -0
example/Dockerfile → Dockerfile +0 -0
bin/create-app.js +0 -31
bun.lockb +0 -0
{example/components → components}/Counter/Counter.jsx +0 -0
{example/components → components}/Timer/Timer.jsx +0 -0
{example/components → components}/Todo/Todo.css +0 -0
{example/components → components}/Todo/Todo.jsx +0 -0
{example/containers → containers}/TodoList/TodoList.jsx +0 -0
{example/db → db}/index.js +0 -0
{example/db → db}/migrations/0000_empty_shatterstar.sql +0 -0
{example/db → db}/migrations/meta/0000_snapshot.json +0 -0
{example/db → db}/migrations/meta/_journal.json +0 -0
example/drizzle.config.json → drizzle.config.json +0 -0
example/.gitignore +0 -5
example/bun.lockb +0 -0
example/main.js +0 -3
example/package.json +0 -55
example/readme.md +0 -18
example/jsconfig.json → jsconfig.json +0 -0
main.js +8 -0
package.json +48 -21
{example/pages → pages}/404/page.css +0 -0
{example/pages → pages}/404/page.jsx +0 -0
{example/pages → pages}/about/page.css +0 -0
{example/pages → pages}/about/page.jsx +0 -0
{example/pages → pages}/layout.css +0 -0
{example/pages → pages}/layout.jsx +0 -0
{example/pages → pages}/page.css +0 -0
{example/pages → pages}/page.jsx +0 -0
{example/pages → pages}/page.spec.js +0 -0
{example/pages → pages}/todos/page.css +0 -0
{example/pages → pages}/todos/page.jsx +0 -0
parotta/bun.lockb +0 -0
parotta/package.json +15 -0
parotta/readme.md +13 -0
runtime.js → parotta/runtime.js +0 -0
bin/cli.js → parotta/server.js +40 -50
example/playwright.config.js → playwright.config.js +0 -0
readme.md +18 -13
{example/services → services}/auth.service.js +0 -0
{example/services → services}/todos.service.js +0 -0
{example/static → static}/favicon.ico +0 -0
{example/static → static}/logo192.png +0 -0
{example/static → static}/logo512.png +0 -0
{example/static → static}/manifest.json +0 -0
{example/static → static}/robots.txt +0 -0

.gitignore CHANGED Viewed

@@ -1 +1,5 @@
+.cache
+.dist
-node_modules
+node_modules
+.env
+test-results

{example/.vscode → .vscode}/extensions.json RENAMED Viewed

File without changes

{example/.vscode → .vscode}/settings.json RENAMED Viewed

File without changes

example/Dockerfile → Dockerfile RENAMED Viewed

File without changes

bin/create-app.js DELETED Viewed

@@ -1,31 +0,0 @@
-#!/usr/bin/env bun
-import { Command } from 'commander';
-import path from 'path';
-import fs from 'fs';
-import os from 'os';
-import chalk from 'chalk';
-import gunzip from 'gunzip-file';
-import packageJson from './package.json'
-process.on('SIGINT', () => process.exit(0))
-process.on('SIGTERM', () => process.exit(0))
-let projectPath = "";
-const program = new Command(packageJson.name)
-  .version(packageJson.version)
-  .arguments('<project-directory>')
-  .usage(`${chalk.green('<project-directory>')} [options]`)
-  .action((name) => {
-    projectPath = name
-  })
-// program.parse();
-const tmpDir = os.tmpdir();
-console.log('tmpDir', tmpDir);
-const tmpFile = path.join(tmpDir, "main.zip");
-const res = await fetch("https://github.com/pyrossh/parotta/archive/refs/heads/main.zip");
-await Bun.write(tmpFile, res);
-await gunzip(tmpFile, os.tmpdir());

bun.lockb CHANGED Viewed

Binary file

{example/components → components}/Counter/Counter.jsx RENAMED Viewed

File without changes

{example/components → components}/Timer/Timer.jsx RENAMED Viewed

File without changes

{example/components → components}/Todo/Todo.css RENAMED Viewed

File without changes

{example/components → components}/Todo/Todo.jsx RENAMED Viewed

File without changes

{example/containers → containers}/TodoList/TodoList.jsx RENAMED Viewed

File without changes

{example/db → db}/index.js RENAMED Viewed

File without changes

{example/db → db}/migrations/0000_empty_shatterstar.sql RENAMED Viewed

File without changes

{example/db → db}/migrations/meta/0000_snapshot.json RENAMED Viewed

File without changes

{example/db → db}/migrations/meta/_journal.json RENAMED Viewed

File without changes

example/drizzle.config.json → drizzle.config.json RENAMED Viewed

File without changes

example/.gitignore DELETED Viewed

@@ -1,5 +0,0 @@
-.cache
-.dist
-node_modules
-.env
-test-results

example/bun.lockb DELETED Viewed

Binary file

example/main.js DELETED Viewed

@@ -1,3 +0,0 @@
-import DevServer from "parotta/bin/cli";
-export default DevServer;

example/package.json DELETED Viewed

@@ -1,55 +0,0 @@
-{
-  "name": "parotta-example",
-  "type": "module",
-  "scripts": {
-    "dev": "bunx parotta",
-    "start": "bunx parotta",
-    "build": "docker build . -t example",
-    "run": "docker run -p 3000:3000 example",
-    "test": "playwright test",
-    "test:report": "playwright show-report"
-  },
-  "dependencies": {
-    "@neondatabase/serverless": "^0.2.9",
-    "drizzle-auth-adaptor-pg": "^0.0.3",
-    "drizzle-orm": "0.25.4",
-    "next-auth": "^4.22.1",
-    "normalize.css": "^8.0.1",
-    "parotta": "file:../",
-    "react": "18.2.0",
-    "react-dom": "^18.2.0",
-    "sql-highlight": "^4.3.2"
-  },
-  "devDependencies": {
-    "drizzle-kit": "0.17.6",
-    "@playwright/test": "^1.31.2",
-    "eslint": "^8.35.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-config-recommended": "^4.1.0"
-  },
-  "parotta": {
-    "hydrate": true,
-    "css": [
-      "node_modules/normalize.css/normalize.css"
-    ]
-  },
-  "eslintConfig": {
-    "root": true,
-    "parserOptions": {
-      "ecmaVersion": "latest",
-      "sourceType": "module"
-    },
-    "extends": [
-      "eslint:recommended",
-      "react-app"
-    ],
-    "ignorePatterns": [
-      "dist"
-    ],
-    "rules": {
-      "react/prop-types": "warn",
-      "react/react-in-jsx-scope": "off",
-      "no-unused-vars": "warn"
-    }
-  }
-}

example/readme.md DELETED Viewed

@@ -1,18 +0,0 @@
-# Sample Parotta Application
-## Requirements
-1. bun >= v0.5.8
-## Setup
-1. `bun i`
-2. `bunx playright install`
-## Running
-`bun run dev`
-## Testing
-`bun test`

example/jsconfig.json → jsconfig.json RENAMED Viewed

File without changes

main.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from "react";
+import ReactDom from "react-dom/server";
+import server from "parotta/server.js";
+export default {
+  port: 3000,
+  fetch: server,
+}

package.json CHANGED Viewed

@@ -1,27 +1,54 @@
 {
-  "name": "parotta",
+  "name": "parotta-example",
-  "version": "0.3.0",
   "type": "module",
+  "scripts": {
+    "dev": "bun --hot main.js",
+    "start": "bun main.js",
+    "build": "docker build . -t example",
+    "run": "docker run -p 3000:3000 example",
+    "test": "bun test",
+    "test-e2e": "playwright test"
+  },
   "dependencies": {
+    "@neondatabase/serverless": "^0.2.9",
+    "drizzle-auth-adaptor-pg": "^0.0.3",
-    "autoprefixer": "^10.4.14",
+    "drizzle-orm": "0.25.4",
-    "chalk": "^5.2.0",
+    "next-auth": "^4.22.1",
-    "commander": "10.0.0",
-    "extract-files": "^13.0.0",
-    "gunzip-file": "^0.1.1",
-    "history": "^5.3.0",
-    "mime-types": "2.1.35",
-    "nprogress": "^0.2.0",
+    "normalize.css": "^8.0.1",
-    "postcss": "^8.4.21",
-    "postcss-custom-media": "^9.1.2",
-    "postcss-nesting": "^11.2.1",
-    "radix3": "^1.0.0",
-    "react": "^18.2.0",
+    "react": "18.2.0",
     "react-dom": "^18.2.0",
+    "sql-highlight": "^4.3.2"
+  },
+  "devDependencies": {
-    "tar": "^6.1.13",
+    "drizzle-kit": "0.17.6",
+    "@playwright/test": "^1.31.2",
-    "unzip": "^0.1.11",
+    "eslint": "^8.35.0",
-    "walkdir": "0.4.1"
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-config-recommended": "^4.1.0"
+  },
+  "parotta": {
+    "hydrate": true,
+    "css": [
+      "node_modules/normalize.css/normalize.css"
+    ]
   },
+  "eslintConfig": {
+    "root": true,
+    "parserOptions": {
+      "ecmaVersion": "latest",
+      "sourceType": "module"
+    },
+    "extends": [
+      "eslint:recommended",
+      "react-app"
+    ],
+    "ignorePatterns": [
+      "dist"
+    ],
-  "bin": {
+    "rules": {
+      "react/prop-types": "warn",
+      "react/react-in-jsx-scope": "off",
-    "parotta": "./bin/cli.js"
+      "no-unused-vars": "warn"
+    }
   }
-}
+}

{example/pages → pages}/404/page.css RENAMED Viewed

File without changes

{example/pages → pages}/404/page.jsx RENAMED Viewed

File without changes

{example/pages → pages}/about/page.css RENAMED Viewed

File without changes

{example/pages → pages}/about/page.jsx RENAMED Viewed

File without changes

{example/pages → pages}/layout.css RENAMED Viewed

File without changes

{example/pages → pages}/layout.jsx RENAMED Viewed

File without changes

{example/pages → pages}/page.css RENAMED Viewed

File without changes

{example/pages → pages}/page.jsx RENAMED Viewed

File without changes

{example/pages → pages}/page.spec.js RENAMED Viewed

File without changes

{example/pages → pages}/todos/page.css RENAMED Viewed

File without changes

{example/pages → pages}/todos/page.jsx RENAMED Viewed

File without changes

parotta/bun.lockb ADDED Viewed

Binary file

parotta/package.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "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"
+  }
+}

parotta/readme.md ADDED Viewed

@@ -0,0 +1,13 @@
+# 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

runtime.js → parotta/runtime.js RENAMED Viewed

File without changes

bin/cli.js → parotta/server.js RENAMED Viewed

@@ -1,5 +1,5 @@
-#!/usr/bin/env bun --hot
+import React from "react";
+import { renderToReadableStream } from "react-dom/server";
 import path from 'path';
 import fs from 'fs';
 import walkdir from 'walkdir';
@@ -10,12 +10,10 @@ import postcssNesting from "postcss-nesting";
 import { createMemoryHistory } from "history";
 import { createRouter } from 'radix3';
 import mimeTypes from "mime-types";
-import React from "react";
-import { renderToReadableStream } from "react-dom/server";
-import { HeadApp, BodyApp } from "../runtime";
+import { HeadApp, BodyApp } from "./runtime";
-const version = (await import(path.join(import.meta.dir, "../package.json"))).default.version;
+// const version = (await import(path.join(import.meta.dir, "package.json"))).default.version;
-console.log(`parotta v${version}`)
+// console.log(`parotta v${version}`)
 console.log(`running with cwd=${path.basename(process.cwd())} node_env=${process.env.NODE_ENV}`);
 const isProd = process.env.NODE_ENV === "production";
@@ -178,7 +176,7 @@ const renderPage = async (url) => {
     "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`,
+    "parotta/runtime": `/parotta/runtime.js`,
     ...nodeDeps,
     ...components,
     ...containers,
@@ -241,6 +239,7 @@ const renderJs = async (srcFile) => {
     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;
@@ -256,7 +255,7 @@ const renderJs = async (srcFile) => {
       }
     })
     if (addRpcImport) {
-      lines.unshift(`import { rpc } from "parotta/runtime"`);
+      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");
@@ -291,47 +290,38 @@ const sendFile = async (src) => {
   }
 }
-export default {
-  port: 3000,
-  async fetch(req) {
+const server = async (req) => {
-    const url = new URL(req.url);
+  const url = new URL(req.url);
-    console.log(req.method, url.pathname);
+  console.log(req.method, url.pathname);
-    // maybe this is needed
+  // maybe this is needed
-    if (url.pathname.startsWith("/parotta/")) {
+  if (url.pathname.startsWith("/parotta/")) {
-      return renderJs(path.join(import.meta.dir, url.pathname.replace("/parotta/", "../")));
+    return renderJs(path.join(import.meta.dir, url.pathname.replace("/parotta/", "")));
-    }
+  }
-    if (url.pathname.endsWith(".css")) {
+  if (url.pathname.endsWith(".css")) {
-      return renderCss(path.join(process.cwd(), url.pathname));
+    return renderCss(path.join(process.cwd(), url.pathname));
-    }
+  }
-    if (url.pathname.endsWith(".js") || url.pathname.endsWith(".jsx")) {
+  if (url.pathname.endsWith(".js") || url.pathname.endsWith(".jsx")) {
-      return renderJs(path.join(process.cwd(), url.pathname));
+    return renderJs(path.join(process.cwd(), url.pathname));
-    }
+  }
-    const match = serverRouter.lookup(url.pathname);
+  const match = serverRouter.lookup(url.pathname);
-    if (match) {
+  if (match) {
-      if (match.file) {
+    if (match.file) {
-        return sendFile(path.join(process.cwd(), `/static${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')) {
+    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')) {
+    return renderPage(url);
+  }
-    return new Response(`{"message": "not found"}`, {
+  return new Response(`{"message": "not found"}`, {
-      headers: { 'Content-Type': 'application/json' },
+    headers: { 'Content-Type': 'application/json' },
-      status: 404,
+    status: 404,
-    });
+  });
-  },
-  error(error) {
-    console.log("error", error);
-    return new Response(`<pre>${error}\n${error.stack}</pre>`, {
-      headers: {
-        "Content-Type": "text/html",
-      },
-    });
-  },
-}
+}
+export default server;

example/playwright.config.js → playwright.config.js RENAMED Viewed

File without changes

readme.md CHANGED Viewed

@@ -1,13 +1,18 @@
+# Sample Parotta Application
-# parotta
+## Requirements
-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.
+1. bun >= v0.5.8
-It has inbuilt rpc mechanism to access server resources instead of a typical REST API.
-### Todo
+## Setup
-1. Add build step
+1. `bun i`
-2. Deploy to Node (using edge-runtime), Docker, Deno deploy, Vercel edge functions, Cloudflare workers, Bun edge (whenever it releases)
-3. Hydrate rpc cache
+2. `bunx playright install`
+## Running
-4. Build a Website with Docs using parotta
+`bun run dev`
+## Testing
+`bun test`

{example/services → services}/auth.service.js RENAMED Viewed

File without changes

{example/services → services}/todos.service.js RENAMED Viewed

File without changes

{example/static → static}/favicon.ico RENAMED Viewed

File without changes

{example/static → static}/logo192.png RENAMED Viewed

File without changes

{example/static → static}/logo512.png RENAMED Viewed

File without changes

{example/static → static}/manifest.json RENAMED Viewed

File without changes

{example/static → static}/robots.txt RENAMED Viewed

File without changes

~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