vasp-cli 0.1.3 → 0.2.0

package/templates/templates/spa/ts/src/vasp/client/realtime.ts.hbs

@@ -0,0 +1,56 @@
+// Auto-generated by Vasp — do not edit
+import { ref, onUnmounted, type Ref } from 'vue'
+
+const WS_BASE = import.meta.env.VITE_WS_URL || `ws://${location.host}`
+
+export interface RealtimeMessage {
+  channel: string
+  event: string
+  data: unknown
+}
+
+export interface UseRealtimeResult {
+  connected: Ref<boolean>
+  on: (event: string, handler: (data: unknown) => void) => void
+  disconnect: () => void
+}
+
+export function useRealtime(channelName: string): UseRealtimeResult {
+  const connected = ref(false)
+  const handlers = new Map<string, (data: unknown) => void>()
+  let ws: WebSocket | null = null
+  let reconnectTimer: ReturnType<typeof setTimeout> | null = null
+
+  function connect() {
+    ws = new WebSocket(`${WS_BASE}/ws/${channelName}`)
+
+    ws.onopen = () => { connected.value = true }
+    ws.onclose = () => {
+      connected.value = false
+      reconnectTimer = setTimeout(connect, 3000)
+    }
+    ws.onerror = () => ws?.close()
+    ws.onmessage = ({ data }: MessageEvent<string>) => {
+      try {
+        const msg = JSON.parse(data) as RealtimeMessage
+        if (msg.channel === channelName) {
+          handlers.get(msg.event)?.(msg.data)
+        }
+      } catch {}
+    }
+  }
+
+  function on(event: string, handler: (data: unknown) => void) {
+    handlers.set(event, handler)
+  }
+
+  function disconnect() {
+    if (reconnectTimer) clearTimeout(reconnectTimer)
+    ws?.close()
+  }
+
+  connect()
+  onUnmounted(disconnect)
+
+  return { connected, on, disconnect }
+}

package/templates/templates/spa/ts/src/vasp/client/types.ts.hbs

@@ -0,0 +1,33 @@
+// Auto-generated by Vasp — entity types inferred from Drizzle schema
+import type {
+{{#each cruds}}
+  {{pascalCase entity}},
+  New{{pascalCase entity}},
+{{/each}}
+{{#if hasAuth}}
+  User,
+{{/if}}
+} from '../../../../../../drizzle/schema.js'
+
+{{#each queries}}
+// Arguments and return type for '{{name}}' — customize as needed
+export type {{pascalCase name}}Args = Record<string, unknown>
+export type {{pascalCase name}}Return = unknown
+
+{{/each}}
+{{#each actions}}
+// Arguments and return type for '{{name}}' — customize as needed
+export type {{pascalCase name}}Args = Record<string, unknown>
+export type {{pascalCase name}}Return = unknown
+
+{{/each}}
+// Re-export entity types for convenience
+export type {
+{{#each cruds}}
+  {{pascalCase entity}},
+  New{{pascalCase entity}},
+{{/each}}
+{{#if hasAuth}}
+  User,
+{{/if}}
+}

package/templates/templates/spa/ts/src/vasp/plugin.ts.hbs

@@ -0,0 +1,12 @@
+import type { App } from 'vue'
+import { createVaspClient } from '@vasp-framework/runtime'
+
+export const vaspPlugin = {
+  install(app: App) {
+    const client = createVaspClient({
+      baseURL: import.meta.env.VITE_API_URL || '/api',
+    })
+    app.provide('$vasp', client)
+    app.config.globalProperties.$vasp = client
+  },
+}

package/templates/templates/spa/ts/vite.config.ts.hbs

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'node:url'
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@src': fileURLToPath(new URL('./src', import.meta.url)),
+      '@vasp-framework/client': fileURLToPath(new URL('./src/vasp/client', import.meta.url)),
+    },
+  },
+  server: {
+    port: {{frontendPort}},
+    proxy: {
+      '/api': {
+        target: 'http://localhost:{{backendPort}}',
+        changeOrigin: true,
+      },
+      '/ws': {
+        target: 'ws://localhost:{{backendPort}}',
+        ws: true,
+      },
+    },
+  },
+})

package/templates/templates/ssr/js/_page.vue.hbs

@@ -0,0 +1,10 @@
+<template>
+  <{{componentName}} />
+</template>
+
+<script setup>
+import {{componentName}} from '{{componentSource}}'
+{{#if hasAuth}}
+definePageMeta({ middleware: 'auth' })
+{{/if}}
+</script>

package/templates/templates/ssr/js/app.vue.hbs

@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage />
+</template>

package/templates/templates/ssr/js/composables/useAuth.js.hbs

@@ -0,0 +1,52 @@
+// Auto-generated by Vasp — do not edit directly
+// SSR-aware auth composable — uses cookies (httpOnly) and Nuxt's useRequestHeaders for server-side access
+import { $fetch } from 'ofetch'
+
+const _user = ref(null)
+let _checked = false
+
+export function useAuth() {
+  const config = useRuntimeConfig()
+  const baseURL = config.public.apiBase
+
+  // On server, forward cookies from the incoming request
+  const headers = import.meta.server ? useRequestHeaders(['cookie']) : {}
+
+  async function checkAuth() {
+    if (_checked) return
+    _checked = true
+    try {
+      _user.value = await $fetch(`${baseURL}/auth/me`, { headers, credentials: 'include' })
+    } catch {
+      _user.value = null
+    }
+  }
+
+  async function login(username, password) {
+    _user.value = await $fetch(`${baseURL}/auth/login`, {
+      method: 'POST',
+      body: { username, password },
+      credentials: 'include',
+    })
+    _checked = true
+    return _user.value
+  }
+
+  async function register(username, password, email) {
+    _user.value = await $fetch(`${baseURL}/auth/register`, {
+      method: 'POST',
+      body: { username, password, email },
+      credentials: 'include',
+    })
+    _checked = true
+    return _user.value
+  }
+
+  async function logout() {
+    await $fetch(`${baseURL}/auth/logout`, { method: 'POST', credentials: 'include' })
+    _user.value = null
+    _checked = false
+  }
+
+  return { user: _user, checkAuth, login, register, logout }
+}

package/templates/templates/ssr/js/composables/useVasp.js.hbs

@@ -0,0 +1,6 @@
+// Auto-generated by Vasp — do not edit directly
+// Thin wrapper — the actual $vasp client is provided by vasp.server.js or vasp.client.js plugin
+export const useVasp = () => {
+  const { $vasp } = useNuxtApp()
+  return { $vasp }
+}

package/templates/templates/ssr/js/middleware/auth.js.hbs

@@ -0,0 +1,8 @@
+// Auto-generated by Vasp — do not edit directly
+export default defineNuxtRouteMiddleware((to) => {
+  const { user } = useAuth()
+  const publicPaths = ['/login', '/register']
+  if (!user.value && !publicPaths.includes(to.path)) {
+    return navigateTo('/login')
+  }
+})

package/templates/templates/ssr/js/nuxt.config.js.hbs

@@ -0,0 +1,15 @@
+// Auto-generated by Vasp — do not edit directly
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-11-01',
+  devtools: { enabled: true },
+  alias: {
+    '@src': '~/src',
+  },
+  runtimeConfig: {
+    backendUrl: process.env.BACKEND_URL || 'http://localhost:{{backendPort}}',
+    public: {
+      apiBase: process.env.API_BASE || 'http://localhost:{{backendPort}}/api',
+    },
+  },
+})

package/templates/templates/ssr/js/plugins/vasp.client.js.hbs

@@ -0,0 +1,17 @@
+// Auto-generated by Vasp — do not edit directly
+// Runs only on the client after hydration — routes calls to the Elysia backend via ofetch
+import { $fetch } from 'ofetch'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig()
+  const baseURL = config.public.apiBase
+
+  nuxtApp.provide('vasp', {
+    async query(name, args) {
+      return $fetch(`/queries/${name}`, { baseURL, method: 'GET', query: args })
+    },
+    async action(name, args) {
+      return $fetch(`/actions/${name}`, { baseURL, method: 'POST', body: args })
+    },
+  })
+})

package/templates/templates/ssr/js/plugins/vasp.server.js.hbs

@@ -0,0 +1,33 @@
+// Auto-generated by Vasp — do not edit directly
+// Runs only on the server during SSR render — calls query/action functions directly (zero HTTP overhead)
+{{#each queries}}
+import { {{importName fn}} } from '{{fn.source}}'
+{{/each}}
+{{#each actions}}
+import { {{importName fn}} } from '{{fn.source}}'
+{{/each}}
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const queryFns = {
+    {{#each queries}}
+    {{camelCase name}}: {{importName fn}},
+    {{/each}}
+  }
+
+  const actionFns = {
+    {{#each actions}}
+    {{camelCase name}}: {{importName fn}},
+    {{/each}}
+  }
+
+  nuxtApp.provide('vasp', {
+    async query(name, args) {
+      if (!queryFns[name]) throw new Error(`[Vasp] Unknown query: ${name}`)
+      return queryFns[name](args)
+    },
+    async action(name, args) {
+      if (!actionFns[name]) throw new Error(`[Vasp] Unknown action: ${name}`)
+      return actionFns[name](args)
+    },
+  })
+})

package/templates/templates/ssr/ts/_page.vue.hbs

@@ -0,0 +1,10 @@
+<template>
+  <{{componentName}} />
+</template>
+
+<script setup lang="ts">
+import {{componentName}} from '{{componentSource}}'
+{{#if hasAuth}}
+definePageMeta({ middleware: 'auth' })
+{{/if}}
+</script>

package/templates/templates/ssr/ts/app.vue.hbs

@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage />
+</template>

package/templates/templates/ssr/ts/composables/useAuth.ts.hbs

@@ -0,0 +1,56 @@
+// Auto-generated by Vasp — do not edit directly
+// SSR-aware auth composable — uses cookies (httpOnly) and Nuxt's useRequestHeaders for server-side access
+import { $fetch } from 'ofetch'
+
+interface AuthUser {
+  id: number
+  username: string
+  email?: string
+}
+
+const _user = ref<AuthUser | null>(null)
+let _checked = false
+
+export function useAuth() {
+  const config = useRuntimeConfig()
+  const baseURL = config.public.apiBase as string
+  const headers = import.meta.server ? useRequestHeaders(['cookie']) : {}
+
+  async function checkAuth(): Promise<void> {
+    if (_checked) return
+    _checked = true
+    try {
+      _user.value = await $fetch<AuthUser>(`${baseURL}/auth/me`, { headers, credentials: 'include' })
+    } catch {
+      _user.value = null
+    }
+  }
+
+  async function login(username: string, password: string): Promise<AuthUser> {
+    _user.value = await $fetch<AuthUser>(`${baseURL}/auth/login`, {
+      method: 'POST',
+      body: { username, password },
+      credentials: 'include',
+    })
+    _checked = true
+    return _user.value!
+  }
+
+  async function register(username: string, password: string, email?: string): Promise<AuthUser> {
+    _user.value = await $fetch<AuthUser>(`${baseURL}/auth/register`, {
+      method: 'POST',
+      body: { username, password, email },
+      credentials: 'include',
+    })
+    _checked = true
+    return _user.value!
+  }
+
+  async function logout(): Promise<void> {
+    await $fetch(`${baseURL}/auth/logout`, { method: 'POST', credentials: 'include' })
+    _user.value = null
+    _checked = false
+  }
+
+  return { user: _user, checkAuth, login, register, logout }
+}

package/templates/templates/ssr/ts/composables/useVasp.ts.hbs

@@ -0,0 +1,10 @@
+// Auto-generated by Vasp — do not edit directly
+interface VaspClient {
+  query<T = unknown>(name: string, args?: unknown): Promise<T>
+  action<T = unknown>(name: string, args?: unknown): Promise<T>
+}
+
+export const useVasp = (): { $vasp: VaspClient } => {
+  const { $vasp } = useNuxtApp()
+  return { $vasp: $vasp as VaspClient }
+}

package/templates/templates/ssr/ts/middleware/auth.ts.hbs

@@ -0,0 +1,8 @@
+// Auto-generated by Vasp — do not edit directly
+export default defineNuxtRouteMiddleware((to) => {
+  const { user } = useAuth()
+  const publicPaths = ['/login', '/register']
+  if (!user.value && !publicPaths.includes(to.path)) {
+    return navigateTo('/login')
+  }
+})

package/templates/templates/ssr/ts/nuxt.config.ts.hbs

@@ -0,0 +1,19 @@
+// Auto-generated by Vasp — do not edit directly
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-11-01',
+  devtools: { enabled: true },
+  typescript: {
+    strict: true,
+    typeCheck: true,
+  },
+  alias: {
+    '@src': '~/src',
+  },
+  runtimeConfig: {
+    backendUrl: process.env.BACKEND_URL || 'http://localhost:{{backendPort}}',
+    public: {
+      apiBase: process.env.API_BASE || 'http://localhost:{{backendPort}}/api',
+    },
+  },
+})

package/templates/templates/ssr/ts/plugins/vasp.client.ts.hbs

@@ -0,0 +1,17 @@
+// Auto-generated by Vasp — do not edit directly
+// Runs only on the client after hydration — routes calls to the Elysia backend via ofetch
+import { $fetch } from 'ofetch'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig()
+  const baseURL = config.public.apiBase as string
+
+  nuxtApp.provide('vasp', {
+    async query<T = unknown>(name: string, args?: unknown): Promise<T> {
+      return $fetch<T>(`/queries/${name}`, { baseURL, method: 'GET', query: args as Record<string, unknown> })
+    },
+    async action<T = unknown>(name: string, args?: unknown): Promise<T> {
+      return $fetch<T>(`/actions/${name}`, { baseURL, method: 'POST', body: args })
+    },
+  })
+})

package/templates/templates/ssr/ts/plugins/vasp.server.ts.hbs

@@ -0,0 +1,33 @@
+// Auto-generated by Vasp — do not edit directly
+// Runs only on the server during SSR render — calls query/action functions directly (zero HTTP overhead)
+{{#each queries}}
+import { {{importName fn}} } from '{{fn.source}}'
+{{/each}}
+{{#each actions}}
+import { {{importName fn}} } from '{{fn.source}}'
+{{/each}}
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const queryFns: Record<string, (args?: unknown) => Promise<unknown>> = {
+    {{#each queries}}
+    {{camelCase name}}: {{importName fn}} as (args?: unknown) => Promise<unknown>,
+    {{/each}}
+  }
+
+  const actionFns: Record<string, (args?: unknown) => Promise<unknown>> = {
+    {{#each actions}}
+    {{camelCase name}}: {{importName fn}} as (args?: unknown) => Promise<unknown>,
+    {{/each}}
+  }
+
+  nuxtApp.provide('vasp', {
+    async query<T = unknown>(name: string, args?: unknown): Promise<T> {
+      if (!queryFns[name]) throw new Error(`[Vasp] Unknown query: ${name}`)
+      return queryFns[name](args) as Promise<T>
+    },
+    async action<T = unknown>(name: string, args?: unknown): Promise<T> {
+      if (!actionFns[name]) throw new Error(`[Vasp] Unknown action: ${name}`)
+      return actionFns[name](args) as Promise<T>
+    },
+  })
+})