@robsun/create-keystone-app 0.1.17 → 0.2.0

package/template/apps/web/src/modules/demo/pages/DemoTasksPage.tsx

@@ -1,185 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import { App, Button, Card, Form, Input, Popconfirm, Select, Space, Table, Tag } from 'antd'
-import type { ColumnsType } from 'antd/es/table'
-import dayjs from 'dayjs'
-import { createDemoTask, deleteDemoTask, listDemoTasks, updateDemoTask } from '../services/demoTasks'
-import type { DemoTask, DemoTaskStatus } from '../types'
-
-type CreateValues = {
-  title: string
-  status?: DemoTaskStatus
-}
-
-const statusMeta: Record<DemoTaskStatus, { label: string; color: string }> = {
-  todo: { label: 'Todo', color: 'default' },
-  in_progress: { label: 'In Progress', color: 'processing' },
-  done: { label: 'Done', color: 'success' },
-}
-
-const statusOptions = [
-  { value: 'todo', label: 'Todo' },
-  { value: 'in_progress', label: 'In Progress' },
-  { value: 'done', label: 'Done' },
-]
-
-export function DemoTasksPage() {
-  const { message } = App.useApp()
-  const [items, setItems] = useState<DemoTask[]>([])
-  const [loading, setLoading] = useState(false)
-  const [submitting, setSubmitting] = useState(false)
-  const [form] = Form.useForm<CreateValues>()
-
-  const fetchTasks = useCallback(async () => {
-    setLoading(true)
-    try {
-      const data = await listDemoTasks()
-      setItems(data)
-    } catch (err) {
-      const detail = err instanceof Error ? err.message : 'Failed to load tasks'
-      message.error(detail)
-    } finally {
-      setLoading(false)
-    }
-  }, [message])
-
-  useEffect(() => {
-    void fetchTasks()
-  }, [fetchTasks])
-
-  const handleCreate = useCallback(
-    async (values: CreateValues) => {
-      const title = values.title?.trim()
-      if (!title) {
-        message.error('Title is required')
-        return
-      }
-      setSubmitting(true)
-      try {
-        await createDemoTask({ title, status: values.status })
-        form.resetFields()
-        await fetchTasks()
-        message.success('Task created')
-      } catch (err) {
-        const detail = err instanceof Error ? err.message : 'Failed to create task'
-        message.error(detail)
-      } finally {
-        setSubmitting(false)
-      }
-    },
-    [fetchTasks, form, message]
-  )
-
-  const handleStatusChange = useCallback(
-    async (id: number, status: DemoTaskStatus) => {
-      try {
-        await updateDemoTask(id, { status })
-        await fetchTasks()
-        message.success('Task updated')
-      } catch (err) {
-        const detail = err instanceof Error ? err.message : 'Failed to update task'
-        message.error(detail)
-      }
-    },
-    [fetchTasks, message]
-  )
-
-  const handleDelete = useCallback(
-    async (id: number) => {
-      try {
-        await deleteDemoTask(id)
-        await fetchTasks()
-        message.success('Task deleted')
-      } catch (err) {
-        const detail = err instanceof Error ? err.message : 'Failed to delete task'
-        message.error(detail)
-      }
-    },
-    [fetchTasks, message]
-  )
-
-  const columns: ColumnsType<DemoTask> = useMemo(
-    () => [
-      { title: 'Title', dataIndex: 'title', key: 'title' },
-      {
-        title: 'Status',
-        dataIndex: 'status',
-        key: 'status',
-        render: (value: DemoTaskStatus) => {
-          const meta = statusMeta[value]
-          return <Tag color={meta.color}>{meta.label}</Tag>
-        },
-      },
-      {
-        title: 'Updated',
-        dataIndex: 'updated_at',
-        key: 'updated_at',
-        render: (value: string) => (value ? dayjs(value).format('YYYY-MM-DD HH:mm') : '-'),
-      },
-      {
-        title: 'Actions',
-        key: 'actions',
-        render: (_, record) => (
-          <Space>
-            <Select
-              size="small"
-              value={record.status}
-              options={statusOptions}
-              style={{ width: 140 }}
-              onChange={(value) => handleStatusChange(record.id, value as DemoTaskStatus)}
-            />
-            <Popconfirm
-              title="Delete this task?"
-              onConfirm={() => handleDelete(record.id)}
-              okText="Delete"
-            >
-              <Button size="small" danger>
-                Delete
-              </Button>
-            </Popconfirm>
-          </Space>
-        ),
-      },
-    ],
-    [handleDelete, handleStatusChange]
-  )
-
-  return (
-    <Card
-      title="Demo Tasks"
-      extra={
-        <Button onClick={fetchTasks} loading={loading}>
-          Refresh
-        </Button>
-      }
-    >
-      <Space direction="vertical" size="middle" style={{ width: '100%' }}>
-        <Form
-          form={form}
-          layout="inline"
-          onFinish={handleCreate}
-          initialValues={{ status: 'todo' }}
-        >
-          <Form.Item name="title" rules={[{ required: true, message: 'Title is required' }]}>
-            <Input placeholder="Task title" allowClear style={{ width: 240 }} />
-          </Form.Item>
-          <Form.Item name="status">
-            <Select options={statusOptions} style={{ width: 160 }} />
-          </Form.Item>
-          <Form.Item>
-            <Button type="primary" htmlType="submit" loading={submitting}>
-              Add Task
-            </Button>
-          </Form.Item>
-        </Form>
-
-        <Table<DemoTask>
-          rowKey="id"
-          loading={loading}
-          columns={columns}
-          dataSource={items}
-          pagination={false}
-        />
-      </Space>
-    </Card>
-  )
-}

package/template/apps/web/src/modules/demo/routes.tsx

@@ -1,43 +0,0 @@
-import { lazy, Suspense, type ComponentType, type ReactElement } from 'react'
-import type { RouteObject } from 'react-router-dom'
-import { AppstoreOutlined } from '@ant-design/icons'
-import { Spin } from 'antd'
-
-const lazyNamed = <T extends Record<string, ComponentType>, K extends keyof T>(
-  factory: () => Promise<T>,
-  name: K
-) =>
-  lazy(async () => {
-    const module = await factory()
-    return { default: module[name] }
-  })
-
-const withSuspense = (element: ReactElement) => (
-  <Suspense
-    fallback={
-      <div style={{ padding: 24, display: 'flex', justifyContent: 'center' }}>
-        <Spin />
-      </div>
-    }
-  >
-    {element}
-  </Suspense>
-)
-
-const DemoTasksPage = lazyNamed(() => import('./pages/DemoTasksPage'), 'DemoTasksPage')
-
-export const demoRoutes: RouteObject[] = [
-  {
-    path: 'demo',
-    element: <DemoTasksPage />,
-    handle: {
-      menu: { label: 'Demo Tasks', icon: <AppstoreOutlined /> },
-      breadcrumb: 'Demo Tasks',
-      permission: 'demo:task:view',
-      helpKey: 'demo/tasks',
-    },
-  },
-].map((route) => ({
-  ...route,
-  element: route.element ? withSuspense(route.element) : route.element,
-}))

package/template/apps/web/src/modules/demo/services/demoTasks.ts

@@ -1,28 +0,0 @@
-import { api, type ApiResponse } from '@robsun/keystone-web-core'
-import type { DemoTask, DemoTaskStatus } from '../types'
-
-type TaskListResponse = {
-  items: DemoTask[]
-}
-
-export const listDemoTasks = async () => {
-  const { data } = await api.get<ApiResponse<TaskListResponse>>('/demo/tasks')
-  return data.data.items
-}
-
-export const createDemoTask = async (payload: { title: string; status?: DemoTaskStatus }) => {
-  const { data } = await api.post<ApiResponse<DemoTask>>('/demo/tasks', payload)
-  return data.data
-}
-
-export const updateDemoTask = async (
-  id: number,
-  payload: { title?: string; status?: DemoTaskStatus }
-) => {
-  const { data } = await api.patch<ApiResponse<DemoTask>>(`/demo/tasks/${id}`, payload)
-  return data.data
-}
-
-export const deleteDemoTask = async (id: number) => {
-  await api.delete<ApiResponse<{ id: number }>>(`/demo/tasks/${id}`)
-}

package/template/apps/web/src/modules/demo/types.ts

@@ -1,9 +0,0 @@
-export type DemoTaskStatus = 'todo' | 'in_progress' | 'done'
-
-export interface DemoTask {
-  id: number
-  title: string
-  status: DemoTaskStatus
-  created_at: string
-  updated_at: string
-}

package/template/apps/web/src/modules/example/pages/ExamplePage.tsx

@@ -1,41 +0,0 @@
-import { useCallback, useEffect, useState } from 'react'
-import { App, Button, Card, Space, Typography } from 'antd'
-import { getHello } from '../services/api'
-
-export function ExamplePage() {
-  const { message } = App.useApp()
-  const [data, setData] = useState<{ message: string; module: string } | null>(null)
-  const [loading, setLoading] = useState(false)
-
-  const fetchData = useCallback(async () => {
-    setLoading(true)
-    try {
-      setData(await getHello())
-    } catch (err) {
-      message.error(err instanceof Error ? err.message : 'Failed')
-    } finally {
-      setLoading(false)
-    }
-  }, [message])
-
-  useEffect(() => {
-    void fetchData()
-  }, [fetchData])
-
-  return (
-    <Card title="Example Module">
-      <Space direction="vertical">
-        <Typography.Title level={4}>Welcome!</Typography.Title>
-        <Typography.Text>This module demonstrates core Keystone patterns.</Typography.Text>
-        {data && (
-          <Card size="small">
-            <pre>{JSON.stringify(data, null, 2)}</pre>
-          </Card>
-        )}
-        <Button onClick={fetchData} loading={loading}>
-          Refresh
-        </Button>
-      </Space>
-    </Card>
-  )
-}

package/template/apps/web/src/modules/example/services/api.ts

@@ -1,8 +0,0 @@
-import { api, type ApiResponse } from '@robsun/keystone-web-core'
-
-export const getHello = async () => {
-  const { data } = await api.get<ApiResponse<{ message: string; module: string }>>(
-    '/example/hello'
-  )
-  return data.data
-}