add build scripts

tireymorris · Jun 23, 2024 · 0c67ccd · 0c67ccd
1 parent 1d3293b
commit 0c67ccd
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -43,6 +43,7 @@ package-lock.json
 **/*.bun
 
 server
+worker
 
 db.sqlite
 *.db
diff --git a/package.json b/package.json
@@ -2,7 +2,9 @@
   "name": "hyperwave",
   "version": "0.2.1",
   "scripts": {
-    "build": "bun build:css && bun build --compile ./src/server.tsx",
+    "build": "bun build:css && bun build:server && bun build:worker",
+    "build:server": "bun build --compile ./src/server.tsx",
+    "build:worker": "bun build --compile ./src/worker.ts",
     "build:css": "unocss \"src/**/*.tsx\" -o public/styles/uno.css",
     "css": "unocss --watch \"src/**/*.tsx\" -o public/styles/uno.css",
     "db": "bun run src/db.ts",

diff --git a/public/styles/uno.css b/public/styles/uno.css
@@ -24,6 +24,7 @@
 .mb-3{margin-bottom:0.75rem;}
 .mb-4{margin-bottom:1rem;}
 .mr-4{margin-right:1rem;}
+.box-border{box-sizing:border-box;}
 .hidden{display:none;}
 .h-1\/4{height:25%;}
 .h-16{height:4rem;}
@@ -67,6 +68,7 @@
 .py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
 .py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
 .pl-3{padding-left:0.75rem;}
+.pl-4{padding-left:1rem;}
 .pr-10{padding-right:2.5rem;}
 .text-center{text-align:center;}
 .text-3xl{font-size:1.875rem;line-height:2.25rem;}

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -27,7 +27,7 @@ function Layout({ title, children }: LayoutProps) {
         <script src="https://unpkg.com/[email protected]"></script>
         <EnableDarkMode />
       </head>
-      <body className="font-lato m-0 bg-white dark:bg-gray-900 p-0 text-black dark:text-white">
+      <body className="font-lato m-0 bg-white dark:bg-gray-900 p-0 text-black dark:text-white box-border">
         {children}
       </body>
     </html>

diff --git a/src/server.tsx b/src/server.tsx
@@ -21,7 +21,7 @@ app.get("/", async (c) => {
   return c.html(
     <Layout title="hyperwave">
       <div class="flex flex-col items-center gap-2 p-4 min-h-screen text-base">
-        <header class="w-full h-1/4 flex items-center justify-center bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-lg mb-4">
+        <header class="w-full h-1/4 flex items-center bg-gradient-to-r from-blue-500 to-purple-500 text-white shadow-lg mb-4 pl-4">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
@@ -36,7 +36,7 @@ app.get("/", async (c) => {
               d="M4 6h16M4 10h16M4 14h10M4 18h10M2 4v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4"
             />
           </svg>
-          <h1 class="text-3xl font-serif italic">🌊hyperwave news</h1>
+          <h1 class="text-3xl font-serif italic">hyperwave news</h1>
         </header>
 
         <div
-Original file line number
+Diff line change
@@ Expand Up / @@ -43,6 +43,7 @@ package-lock.json @@
     **/*.bun
     server
+    worker
     db.sqlite
     *.db