@oyolincc/create 0.4.0 → 0.5.0

package/templates/hono-fullstack/apps/stack/vite.config.ts

@@ -1,8 +1,29 @@
-import { defineConfig, lazyPlugins, type PluginOption } from 'vite-plus'
+import { defineConfig, lazyPlugins, type PluginOption, type UserConfig } from 'vite-plus'
 import { tanstackStart } from '@tanstack/react-start/plugin/vite'
-import tailwindcss from '@tailwindcss/vite'
+import pandacss from '@pandacss/vite'
 import viteReact from '@vitejs/plugin-react'
 import path from 'node:path'
+import {
+  isUseClientDirectiveWarning,
+  type BundlerLog,
+  type BundlerLogHandler,
+  type BundlerLogLevel,
+} from '@oyolincc/dev-config'
+
+const build = {
+  rolldownOptions: {
+    onLog(level: BundlerLogLevel, log: BundlerLog, defaultHandler: BundlerLogHandler) {
+      // 普通 SSR 不消费 RSC 边界，仅忽略依赖中的 use client 指令警告。
+      if (
+        level === 'warn' &&
+        isUseClientDirectiveWarning(log) &&
+        log.id?.split(/[\\/]/).includes('node_modules')
+      )
+        return
+      defaultHandler(level, log)
+    },
+  },
+} satisfies NonNullable<UserConfig['build']>
 
 export default defineConfig(() => {
   const deployTarget = process.env.DEPLOY_TARGET || 'node'
@@ -49,7 +70,10 @@ export default defineConfig(() => {
         '#server-runtime': path.resolve(import.meta.dirname, `./backend/${deployTarget}.ts`),
       },
     },
-    optimizeDeps: { include: ['@repo/definition/frontend'] },
+    optimizeDeps: {
+      include: ['@repo/definition/frontend', '@repo/ui'],
+    },
+    build,
     plugins: lazyPlugins(async () => {
       const runtimePlugins =
         deployTarget === 'cloudflare'
@@ -61,19 +85,31 @@ export default defineConfig(() => {
                 },
               }),
             ]
-          : (await import('nitro/vite')).nitro({
-              preset: 'node_server',
-              serverDir: './nitro',
-              // 拦住第二次：Nitro 最终 server bundle
-              rollupConfig: {
-                external: [serverExternal],
-              },
-            })
+          : [
+              {
+                name: 'stack:server-runtime-reload',
+                apply: 'serve' as const,
+                configResolved(config) {
+                  config.configFileDependencies.push(
+                    path.resolve(import.meta.dirname, '../server/dist/nodejsEntry.mjs'),
+                  )
+                },
+              } satisfies PluginOption,
+              ...(await import('nitro/vite')).nitro({
+                preset: 'node_server',
+                serverDir: './nitro',
+                // 拦住第二次：Nitro 最终 server bundle
+                rollupConfig: {
+                  external: [serverExternal],
+                  onLog: build.rolldownOptions.onLog,
+                },
+              }),
+            ]
 
       const pluginOptions = [
         ...runtimePlugins,
+        pandacss(),
         ...tanstackStart({ srcDirectory: './frontend' }),
-        ...tailwindcss(),
         ...viteReact(),
       ] as PluginOption[]
       return pluginOptions

package/templates/hono-fullstack/apps/stack/wrangler.jsonc

@@ -5,7 +5,7 @@
   "compatibility_date": "2026-09-23",
   "compatibility_flags": ["nodejs_compat"],
   "observability": {
-    "logs": { "enabled": true, "invocation_logs": true },
+    "logs": { "enabled": true, "invocation_logs": false },
     "traces": { "enabled": false },
   },
   "d1_databases": [

package/templates/hono-fullstack/envs/.env.example.sqlite-d1

@@ -1,3 +1,4 @@
 CLOUDFLARE_ACCOUNT_ID=
 CLOUDFLARE_DATABASE_ID=
 CLOUDFLARE_TOKEN=
+IS_D1_LOCAL=1

package/templates/hono-fullstack/libs/db/drizzle-kit/sqlite-d1.config.ts

@@ -4,19 +4,38 @@ import { d1SchemaConfig } from '@repo/definition/backend'
 
 const configDir = import.meta.dirname
 
-const { cloudflareAccountId, cloudflareDatabaseId, cloudflareToken } = d1SchemaConfig.resolve({
-  context: process.env,
-  matchContextKey: 'constantCase',
-})
+let dbCredentials:
+  | {
+      accountId: string
+      databaseId: string
+      token: string
+    }
+  | {
+      url: string
+    } = {
+  url: path.join(
+    configDir,
+    '../../../.wrangler/state/v3/d1/miniflare-D1DatabaseObject/metadata.sqlite',
+  ),
+}
+const isD1Local = !!process.env.IS_D1_LOCAL
+
+if (!isD1Local) {
+  const { cloudflareAccountId, cloudflareDatabaseId, cloudflareToken } = d1SchemaConfig.resolve({
+    context: process.env,
+    matchContextKey: 'constantCase',
+  })
+  dbCredentials = {
+    accountId: cloudflareAccountId,
+    databaseId: cloudflareDatabaseId,
+    token: cloudflareToken,
+  }
+}
 
 export default defineConfig({
   dialect: 'sqlite',
-  driver: 'd1-http',
+  driver: isD1Local ? undefined : 'd1-http',
   schema: path.join(configDir, '../src/dialects/sqlite/schema/tables.ts'),
   out: path.join(configDir, '../migrations/sqlite-d1'),
-  dbCredentials: {
-    accountId: cloudflareAccountId,
-    databaseId: cloudflareDatabaseId,
-    token: cloudflareToken,
-  },
+  dbCredentials,
 })

package/templates/hono-fullstack/libs/db/package.json

@@ -22,6 +22,7 @@
     "dev:sqlite:gen": "oyo env sqlite -- drizzle-kit generate --config=drizzle-kit/sqlite.config.ts",
     "dev:sqlite:migrate": "oyo env sqlite -- drizzle-kit migrate --config=drizzle-kit/sqlite.config.ts",
     "dev:d1:gen": "oyo env sqlite-d1 -- drizzle-kit generate --config=drizzle-kit/sqlite-d1.config.ts",
+    "dev:d1:push": "oyo env sqlite-d1 -- drizzle-kit push --config=drizzle-kit/sqlite-d1.config.ts",
     "dev:d1:migrate": "oyo env sqlite-d1 -- drizzle-kit migrate --config=drizzle-kit/sqlite-d1.config.ts"
   },
   "dependencies": {

package/templates/hono-fullstack/libs/db/src/dialects/sqlite/schema/columns.ts

@@ -12,7 +12,7 @@ export const idType = customType<{ data: string; driverData: number | bigint }>(
 
 export const autoIncrementId = (name: string) =>
   idType(name)
-    .primaryKey({ autoIncrement: true })
+    .primaryKey()
     .$defaultFn(() => sql`null`)
 
 export function timestampMsColumn(name: string) {

package/templates/hono-fullstack/libs/db/src/dialects/sqlite/schema/modules/examples/examples.ts

@@ -11,12 +11,15 @@ export const examples = sqliteTable('examples', {
 
 export type InsertExample = typeof examples.$inferInsert
 
-export const voExamples = defineVO({
+export const voExamplesId = defineVO({ id: examples.id })
+export type IExamplesIdVO = SelectVOResults<typeof voExamplesId>
+
+export const voExamplesList = defineVO({
   id: examples.id,
   message: examples.message,
   createdAt: examples.createdAt,
   updatedAt: examples.updatedAt,
 })
-export type IExamplesVO = SelectVOResults<typeof voExamples>
+export type IExamplesListVO = SelectVOResults<typeof voExamplesList>
 
-export const vcExamples = { default: voExamples } as const
+export const vcExamples = { id: voExamplesId, list: voExamplesList }

package/templates/hono-fullstack/libs/db/src/dialects/sqlite/schema/vo.ts

@@ -1 +1,7 @@
-export { vcExamples, voExamples, type IExamplesVO } from './modules/examples/examples'
+export {
+  vcExamples,
+  voExamplesId,
+  voExamplesList,
+  type IExamplesIdVO,
+  type IExamplesListVO,
+} from './modules/examples/examples'

package/templates/hono-fullstack/libs/definition/README.md

@@ -0,0 +1,81 @@
+# Definition
+
+存放前后端共享的业务常量、Valibot contracts 和类型。contracts 根据 Drizzle 表生成初稿，再由业务维护；VO 类型根据显式声明的查询投影生成。数据库结构只能提供字段线索，不能替代 API 设计。
+
+## 生成流程
+
+1. 修改 `libs/db/src/dialects/sqlite/schema` 中的表定义，并自行更新 DB 构建产物。生成器读取的是 `libs/db/dist/sqlite/schema.mjs`，不会自动编译源码。
+2. 检查仓库根目录 `oyo.config.json` 的 `codeGenerator` 配置。
+3. 在仓库根目录按需执行；contracts 按提示选择表并确认名称，VO 读取入口中的全部 `voXxx` 导出：
+
+   ```sh
+   pnpm --filter @repo/definition codegen:contracts
+   pnpm --filter @repo/definition codegen:vo
+   ```
+
+4. 查看 diff，补齐业务约束、允许编辑的字段和模块导出，再接入调用方。
+
+**当前两个生成脚本均设置了 `IS_OVERRIDE=1`，会覆盖对应产物，包括手改的 contracts 和公共分页文件。** 重新生成前保留改动，生成后逐项合并业务规则。生成器默认跳过已有文件，但当前脚本主动开启了覆盖；`IS_TEST=1` 仅解析和交互，不写文件或配置记录。
+
+## 配置重点
+
+路径以 `codeGenerator.root` 为基准；`root` 相对配置文件所在目录。
+
+| 配置                                    | 当前用途                                                                               |
+| --------------------------------------- | -------------------------------------------------------------------------------------- |
+| `database.entry`                        | Drizzle 表定义的运行时入口，contracts 与 VO 共用                                       |
+| `database.customTypes`                  | 自定义列类型映射；当前 `integer → string` 对应自定义 ID 列，不代表所有整数列都转字符串 |
+| `contracts.outputDir`                   | 必填，默认输出位置，目前为 `src/modules`                                               |
+| `contracts.createOne.excludePrimaryKey` | 默认 `true`，创建 DTO 排除主键                                                         |
+| `contracts.createOne.excludeFields`     | 按 Drizzle 属性名排除字段；当前为 `createdAt`、`updatedAt`，实体没有对应字段时忽略     |
+| `contracts.constantsSource`             | 公共 contracts 引用的常量文件，当前提供 `DEFAULT_PAGE_SIZE`                            |
+| `contracts.models`                      | 实体名到 contracts 文件路径的映射，当前为 `example/contracts.ts`                       |
+| `contracts.commonContracts`             | 公共 contracts 文件路径，默认位于 `outputDir` 下                                       |
+| `vo.outputDir`                          | 必填，VO 类型输出目录，目前为 `src/modules`                                            |
+| `vo.models`                             | 生成文件路径记录；`vo-generated-types` 对应 VO 类型文件                                |
+
+生成时会记录文件路径到 `contracts.models` / `contracts.commonContracts`。调整目录后同步修改这些记录；已有记录优先于默认输出路径。创建字段排除配置仅影响 `$CreateOne`，查询字段不受影响。
+
+## 产物约定
+
+| 产物             | 用途与维护要求                                                                                  |
+| ---------------- | ----------------------------------------------------------------------------------------------- |
+| `实体$CreateOne` | 创建 API DTO 草稿。筛选客户端可提交的字段，移除服务端自动填充字段；也承载供更新复用的字段规则   |
+| `实体$UpdateOne` | 从 `$CreateOne` 选取允许编辑的字段并转为可选。初始 `v.pick(..., [])` 为空，**必须主动填写字段** |
+| `实体$FindOne`   | 查询条件草稿，字段可选；包含查询输入转换，有 `createdAt` 时补充起止时间条件                     |
+| `实体$FindMany`  | `$FindOne` 与公共分页规则组合                                                                   |
+| `I实体…`         | 对应 schema 的输入类型；经过转换后的数据类型需要时使用 `v.InferOutput`                          |
+
+这些是请求约定，不是数据库 insert/update schema，也不是响应结构。服务端校验后由 Service 组装 IP、时间等字段并写库。没有前端表单的后台任务同样按操作定义输入约定；无需为复用生成物而模拟表单 DTO。响应类型按实际 VO 定义。
+
+前端表单与 API 字段和规则一致时可直接复用；存在确认字段、界面专用字段或不同必填规则时，基于对应 contract 派生表单 schema。服务端必须独立校验 API DTO，不能依赖前端校验。
+
+## VO 工作流
+
+在 DB schema 中用 `defineVO` 声明需要返回的列集合，并通过 `schema/vo.ts` 从 `database.entry` 导出。导出名使用 `voXxx`，生成类型名为 `IXxxVO`：
+
+```ts
+export const voExamplesList = defineVO({
+  id: examples.id,
+  message: examples.message,
+})
+```
+
+执行 `codegen:vo` 后，默认集中输出到 `vo.outputDir/vo-generated-types.ts`。VO 生成不依赖 contracts，也不受 `contracts.createOne` 排除字段配置影响。服务端查询的 `voType` 选择仍需在 Model 的 VO 集合中配置；生成类型不会自动改变查询或序列化行为。
+
+- **维护投影源，不手改生成文件。** 列集合变化后更新 DB 构建产物，再重新生成；生成文件整体覆盖，不做业务规则合并。
+- **VO 是响应类型，不提供运行时校验。** ID、日期等按列解析规则映射为前端类型，当前日期为 `string`；调用方仍须保证实际响应的序列化结果一致。
+- **检查类型精度。** `$type<T>()` 中的业务枚举、JSON 结构等无法从运行时完整还原，必要时在独立业务类型中细化。当前非空列或带默认值的列生成必填字段，其余为可选且允许 `null`；需核对实际查询结果，尤其是可空列和关联查询。
+- **按实际场景定义投影。** 列表、详情分别选择需要的字段，避免整表暴露。仅含必填字符串 `id` 的投影自动复用公共 `IIdVO`，保留原实体类型名。
+- **接入导出链。** 将生成类型从 `modules/index.ts` 等入口导出，前后端通过 definition 使用，前端无需依赖 DB 包。
+
+## 生成后必查
+
+- **业务常量不能靠 DB 类型自动推断。** Drizzle 的 `$type<T>()` 在运行时不保留枚举成员；默认值也不等于枚举范围。需要时手动接入 `v.picklist(Object.values(...))`，不使用 `v.enum`。
+- **保留真正需要的转换。** 字符串常量直接用 `picklist`，无需先 `string` / `toString`；数值查询参数需要时先 `toNumber` 再校验常量范围。
+- **补业务规则。** 当前 example 的 message 使用 trim 和非空校验，重新生成后需检查。字段关联、权限、唯一性和非 CRUD 操作等由业务补充，生成器不承诺覆盖。
+- **检查必填、空值与默认值。** DB 默认值可能使创建字段变为 optional；生成规则不会自动允许 `null`。需要清空字段时显式允许 nullable；检查自动 trim、非空规则是否适合正文等字段。
+- **收敛查询与更新范围。** 不是每个 DB 字段都应允许查询或编辑；范围查询、分页整数限制等按接口补齐。当前 example 仅允许更新 message。
+- **补齐导出。** 生成文件不会自动接入各层 `index.ts`；检查实体、`modules` 及 `frontend` / `backend` 的导出链，避免文件存在但包入口不可用。
+
+DB 结构变更后重新生成只是起点。以最终业务 contract 为准，检查调用方与 Service 的字段映射，并保留手工补充的校验。

package/templates/hono-fullstack/libs/definition/package.json

@@ -15,7 +15,9 @@
     "build": "vp pack",
     "dev": "vp pack --watch",
     "test": "vp test",
-    "check": "vp check"
+    "check": "vp check",
+    "codegen:contracts": "IS_OVERRIDE=1 oyo gen contracts",
+    "codegen:vo": "IS_OVERRIDE=1 oyo gen vo"
   },
   "dependencies": {
     "change-case": "catalog:shared",

package/templates/hono-fullstack/libs/definition/src/constants/index.ts

@@ -0,0 +1 @@
+export * from './pagination'

package/templates/hono-fullstack/libs/definition/src/constants/pagination.ts

@@ -0,0 +1,3 @@
+export const DEFAULT_PAGE_SIZE = 10
+export const MAX_PAGE_SIZE = 100
+export const DEFAULT_QUERY_MAX = 1000

package/templates/hono-fullstack/libs/definition/src/modules/common-contracts.ts

@@ -0,0 +1,24 @@
+import * as v from 'valibot'
+import { DEFAULT_PAGE_SIZE } from '../constants/index'
+
+export const PaginationSchema = v.object({
+  page: v.optional(
+    v.pipe(
+      v.unknown(),
+      v.toNumber('非法页码'),
+      v.finite('非法页码'),
+      v.minValue(1, '非法页码'),
+    ) as v.GenericSchema<number, number>,
+    1,
+  ),
+  limit: v.optional(
+    v.pipe(
+      v.unknown(),
+      v.toNumber('非法limit'),
+      v.finite('非法limit'),
+      v.minValue(1, '非法limit'),
+    ) as v.GenericSchema<number, number>,
+    DEFAULT_PAGE_SIZE,
+  ),
+})
+export type Pagination = v.InferOutput<typeof PaginationSchema>

package/templates/hono-fullstack/libs/definition/src/modules/example/contracts.ts

@@ -0,0 +1,34 @@
+import * as v from 'valibot'
+import { PaginationSchema } from '../common-contracts'
+
+export const Example$CreateOne = v.object({
+  message: v.pipe(v.string('message无效'), v.trim(), v.minLength(1, 'message不能为空')),
+})
+export type IExampleCreateOne = v.InferInput<typeof Example$CreateOne>
+
+export const Example$UpdateOne = v.partial(v.pick(Example$CreateOne, ['message']))
+export type IExampleUpdateOne = v.InferInput<typeof Example$UpdateOne>
+
+export const Example$FindOne = v.partial(
+  v.object({
+    id: v.pipe(v.unknown(), v.toString('id无效')) as v.GenericSchema<string, string>,
+    message: v.pipe(v.unknown(), v.toString('message无效')) as v.GenericSchema<string, string>,
+  }),
+)
+export type IExampleFindOne = v.InferInput<typeof Example$FindOne>
+
+export const Example$FindMany = v.object({
+  ...PaginationSchema.entries,
+  ...Example$FindOne.entries,
+})
+export type IExampleFindMany = v.InferInput<typeof Example$FindMany>
+
+export const Example$Process = v.pick(Example$CreateOne, ['message'])
+export type IExampleProcess = v.InferInput<typeof Example$Process>
+
+export const Example$ProcessResult = v.object({
+  original: v.string(),
+  normalized: v.string(),
+  length: v.number(),
+})
+export type IExampleProcessResult = v.InferOutput<typeof Example$ProcessResult>

package/templates/hono-fullstack/libs/definition/src/modules/example/index.ts

@@ -1,16 +1 @@
-export type Example = {
-  id: string
-  message: string
-  createdAt: string
-  updatedAt: string
-}
-
-export type CreateExampleInput = Pick<Example, 'message'>
-
-export type ProcessExampleInput = Pick<Example, 'message'>
-
-export type ProcessExampleOutput = {
-  original: string
-  normalized: string
-  length: number
-}
+export * from './contracts'

package/templates/hono-fullstack/libs/definition/src/modules/index.ts

@@ -1 +1,3 @@
 export * from './example'
+export * from './common-contracts'
+export * from './vo-generated-types'

package/templates/hono-fullstack/libs/definition/src/modules/vo-generated-types.ts

@@ -0,0 +1,12 @@
+// 自动生成的面向前端的 VO 类型，请勿手动修改
+export type IIdVO = {
+  id: string
+}
+
+export type IExamplesIdVO = IIdVO
+export type IExamplesListVO = {
+  id: string
+  message: string
+  createdAt: string
+  updatedAt: string
+}

package/templates/hono-fullstack/libs/ui/.storybook/main.ts

@@ -0,0 +1,32 @@
+import { fileURLToPath } from 'node:url'
+import type { StorybookConfig } from '@storybook/react-vite'
+import { isUseClientDirectiveWarning } from '@oyolincc/dev-config'
+
+const config: StorybookConfig = {
+  stories: ['../stories/**/*.stories.tsx'],
+  addons: ['@storybook/addon-docs'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {
+      builder: {
+        viteConfigPath: fileURLToPath(new URL('./vite.config.ts', import.meta.url)),
+      },
+    },
+  },
+  viteFinal(config) {
+    config.build = {
+      ...config.build,
+      rolldownOptions: {
+        ...config.build?.rolldownOptions,
+        onLog(level, log, defaultHandler) {
+          // Storybook runs entirely in the browser and does not need RSC boundaries.
+          if (level === 'warn' && isUseClientDirectiveWarning(log)) return
+          defaultHandler(level, log)
+        },
+      },
+    }
+    return config
+  },
+}
+
+export default config

package/templates/hono-fullstack/libs/ui/.storybook/panda.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from '@pandacss/dev'
+import config from '../panda.config'
+
+export default defineConfig({
+  ...config,
+  preflight: true,
+  globalCss: {
+    extend: {
+      ...config.globalCss?.extend,
+      html: { colorPalette: 'gray' },
+      body: { background: 'gray.bg.page', color: 'gray.fg.default' },
+    },
+  },
+  include: ['./src/**/*.{ts,tsx}', './stories/**/*.{ts,tsx}', './.storybook/**/*.{ts,tsx}'],
+  exclude: ['./.storybook/styled-system/**'],
+  outdir: '.storybook/styled-system',
+  // Controls choose values at runtime, beyond Panda's static JSX extraction.
+  staticCss: {
+    recipes: '*',
+    css: [{ properties: { colorPalette: ['gray', 'lime', 'red', 'green'] } }],
+  },
+})

package/templates/hono-fullstack/libs/ui/.storybook/preview.tsx

@@ -0,0 +1,79 @@
+import type { Preview } from '@storybook/react-vite'
+import { lazy, Suspense, useEffect, useState, type PropsWithChildren } from 'react'
+import type { DocsContainerProps } from '@storybook/addon-docs/blocks'
+import { GLOBALS_UPDATED } from 'storybook/internal/core-events'
+import type { Globals } from 'storybook/internal/types'
+import { themes } from 'storybook/theming'
+import { MINIMAL_VIEWPORTS } from 'storybook/viewport'
+import './styles.css'
+
+const DocsContainer = lazy(() =>
+  import('@storybook/addon-docs/blocks').then((module) => ({ default: module.DocsContainer })),
+)
+
+function ThemedDocsContainer({ children, context }: PropsWithChildren<DocsContainerProps>) {
+  const [theme, setTheme] = useState<'light' | 'dark'>(() =>
+    context.getStoryContext(context.componentStories()[0]).globals.theme === 'light' ? 'light' : 'dark',
+  )
+
+  useEffect(() => {
+    const updateTheme = ({ globals }: { globals: Globals }) => {
+      setTheme(globals.theme === 'light' ? 'light' : 'dark')
+    }
+    context.channel.on(GLOBALS_UPDATED, updateTheme)
+    return () => context.channel.off(GLOBALS_UPDATED, updateTheme)
+  }, [context.channel])
+
+  return (
+    <Suspense fallback={null}>
+      <DocsContainer context={context} theme={themes[theme]}>
+        {children}
+      </DocsContainer>
+    </Suspense>
+  )
+}
+
+const preview: Preview = {
+  tags: ['autodocs'],
+  globalTypes: {
+    theme: {
+      description: '组件主题',
+      toolbar: {
+        icon: 'circlehollow',
+        dynamicTitle: true,
+        items: [
+          { value: 'light', title: '浅色' },
+          { value: 'dark', title: '深色' },
+        ],
+      },
+    },
+  },
+  initialGlobals: { theme: 'dark' },
+  parameters: {
+    layout: 'padded',
+    controls: { expanded: true },
+    backgrounds: { disable: true },
+    viewport: { options: MINIMAL_VIEWPORTS },
+    docs: {
+      container: ThemedDocsContainer,
+      codePanel: true,
+      source: { type: 'dynamic', excludeDecorators: true },
+    },
+  },
+  decorators: [
+    function ThemeDecorator(Story, { globals }) {
+      const theme = globals.theme === 'light' ? 'light' : 'dark'
+
+      useEffect(() => {
+        const root = document.documentElement
+        root.classList.toggle('dark', theme === 'dark')
+        root.classList.toggle('light', theme === 'light')
+        root.style.colorScheme = theme
+      }, [theme])
+
+      return <Story />
+    },
+  ],
+}
+
+export default preview

package/templates/hono-fullstack/libs/ui/.storybook/styles.css

@@ -0,0 +1 @@
+@layer reset, base, tokens, recipes, utilities;

package/templates/hono-fullstack/libs/ui/.storybook/vite.config.ts

@@ -0,0 +1,37 @@
+import { fileURLToPath } from 'node:url'
+import pandacss from '@pandacss/vite'
+import { defineConfig } from 'vite-plus'
+
+export default defineConfig({
+  plugins: [
+    pandacss({
+      cwd: fileURLToPath(new URL('../', import.meta.url)),
+      configPath: '.storybook/panda.config.ts',
+    }),
+  ],
+  server: {
+    warmup: {
+      clientFiles: [fileURLToPath(new URL('../src/index.ts', import.meta.url))],
+    },
+  },
+  resolve: {
+    alias: [
+      {
+        find: /^@repo\/ui$/,
+        replacement: fileURLToPath(new URL('../src/index.ts', import.meta.url)),
+      },
+      {
+        find: /^@repo\/ui\/tooltip$/,
+        replacement: fileURLToPath(new URL('../src/Tooltip.tsx', import.meta.url)),
+      },
+      {
+        find: 'styled-system',
+        replacement: fileURLToPath(new URL('./styled-system', import.meta.url)),
+      },
+      {
+        find: '@',
+        replacement: fileURLToPath(new URL('../src', import.meta.url)),
+      },
+    ],
+  },
+})

package/templates/hono-fullstack/libs/ui/components.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://park-ui.com/schema/components.json",
+  "framework": "react",
+  "panda": {
+    "config": "panda.config.ts"
+  },
+  "aliases": {
+    "components": "@/components",
+    "hooks": "@/hooks",
+    "lib": "@/lib",
+    "recipes": "@/theme/recipes",
+    "theme": "@/theme",
+    "ui": "@/components/atoms"
+  }
+}