vasp-cli 0.4.0 → 1.0.0

package/templates/templates/spa/js/src/vasp/auth.js.hbs

@@ -1,45 +0,0 @@
-import { ref } from 'vue'
-import { $fetch } from 'ofetch'
-
-const user = ref(null)
-let checked = false
-
-const API = import.meta.env.VITE_API_URL || '/api'
-
-export function useAuth() {
-  async function checkAuth() {
-    if (checked) return
-    checked = true
-    try {
-      user.value = await $fetch(`${API}/auth/me`, { credentials: 'include' })
-    } catch {
-      user.value = null
-    }
-  }
-
-  async function login(username, password) {
-    user.value = await $fetch(`${API}/auth/login`, {
-      method: 'POST',
-      body: { username, password },
-      credentials: 'include',
-    })
-    return user.value
-  }
-
-  async function register(username, password, email) {
-    user.value = await $fetch(`${API}/auth/register`, {
-      method: 'POST',
-      body: { username, password, email },
-      credentials: 'include',
-    })
-    return user.value
-  }
-
-  async function logout() {
-    await $fetch(`${API}/auth/logout`, { method: 'POST', credentials: 'include' })
-    user.value = null
-    checked = false
-  }
-
-  return { user, checkAuth, login, register, logout }
-}

package/templates/templates/spa/js/src/vasp/client/actions.js.hbs

@@ -1,15 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { useVasp } from '@vasp-framework/runtime'
-
-{{#each actions}}
-/**
- * Call the '{{name}}' action on the Vasp backend.
- * @param {unknown} args - Arguments to pass to the action function
- * @returns {Promise<unknown>}
- */
-export async function {{camelCase name}}(args) {
-  const { $vasp } = useVasp()
-  return $vasp.action('{{camelCase name}}', args)
-}
-
-{{/each}}

package/templates/templates/spa/js/src/vasp/client/crud.js.hbs

@@ -1,30 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { $fetch } from 'ofetch'
-
-const API = import.meta.env.VITE_API_URL || '/api'
-
-{{#each cruds}}
-/**
- * CRUD helpers for the '{{entity}}' entity.
- */
-export function use{{pascalCase entity}}Crud() {
-  const base = `${API}/crud/{{camelCase entity}}`
-
-  return {
-{{#if (includes operations "list")}}
-    list: () => $fetch(base, { credentials: 'include' }),
-{{/if}}
-{{#if (includes operations "create")}}
-    create: (data) => $fetch(base, { method: 'POST', body: data, credentials: 'include' }),
-{{/if}}
-    get: (id) => $fetch(`${base}/${id}`, { credentials: 'include' }),
-{{#if (includes operations "update")}}
-    update: (id, data) => $fetch(`${base}/${id}`, { method: 'PUT', body: data, credentials: 'include' }),
-{{/if}}
-{{#if (includes operations "delete")}}
-    remove: (id) => $fetch(`${base}/${id}`, { method: 'DELETE', credentials: 'include' }),
-{{/if}}
-  }
-}
-
-{{/each}}

package/templates/templates/spa/js/src/vasp/client/index.js.hbs

@@ -1,16 +0,0 @@
-// Auto-generated by Vasp — do not edit directly
-// Re-run `vasp build` or restart `vasp start` to regenerate
-
-export { useVasp } from '@vasp-framework/runtime'
-{{#each queries}}
-export { {{camelCase name}} } from './queries.js'
-{{/each}}
-{{#each actions}}
-export { {{camelCase name}} } from './actions.js'
-{{/each}}
-{{#each cruds}}
-export { use{{pascalCase entity}}Crud } from './crud.js'
-{{/each}}
-{{#if hasRealtime}}
-export { useRealtime } from './realtime.js'
-{{/if}}

package/templates/templates/spa/js/src/vasp/client/queries.js.hbs

@@ -1,15 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { useVasp } from '@vasp-framework/runtime'
-
-{{#each queries}}
-/**
- * Call the '{{name}}' query on the Vasp backend.
- * @param {unknown} [args] - Arguments to pass to the query function
- * @returns {Promise<unknown>}
- */
-export async function {{camelCase name}}(args) {
-  const { $vasp } = useVasp()
-  return $vasp.query('{{camelCase name}}', args)
-}
-
-{{/each}}

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

@@ -1,51 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { ref, onUnmounted } from 'vue'
-
-const WS_BASE = import.meta.env.VITE_WS_URL || `ws://${location.host}`
-
-/**
- * useRealtime — subscribe to a Vasp realtime channel.
- *
- * @example
- * const { on } = useRealtime('todoChannel')
- * on('created', (todo) => todos.value.push(todo))
- */
-export function useRealtime(channelName) {
-  const connected = ref(false)
-  const handlers = new Map()
-  let ws = null
-  let reconnectTimer = null
-
-  function connect() {
-    ws = new WebSocket(`${WS_BASE}/ws/${channelName}`)
-
-    ws.onopen = () => { connected.value = true }
-    ws.onclose = () => {
-      connected.value = false
-      reconnectTimer = setTimeout(connect, 3000) // auto-reconnect
-    }
-    ws.onerror = () => ws.close()
-    ws.onmessage = ({ data }) => {
-      try {
-        const msg = JSON.parse(data)
-        if (msg.channel === channelName && handlers.has(msg.event)) {
-          handlers.get(msg.event)(msg.data)
-        }
-      } catch {}
-    }
-  }
-
-  function on(event, handler) {
-    handlers.set(event, handler)
-  }
-
-  function disconnect() {
-    clearTimeout(reconnectTimer)
-    ws?.close()
-  }
-
-  connect()
-  onUnmounted(disconnect)
-
-  return { connected, on, disconnect }
-}

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

@@ -1,11 +0,0 @@
-import { createVaspClient } from '@vasp-framework/runtime'
-
-export const vaspPlugin = {
-  install(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/js/vite.config.js.hbs

@@ -1,26 +0,0 @@
-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/spa/ts/index.html.hbs

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{appTitle}}</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/templates/templates/spa/ts/src/App.vue.hbs

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

package/templates/templates/spa/ts/src/main.ts.hbs

@@ -1,9 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router/index.js'
-import { vaspPlugin } from './vasp/plugin.js'
-
-const app = createApp(App)
-app.use(router)
-app.use(vaspPlugin)
-app.mount('#app')

package/templates/templates/spa/ts/src/router/index.ts.hbs

@@ -1,41 +0,0 @@
-import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
-{{#if hasAuth}}
-import { useAuth } from '../vasp/auth.js'
-{{/if}}
-
-const routes: RouteRecordRaw[] = [
-{{#each routes}}
-  {
-    path: '{{path}}',
-    component: () => import('{{lookup ../pagesMap to}}'),
-  },
-{{/each}}
-{{#if hasAuth}}
-  {
-    path: '/login',
-    component: () => import('../pages/Login.vue'),
-  },
-  {
-    path: '/register',
-    component: () => import('../pages/Register.vue'),
-  },
-{{/if}}
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes,
-})
-
-{{#if hasAuth}}
-router.beforeEach(async (to) => {
-  const { user, checkAuth } = useAuth()
-  await checkAuth()
-  const publicPaths = ['/login', '/register']
-  if (!user.value && !publicPaths.includes(to.path)) {
-    return '/login'
-  }
-})
-{{/if}}
-
-export default router

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

@@ -1,53 +0,0 @@
-import { ref, type Ref } from 'vue'
-import { $fetch } from 'ofetch'
-
-export interface AuthUser {
-  id: number
-  username: string
-  email: string | null
-  createdAt: Date
-  updatedAt: Date
-}
-
-const user: Ref<AuthUser | null> = ref(null)
-let checked = false
-
-const API = import.meta.env.VITE_API_URL || '/api'
-
-export function useAuth() {
-  async function checkAuth(): Promise<void> {
-    if (checked) return
-    checked = true
-    try {
-      user.value = await $fetch<AuthUser>(`${API}/auth/me`, { credentials: 'include' })
-    } catch {
-      user.value = null
-    }
-  }
-
-  async function login(username: string, password: string): Promise<AuthUser> {
-    user.value = await $fetch<AuthUser>(`${API}/auth/login`, {
-      method: 'POST',
-      body: { username, password },
-      credentials: 'include',
-    })
-    return user.value!
-  }
-
-  async function register(username: string, password: string, email?: string): Promise<AuthUser> {
-    user.value = await $fetch<AuthUser>(`${API}/auth/register`, {
-      method: 'POST',
-      body: { username, password, email },
-      credentials: 'include',
-    })
-    return user.value!
-  }
-
-  async function logout(): Promise<void> {
-    await $fetch(`${API}/auth/logout`, { method: 'POST', credentials: 'include' })
-    user.value = null
-    checked = false
-  }
-
-  return { user, checkAuth, login, register, logout }
-}

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

@@ -1,19 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { useVasp } from '@vasp-framework/runtime'
-import type {
-{{#each actions}}
-  {{pascalCase name}}Args,
-  {{pascalCase name}}Return,
-{{/each}}
-} from './types.js'
-
-{{#each actions}}
-/**
- * Call the '{{name}}' action on the Vasp backend.
- */
-export async function {{camelCase name}}(args: {{pascalCase name}}Args): Promise<{{pascalCase name}}Return> {
-  const { $vasp } = useVasp()
-  return $vasp.action('{{camelCase name}}', args) as Promise<{{pascalCase name}}Return>
-}
-
-{{/each}}

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

@@ -1,37 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { $fetch } from 'ofetch'
-import type {
-{{#each cruds}}
-  {{pascalCase entity}},
-  New{{pascalCase entity}},
-{{/each}}
-} from './types.js'
-
-const API = import.meta.env.VITE_API_URL || '/api'
-
-{{#each cruds}}
-export function use{{pascalCase entity}}Crud() {
-  const base = `${API}/crud/{{camelCase entity}}`
-
-  return {
-{{#if (includes operations "list")}}
-    list: (): Promise<{{pascalCase entity}}[]> => $fetch(base, { credentials: 'include' }),
-{{/if}}
-{{#if (includes operations "create")}}
-    create: (data: New{{pascalCase entity}}): Promise<{{pascalCase entity}}> =>
-      $fetch(base, { method: 'POST', body: data, credentials: 'include' }),
-{{/if}}
-    get: (id: number): Promise<{{pascalCase entity}}> =>
-      $fetch(`${base}/${id}`, { credentials: 'include' }),
-{{#if (includes operations "update")}}
-    update: (id: number, data: Partial<New{{pascalCase entity}}>): Promise<{{pascalCase entity}}> =>
-      $fetch(`${base}/${id}`, { method: 'PUT', body: data, credentials: 'include' }),
-{{/if}}
-{{#if (includes operations "delete")}}
-    remove: (id: number): Promise<{ ok: boolean }> =>
-      $fetch(`${base}/${id}`, { method: 'DELETE', credentials: 'include' }),
-{{/if}}
-  }
-}
-
-{{/each}}

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

@@ -1,17 +0,0 @@
-// Auto-generated by Vasp — do not edit directly
-// Re-run `vasp build` or restart `vasp start` to regenerate
-
-export { useVasp } from '@vasp-framework/runtime'
-{{#each queries}}
-export { {{camelCase name}} } from './queries.js'
-{{/each}}
-{{#each actions}}
-export { {{camelCase name}} } from './actions.js'
-{{/each}}
-{{#each cruds}}
-export { use{{pascalCase entity}}Crud } from './crud.js'
-{{/each}}
-{{#if hasRealtime}}
-export { useRealtime } from './realtime.js'
-{{/if}}
-export type * from './types.js'

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

@@ -1,19 +0,0 @@
-// Auto-generated by Vasp — do not edit
-import { useVasp } from '@vasp-framework/runtime'
-import type {
-{{#each queries}}
-  {{pascalCase name}}Args,
-  {{pascalCase name}}Return,
-{{/each}}
-} from './types.js'
-
-{{#each queries}}
-/**
- * Call the '{{name}}' query on the Vasp backend.
- */
-export async function {{camelCase name}}(args?: {{pascalCase name}}Args): Promise<{{pascalCase name}}Return> {
-  const { $vasp } = useVasp()
-  return $vasp.query('{{camelCase name}}', args) as Promise<{{pascalCase name}}Return>
-}
-
-{{/each}}

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

@@ -1,56 +0,0 @@
-// 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

@@ -1,33 +0,0 @@
-// 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

@@ -1,12 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

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

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

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

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

@@ -1,52 +0,0 @@
-// 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

@@ -1,6 +0,0 @@
-// 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

@@ -1,8 +0,0 @@
-// 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

@@ -1,15 +0,0 @@
-// 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',
-    },
-  },
-})