// app/server/live/LiveCounter.ts
import { LiveComponent } from '@/core/server'

export class LiveCounter extends LiveComponent<{
  count: number
}> {
  static defaultState = { count: 0 }

  async increment() {
    this.state.count++ // auto-syncs via Proxy
    return { success: true }
  }

  async decrement() {
    this.state.count--
    return { success: true }
  }

  async reset() {
    this.state.count = 0
    return { success: true }
  }
}

// app/server/live/ChatRoom.ts
export class ChatRoom extends LiveComponent<State> {

  async joinRoom(payload: { roomId: string }) {
    this.$room(payload.roomId).join()

    this.$room(payload.roomId).on('message:new', (msg) => {
      this.setState({
        messages: [...this.state.messages, msg]
      })
    })

    return { success: true }
  }

  async sendMessage(payload: { text: string }) {
    const message = { id: Date.now(), text: payload.text }
    this.setState({
      messages: [...this.state.messages, message]
    })
    this.$room('chat').emit('message:new', message)
    return { success: true }
  }
}

// app/server/live/AdminPanel.ts
export class AdminPanel extends LiveComponent<State> {
  static componentName = 'AdminPanel'
  static defaultState = { users: [] }

  // Component requires admin role
  static auth = {
    required: true,
    roles: ['admin']
  }

  // Per-action permissions
  static actionAuth = {
    deleteUser: { permissions: ['users.delete'] }
  }

  async deleteUser(payload: { userId: string }) {
    // Access user info via $auth
    console.log(`${this.$auth.user?.id} deleting user`)
    return { success: true }
  }
}

// app/server/routes/users.routes.ts
import { Elysia, t } from 'elysia'

export const userRoutes = new Elysia({ prefix: '/users' })
  .post('/', ({ body }) => createUser(body), {
    body: t.Object({
      name: t.String(),
      email: t.String({ format: 'email' })
    }),
    response: t.Object({
      success: t.Boolean(),
      user: t.Optional(t.Object({
        id: t.Number(),
        name: t.String(),
        email: t.String()
      }))
    })
  })

// app/client/src/lib/eden-api.ts
import { api } from './eden-api'

// TypeScript knows all types automatically!
const { data, error } = await api.users.post({
  name: 'Ada Lovelace',       // ✅ string
  email: 'ada@example.com'    // ✅ string (email)
})

if (data?.user) {
  console.log(data.user.name)  // ✅ string
  console.log(data.user.id)    // ✅ number
}