create-faas-app 8.0.0-beta.28 → 8.0.0-beta.29

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import enquirer from "enquirer";
 //#region package.json
-var version = "8.0.0-beta.27";
+var version = "8.0.0-beta.29";
 //#endregion
 //#region src/action/index.ts
 const prompt = enquirer.prompt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-faas-app",
-  "version": "8.0.0-beta.28",
+  "version": "8.0.0-beta.29",
   "homepage": "https://faasjs.com/doc/create-faas-app",
   "bugs": {
     "url": "https://github.com/faasjs/faasjs/issues"
@@ -35,7 +35,7 @@
     "enquirer": "*"
   },
   "engines": {
-    "node": ">=24.0.0",
+    "node": ">=26.0.0",
     "npm": ">=11.0.0"
   }
 }

package/template/admin/package.json

@@ -28,7 +28,7 @@
     "vitest": "npm:@voidzero-dev/vite-plus-test"
   },
   "engines": {
-    "node": ">=24.0.0",
+    "node": ">=26.0.0",
     "npm": ">=11.0.0"
   }
 }

package/template/admin/src/pages/home/api/auth/me.api.ts

@@ -1,8 +1,10 @@
 import { defineApi, HttpError } from '@faasjs/core'
+import { z } from '@faasjs/utils'
 
 import { AuthPlugin } from '../../../../plugins/auth'
 
 const api = defineApi({
+  schema: z.object({}).strict(),
   async handler({ current_user }) {
     if (!current_user)
       throw new HttpError({

package/template/admin/src/pages/home/api/users/__tests__/list.test.ts

@@ -16,7 +16,7 @@ describe('pages/home/api/users/list', () => {
     expect(statusCode).toEqual(200)
     expect(data).toEqual({
       total: 2,
-      users: [
+      rows: [
         {
           id: 2,
           name: 'Grace',

package/template/admin/src/pages/home/api/users/create.api.ts

@@ -1,10 +1,10 @@
 import { defineApi } from '@faasjs/core'
 import { getClient } from '@faasjs/pg'
-import * as z from 'zod'
+import { z } from '@faasjs/utils'
 
 export default defineApi({
   schema: z.object({
-    name: z.string().min(1).optional(),
+    name: z.nonemptystring().optional(),
   }),
   async handler({ params }) {
     const client = await getClient()

package/template/admin/src/pages/home/api/users/detail.api.ts

@@ -1,10 +1,10 @@
 import { defineApi, HttpError } from '@faasjs/core'
 import { getClient } from '@faasjs/pg'
-import * as z from 'zod'
+import { z } from '@faasjs/utils'
 
 export default defineApi({
   schema: z.object({
-    id: z.number().int().positive(),
+    id: z.positiveint(),
   }),
   async handler({ params }) {
     const client = await getClient()

package/template/admin/src/pages/home/api/users/list.api.ts

@@ -1,10 +1,10 @@
 import { defineApi } from '@faasjs/core'
 import { getClient } from '@faasjs/pg'
-import * as z from 'zod'
+import { z } from '@faasjs/utils'
 
 export default defineApi({
   schema: z.object({
-    limit: z.number().int().positive().max(50).default(20),
+    limit: z.positiveint().max(50).default(20),
   }),
   async handler({ params }) {
     const client = await getClient()
@@ -16,7 +16,7 @@ export default defineApi({
 
     return {
       total: await client.query('users').count(),
-      users,
+      rows: users,
     }
   },
 })

package/template/admin/src/pages/home/api/users/update.api.ts

@@ -1,11 +1,11 @@
 import { defineApi, HttpError } from '@faasjs/core'
 import { getClient } from '@faasjs/pg'
-import * as z from 'zod'
+import { z } from '@faasjs/utils'
 
 export default defineApi({
   schema: z.object({
-    id: z.number().int().positive(),
-    name: z.string().min(1),
+    id: z.positiveint(),
+    name: z.nonemptystring(),
   }),
   async handler({ params }) {
     const client = await getClient()

package/template/admin/src/pages/home/index.tsx

@@ -2,12 +2,20 @@ declare module '@faasjs/types' {
   interface FaasActions {
     '/pages/home/api/users/list': {
       Params: { limit: number }
-      Data: { total?: number; users?: { id: number; name: string }[] }
+      Data: { total?: number; rows?: { id: number; name: string }[] }
     }
     '/pages/home/api/users/create': {
       Params: { name?: string | undefined }
       Data: { message?: string; total?: number; user?: { id: number; name: string } }
     }
+    '/pages/home/api/users/update': {
+      Params: { id: number; name: string }
+      Data: { message?: string; user?: { id: number; name: string } }
+    }
+    '/pages/home/api/users/detail': {
+      Params: { id: number }
+      Data: { user?: { id: number; name: string } }
+    }
     '/pages/home/api/auth/me': {
       Params: Record<string, never>
       Data: { current_user?: { id: number; name: string; role: string } }
@@ -16,99 +24,67 @@ declare module '@faasjs/types' {
 }
 
 import { faas, useApp } from '@faasjs/ant-design'
+import { useFaas } from '@faasjs/react'
 import { Button, Card, Input, Space, Table, Typography } from 'antd'
 import { useState } from 'react'
 
-type CurrentUserResponse = {
-  current_user?: {
-    id: number
-    name: string
-    role: string
-  }
-}
-
-type UserRecord = {
-  id: number
-  name: string
-}
-
-type ListUsersResponse = {
-  total?: number
-  users?: UserRecord[]
-}
-
-type CreateUserResponse = {
-  message?: string
-  total?: number
-  user?: UserRecord
-}
-
 export default function HomePage() {
   const app = useApp()
   const [name, setName] = useState('FaasJS')
   const [messageText, setMessageText] = useState('Create your first user through the FaasJS API')
-  const [loading, setLoading] = useState(false)
-  const [authLoading, setAuthLoading] = useState(false)
-  const [users, setUsers] = useState<UserRecord[]>([])
 
-  const refreshUsers = async () => {
-    const response = await faas('/pages/home/api/users/list', {
-      limit: 10,
-    })
-    const data = (response.data as ListUsersResponse | undefined) || undefined
+  const {
+    data: listData,
+    loading: listLoading,
+    reload,
+  } = useFaas('/pages/home/api/users/list', { limit: 10 })
 
-    setUsers(data?.users || [])
-  }
+  const rows = listData?.rows || []
 
+  const [creating, setCreating] = useState(false)
   const callApi = async () => {
-    setLoading(true)
-
+    setCreating(true)
     try {
       const response = await faas('/pages/home/api/users/create', {
         name: name.trim() || undefined,
       })
-      const data = (response.data as CreateUserResponse | undefined) || undefined
+      const result = response.data
       const nextMessage =
-        data?.user && typeof data.total === 'number'
-          ? `Created ${data.user.name} (#${data.user.id}). Total users: ${data.total}`
-          : data?.message || 'Empty response'
+        result?.user && typeof result.total === 'number'
+          ? `Created ${result.user.name} (#${result.user.id}). Total users: ${result.total}`
+          : result?.message || 'Empty response'
 
       setMessageText(nextMessage)
-      setUsers((current) => (data?.user ? [data.user, ...current].slice(0, 10) : current))
       app.message.success('User saved to PostgreSQL')
+      reload()
     } catch (error: unknown) {
       const errorMessage = error instanceof Error ? error.message : 'Request failed'
-
       setMessageText(errorMessage)
       app.notification.error({
         message: 'API call failed',
         description: errorMessage,
       })
     } finally {
-      setLoading(false)
+      setCreating(false)
     }
   }
 
+  const [authLoading, setAuthLoading] = useState(false)
   const callAuthDemo = async () => {
     setAuthLoading(true)
-
     try {
       const response = await faas(
         '/pages/home/api/auth/me',
         {},
         {
-          headers: {
-            authorization: 'Bearer demo-admin',
-          },
+          headers: { authorization: 'Bearer demo-admin' },
         },
       )
-      const data = (response.data as CurrentUserResponse | undefined) || undefined
-
-      setMessageText(`Auth plugin injected current user: ${data?.current_user?.name || 'unknown'}`)
+      const currentUser = response.data?.current_user
+      setMessageText(`Auth plugin injected current user: ${currentUser?.name || 'unknown'}`)
       app.message.success('Auth plugin demo loaded current_user')
     } catch (error: unknown) {
       const errorMessage = error instanceof Error ? error.message : 'Auth demo failed'
-
       setMessageText(errorMessage)
       app.notification.error({
         message: 'Auth demo failed',
@@ -156,8 +132,10 @@ export default function HomePage() {
           />
 
           <Space wrap>
-            <Button onClick={refreshUsers}>Load users slice</Button>
-            <Button type="primary" loading={loading} onClick={callApi}>
+            <Button onClick={reload} loading={listLoading}>
+              Load users slice
+            </Button>
+            <Button type="primary" loading={creating} onClick={callApi}>
               Create /pages/home/api/users/create
             </Button>
             <Button loading={authLoading} onClick={callAuthDemo}>
@@ -165,20 +143,15 @@ export default function HomePage() {
             </Button>
           </Space>
 
-          <Table<UserRecord>
+          <Table
             rowKey="id"
             size="small"
             pagination={false}
-            dataSource={users}
+            loading={listLoading}
+            dataSource={rows}
             columns={[
-              {
-                title: 'ID',
-                dataIndex: 'id',
-              },
-              {
-                title: 'Name',
-                dataIndex: 'name',
-              },
+              { title: 'ID', dataIndex: 'id' },
+              { title: 'Name', dataIndex: 'name' },
             ]}
           />
 

package/template/admin/vite.config.ts

@@ -1,10 +1,10 @@
-import { viteConfig } from '@faasjs/dev'
+import { ViteConfig } from '@faasjs/dev'
 import { PgVitestPlugin } from '@faasjs/pg-dev'
 import { defineConfig } from 'vite-plus'
 
 export default defineConfig({
-  ...viteConfig,
-  plugins: [...viteConfig.plugins, PgVitestPlugin()],
+  ...ViteConfig,
+  plugins: [...ViteConfig.plugins, PgVitestPlugin()],
   test: {
     fileParallelism: false,
     testTimeout: 30_000,

package/template/minimal/package.json

@@ -20,7 +20,7 @@
     "vitest": "npm:@voidzero-dev/vite-plus-test"
   },
   "engines": {
-    "node": ">=24.0.0",
+    "node": ">=26.0.0",
     "npm": ">=11.0.0"
   }
 }

package/template/minimal/src/pages/home/api/hello.api.ts

@@ -1,9 +1,9 @@
 import { defineApi } from '@faasjs/core'
-import * as z from 'zod'
+import { z } from '@faasjs/utils'
 
 export default defineApi({
   schema: z.object({
-    name: z.string().min(1).optional(),
+    name: z.nonemptystring().optional(),
   }),
   async handler({ params }) {
     return {

package/template/minimal/src/pages/home/index.tsx

@@ -9,39 +9,21 @@ declare module '@faasjs/types' {
 
 import { useState } from 'react'
 
-import { faas } from '../../react-client'
-
-type HelloResponse = {
-  message?: string
-}
+import { useFaas } from '../../react-client'
 
 export default function HomePage() {
   const [name, setName] = useState('FaasJS')
-  const [message, setMessage] = useState('Click button to call API')
-  const [loading, setLoading] = useState(false)
-
-  const callApi = async () => {
-    setLoading(true)
-
-    try {
-      const response = await faas('/pages/home/api/hello', {
-        name: name.trim() || undefined,
-      })
 
-      const data = response.data as HelloResponse | undefined
-
-      setMessage(data?.message || 'Empty response')
-    } catch (error: unknown) {
-      setMessage(error instanceof Error ? error.message : 'Request failed')
-    } finally {
-      setLoading(false)
-    }
-  }
+  const { data, loading, reload } = useFaas(
+    '/pages/home/api/hello',
+    { name: name.trim() || undefined },
+    { skip: true },
+  )
 
   return (
     <main style={{ margin: '5rem auto', maxWidth: 420, padding: 24 }}>
       <h1>FaasJS Minimal App</h1>
-      <p>{message}</p>
+      <p>{data?.message || 'Click button to call API'}</p>
 
       <label style={{ display: 'block', marginBottom: 12 }}>
         Name:
@@ -52,7 +34,11 @@ export default function HomePage() {
         />
       </label>
 
-      <button type="button" onClick={callApi} disabled={loading}>
+      <button
+        type="button"
+        onClick={() => reload({ name: name.trim() || undefined })}
+        disabled={loading}
+      >
         {loading ? 'Loading...' : 'Call /pages/home/api/hello'}
       </button>
     </main>

package/template/minimal/vite.config.ts

@@ -1,6 +1,6 @@
-import { viteConfig } from '@faasjs/dev'
+import { ViteConfig } from '@faasjs/dev'
 import { defineConfig } from 'vite-plus'
 
 export default defineConfig({
-  ...viteConfig,
+  ...ViteConfig,
 })