asasvirtuais 0.8.0 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asasvirtuais",
-  "version": "0.8.0",
+  "version": "1.0.0",
   "directories": {
     "packages": "./packages"
   },
@@ -9,66 +9,12 @@
     "tsconfig.json"
   ],
   "exports": {
-    ".": {
-      "import": "./packages/index.ts",
-      "require": "./packages/index.ts",
-      "types": "./packages/index.ts"
-    },
     "./package.json": "./package.json",
-    "./airtable": "./packages/airtable/index.ts",
-    "./react-interface": "./packages/react-interface.tsx",
-    "./hooks": "./packages/hooks.tsx",
-    "./*": ["./packages/*.ts", "./packages/*/index.ts", "./packages/*.tsx", "./packages/*/index.tsx"]
-  },
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "claude": "claude --dangerously-skip-permissions --mcp-config ./mcp.json",
-    "gemini": "gemini --yolo --all-files",
-    "env:pull": "vercel env pull .env"
-  },
-  "peerDependencies": {
-    "zod": "^4.1.11",
-    "next": "15.6.0-canary.34",
-    "wretch": "^2.11.0"
+    "./action": "./packages/action.tsx",
+    "./fields": "./packages/fields.tsx",
+    "./form": "./packages/form.tsx"
   },
   "dependencies": {
-    "@ai-sdk/react": "^2.0.60",
-    "@auth0/nextjs-auth0": "^4.10.0",
-    "@chakra-ui/react": "^3.27.0",
-    "@emotion/react": "^11.14.0",
-    "@google-cloud/storage": "^7.17.1",
-    "@openrouter/ai-sdk-provider": "^1.2.0",
-    "ai": "^5.0.60",
-    "asasvirtuais": "^0.4.4",
-    "date-fns": "^4.1.0",
-    "dexie": "^4.2.0",
-    "firebase": "^12.3.0",
-    "firebase-admin": "^13.5.0",
-    "google-auth-library": "^10.4.0",
-    "googleapis": "^161.0.0",
-    "jszip": "^3.10.1",
-    "knex": "^3.1.0",
-    "next-themes": "^0.4.6",
-    "openai": "^6.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-icons": "^5.5.0",
-    "react-markdown": "^10.1.0",
-    "react-use": "^17.6.0",
-    "remark-breaks": "^4.0.0",
-    "remark-gfm": "^4.0.1",
-    "search-params": "^4.0.1"
-  },
-  "devDependencies": {
-    "@anthropic-ai/claude-code": "^2.0.8",
-    "@google/gemini-cli": "^0.7.0",
-    "@types/node": "^24.6.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "typescript": "^5.9.3",
-    "vercel": "^48.2.0"
+    "react": "^19.2.0"
   }
 }

package/packages/action.tsx

@@ -3,10 +3,11 @@ import React, { createContext, useEffect, useMemo } from 'react'
 import { useCallback, useState } from 'react'
 
 export type ActionProps<Params, Result> = {
-  params: Params
+  params: Partial<Params>
   action: (fields: Params) => Promise<Result>
-  onError?: (error: Error) => any
-  preload?: boolean
+  onResult?: (result: Result) => any
+  onError?: (error: Error) => any 
+  autoTrigger?: boolean
 }
 
 export function useActionProvider<Fields, Result>(props: React.PropsWithChildren<ActionProps<Fields, Result>>) {
@@ -15,17 +16,10 @@ export function useActionProvider<Fields, Result>(props: React.PropsWithChildren
   const [result, setResult] = useState<Result | null>(null)
 
   useEffect(() => {
-    if (props.preload)
+    if (props.autoTrigger)
       props.action(props.params as Fields)
   }, [])
 
-  const data = useMemo(() => {
-    if (props.params instanceof FormData)
-      return Object.fromEntries(props.params.entries()) as Fields
-    else
-      return props.params as Fields
-  }, [props.params])
-
   /** receives an event (optional) and processes the form submission using the fields state as props, stores the result or error in the respective states */
   const submit = useCallback(
     async (e?: any) => {
@@ -33,7 +27,9 @@ export function useActionProvider<Fields, Result>(props: React.PropsWithChildren
       setLoading(true)
       setError(null)
       try {
-        const result = await props.action(data)
+        const result = await props.action(props.params as Fields)
+        if (props.onResult)
+          props.onResult(result)
         setResult(result)
       } catch (error) {
         console.error(error)
@@ -46,7 +42,7 @@ export function useActionProvider<Fields, Result>(props: React.PropsWithChildren
       }
       return false
     },
-    [data, props.action, props.onError]
+    [props.params, props.action, props.onError]
   )
 
   return {
@@ -55,7 +51,7 @@ export function useActionProvider<Fields, Result>(props: React.PropsWithChildren
     error,
     submit,
     callback: props.action,
-    data,
+    params: props.params,
   }
 }
 

package/packages/fields.tsx

@@ -1,8 +1,5 @@
 'use client'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { Input, Text, Button, Image, HStack, Spinner, Textarea } from '@chakra-ui/react'
-import { createContext } from 'react'
-import z from 'zod'
+import React, { createContext, useCallback, useState } from 'react'
 
 export type FieldsProps<T> = { defaults?: Partial<T> }
 
@@ -41,130 +38,20 @@ export function FieldsProvider<T>({children, ...props}: FieldsProps<T> & {
 }
 
 export const useFields = <T,>() => {
+
     const context = React.useContext(Context)
-    if (context === undefined) {
+
+    if (context === undefined)
         throw new Error('useFields must be used within a FieldsProvider')
-    }
+
     return context as ReturnType<typeof useFieldsProvider<T>>
 }
 
 export const useField = <T,>(fieldName: keyof T) => {
     const { fields, setField } = useFields<T>()
-    
+ 
     return {
         value: fields[fieldName],
         setValue: setField
     }
 }
-
-export interface Field<T> {
-    type: string
-    View(props: { table: string, field: string, type: z.ZodTypeAny, value: T }): React.ReactElement
-    Edit(props: { table: string, field: string, type: z.ZodTypeAny, value: T, setValue: (value: T) => void }): React.ReactElement
-}
-
-const string: Field<string> = {
-    type: 'string',
-    View({ type, value }) {
-        return <Text>{value}</Text>
-    },
-    Edit({ type, value, setValue }) {
-        return <Input value={value} onChange={e => setValue(e.target.value)} />
-    }
-}
-
-const textarea: Field<string> = {
-    type: 'textarea',
-    View({ type, value }) {
-        return <Text whiteSpace='pre-wrap'>{value}</Text>
-    },
-    Edit({ type, value, setValue }) {
-        return <Textarea value={value || ''} onChange={e => setValue(e.target.value)} rows={5} />
-    }
-}
-
-const file: Field<string> = {
-    type: 'file',
-    View({ type, value }) {
-        if (!value) return <Text>-</Text>
-        return <Image src={value} alt='file' boxSize='64px' objectFit='cover' />
-    },
-    Edit({ type, value, setValue }) {
-        const inputRef = useRef<HTMLInputElement | null>(null)
-        const [loading, setLoading] = useState(false)
-
-        async function handleFile(e: React.ChangeEvent<HTMLInputElement>) {
-            const file = e.target.files?.[0]
-            if (!file) return
-            setLoading(true)
-            try {
-                const fd = new FormData()
-                fd.append('file', file)
-                const res = await fetch('/api/upload', {
-                    method: 'POST',
-                    body: fd,
-                })
-                const json = await res.json()
-                if (json.url) setValue(json.url)
-            } finally {
-                setLoading(false)
-            }
-        }
-
-        return (
-            <HStack>
-                <input ref={inputRef} type='file' hidden onChange={handleFile} />
-                <Button onClick={() => inputRef.current?.click()}>{loading ? <Spinner size='xs'/> : 'Upload'}</Button>
-                {value ? <Image src={value} alt='preview' boxSize='64px' objectFit='cover' /> : null}
-            </HStack>
-        )
-    }
-}
-
-export function EditField<T, FieldName extends keyof T = keyof T, FieldType extends typeof fields[keyof typeof fields] = typeof fields[keyof typeof fields]>({attribute, field, table, type}: {attribute: FieldName, table: string, field: FieldType, type: z.ZodTypeAny}) {
-
-    const { value, setValue } = useField<T>(attribute)
-
-    const Edit = field['Edit']
-
-    return (
-        <Edit
-            table={table}
-            // @ts-expect-error
-            value={value}
-            // @ts-expect-error
-            setValue={setValue}
-        type={type} />
-    )
-}
-
-export function ViewField<T, FieldName extends keyof T, FieldType extends keyof typeof fields>({attribute, field, type}: {attribute: FieldName, field: FieldType, type: z.ZodTypeAny}) {
-
-    const { value } = useField<T>(attribute)
-
-    const View = fields[field]['View']
-
-    return (
-        // @ts-expect-error
-        <View value={value} type={type} />
-    )
-}
-
-const record: Field<string> = {
-    type: 'record',
-    View: () => <></>,
-    Edit: () => <></>,
-}
-
-const records: Field<string> = {
-    type: 'record',
-    View: () => <></>,
-    Edit: () => <></>,
-}
-export const fields = {
-    string,
-    textarea,
-    file,
-    record,
-    records,
-}

package/packages/form.tsx

@@ -2,14 +2,16 @@ import React from 'react'
 import { FieldsProvider, FieldsProps, useFieldsProvider } from './fields'
 import { ActionProvider, ActionProps, useActionProvider } from './action'
 
-export function Form<Fields, Result>({children, ...params}: FieldsProps<Fields> & ActionProps<Fields, Result> & {
-    children: React.ReactNode | ((props: ReturnType<typeof useFieldsProvider<Fields>> & ReturnType<typeof useActionProvider<Fields, Result>>) => React.ReactNode)
-}) {
+export type FormProps<Fields, Result> = FieldsProps<Fields> & Omit<ActionProps<Fields, Result>, 'params'> & {
+    children?: React.ReactNode | ((props: ReturnType<typeof useFieldsProvider<Fields>> & ReturnType<typeof useActionProvider<Fields, Result>>) => React.ReactNode)
+}
+
+export function Form<Fields, Result>({children, ...params}: FormProps<Fields, Result>) {
 
     return (
         <FieldsProvider<Fields> defaults={params.defaults}>
             {fields => (
-                <ActionProvider<Fields, Result> params={fields.fields} action={params.action} preload={params.preload} onError={params.onError}>
+                <ActionProvider<Fields, Result> params={fields.fields} action={params.action} autoTrigger={params.autoTrigger} onError={params.onError}>
                     {form => (
                         typeof children === 'function' ? children({...fields, ...form}) : children
                     )}
@@ -17,4 +19,4 @@ export function Form<Fields, Result>({children, ...params}: FieldsProps<Fields>
             )}
         </FieldsProvider>
     )
-}
+}