eny-ai 1.0.0 → 2.0.0

package/examples/v2-demo.tsx

@@ -0,0 +1,377 @@
+/**
+ * 🚀 ENY-AI v2.0 - DEMO COMPLETO
+ * Aplicação 90% SIMBÓLICA rodando SEM BUILD
+ * 
+ * Importa diretamente: import { Σ, ⚡, 🔑, ☐, ... } from 'eny-ai'
+ * Sem transpilação! Sem build! Apenas execute!
+ */
+
+import React from 'react';
+import {
+  // Estado
+  Σ, 
+  // Efeitos
+  ⚡,
+  // HTTP
+  ⇄,
+  // Armazenamento
+  𝓜,
+  // Componentes
+  ☐,
+  // Navegação
+  🧭,
+  // Logging
+  📜,
+  // Memoização
+  λ⁺,
+  // Callbacks
+  λ⇄,
+  // Validação
+  🛡,
+  // Firebase
+  firebase,
+  // React Hooks
+  useAuth,
+  useRealtimeData
+} from 'eny-ai';
+
+/**
+ * 🎯 Componente Principal - TODO App 90% Simbólico
+ */
+export function EnhancedTODOApp() {
+  // ═════════════════════════════════════════════════════════════════════
+  // ESTADO SIMBÓLICO
+  // ═════════════════════════════════════════════════════════════════════
+
+  // Σ: Estado reativo (useState simbólico)
+  const [todos, setTodos] = Σ<{ id: string; text: string; done: boolean }[]>([]);
+  const [input, setInput] = Σ('');
+  const [filter, setFilter] = Σ<'all' | 'active' | 'done'>('all');
+  
+  // 👤: Usuário autenticado
+  const user = firebase.👤;
+  const [showAuth, setShowAuth] = Σ(false);
+  const [email, setEmail] = Σ('');
+  const [password, setPassword] = Σ('');
+
+  // ═════════════════════════════════════════════════════════════════════
+  // EFEITOS SIMBÓLICOS
+  // ═════════════════════════════════════════════════════════════════════
+
+  // ⚡: Carregar dados ao montar
+  ⚡(() => {
+    console.log('📜 App inicializado');
+    const saved = 𝓜.get('todos');
+    if (saved) {
+      setTodos(JSON.parse(saved));
+    }
+  }, []);
+
+  // 📡: Observar dados em tempo real
+  const { data: realtimeTodos } = useRealtimeData(`users/${user?.uid}/todos`);
+  
+  ⚡(() => {
+    if (realtimeTodos) {
+      setTodos(realtimeTodos);
+    }
+  }, [realtimeTodos]);
+
+  // ═════════════════════════════════════════════════════════════════════
+  // FUNÇÕES SIMBÓLICAS
+  // ═════════════════════════════════════════════════════════════════════
+
+  // ➕ Adicionar TODO
+  const handleAddTodo = λ⇄(async () => {
+    if (!input.trim()) {
+      📜.warn('❌ Input vazio');
+      return;
+    }
+
+    const newTodo = {
+      id: Date.now().toString(),
+      text: input,
+      done: false
+    };
+
+    const updated = [...todos, newTodo];
+    setTodos(updated);
+    setInput('');
+    
+    // 💾 Salvar
+    𝓜.set('todos', JSON.stringify(updated));
+    
+    // 📊 Sync Firebase se autenticado
+    if (user) {
+      await firebase.📊(`users/${user.uid}/todos/${newTodo.id}`, newTodo);
+    }
+    
+    📜.info(`✅ TODO adicionado: "${newTodo.text}"`);
+  }, [todos, input, user]);
+
+  // ✏️ Toggle TODO
+  const toggleTodo = (id: string) => {
+    const updated = todos.map(t => 
+      t.id === id ? { ...t, done: !t.done } : t
+    );
+    setTodos(updated);
+    𝓜.set('todos', JSON.stringify(updated));
+  };
+
+  // 🗑️ Deletar TODO
+  const deleteTodo = async (id: string) => {
+    const updated = todos.filter(t => t.id !== id);
+    setTodos(updated);
+    𝓜.set('todos', JSON.stringify(updated));
+    
+    if (user) {
+      await firebase.🗑️(`users/${user.uid}/todos/${id}`);
+    }
+  };
+
+  // 🔐 Login
+  const handleLogin = async () => {
+    try {
+      🛡.email(email); // Validar email
+      const result = await firebase.🔑(email, password);
+      
+      if (result.success) {
+        📜.info('✅ Login bem-sucedido!');
+        setShowAuth(false);
+        setEmail('');
+        setPassword('');
+      }
+    } catch (error) {
+      📜.error(`❌ Erro: ${error}`);
+    }
+  };
+
+  // 🚪 Logout
+  const handleLogout = async () => {
+    await firebase.🚪();
+    setTodos([]);
+    📜.info('👋 Desconectado');
+  };
+
+  // ═════════════════════════════════════════════════════════════════════
+  // COMPUTAÇÃO MEMOIZADA
+  // ═════════════════════════════════════════════════════════════════════
+
+  // λ⁺: Memoizar computação
+  const filtered = λ⁺(() => {
+    switch (filter) {
+      case 'active':
+        return todos.filter(t => !t.done);
+      case 'done':
+        return todos.filter(t => t.done);
+      default:
+        return todos;
+    }
+  }, [todos, filter]);
+
+  const stats = λ⁺(() => ({
+    total: todos.length,
+    done: todos.filter(t => t.done).length,
+    active: todos.filter(t => !t.done).length,
+    percentage: todos.length ? Math.round((todos.filter(t => t.done).length / todos.length) * 100) : 0
+  }), [todos]);
+
+  // ═════════════════════════════════════════════════════════════════════
+  // RENDERIZAÇÃO - 90% SIMBÓLICO
+  // ═════════════════════════════════════════════════════════════════════
+
+  return (
+    ☐.card({
+      className: 'max-w-2xl mx-auto p-6',
+      children: (
+        <>
+          {/* 🎯 HEADER */}
+          <☐.h1>📋 ENY-AI v2.0 TODO App</☐.h1>
+          <☐.text({ size: 'sm', children: '90% Simbólico • Zero Build • Runtime Execution' }) />
+
+          {/* 👤 AUTH STATUS */}
+          <div className='mt-4 p-3 bg-blue-50 rounded'>
+            {user ? (
+              <>
+                <☐.text>✅ Autenticado como: <strong>{user.email}</strong></☐.text>
+                <☐.btn({
+                  onClick: handleLogout,
+                  type: 'secondary',
+                  children: '🚪 Logout',
+                  className: 'mt-2'
+                })}
+              </>
+            ) : (
+              <>
+                <☐.text>❌ Não autenticado</☐.text>
+                <☐.btn({
+                  onClick: () => setShowAuth(true),
+                  type: 'primary',
+                  children: '🔐 Login',
+                  className: 'mt-2'
+                })}
+              </>
+            )}
+          </div>
+
+          {/* 🔐 AUTH MODAL */}
+          {showAuth && (
+            ☐.modal({
+              isOpen: showAuth,
+              onClose: () => setShowAuth(false),
+              title: '🔑 Login',
+              children: (
+                <div className='space-y-3'>
+                  <☐.input({
+                    type: 'email',
+                    placeholder: 'seu@email.com',
+                    value: email,
+                    onChange: (e) => setEmail(e.target.value)
+                  })}
+                  <☐.input({
+                    type: 'password',
+                    placeholder: 'Senha',
+                    value: password,
+                    onChange: (e) => setPassword(e.target.value)
+                  })}
+                  <☐.btn({
+                    onClick: handleLogin,
+                    type: 'primary',
+                    children: '✅ Entrar'
+                  })}
+                </div>
+              )
+            })
+          )}
+
+          {/* 📊 STATS */}
+          <div className='mt-6 grid grid-cols-3 gap-2'>
+            <☐.card({ children: (
+              <div className='text-center'>
+                <☐.h2>{stats.total}</☐.h2>
+                <☐.text>Total</☐.text>
+              </div>
+            )}) }
+            <☐.card({ children: (
+              <div className='text-center'>
+                <☐.h2>{stats.active}</☐.h2>
+                <☐.text>Ativas</☐.text>
+              </div>
+            )}) }
+            <☐.card({ children: (
+              <div className='text-center'>
+                <☐.h2>{stats.percentage}%</☐.h2>
+                <☐.text>Concluído</☐.text>
+              </div>
+            )}) }
+          </div>
+
+          {/* ➕ INPUT */}
+          <div className='mt-6 flex gap-2'>
+            <☐.input({
+              placeholder: 'Adicione um TODO...',
+              value: input,
+              onChange: (e) => setInput(e.target.value),
+              className: 'flex-1'
+            })}
+            <☐.btn({
+              onClick: handleAddTodo,
+              type: 'primary',
+              children: '➕ Adicionar'
+            })}
+          </div>
+
+          {/* 🎨 FILTROS */}
+          <div className='mt-4 flex gap-2'>
+            {(['all', 'active', 'done'] as const).map(f => (
+              <☐.btn({
+                key: f,
+                onClick: () => setFilter(f),
+                type: filter === f ? 'primary' : 'secondary',
+                children: {
+                  all: '📋 Todos',
+                  active: '⚡ Ativas',
+                  done: '✅ Concluídas'
+                }[f]
+              })}
+            ))}
+          </div>
+
+          {/* 📝 LISTA TODO */}
+          <div className='mt-6 space-y-2'>
+            {filtered.length === 0 ? (
+              <☐.text>Nenhum TODO para mostrar 🎉</☐.text>
+            ) : (
+              filtered.map(todo => (
+                <☐.card({
+                  key: todo.id,
+                  className: `flex items-center justify-between p-3 ${todo.done ? 'opacity-50' : ''}`,
+                  children: (
+                    <>
+                      <div className='flex items-center gap-3'>
+                        <input
+                          type='checkbox'
+                          checked={todo.done}
+                          onChange={() => toggleTodo(todo.id)}
+                          className='w-5 h-5'
+                        />
+                        <span className={todo.done ? 'line-through' : ''}>
+                          {todo.text}
+                        </span>
+                      </div>
+                      <☐.btn({
+                        onClick: () => deleteTodo(todo.id),
+                        type: 'danger',
+                        children: '🗑️'
+                      })}
+                    </>
+                  )
+                })}
+              ))
+            )}
+          </div>
+
+          {/* 📜 LOG */}
+          <div className='mt-8 p-4 bg-gray-100 rounded text-xs font-mono'>
+            <☐.h3>📜 Console</☐.h3>
+            <☐.text>
+              Abra DevTools (F12) para ver logs completos
+            </☐.text>
+          </div>
+        </>
+      )
+    })
+  );
+}
+
+/**
+ * 📱 WRAPPER PARA DESENVOLVIMENTO
+ */
+export default function AppWrapper() {
+  return (
+    <div className='min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 p-4'>
+      <EnhancedTODOApp />
+    </div>
+  );
+}
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// 🎓 USO DOS SÍMBOLOS:
+// ═══════════════════════════════════════════════════════════════════════════════
+/*
+  Σ     = Estado reativo (useState)
+  ⚡    = Efeitos colaterais (useEffect)
+  ⇄     = HTTP fetch async
+  𝓜    = Armazenamento persistente (localStorage)
+  ☐     = Componentes UI (card, btn, input, modal, etc)
+  🧭    = Navegação
+  📜    = Logging
+  λ⁺    = Memoização (useMemo)
+  λ⇄    = Callbacks memoizados (useCallback)
+  🛡    = Validação
+  🔑    = Firebase Login
+  🚪    = Firebase Logout
+  📊    = Firebase Escrever dados
+  🗑️    = Firebase Deletar dados
+  📡    = Firebase Observar dados
+  👤    = Usuário autenticado
+*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eny-ai",
-  "version": "1.0.0",
-  "description": "🧠 AI-ENY Language — Código 90% simbólico baseado no alfabeto AI-X. Meta-sistema de construção universal.",
+  "version": "2.0.0",
+  "description": "🧠 ENY-AI v2.0 — Runtime Simbólico Universal. Código 90% simbólico. Zero Build necessário. React + Firebase + Next.js. Σ = Sigma (estado), 🔐 = Login, 🃏 = Card. Executa símbolos direto sem compilação!",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -12,9 +12,19 @@
       "require": "./dist/index.cjs"
     },
     "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
+      "types": "./dist/react/hooks.d.ts",
+      "import": "./dist/react/hooks.js",
+      "require": "./dist/react/hooks.cjs"
+    },
+    "./firebase": {
+      "types": "./dist/firebase/index.d.ts",
+      "import": "./dist/firebase/index.js",
+      "require": "./dist/firebase/index.cjs"
+    },
+    "./runtime": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js",
+      "require": "./dist/runtime.cjs"
     },
     "./symbols": {
       "types": "./dist/symbols.d.ts",
@@ -22,15 +32,15 @@
       "require": "./dist/symbols.cjs"
     }
   },
-  "files": ["dist", "README.md", "examples", "master.mid.ai"],
+  "files": ["dist", "README.md", "V2_README.md", "examples", "master.mid.ai"],
   "bin": {
     "eny": "dist/cli.cjs",
     "eny-ai": "dist/cli.cjs"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/cli.ts src/symbols.ts src/react/index.ts --format cjs,esm --dts --clean",
-    "build:watch": "tsup src/index.ts src/cli.ts src/symbols.ts src/react/index.ts --watch --format cjs,esm --dts",
-    "dev": "tsup src/index.ts src/cli.ts src/symbols.ts src/react/index.ts --watch --format cjs,esm --dts",
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "dev": "tsup --watch",
     "test": "vitest",
     "lint": "eslint . --ext .ts,.tsx",
     "prepublishOnly": "npm run build && npm test",
@@ -52,11 +62,13 @@
   "engines": { "node": ">=18" },
   "peerDependencies": {
     "react": ">=17",
-    "react-dom": ">=17"
+    "react-dom": ">=17",
+    "firebase": ">=9"
   },
   "peerDependenciesMeta": {
     "react": { "optional": true },
-    "react-dom": { "optional": true }
+    "react-dom": { "optional": true },
+    "firebase": { "optional": true }
   },
   "devDependencies": {
     "@types/node": "^20.0.0",