asasvirtuais 0.8.2 → 1.0.1

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "asasvirtuais",
-  "version": "0.8.2",
+  "type": "module",
+  "version": "1.0.1",
   "directories": {
     "packages": "./packages"
   },
@@ -9,66 +10,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

@@ -6,7 +6,7 @@ export type ActionProps<Params, Result> = {
   params: Partial<Params>
   action: (fields: Params) => Promise<Result>
   onResult?: (result: Result) => any
-  onError?: (error: Error) => any
+  onError?: (error: Error) => any 
   autoTrigger?: boolean
 }
 

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

@@ -11,7 +11,7 @@ export function Form<Fields, Result>({children, ...params}: FormProps<Fields, Re
     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
                     )}
@@ -20,18 +20,3 @@ export function Form<Fields, Result>({children, ...params}: FormProps<Fields, Re
         </FieldsProvider>
     )
 }
-
-/** Nested example
-<Form<{A: 'A', B: 'B', C: 'C'}, {result: 'Final'}> params={{}} action={(props) => {return fetch('/some-data', { body: JSON.stringify(props) }).then(res => res.json())}}>
-    {top => (
-        <>
-            <Form<{param: 1}, {result: 'A'}> params={{}} action={(props) => {return fetch('/getA', { body: JSON.stringify(props) }).then(res => res.json())}} onResult={({result}) => top.setField('A', result)}>
-            </Form>
-            <Form<{param: 'A'}, {result: 'B'}> params={{}} action={(props) => {return fetch('/getB', { body: JSON.stringify(props) }).then(res => res.json())}} onResult={({result}) => top.setField('B', result)}>
-            </Form>
-            <Form<{param: 'B'}, {result: 'C'}> params={{}} action={(props) => {return fetch('/getC', { body: JSON.stringify(props) }).then(res => res.json())}} onResult={({result}) => top.setField('C', result)}>
-            </Form>
-        </>
-    )}
-</Form>
-*/