Merge pull request #6 from rndquu/build/add-build-scripts

Build/add build scripts

.github/workflows/build.yml

@@ -27,10 +27,10 @@ jobs:
         run: yarn install
 
       - name: Build
-        run: yarn build
+        run: yarn build:prod
 
       - name: Add commit SHA file to build folder
-        run: echo -n $(echo "${{ github.event_name == 'pull_request' && github.event.pull_request.head.sha || github.sha }}" | cut -c1-7) > scripts/out/commit.txt
+        run: echo -n $(echo "${{ github.event_name == 'pull_request' && github.event.pull_request.head.sha || github.sha }}" | cut -c1-7) > build/commit.txt
 
       - name: Prepare Deployment Artifact
         env:
@@ -41,7 +41,7 @@ jobs:
           echo "event_name=$EVENT_NAME,pr_number=$PR_NUMBER,sha=$SHA"
           mkdir -p ./pr
           echo "event_name=$EVENT_NAME,pr_number=$PR_NUMBER,sha=$SHA," > ./pr/pr_number
-          cd ./scripts/out && zip -r ../../pr/pull-request.zip ./*
+          cd ./build && zip -r ../pr/pull-request.zip ./*
 
       - uses: actions/upload-artifact@v3
         with:

.gitignore

@@ -6,3 +6,5 @@ node_modules
 .yarn
 .pnp.cjs
 .pnp.loader.mjs
+# project build
+build

README.md

@@ -1 +1,13 @@
 # Ubiquibot-logging App
+
+Frontend app that displays [ubiquibot](https://github.com/ubiquity/ubiquibot) logs for debug purposes.
+
+## How to start a dev server
+```
+yarn start
+```
+
+## How to build for production
+```
+yarn build:prod
+```

esbuild/esbuild-config.ts

@@ -0,0 +1,26 @@
+import esbuild from 'esbuild';
+
+const config: esbuild.BuildOptions = {
+  sourcemap: false,
+  entryPoints: [
+      'scripts/constants/index.ts',
+      'scripts/helpers/utils.ts',
+      'scripts/index.ts',
+      'styles/index.css',
+      'index.html',
+  ],
+  bundle: true,
+  minify: false,
+  loader: {
+    ".png": "dataurl",
+    ".woff": "dataurl",
+    ".woff2": "dataurl",
+    ".eot": "dataurl",
+    ".ttf": "dataurl",
+    ".svg": "dataurl",
+    ".html": "copy",
+  },
+  outdir: "build",
+};
+
+export default config;

esbuild/esbuild.dev.ts

@@ -0,0 +1,11 @@
+import esbuild from "esbuild";
+
+import config from './esbuild-config';
+
+async function build() {
+    const context = await esbuild.context(config);
+    await context.serve({servedir: 'build'});
+    console.log('Server listening on http://localhost:8000/');
+}
+
+build();

esbuild/esbuild.prod.ts

@@ -0,0 +1,5 @@
+import esbuild from 'esbuild';
+
+import config from "./esbuild-config";
+
+esbuild.build(config);

package.json

@@ -6,13 +6,14 @@
   "author": "Ubiquity DAO",
   "license": "MIT",
   "engines": {
-    "node": ">=v20.8.0"
+    "node": ">=v18.0.0"
   },
   "scripts": {
-    "build": "tsc && tsx ./scripts/esbuild.ts",
+    "build:prod": "tsx ./esbuild/esbuild.prod.ts",
     "format": "run-s format:prettier format:lint",
     "format:lint": "eslint --fix .",
-    "format:prettier": "prettier --write ."
+    "format:prettier": "prettier --write .",
+    "start": "tsx ./esbuild/esbuild.dev.ts"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^3.2.0",

tsconfig.json

@@ -12,7 +12,7 @@
     "module": "ESNext",
     "moduleResolution": "Node",
     "types": ["@cloudflare/workers-types", "node"],
-    "outDir": "scripts/out"
+    "outDir": "build"
   },
-  "include": ["./_worker.ts", "./src", "./types", "./scripts", "./index.ts"]
+  "include": ["./types", "./scripts"]
 }

types/global.ts

@@ -1,5 +1,4 @@
 export interface Env {
-  ASSETS: Fetcher;
   SUPABASE_KEY: string;
   SUPABASE_URL: string;
 }