feat(*): add log on start

README.md

@@ -20,9 +20,7 @@ const app = new Elysia({
   name: 'Logixlysia Example'
 }).use(logger())
 
-console.log(
-  `🧪 Listening on http://${app.server!.hostname}:${app.server!.port}`
-)
+app.listen(3000)
 ```
 
 ## `📄` License

example/basic.ts

@@ -30,8 +30,5 @@ const app = new Elysia({
       message: 'Basic Example'
     }
   })
-  .listen(3000)
 
-console.log(
-  `🧪 Listening on http://${app.server!.hostname}:${app.server!.port}`
-)
+app.listen(3000)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "logixlysia",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "🦊 Logixlysia is a logger for Elysia",
   "type": "module",
   "module": "src/index.ts",

src/index.ts

@@ -1,12 +1,17 @@
 import Elysia from 'elysia'
 import { formatLogger } from './logger'
+import { startString } from './utils/start'
+import { Server } from 'bun'
 
 export const logger = () => {
   const log = formatLogger()
 
   const elysia = new Elysia({
     name: 'Logixlysia'
   })
+    .onStart(ctx => {
+      startString(ctx.app.server as Server)
+    })
     .onRequest(ctx => {
       ctx.store = { beforeTime: process.hrtime.bigint() } as {
         beforeTime: bigint

src/utils/start.ts

@@ -0,0 +1,34 @@
+interface Server {
+  hostname?: string
+  port?: number
+  protocol?: string
+}
+
+function createBoxText(text: string, width: number): string {
+  const padding = ' '.repeat((width - text.length) / 2)
+  return `${padding}${text}${padding}`
+}
+
+function startString(config: Server): void {
+  const { hostname, port, protocol } = config
+  const ELYSIA_VERSION = import.meta.require('elysia/package.json').version
+  const title = `Elysia v${ELYSIA_VERSION}`
+  const message = `🦊 Elysia is running at ${protocol}://${hostname}:${port}`
+  const messageWidth = message.length
+  const boxWidth = Math.max(title.length, messageWidth) + 4
+  const border = '─'.repeat(boxWidth)
+
+  process.stdout.write('\x1Bc')
+
+  console.log(`
+      ┌${border}┐
+      │${createBoxText('', boxWidth)} │
+      │${createBoxText(title, boxWidth)} │
+      │${createBoxText('', boxWidth)} │
+      │${createBoxText(message, boxWidth)}│
+      │${createBoxText('', boxWidth)} │
+      └${border}┘
+    `)
+}
+
+export { Server, startString }