feat(dashboard): add transactions and users management pages with CRUD functionality

feat(auth): implement login page and authentication middleware
feat(sidebar): create sidebar component with user info and navigation links
feat(api): establish API client for interacting with backend services

apps/csms/src/index.ts

@@ -8,13 +8,15 @@ import { logger } from 'hono/logger'
 import { showRoutes } from 'hono/dev'
 import { auth } from './lib/auth.ts'
 import { createOcppHandler } from './ocpp/handler.ts'
+import statsRoutes from './routes/stats.ts'
+import chargePointRoutes from './routes/charge-points.ts'
+import transactionRoutes from './routes/transactions.ts'
+import idTagRoutes from './routes/id-tags.ts'
+import userRoutes from './routes/users.ts'
 
-const app = new Hono<{
-  Variables: {
-    user: typeof auth.$Infer.Session.user | null
-    session: typeof auth.$Infer.Session.session | null
-  }
-}>()
+import type { HonoEnv } from './types/hono.ts'
+
+const app = new Hono<HonoEnv>()
 
 const { injectWebSocket, upgradeWebSocket } = createNodeWebSocket({ app })
 
@@ -34,10 +36,10 @@ app.use('*', async (c, next) => {
 })
 
 app.use(
-  '/api/auth/*',
+  '/api/*',
   cors({
-    origin: '*',
-    allowMethods: ['GET', 'POST', 'OPTIONS'],
+    origin: process.env.WEB_ORIGIN ?? '*',
+    allowMethods: ['GET', 'POST', 'PATCH', 'DELETE', 'OPTIONS'],
     allowHeaders: ['Content-Type', 'Authorization'],
     exposeHeaders: ['Content-Length'],
     credentials: true,
@@ -46,6 +48,13 @@ app.use(
 
 app.on(['POST', 'GET'], '/api/auth/*', (c) => auth.handler(c.req.raw))
 
+// REST API routes
+app.route('/api/stats', statsRoutes)
+app.route('/api/charge-points', chargePointRoutes)
+app.route('/api/transactions', transactionRoutes)
+app.route('/api/id-tags', idTagRoutes)
+app.route('/api/users', userRoutes)
+
 app.get('/api', (c) => {
   const user = c.get('user')
   const session = c.get('session')