@vyckr/tachyon 1.1.3 → 1.1.5

package/main.js

@@ -0,0 +1,13 @@
+const link = document.createElement("link")
+link.href = "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
+link.href = "stylesheet"
+document.head.appendChild(link)
+
+const script = document.createElement('script')
+script.type = "module"
+script.src = "https://esm.run/@material/web/all.js"
+document.head.appendChild(script)
+
+import("https://esm.run/@material/web/typography/md-typescale-styles.js").then(module => {
+    document.adoptedStyleSheets.push(module.styles.styleSheet)
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vyckr/tachyon",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "author": "Chidelma",
   "repository": {
     "type": "git",

package/routes/HTML

@@ -1,28 +1,6 @@
-<script>
-    const { default: dayjs } = await import('/modules/dayjs.js')
-
-    console.log(dayjs().format())
-    document.title = "Home"
- 
-    console.log("Hello from JavaScript")
-
-    let greeting = "Hello from HTML!"
-
-    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
-
-    const start = 5
-</script>
-
-<h1>${greeting}</h1>
-<input type="text" placeholder="Write Something" :value="greeting" @input="(value) => greeting = value" />
-<br/>
-<ty-counter :count="start" />
-<ty-loop :for="const num of arr">
-    <ty-logic :if="num % 5 === 0">
-        <p>Half way there! Number ${num}</p>
-    </ty-logic>
-    <ty-logic :else>
-        <p>Number ${num}</p>
-    </ty-logic>
-</ty-loop>
-<ty-counter :count="start" />
+<h1 class="md-typescale-display-medium">Hello Material!</h1>
+<form>
+    <p class="md-typescale-body-medium">Check out these controls in a form!</p>
+    <md-outlined-text-field label="Favorite color" value="Purple"></md-outlined-text-field>
+    <md-outlined-button type="reset">Reset</md-outlined-button>
+</form>

package/src/serve.ts

@@ -4,7 +4,7 @@ import Router, { _ctx } from "./router.js"
 import Yon from "./client/yon.js"
 import { Logger } from "./server/logger.js"
 import { ServerWebSocket } from "bun"
-import { watch } from "fs/promises"
+import { watch, exists } from "fs/promises"
 import { watch as watcher } from "node:fs";
 
 type WebSocketData = {
@@ -93,26 +93,32 @@ if(server.development) {
             return undefined
         },
         websocket: {
-            open(ws) {
+            async open(ws) {
                 console.info("HMR Enabled")
-    
-                watcher(Router.routesPath, { recursive: true }, () => {
-                    queueMicrotask(async () => {
-                        console.info("HMR Update")
-                        await configureRoutes()
-                        server.reload({ routes: Router.reqRoutes })
-                        ws.send('')
+
+                if(await exists(Router.routesPath)) {
+
+                    watcher(Router.routesPath, { recursive: true }, () => {
+                        queueMicrotask(async () => {
+                            console.info("HMR Update")
+                            await configureRoutes()
+                            server.reload({ routes: Router.reqRoutes })
+                            ws.send('')
+                        })
                     })
-                })
-                
-                watcher(Router.componentsPath, { recursive: true }, () => {
-                    queueMicrotask(async () => {
-                        console.info("HMR Update")
-                        await configureRoutes()
-                        server.reload({ routes: Router.reqRoutes })
-                        ws.send('')
+                }
+
+                if(await exists(Router.componentsPath)) {
+
+                    watcher(Router.componentsPath, { recursive: true }, () => {
+                        queueMicrotask(async () => {
+                            console.info("HMR Update")
+                            await configureRoutes()
+                            server.reload({ routes: Router.reqRoutes })
+                            ws.send('')
+                        })
                     })
-                })
+                }
             },
             message(ws, message) {
                 
@@ -124,21 +130,30 @@ if(server.development) {
         port: 9876
     })
 
-    watcher(Router.routesPath, { recursive: true }, () => {
-        queueMicrotask(async () => {
-            await configureRoutes()
-            server.reload({ routes: Router.reqRoutes })
+
+    if(await exists(Router.routesPath)) {
+
+        watcher(Router.routesPath, { recursive: true }, () => {
+            queueMicrotask(async () => {
+                await configureRoutes()
+                server.reload({ routes: Router.reqRoutes })
+            })
         })
-    })
-    
-    watcher(Router.componentsPath, { recursive: true }, () => {
-        queueMicrotask(async () => {
-            await configureRoutes()
-            server.reload({ routes: Router.reqRoutes })
+    }
+
+    if(await exists(Router.componentsPath)) {
+
+        watcher(Router.componentsPath, { recursive: true }, () => {
+            queueMicrotask(async () => {
+                await configureRoutes()
+                server.reload({ routes: Router.reqRoutes })
+            })
         })
-    })
+    }
 }
 
 const elapsed = Date.now() - start
 
-console.info(`Live Server is running on http://${server.hostname}:${server.port} (Press CTRL+C to quit) - ${elapsed.toFixed(2)}ms`)
+console.info(`Live Server is running on http://${server.hostname}:${server.port} (Press CTRL+C to quit) - ${elapsed.toFixed(2)}ms`)
+
+// console.info(`Available Routes:\n\t${Object.keys(Router.reqRoutes).join('\n\t')}`)

package/src/server/tach.ts

@@ -229,6 +229,14 @@ export default class Tach {
                     Router.reqRoutes[`${route}/*`][method] = serverRoute
                 }
             }
+
+            if(Router.reqRoutes['//*']) delete Router.reqRoutes['//*']
+
+            if(!Router.reqRoutes['/']) {
+                Router.reqRoutes['/'] = {
+                    GET: serverRoute    
+                }
+            }
         }
     }
 }