773fdda | edge-city

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

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

773fdda — Peter John 2023-05-11T23:14:07+05:30

remove packages

Generated files not shown: bun.lockb, example/bun.lockb, package-lock.json, packages/example/bun.lockb, packages/parotta/bun.lockb

Files changed (46) hide show

.gitignore +1 -2
__render.js +0 -208
{packages/parotta → bin}/cli.js +89 -92
packages/create-parotta/index.js → bin/create-app.js +0 -0
{packages/example → example}/.gitignore +0 -0
{packages/example → example}/.vscode/extensions.json +0 -0
{packages/example → example}/.vscode/settings.json +0 -0
{packages/example → example}/Dockerfile +0 -0
{packages/example → example}/components/Counter/Counter.jsx +0 -0
{packages/example → example}/components/Timer/Timer.jsx +0 -0
{packages/example → example}/components/Todo/Todo.css +0 -0
{packages/example → example}/components/Todo/Todo.jsx +0 -0
{packages/example → example}/containers/TodoList/TodoList.jsx +0 -0
{packages/example → example}/db/index.js +1 -1
{packages/example → example}/db/migrations/0000_empty_shatterstar.sql +0 -0
{packages/example → example}/db/migrations/meta/0000_snapshot.json +0 -0
{packages/example → example}/db/migrations/meta/_journal.json +0 -0
{packages/example → example}/drizzle.config.json +0 -0
{packages/example → example}/jsconfig.json +0 -0
example/main.js +3 -0
{packages/example → example}/package.json +5 -1
{packages/example → example}/pages/404/page.css +0 -0
{packages/example → example}/pages/404/page.jsx +0 -0
{packages/example → example}/pages/about/page.css +0 -0
{packages/example → example}/pages/about/page.jsx +0 -0
{packages/example → example}/pages/layout.css +0 -0
{packages/example → example}/pages/layout.jsx +0 -0
{packages/example → example}/pages/page.css +0 -0
{packages/example → example}/pages/page.jsx +0 -0
{packages/example → example}/pages/page.spec.js +0 -0
{packages/example → example}/pages/todos/page.css +0 -0
{packages/example → example}/pages/todos/page.jsx +0 -0
{packages/example → example}/playwright.config.js +0 -0
{packages/example → example}/readme.md +6 -2
{packages/example → example}/services/auth.service.js +0 -0
{packages/example → example}/services/todos.service.js +0 -0
{packages/example → example}/static/favicon.ico +0 -0
{packages/example → example}/static/logo192.png +0 -0
{packages/example → example}/static/logo512.png +0 -0
{packages/example → example}/static/manifest.json +0 -0
{packages/example → example}/static/robots.txt +0 -0
package.json +26 -4
packages/create-parotta/package.json +0 -16
packages/parotta/package.json +0 -20
readme.md +5 -4
packages/parotta/runtime.js → runtime.js +6 -3

.gitignore CHANGED Viewed

@@ -1,2 +1 @@
-node_modules
+node_modules
-.vercel

__render.js DELETED Viewed

@@ -1,208 +0,0 @@
-import React from 'react';
-import { renderToReadableStream } from 'react-dom/server';
-import { StreamProvider, SuspenseData } from './hooks';
-function wrapStreamEnd(streamEnd, didError) {
-  return (
-    streamEnd
-      // Needed because of the `afterReactBugCatch()` hack above, otherwise `onBoundaryError` triggers after `streamEnd` resolved
-      .then(() => new Promise((r) => setTimeout(r, 0)))
-      .then(() => !didError)
-  )
-}
-function createBuffer(streamOperations) {
-  const buffer = []
-  let state = 'UNSTARTED'
-  let writePermission = null // Set to `null` because React fails to hydrate if something is injected before the first react write
-  return { injectToStream, onBeforeWrite, onBeforeEnd }
-  function injectToStream(chunk, options) {
-    if (state === 'ENDED') {
-      console.error(`Cannot inject following chunk after stream has ended: \`${chunk}\``)
-    }
-    buffer.push({ chunk, flush: options?.flush })
-    flushBuffer()
-  }
-  function flushBuffer() {
-    if (!writePermission) {
-      return
-    }
-    if (buffer.length === 0) {
-      return
-    }
-    if (state !== 'STREAMING') {
-      console.error(state === 'UNSTARTED')
-      return
-    }
-    let flushStream = false
-    buffer.forEach((bufferEntry) => {
-      // assert(streamOperations.operations)
-      const { writeChunk } = streamOperations.operations
-      writeChunk(bufferEntry.chunk)
-      if (bufferEntry.flush) {
-        flushStream = true
-      }
-    })
-    buffer.length = 0
-    // assert(streamOperations.operations)
-    if (flushStream && streamOperations.operations.flush !== null) {
-      streamOperations.operations.flush()
-    }
-  }
-  function onBeforeWrite(chunk) {
-    // state === 'UNSTARTED' && debug('>>> START')
-    state = 'STREAMING'
-    if (writePermission) {
-      flushBuffer()
-    }
-    if (writePermission == true || writePermission === null) {
-      writePermission = false
-      // debug('writePermission =', writePermission)
-      setTimeout(() => {
-        // debug('>>> setTimeout()')
-        writePermission = true
-        // debug('writePermission =', writePermission)
-        flushBuffer()
-      })
-    }
-  }
-  function onBeforeEnd() {
-    writePermission = true
-    // debug('writePermission =', writePermission)
-    flushBuffer()
-    // assert(buffer.length === 0)
-    state = 'ENDED'
-    // debug('>>> END')
-  }
-}
-const createReadableWrapper = (readableFromReact) => {
-  const streamOperations = {
-    operations: null
-  }
-  let controllerOfUserStream;
-  let onEnded;
-  const streamEnd = new Promise((r) => {
-    onEnded = () => r()
-  })
-  const readableForUser = new ReadableStream({
-    start(controller) {
-      controllerOfUserStream = controller
-      onReady(onEnded)
-    }
-  })
-  const { injectToStream, onBeforeWrite, onBeforeEnd } = createBuffer(streamOperations)
-  return { readableForUser, streamEnd, injectToStream }
-  async function onReady(onEnded) {
-    streamOperations.operations = {
-      writeChunk(chunk) {
-        controllerOfUserStream.enqueue(encodeForWebStream(chunk))
-      },
-      flush: null
-    }
-    const reader = readableFromReact.getReader()
-    while (true) {
-      let result;
-      try {
-        result = await reader.read()
-      } catch (err) {
-        controllerOfUserStream.close()
-        throw err
-      }
-      const { value, done } = result
-      if (done) {
-        break
-      }
-      onBeforeWrite(value)
-      streamOperations.operations.writeChunk(value)
-    }
-    // Collect `injectToStream()` calls stuck in an async call
-    setTimeout(() => {
-      onBeforeEnd()
-      controllerOfUserStream.close()
-      onEnded()
-    }, 0)
-  }
-}
-let encoder;
-function encodeForWebStream(thing) {
-  if (!encoder) {
-    encoder = new TextEncoder()
-  }
-  if (typeof thing === 'string') {
-    return encoder.encode(thing)
-  }
-  return thing
-}
-export const renderToWebStream = async (element, disable) => {
-  let didError = false
-  let firstErr = null
-  let reactBug = null
-  const onError = (err) => {
-    didError = true
-    firstErr = firstErr || err
-    afterReactBugCatch(() => {
-      // Is not a React internal error (i.e. a React bug)
-      if (err !== reactBug) {
-        options.onBoundaryError?.(err)
-      }
-    })
-  }
-  const readableOriginal = await renderToReadableStream(element, { onError })
-  const { allReady } = readableOriginal
-  let promiseResolved = false
-  // Upon React internal errors (i.e. React bugs), React rejects `allReady`.
-  // React doesn't reject `allReady` upon boundary errors.
-  allReady.catch((err) => {
-    // debug('react bug')
-    didError = true
-    firstErr = firstErr || err
-    reactBug = err
-    // Only log if it wasn't used as rejection for `await renderToStream()`
-    if (reactBug !== firstErr || promiseResolved) {
-      console.error(reactBug)
-    }
-  })
-  if (didError) throw firstErr
-  if (disable) await allReady
-  if (didError) throw firstErr
-  const { readableForUser, streamEnd, injectToStream } = createReadableWrapper(readableOriginal)
-  promiseResolved = true
-  return {
-    readable: readableForUser,
-    streamEnd: wrapStreamEnd(streamEnd, didError),
-    injectToStream
-  }
-}
-export const renderToStream = async (element, options = {}) => {
-  const buffer = []
-  let injectToStream = (chunk) => buffer.push(chunk);
-  const disable = options.disable //?? resolveSeoStrategy(options).disableStream)
-  const result = await renderToWebStream(React.createElement(
-    StreamProvider,
-    {
-      value: {
-        injectToStream: (chunk) => {
-          injectToStream(chunk)
-        }
-      }
-    },
-    React.createElement(SuspenseData, null, element)
-  ), disable, options);
-  injectToStream = result.injectToStream
-  buffer.forEach((chunk) => injectToStream(chunk));
-  buffer.length = 0;
-  return result
-}

{packages/parotta → bin}/cli.js RENAMED Viewed

@@ -1,30 +1,26 @@
 #!/usr/bin/env bun --hot
-import React from 'react';
 import path from 'path';
 import fs from 'fs';
 import walkdir from 'walkdir';
 import postcss from "postcss"
 import autoprefixer from "autoprefixer";
 import postcssCustomMedia from "postcss-custom-media";
-// import postcssNormalize from 'postcss-normalize';
 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";
-import { renderToReadableStream } from 'react-dom/server';
-// import { renderToStream } from './render';
-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(`running with cwd=${path.basename(process.cwd())} node_env=${process.env.NODE_ENV}`);
-// console.log("deleting cache");
-// rmSync(path.join(process.cwd(), ".cache"), { force: true, recursive: true })
 const isProd = process.env.NODE_ENV === "production";
-const mapServerRoutes = () => {
+const createServerRouter = async () => {
   const routes = {};
   const dirs = walkdir.sync(path.join(process.cwd(), "pages"))
     .map((s) => s.replace(process.cwd(), "")
@@ -56,9 +52,74 @@ const mapServerRoutes = () => {
     .forEach((route) => {
       routes[route] = { key: route, file: route }
     });
+  return createRouter({
+    strictTrailingSlash: true,
-  return routes;
+    routes: routes,
+  });
 }
+const createClientRouter = async () => {
+  const routes = await walkdir.sync(path.join(process.cwd(), "pages"))
+    .filter((p) => p.includes('page.jsx'))
+    .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`);
+      const exists = fs.existsSync(`${process.cwd()}/pages${r}/layout.jsx`);
+      const lpath = exists ? `/pages${r}/layout.jsx` : `/pages/layout.jsx`;
+      const lsrc = await import(`${process.cwd()}${lpath}`);
+      acc[r === "" ? "/" : r] = {
+        Head: src.Head,
+        Body: src.Body,
+        Layout: lsrc.default,
+        LayoutPath: lpath,
+      }
+      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 { HeadApp, BodyApp } from "parotta/runtime";
+    const history = createBrowserHistory();
+    const radixRouter = createRouter({
+      strictTrailingSlash: true,
+      routes: {
+        ${Object.keys(routes).map((r) => `"${r}": {
+          Head: React.lazy(() => import("/pages${r}/page.jsx").then((js) => ({ default: js.Head }))),
+          Body: React.lazy(() => import("/pages${r}/page.jsx").then((js) => ({ default: js.Body }))),
+          Layout: React.lazy(() => import("${routes[r].LayoutPath}")),
+          LayoutPath: "${routes[r].LayoutPath}",
+        }`).join(',\n      ')}
+      },
+    });
+    hydrateRoot(document.head, React.createElement(HeadApp, {
+      history,
+      radixRouter,
+    }))
+    hydrateRoot(document.body, React.createElement(BodyApp, {
+      nProgress,
+      history,
+      radixRouter,
+    }));`
+  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(), ""))
@@ -74,45 +135,21 @@ const mapDeps = (dir) => {
     }, {});
 }
-const mapPages = () => walkdir.sync(path.join(process.cwd(), "pages"))
-  .filter((p) => p.includes('page.jsx'))
-  .map((s) => s.replace(process.cwd(), ""))
-  .map((s) => s.replace("/pages", ""))
-  .map((s) => s.replace("/page.jsx", ""));
-const serverSideRoutes = mapServerRoutes();
-const clientSideRoutes = mapPages();
-const serverRouter = createRouter({
+const serverRouter = await createServerRouter();
-  strictTrailingSlash: true,
-  routes: serverSideRoutes,
-});
-const clientRoutes = await clientSideRoutes.reduce(async (accp, r) => {
+const clientRouter = await createClientRouter();
-  const acc = await accp;
+const transpiler = new Bun.Transpiler({
-  const src = await import(`${process.cwd()}/pages${r}/page.jsx`);
-  const exists = fs.existsSync(`${process.cwd()}/pages${r}/layout.jsx`);
-  const lpath = exists ? `/pages${r}/layout.jsx` : `/pages/layout.jsx`;
-  const lsrc = await import(`${process.cwd()}${lpath}`);
-  acc[r === "" ? "/" : r] = {
-    Head: src.Head,
-    Body: src.Body,
-    Layout: lsrc.default,
+  loader: "jsx",
-    LayoutPath: lpath,
+  autoImportJSX: true,
-  }
-  return acc
-}, Promise.resolve({}));
+  jsxOptimizationInline: true,
-// console.log(clientRoutes);
+  // TODO
-const clientRouter = createRouter({
+  // autoImportJSX: false,
-  strictTrailingSlash: true,
+  // jsxOptimizationInline: false,
-  routes: clientRoutes,
 });
 const renderApi = async (key, filePath, req) => {
   const url = new URL(req.url);
-  const params = await req.json();
+  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);
@@ -122,8 +159,6 @@ const renderApi = async (key, filePath, req) => {
   });
 }
-console.log(clientRoutes)
 const renderPage = async (url) => {
   const packageJson = await import(path.join(process.cwd(), "package.json"));
   const config = packageJson.default.parotta || { hydrate: true };
@@ -143,7 +178,7 @@ const renderPage = async (url) => {
     "react-dom/client": `https://esm.sh/[email protected]${devTag}/client`,
     "nprogress": "https://esm.sh/[email protected]",
     // "parotta/runtime": `https://esm.sh/parotta@${version}/runtime.js`,
-    "parotta/runtime": `/parotta/runtime.js`,
+    "parotta/runtime": `../parotta/runtime.js`,
     ...nodeDeps,
     ...components,
     ...containers,
@@ -161,40 +196,12 @@ const renderPage = async (url) => {
         />
       </head>
       <body>
-        <BodyApp history={history} radixRouter={clientRouter} />
+        <BodyApp nProgress={{ start: () => { }, done: () => { } }} history={history} radixRouter={clientRouter} />
         {config.hydrate &&
           <>
             <script type="module" defer={true} dangerouslySetInnerHTML={{
-              __html: `
-import React from "react";
-import { hydrateRoot } from "react-dom/client";
-import { createBrowserHistory } from "history";
-import { createRouter } from "radix3";
-import { HeadApp, BodyApp } from "parotta/runtime";
-const history = createBrowserHistory();
-const radixRouter = createRouter({
+              __html: clientRouter.hydrationScript
-  strictTrailingSlash: true,
-  routes: {
-    ${Object.keys(clientRoutes).map((r) => `"${r}": {
-      Head: React.lazy(() => import("/pages${r}/page.jsx").then((js) => ({ default: js.Head }))),
-      Body: React.lazy(() => import("/pages${r}/page.jsx").then((js) => ({ default: js.Body }))),
-      Layout: React.lazy(() => import("${clientRoutes[r].LayoutPath}")),
-      LayoutPath: "${clientRoutes[r].LayoutPath}",
-    }`).join(',\n      ')}
-  },
-});
-hydrateRoot(document.head, React.createElement(HeadApp, {
-  history,
-  radixRouter,
-}))
-hydrateRoot(document.body, React.createElement(BodyApp, {
-  history,
-  radixRouter,
-}));`}}>
+            }}>
             </script>
           </>
         }
@@ -228,19 +235,9 @@ const renderCss = async (src) => {
   }
 }
-const transpiler = new Bun.Transpiler({
-  loader: "jsx",
-  autoImportJSX: true,
-  jsxOptimizationInline: true,
-  // TODO
-  // autoImportJSX: false,
-  // jsxOptimizationInline: false,
-});
-const renderJs = async (src) => {
+const renderJs = async (srcFile) => {
   try {
-    const jsText = await Bun.file(src).text();
+    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");
@@ -298,10 +295,10 @@ export default {
   port: 3000,
   async fetch(req) {
     const url = new URL(req.url);
-    console.log("GET", url.pathname);
+    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/", "")));
+      return renderJs(path.join(import.meta.dir, url.pathname.replace("/parotta/", "../")));
     }
     if (url.pathname.endsWith(".css")) {
       return renderCss(path.join(process.cwd(), url.pathname));

packages/create-parotta/index.js → bin/create-app.js RENAMED Viewed

File without changes

{packages/example → example}/.gitignore RENAMED Viewed

File without changes

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

File without changes

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

File without changes

{packages/example → example}/Dockerfile RENAMED Viewed

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

@@ -4,7 +4,7 @@ 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.DATABASE_URL });
+export const pool = new Pool({ connectionString: process.env.PG_CONN_URL });
 const db = drizzle(pool, {
   logger: {
     logQuery: (query, params) => {

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

File without changes

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

File without changes

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

File without changes

{packages/example → example}/drizzle.config.json RENAMED Viewed

File without changes

{packages/example → example}/jsconfig.json RENAMED Viewed

File without changes

example/main.js ADDED Viewed

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

{packages/example → example}/package.json RENAMED Viewed

@@ -14,6 +14,8 @@
     "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"
@@ -27,7 +29,9 @@
   },
   "parotta": {
     "hydrate": true,
+    "css": [
-    "css": "@blueprintjs/core/lib/css/blueprint.css"
+      "node_modules/normalize.css/normalize.css"
+    ]
   },
   "eslintConfig": {
     "root": true,

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

{packages/example → example}/playwright.config.js RENAMED Viewed

File without changes

{packages/example → example}/readme.md RENAMED Viewed

@@ -1,4 +1,4 @@
-# parotta-example
+# Sample Parotta Application
 ## Requirements
@@ -9,6 +9,10 @@
 1. `bun i`
 2. `bunx playright install`
+## Running
+`bun run dev`
 ## Testing
-`bun run test`
+`bun test`

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

package.json CHANGED Viewed

@@ -1,5 +1,27 @@
 {
+  "name": "parotta",
+  "version": "0.3.0",
+  "type": "module",
-  "workspaces": [
+  "dependencies": {
+    "autoprefixer": "^10.4.14",
-    "packages/*"
+    "chalk": "^5.2.0",
+    "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",
+    "postcss": "^8.4.21",
+    "postcss-custom-media": "^9.1.2",
+    "postcss-nesting": "^11.2.1",
+    "radix3": "^1.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tar": "^6.1.13",
+    "unzip": "^0.1.11",
+    "walkdir": "0.4.1"
-  ]
+  },
+  "bin": {
+    "parotta": "./bin/cli.js"
-}
+  }
+}

packages/create-parotta/package.json DELETED Viewed

@@ -1,16 +0,0 @@
-{
-  "name": "create-parotta-app",
-  "version": "0.1.0",
-  "type": "module",
-  "dependencies": {
-    "chalk": "^5.2.0",
-    "commander": "10.0.0",
-    "extract-files": "^13.0.0",
-    "gunzip-file": "^0.1.1",
-    "tar": "^6.1.13",
-    "unzip": "^0.1.11"
-  },
-  "bin": {
-    "parotta": "./index.js"
-  }
-}

packages/parotta/package.json DELETED Viewed

@@ -1,20 +0,0 @@
-{
-  "name": "parotta",
-  "version": "0.3.0",
-  "type": "module",
-  "dependencies": {
-    "autoprefixer": "^10.4.14",
-    "history": "^5.3.0",
-    "mime-types": "2.1.35",
-    "nprogress": "^0.2.0",
-    "postcss": "^8.4.21",
-    "postcss-custom-media": "^9.1.2",
-    "postcss-nesting": "^11.2.1",
-    "postcss-normalize": "^10.0.1",
-    "radix3": "^1.0.0",
-    "walkdir": "0.4.1"
-  },
-  "bin": {
-    "parotta": "./cli.js"
-  }
-}

readme.md CHANGED Viewed

@@ -1,12 +1,13 @@
 # parotta
-parotta is a next level meta-framework for react that runs only on edge runtimes mainly bun.
+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 fetch cache
+3. Hydrate rpc cache
-4. Build a proper example (bunx create-parotta@latest)
-5. Build a Website with Docs using parotta
+4. Build a Website with Docs using parotta

packages/parotta/runtime.js → runtime.js RENAMED Viewed

@@ -2,7 +2,6 @@ import React, {
   Fragment, Suspense, createElement, createContext,
   useContext, useState, useEffect, useMemo, useSyncExternalStore, useTransition
 } from "react";
-import nProgress from "nprogress";
 export const domain = () => typeof window !== 'undefined' ? window.origin : "http://0.0.0.0:3000";
 export const globalCache = new Map();
@@ -106,7 +105,7 @@ export const HeadApp = ({ history, radixRouter, importMap }) => {
   });
 }
-export const BodyApp = ({ history, radixRouter }) => {
+export const BodyApp = ({ nProgress, history, radixRouter }) => {
   const [isPending, startTransition] = useTransition();
   const [match, setMatch] = useState(() => getMatch(radixRouter, history.location.pathname));
   useEffect(() => {
@@ -186,7 +185,11 @@ export const Link = (props) => {
 export const NavLink = ({ children, className, activeClassName, ...props }) => {
   const { pathname } = useRouter();
   const classNames = pathname === props.href ? [activeClassName, className] : [className];
-  return <Link className={classNames} {...props} >{children}</Link>
+  return createElement(Link, {
+    children,
+    className: classNames,
+    ...props,
+  })
 }
 export class ErrorBoundary extends React.Component {