@oyolincc/create 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oyolincc/create",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "@oyolincc/create",
   "homepage": "https://github.com/oyolincc/lib#readme",
   "bugs": {

package/templates/hono-fullstack/apps/stack/frontend/modules/example/api.ts

@@ -6,8 +6,8 @@ import type {
 } from '@repo/definition/frontend'
 import { request } from '#/shared/network/client'
 
-export const listExamples = () => request<Example[]>('examples')
-export const createExample = (input: CreateExampleInput) =>
+export const apiExampleFindMany = () => request<Example[]>('examples')
+export const apiExampleCreateOne = (input: CreateExampleInput) =>
   request<Example>('examples', { method: 'post', json: input })
-export const processExample = (input: ProcessExampleInput) =>
+export const apiExampleProcess = (input: ProcessExampleInput) =>
   request<ProcessExampleOutput>('examples/process', { method: 'post', json: input })

package/templates/hono-fullstack/apps/stack/frontend/modules/example/hooks/api-hooks.ts

@@ -1,14 +1,27 @@
+import type { CreateExampleInput, ProcessExampleInput } from '@repo/definition/frontend'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { createExample, listExamples, processExample } from '../api'
+import { defineMutationHook, defineQueryHook } from '#/shared/network/query-hooks'
+import { apiExampleCreateOne, apiExampleFindMany, apiExampleProcess } from '../api'
 
-export const exampleQueryKey = ['examples'] as const
+export const exampleQueryKeys = {
+  all: ['examples'] as const,
+}
+
+export const useExamplesQuery = defineQueryHook(() =>
+  useQuery({
+    queryKey: exampleQueryKeys.all,
+    queryFn: () => apiExampleFindMany(),
+  }),
+)
 
-export const useExamples = () => useQuery({ queryKey: exampleQueryKey, queryFn: listExamples })
-export function useCreateExample() {
+export const useCreateExampleMutation = defineMutationHook(() => {
   const queryClient = useQueryClient()
   return useMutation({
-    mutationFn: createExample,
-    onSuccess: () => queryClient.invalidateQueries({ queryKey: exampleQueryKey }),
+    mutationFn: (input: CreateExampleInput) => apiExampleCreateOne(input),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: exampleQueryKeys.all }),
   })
-}
-export const useProcessExample = () => useMutation({ mutationFn: processExample })
+})
+
+export const useProcessExampleMutation = defineMutationHook(() =>
+  useMutation({ mutationFn: (input: ProcessExampleInput) => apiExampleProcess(input) }),
+)

package/templates/hono-fullstack/apps/stack/frontend/routes/index.tsx

@@ -6,16 +6,25 @@ import { Page } from '#/components/layouts/Page'
 import { PageContainer } from '#/components/layouts/PageContainer'
 import { ExampleForm } from '#/modules/example/components/ExampleForm'
 import { ExampleList } from '#/modules/example/components/ExampleList'
-import { useCreateExample, useExamples, useProcessExample } from '#/modules/example/hooks/api-hooks'
+import {
+  useCreateExampleMutation,
+  useExamplesQuery,
+  useProcessExampleMutation,
+} from '#/modules/example/hooks/api-hooks'
 import { exampleMessageAtom } from '#/modules/example/stores'
 
 export const Route = createFileRoute('/')({ component: Home })
 
 function Home() {
   const [message, setMessage] = useAtom(exampleMessageAtom)
-  const examples = useExamples()
-  const create = useCreateExample()
-  const process = useProcessExample()
+  const { data: examples, error: examplesError } = useExamplesQuery()
+  const create = useCreateExampleMutation()
+  const {
+    data: processedExample,
+    error: processError,
+    isPending: isProcessing,
+    mutate: processExample,
+  } = useProcessExampleMutation()
 
   const save = async () => {
     await create.mutateAsync({ message })
@@ -33,16 +42,18 @@ function Home() {
           <ExampleForm
             message={message}
             saving={create.isPending}
-            processing={process.isPending}
+            processing={isProcessing}
             onMessageChange={setMessage}
             onSave={save}
-            onProcess={() => process.mutate({ message })}
+            onProcess={() => processExample({ message })}
           />
-          {process.data && (
-            <pre className="rounded bg-zinc-900 p-4">{JSON.stringify(process.data, null, 2)}</pre>
+          {processedExample && (
+            <pre className="rounded bg-zinc-900 p-4">
+              {JSON.stringify(processedExample, null, 2)}
+            </pre>
           )}
-          <ErrorMessage error={create.error || process.error || examples.error} />
-          <ExampleList examples={examples.data} />
+          <ErrorMessage error={create.error || processError || examplesError} />
+          <ExampleList examples={examples} />
         </Page>
       </PageContainer>
     </AppLayout>

package/templates/hono-fullstack/apps/stack/frontend/shared/network/query-hooks.ts

@@ -0,0 +1,33 @@
+import type { UseMutationResult, UseQueryResult } from '@tanstack/react-query'
+
+export interface QueryHookOptions {
+  enabled?: boolean
+  staleTime?: number
+}
+
+export interface MutationHookOptions {}
+
+type AnyUseQueryResult = UseQueryResult<any, any>
+type AnyUseMutationResult = UseMutationResult<any, any, any, any>
+type HookArgs<TParams, TOptions> = [] | [params?: TParams] | [params: TParams, options?: TOptions]
+
+export type MutationHook<TParams, TResult extends AnyUseMutationResult> = (
+  params: TParams,
+  options?: MutationHookOptions,
+) => TResult
+
+export function defineQueryHook<
+  TParams,
+  TArgs extends HookArgs<TParams, QueryHookOptions>,
+  TResult extends AnyUseQueryResult,
+>(hook: (...args: TArgs) => TResult) {
+  return hook
+}
+
+export function defineMutationHook<
+  TParams,
+  TArgs extends HookArgs<TParams, MutationHookOptions>,
+  TResult extends AnyUseMutationResult,
+>(hook: (...args: TArgs) => TResult) {
+  return hook
+}

package/templates/hono-fullstack/oyo.config.json

@@ -8,6 +8,10 @@
     }
   },
   "codeGenerator": {
-    "root": "."
+    "root": ".",
+    "scope": "@repo",
+    "author": "",
+    "gitUrlBase": "",
+    "license": "MIT"
   }
 }

package/templates/hono-server/oyo.config.json

@@ -8,6 +8,10 @@
     }
   },
   "codeGenerator": {
-    "root": "."
+    "root": ".",
+    "scope": "@repo",
+    "author": "",
+    "gitUrlBase": "",
+    "license": "MIT"
   }
 }

package/templates/monorepo/oyo.config.json

@@ -6,6 +6,10 @@
     }
   },
   "codeGenerator": {
-    "root": "."
+    "root": ".",
+    "scope": "@repo",
+    "author": "",
+    "gitUrlBase": "",
+    "license": "MIT"
   }
 }