ceccf1f | 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

ceccf1f — Peter John 2023-03-18T17:41:24+05:30

move to workspace

Generated files not shown: bun.lockb, package-lock.json

Files changed (30) hide show

.gitignore +1 -172
README.md +0 -15
package.json +4 -20
packages/example/.gitignore +3 -0
{components → packages/example/components}/Todo.jsx +0 -0
{containers → packages/example/containers}/TodoList.jsx +1 -1
jsconfig.json → packages/example/jsconfig.json +0 -0
packages/example/main.js +3 -0
packages/example/package.json +12 -0
{routes → packages/example/routes}/about/page.css +0 -0
{routes → packages/example/routes}/about/page.jsx +0 -0
{routes → packages/example/routes}/health/api.js +0 -0
{routes → packages/example/routes}/index/page.css +0 -0
{routes → packages/example/routes}/index/page.jsx +1 -1
routes/todos/[id]/api.js → packages/example/routes/todos/[id]/server.js +3 -2
{routes → packages/example/routes}/todos/api.js +1 -1
packages/example/routes/todos/page.css +11 -0
packages/example/routes/todos/page.jsx +16 -0
{static → packages/example/static}/favicon.ico +0 -0
{static → packages/example/static}/logo192.png +0 -0
{static → packages/example/static}/logo512.png +0 -0
{static → packages/example/static}/manifest.json +0 -0
{static → packages/example/static}/robots.txt +0 -0
packages/muffinjs/.gitignore +1 -0
atom.js → packages/muffinjs/atom.js +0 -0
packages/muffinjs/bin/muffin.js +5 -0
index.js → packages/muffinjs/index.js +11 -9
jsxPlugin.js → packages/muffinjs/jsxPlugin.js +0 -0
packages/muffinjs/package.json +23 -0
router.js → packages/muffinjs/router.js +3 -2

.gitignore CHANGED Viewed

@@ -1,172 +1 @@
-# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
-# Logs
-logs
-_.log
-npm-debug.log_
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
-# Runtime data
-pids
-_.pid
-_.seed
-\*.pid.lock
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-# Coverage directory used by tools like istanbul
-coverage
-\*.lcov
-# nyc test coverage
-.nyc_output
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-# Bower dependency directory (https://bower.io/)
-bower_components
-# node-waf configuration
-.lock-wscript
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-# Dependency directories
-node_modules/
+node_modules
-jspm_packages/
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-# TypeScript cache
-\*.tsbuildinfo
-# Optional npm cache directory
-.npm
-# Optional eslint cache
-.eslintcache
-# Optional stylelint cache
-.stylelintcache
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-# Optional REPL history
-.node_repl_history
-# Output of 'npm pack'
-\*.tgz
-# Yarn Integrity file
-.yarn-integrity
-# dotenv environment variable files
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-# Next.js build output
-.next
-out
-# Nuxt.js build / generate output
-.nuxt
-dist
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-# vuepress build output
-.vuepress/dist
-# vuepress v2.x temp and cache directory
-.temp
-.cache
-# Docusaurus cache and generated files
-.docusaurus
-# Serverless directories
-.serverless/
-# FuseBox cache
-.fusebox/
-# DynamoDB Local files
-.dynamodb/
-# TernJS port file
-.tern-port
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.\*
-.cache
-dist
-.vercel

README.md DELETED Viewed

@@ -1,15 +0,0 @@
-# quickstart
-To install dependencies:
-```bash
-bun install
-```
-To run:
-```bash
-bun run index.js
-```
-This project was created using `bun init` in bun v0.5.7. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

package.json CHANGED Viewed

@@ -1,24 +1,8 @@
 {
-  "name": "quickstart",
+  "name": "my-project",
-  "module": "index.js",
-  "type": "module",
+  "version": "1.0.0",
+  "workspaces": ["packages/example", "packages/muffinjs"],
   "scripts": {
-    "dev": "bun --hot index.js",
-    "start": "bun index.js"
+    "start": "muffin"
-  },
-  "devDependencies": {
-    "bun-types": "^0.5.0"
-  },
-  "dependencies": {
-    "@blueprintjs/core": "^4.17.6",
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.21",
-    "postcss-custom-media": "^9.1.2",
-    "postcss-nesting": "^11.2.1",
-    "postcss-normalize": "^10.0.1",
-    "react": "18.2.0",
-    "react-dom": "^18.2.0",
-    "react-streaming": "^0.3.5",
-    "zod": "^3.21.0"
   }
 }

packages/example/.gitignore ADDED Viewed

@@ -0,0 +1,3 @@
+.cache
+.dist
+node_modules

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

File without changes

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

@@ -1,4 +1,4 @@
-import Todo from "@/components/Todo.jsx";
+import Todo from "@/example/components/Todo.jsx";
 const todos = [
   { id: '1', text: "123" },

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

File without changes

packages/example/main.js ADDED Viewed

@@ -0,0 +1,3 @@
+import server from "muffinjs/index.js";
+export default server;

packages/example/package.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "name": "quickstart",
+  "type": "module",
+  "scripts": {
+    "dev": "bun --hot main.js"
+  },
+  "dependencies": {
+    "muffinjs": "0.1.0",
+    "react": "18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

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

File without changes

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

File without changes

{routes → packages/example/routes}/health/api.js RENAMED Viewed

File without changes

{routes → packages/example/routes}/index/page.css RENAMED Viewed

File without changes

{routes → packages/example/routes}/index/page.jsx RENAMED Viewed

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { useRouter } from "@/router.js";
+import { useRouter } from "muffinjs/router.js";
 import TodoList from "@/containers/TodoList.jsx";
 // import "./index.css";

routes/todos/[id]/api.js → packages/example/routes/todos/[id]/server.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import tigrisDB from "./db.js.js";
+import tigrisDB from "./db.js.js.js";
 export const todosCollection = tigrisDB.getCollection("todoItems");
@@ -17,8 +17,9 @@ export const onGet = async (req) => {
 }
 export const onPut = async (req) => {
+  const item = await req.body();
   const updated = await todosCollection.insertOrReplaceOne(item);
-  const data = JSON.stringify(updated);
+  const data = JSON.stringify(updated);``
   return new Response(data, {
     headers: {
       "Content-Type": "application/json",

{routes → packages/example/routes}/todos/api.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import tigrisDB from "./db.js.js";
+import tigrisDB from "./db.js.js.js";
 export const todosCollection = tigrisDB.getCollection("todoItems");

packages/example/routes/todos/page.css ADDED Viewed

@@ -0,0 +1,11 @@
+.home-page {
+  padding: 10px;
+  background-color: turquoise;
+  & .count {
+    color: black;
+    padding: 40px;
+    font-size: 30px;
+    font-weight: 600;
+  }
+}

packages/example/routes/todos/page.jsx ADDED Viewed

@@ -0,0 +1,16 @@
+import { Suspense } from "react";
+import { useRouter } from "muffinjs/router.js";
+import TodoList from "@/containers/TodoList.jsx";
+// import "./index.css";
+export default () => {
+  const router = useRouter();
+  const { data: todos, isRevalidating } = usePromise("/todos");
+  return (
+    <div className="todos-page">
+      <Suspense>
+        <TodoList todos={todos} />
+      </Suspense>
+    </div>
+  )
+}

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

packages/muffinjs/.gitignore ADDED Viewed

	@@ -0,0 +1 @@
1	+ node_modules

atom.js → packages/muffinjs/atom.js RENAMED Viewed

File without changes

packages/muffinjs/bin/muffin.js ADDED Viewed

@@ -0,0 +1,5 @@
+#!/usr/bin/env bun
+import server from "../index.js";
+Bun.serve(server);

index.js → packages/muffinjs/index.js RENAMED Viewed

@@ -1,8 +1,10 @@
 import './jsxPlugin.js';
+import React from 'react';
 import path from 'path';
 import { renderToReadableStream } from 'react-dom/server';
 import { routerAtom } from './router.js';
-import packageJson from "./package.json";
+console.log("running in", process.cwd());
 const transpiler = new Bun.Transpiler({
   loader: "jsx",
@@ -15,11 +17,6 @@ const renderApi = async (route, req) => {
   console.log('routeImport', routeImport);
 }
-const deps = Object.keys(packageJson.dependencies).reduce((acc, dep) => {
-  acc[dep] = `https://esm.sh/${dep}@${packageJson.dependencies[dep]}?dev`;
-  return acc;
-}, {})
 const renderPage = async (filePath, url, params) => {
   const query = {};
   for (const key of url.searchParams.keys()) {
@@ -30,9 +27,14 @@ const renderPage = async (filePath, url, params) => {
     params: params,
     pathname: url.pathname,
   }
-  console.log('filePath', filePath);
   routerAtom.update(() => initialRouteValue);
   const routeImport = await import(filePath);
+  const packageJson = await import(path.join(process.cwd(), "package.json"));
+  const dependencies = packageJson.default.dependencies;
+  const imports = Object.keys(dependencies).reduce((acc, dep) => {
+    acc[dep] = `https://esm.sh/${dep}@${dependencies[dep]}?dev`;
+    return acc;
+  }, {})
   const Page = routeImport.default;
   const stream = await renderToReadableStream(
     <html lang="en">
@@ -42,7 +44,7 @@ const renderPage = async (filePath, url, params) => {
           __html: JSON.stringify(
             {
               "imports": {
-                ...deps,
+                ...imports,
                 "react-dom/client": "https://esm.sh/[email protected]/client?dev",
                 "react/jsx-dev-runtime": "https://esm.sh/[email protected]/jsx-dev-runtime?dev",
                 "@/atom.js": "/assets/js/src/atom.js",
@@ -126,7 +128,7 @@ export default {
       });
     }
     if (url.pathname.includes("/")) {
-      return renderPage("./routes/index/page.jsx", url, {});
+      return renderPage(process.cwd() + "/routes/index/page.jsx", url, {});
     }
     return new Response(`Not Found`, {
       headers: { 'Content-Type': 'text/html' },

jsxPlugin.js → packages/muffinjs/jsxPlugin.js RENAMED Viewed

File without changes

packages/muffinjs/package.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "muffinjs",
+  "version": "0.1.0",
+  "module": "index.js",
+  "type": "module",
+  "scripts": {
+    "dev": "bun --hot index.js",
+    "start": "bun index.js"
+  },
+  "devDependencies": {
+    "bun-types": "^0.5.0"
+  },
+  "dependencies": {
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.21",
+    "postcss-custom-media": "^9.1.2",
+    "postcss-nesting": "^11.2.1",
+    "postcss-normalize": "^10.0.1"
+  },
+  "bin": {
+    "muffin": "./bin/muffin"
+  }
+}

router.js → packages/muffinjs/router.js RENAMED Viewed

@@ -1,10 +1,11 @@
+// import { signal, useSignal } from "@preact/signals-react";
-import { atom, useAtom } from "@/atom.js";
+import { atom, useAtom } from "./atom.js";
 export const routerAtom = atom({
   pathname: "/",
   query: {},
   params: {},
-})
+});
 export const useRouter = () => useAtom(routerAtom);