refactor: arquitetura escalavel em src/ para crescimento de mini apps

- Migra components/lib/styles/legacy para src/ (pages mantidas na raiz) - Adiciona alias @/* -> src/* no jsconfig.json - Atualiza imports de _app e dashboard para novo caminho - Cria src/components/common com 10 componentes compartilhados (placeholders) - Cria src/modules/ para 6 mini apps (noticias, calculadora, bloco_notas, criptomoedas, conversor, jogos) - Cria src/services/ (api, auth, ads, news, currency, crypto, storage, analytics) como placeholders - Prepara auth (providers google/apple/email/anonymous + interfaces) sem SDK - Prepara ads (Adapter + Banner/Interstitial/Rewarded/Native) sem SDK - Cria src/config/ (appConfig, featureFlags, environment, theme, ads) - Remove duplicatas index.js em pages/apps/* - Nenhuma funcionalidade implementada; apenas arquitetura preparada - Build Next.js validado (10 rotas, sem erros)
2026-07-11 22:44:52 +02:00
parent dce148338f
commit 2b74586b00
70 changed files with 226 additions and 132 deletions
@@ -1,5 +1,9 @@
 {
  "compilerOptions": {
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
  }
 }
@@ -1,6 +1,6 @@
 // _app.jsx — SessionProvider de autenticação REMOVIDO (login desativado temporariamente).
 // App agora abre direto no dashboard, sem verificação de sessão.
-import "../styles/globals.css"
+import "@/styles/globals.css"

 export default function App({ Component, pageProps }) {
  return (
@@ -1,11 +0,0 @@
-export default function Aurea() {
-  return (
-    <div style={{minHeight:'100vh',background:'linear-gradient(135deg,#1a0a00,#3d2000)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',color:'#FFD700',fontFamily:'serif',textAlign:'center',padding:'2rem'}}>
-      <div style={{fontSize:'4rem',marginBottom:'1rem'}}>👑</div>
-      <h1 style={{fontSize:'3rem',marginBottom:'0.5rem'}}>Aurea</h1>
-      <p style={{fontSize:'1.2rem',color:'#c8a400',marginBottom:'2rem'}}>O Império Começa Aqui</p>
-      <p style={{color:'#a0826d',maxWidth:'500px',marginBottom:'2rem'}}>Simulador de vida onde cada escolha te leva mais perto da riqueza. Construa impérios, domine o mercado.</p>
-      <span style={{background:'#FFD700',color:'#1a0a00',padding:'0.5rem 2rem',borderRadius:'20px',fontWeight:'bold'}}>Em Breve</span>
-    </div>
-  )
-}
@@ -1,11 +0,0 @@
-export default function ExpedicaoGold() {
-  return (
-    <div style={{minHeight:'100vh',background:'linear-gradient(135deg,#0a1a00,#1a3a00)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',color:'#90EE90',fontFamily:'sans-serif',textAlign:'center',padding:'2rem'}}>
-      <div style={{fontSize:'4rem',marginBottom:'1rem'}}>🗺️</div>
-      <h1 style={{fontSize:'3rem',marginBottom:'0.5rem'}}>Expedição Gold</h1>
-      <p style={{fontSize:'1.2rem',color:'#50aa50',marginBottom:'2rem'}}>Conquiste o Ouro do Mundo</p>
-      <p style={{color:'#668866',maxWidth:'500px',marginBottom:'2rem'}}>Expedições terrestres, marítimas, espaciais e espirituais. Cada jornada é única. Cada conquista, sua.</p>
-      <span style={{background:'#90EE90',color:'#0a1a00',padding:'0.5rem 2rem',borderRadius:'20px',fontWeight:'bold'}}>Em Breve no 1000Apps</span>
-    </div>
-  )
-}
@@ -1,11 +0,0 @@
-export default function HumanCity() {
-  return (
-    <div style={{minHeight:'100vh',background:'linear-gradient(135deg,#050520,#0a0a40)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',color:'#a0a0ff',fontFamily:'sans-serif',textAlign:'center',padding:'2rem'}}>
-      <div style={{fontSize:'4rem',marginBottom:'1rem'}}>🏙️</div>
-<h1 style={{fontSize:'3rem',marginBottom:'0.5rem'}}>Human City</h1>
-      <p style={{fontSize:'1.2rem',color:'#7070cc',marginBottom:'2rem'}}>Simule. Construa. Viva.</p>
-      <p style={{color:'#5555aa',maxWidth:'500px',marginBottom:'2rem'}}>Simulação de vida estilo The Sims. Crie personagens, construa cidades, escreva sua história.</p>
-      <span style={{background:'#a0a0ff',color:'#050520',padding:'0.5rem 2rem',borderRadius:'20px',fontWeight:'bold'}}>Em Desenvolvimento</span>
-    </div>
-  )
-}
@@ -1,11 +0,0 @@
-export default function TerraVerse() {
-  return (
-    <div style={{minHeight:'100vh',background:'linear-gradient(135deg,#000510,#001a3a)',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',color:'#00d4ff',fontFamily:'sans-serif',textAlign:'center',padding:'2rem'}}>
-      <div style={{fontSize:'4rem',marginBottom:'1rem'}}>🌍</div>
-      <h1 style={{fontSize:'3rem',marginBottom:'0.5rem'}}>TerraVerse</h1>
-      <p style={{fontSize:'1.2rem',color:'#0099bb',marginBottom:'2rem'}}>O Novo Mundo te Espera</p>
-      <p style={{color:'#6699aa',maxWidth:'500px',marginBottom:'2rem'}}>Game de realidade aumentada que vai revolucionar como você explora, conquista e monetiza o mundo real.</p>
-      <span style={{background:'#00d4ff',color:'#000510',padding:'0.5rem 2rem',borderRadius:'20px',fontWeight:'bold'}}>Em Breve</span>
-    </div>
-  )
-}
@@ -1,83 +0,0 @@
-import { useState } from 'react';
-
-export default function TicTacToe() {
-  const [board, setBoard] = useState(Array(9).fill(null));
-  const [xIsNext, setXIsNext] = useState(true);
-  const winner = calculateWinner(board);
-  const status = winner
-    ? `Winner: ${winner}`
-    : `Next player: ${xIsNext ? 'X' : 'O'}`;
-
-  function handleClick(i) {
-    const boardCopy = [...board];
-    if (winner || boardCopy[i]) return;
-    boardCopy[i] = xIsNext ? 'X' : 'O';
-    setBoard(boardCopy);
-    setXIsNext(!xIsNext);
-  }
-
-  function calculateWinner(squares) {
-    const lines = [
-      [0, 1, 2],
-      [3, 4, 5],
-      [6, 7, 8],
-      [0, 3, 6],
-      [1, 4, 7],
-      [2, 5, 8],
-      [0, 4, 8],
-      [2, 4, 6],
-    ];
-    for (let [a, b, c] of lines) {
-      if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {
-        return squares[a];
-      }
-    }
-    return null;
-  }
-
-  const renderSquare = (i) => (
-    <button
-      className="square"
-      onClick={() => handleClick(i)}
-    >
-      {board[i]}
-    </button>
-  );
-
-  const statusStyle = {
-    marginBottom: '1rem',
-    fontSize: '1.2rem',
-  };
-  const boardStyle = {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(3, 1fr)',
-    gap: '4px',
-    width: '300px',
-    margin: '0 auto',
-  };
-  const squareStyle = {
-    background: '#fff',
-    border: '1px solid #999',
-    fontSize: '2rem',
-    width: '100%',
-    height: '80px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-  };
-
-  return (
-    <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
-      <h1>Tic Tac Toe</h1>
-      <div style={statusStyle}>{status}</div>
-      <div style={boardStyle}>
-        {[0, 1, 2, 3, 4, 5, 6, 7, 8].map(i => (
-          <div key={i} style={squareStyle}>
-            {renderSquare(i)}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
@@ -1,8 +1,8 @@
 import React from "react"
 import { useState } from "react"
 import { useRouter } from "next/router"
-import AvatarSelector from "../components/AvatarSelector"
-import CategoryMenu from "../components/CategoryMenu"
+import AvatarSelector from "@/components/dashboard/AvatarSelector"
+import CategoryMenu from "@/components/dashboard/CategoryMenu"

 export default function Dashboard() {
  const router = useRouter()
@@ -0,0 +1 @@
+# App-specific components (placeholder)
@@ -0,0 +1,12 @@
+// CardApp — cartão de mini app no grid do dashboard.
+// Placeholder arquitetural: ainda não utilizado ativamente.
+export default function CardApp({ title, icon, description, href, onClick }) {
+  return (
+    <a href={href || "#"} onClick={onClick}
+       className="block rounded-xl border border-gray-200 p-4 hover:shadow-md transition">
+      <div className="text-2xl mb-2">{icon}</div>
+      <h3 className="font-semibold text-gray-900">{title}</h3>
+      {description && <p className="text-sm text-gray-600 mt-1">{description}</p>}
+    </a>
+  )
+}
@@ -0,0 +1,11 @@
+// CategoryCard — cartão de categoria na navegação.
+// Placeholder arquitetural.
+export default function CategoryCard({ label, icon, active, onSelect }) {
+  return (
+    <button onClick={() => onSelect && onSelect(label)}
+      className={"flex flex-col items-center p-3 rounded-lg " + (active ? "bg-blue-50 text-blue-600" : "text-gray-600")}>
+      <span className="text-xl">{icon}</span>
+      <span className="text-xs mt-1">{label}</span>
+    </button>
+  )
+}
@@ -0,0 +1,15 @@
+// ConfirmDialog — diálogo de confirmação.
+// Placeholder arquitetural.
+export default function ConfirmDialog({ open, title, message, onConfirm, onCancel }) {
+  if (!open) return null
+  return (
+    <Modal open={open}>
+      <h2 className="font-semibold mb-2">{title || "Confirma?"}</h2>
+      <p className="text-sm text-gray-600 mb-4">{message}</p>
+      <div className="flex justify-end space-x-2">
+        <button onClick={onCancel} className="px-3 py-1 text-gray-600">Cancelar</button>
+        <button onClick={onConfirm} className="px-3 py-1 bg-red-600 text-white rounded">Confirmar</button>
+      </div>
+    </Modal>
+  )
+}
@@ -0,0 +1,5 @@
+// EmptyState — estado vazio.
+// Placeholder arquitetural.
+export default function EmptyState({ message }) {
+  return <div className="p-4 text-center text-gray-400">{message || "Nada por aqui."}</div>
+}
@@ -0,0 +1,10 @@
+// ErrorState — estado de erro.
+// Placeholder arquitetural.
+export default function ErrorState({ message, onRetry }) {
+  return (
+    <div className="p-4 text-center text-red-600">
+      <p>{message || "Algo deu errado."}</p>
+      {onRetry && <button onClick={onRetry} className="mt-2 text-sm underline">Tentar novamente</button>}
+    </div>
+  )
+}
@@ -0,0 +1,9 @@
+// Footer — rodapé global.
+// Placeholder arquitetural.
+export default function Footer() {
+  return (
+    <footer className="bg-gray-900 text-white py-8 text-center text-sm">
+      &copy; 2026 1000Apps. Todos os direitos reservados.
+    </footer>
+  )
+}
@@ -0,0 +1,12 @@
+// Header — cabeçalho global do app.
+// Placeholder arquitetural (não renderiza nada ainda).
+export default function Header({ title, children }) {
+  return (
+    <header className="bg-white shadow-sm">
+      <div className="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
+        <h1 className="text-xl font-bold">{title || "1000Apps"}</h1>
+        {children}
+      </div>
+    </header>
+  )
+}
@@ -0,0 +1,5 @@
+// Loading — indicador de carregamento.
+// Placeholder arquitetural.
+export default function Loading({ label }) {
+  return <div className="p-4 text-center text-gray-500">{label || "Carregando..."}</div>
+}
@@ -0,0 +1,10 @@
+// Modal — janela modal genérica.
+// Placeholder arquitetural.
+export default function Modal({ open, onClose, children }) {
+  if (!open) return null
+  return (
+    <div className="fixed inset-0 bg-black/40 flex items-center justify-center z-50" onClick={onClose}>
+      <div className="bg-white rounded-lg p-6" onClick={(e) => e.stopPropagation()}>{children}</div>
+    </div>
+  )
+}
@@ -0,0 +1,9 @@
+// SearchBar — barra de busca de mini apps.
+// Placeholder arquitetural.
+export default function SearchBar({ value, onChange, placeholder }) {
+  return (
+    <input type="search" value={value || ""} onChange={(e) => onChange && onChange(e.target.value)}
+      placeholder={placeholder || "Buscar..."}
+      className="w-full p-2 border border-gray-300 rounded-lg" />
+  )
+}
@@ -0,0 +1,11 @@
+// Barrel export dos componentes compartilhados.
+export { default as CardApp } from "./CardApp"
+export { default as CategoryCard } from "./CategoryCard"
+export { default as SearchBar } from "./SearchBar"
+export { default as Header } from "./Header"
+export { default as Footer } from "./Footer"
+export { default as Loading } from "./Loading"
+export { default as EmptyState } from "./EmptyState"
+export { default as ErrorState } from "./ErrorState"
+export { default as Modal } from "./Modal"
+export { default as ConfirmDialog } from "./ConfirmDialog"
@@ -0,0 +1 @@
+# Layout components (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: bloco_notas
+
+Estrutura preparada para o mini app 'bloco_notas'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# bloco_notas/components (placeholder)
@@ -0,0 +1 @@
+# bloco_notas/hooks (placeholder)
@@ -0,0 +1 @@
+# bloco_notas/pages (placeholder)
@@ -0,0 +1 @@
+# bloco_notas/services (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: calculadora
+
+Estrutura preparada para o mini app 'calculadora'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# calculadora/components (placeholder)
@@ -0,0 +1 @@
+# calculadora/hooks (placeholder)
@@ -0,0 +1 @@
+# calculadora/pages (placeholder)
@@ -0,0 +1 @@
+# calculadora/services (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: conversor
+
+Estrutura preparada para o mini app 'conversor'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# conversor/components (placeholder)
@@ -0,0 +1 @@
+# conversor/hooks (placeholder)
@@ -0,0 +1 @@
+# conversor/pages (placeholder)
@@ -0,0 +1 @@
+# conversor/services (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: criptomoedas
+
+Estrutura preparada para o mini app 'criptomoedas'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# criptomoedas/components (placeholder)
@@ -0,0 +1 @@
+# criptomoedas/hooks (placeholder)
@@ -0,0 +1 @@
+# criptomoedas/pages (placeholder)
@@ -0,0 +1 @@
+# criptomoedas/services (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: jogos
+
+Estrutura preparada para o mini app 'jogos'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# jogos/components (placeholder)
@@ -0,0 +1 @@
+# jogos/hooks (placeholder)
@@ -0,0 +1 @@
+# jogos/pages (placeholder)
@@ -0,0 +1 @@
+# jogos/services (placeholder)
@@ -0,0 +1,4 @@
+# Módulo: noticias
+
+Estrutura preparada para o mini app 'noticias'.
+Nenhuma funcionalidade implementada ainda.
@@ -0,0 +1 @@
+# noticias/components (placeholder)
@@ -0,0 +1 @@
+# noticias/hooks (placeholder)
@@ -0,0 +1 @@
+# noticias/pages (placeholder)
@@ -0,0 +1 @@
+# noticias/services (placeholder)
@@ -0,0 +1,12 @@
+// Serviço de API central.
+// Placeholder arquitetural — ainda não implementado.
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE || "/api"
+
+export async function get(path) {
+  // TODO: implementar wrapper fetch com auth/erros
+  throw new Error("api.get not implemented")
+}
+export async function post(path, body) {
+  throw new Error("api.post not implemented")
+}
+export default { API_BASE, get, post }
@@ -0,0 +1,6 @@
+// Aggregador de provedores de auth (preparação).
+export { PROVIDERS, AuthProvider } from "./interfaces"
+export { googleProvider } from "./providers/google"
+export { appleProvider } from "./providers/apple"
+export { emailProvider } from "./providers/email"
+export { anonymousProvider } from "./providers/anonymous"
@@ -0,0 +1,16 @@
+// Interfaces de provedores de autenticação (preparação, sem SDK).
+// Implementação real ocorrerá em fase futura.
+
+export const AuthProvider = {
+  // Cada provedor deve implementar:
+  //   login(): Promise<{ user, token }>
+  //   logout(): Promise<void>
+  //   getSession(): Promise<Session | null>
+}
+
+export const PROVIDERS = {
+  GOOGLE: "google",
+  APPLE: "apple",
+  EMAIL: "email",
+  ANONYMOUS: "anonymous",
+}
@@ -0,0 +1,6 @@
+// Login Anônimo — placeholder arquitetural.
+export const anonymousProvider = {
+  id: "anonymous",
+  async login() { throw new Error("Anonymous login not implemented") },
+  async logout() { throw new Error("Anonymous logout not implemented") },
+}
@@ -0,0 +1,6 @@
+// Apple Login — placeholder arquitetural (sem SDK instalado).
+export const appleProvider = {
+  id: "apple",
+  async login() { throw new Error("Apple login not implemented") },
+  async logout() { throw new Error("Apple logout not implemented") },
+}
@@ -0,0 +1,6 @@
+// Email/Senha — placeholder arquitetural (sem backend de auth ativo).
+export const emailProvider = {
+  id: "email",
+  async login({ username, password }) { throw new Error("Email login not implemented") },
+  async logout() { throw new Error("Email logout not implemented") },
+}
@@ -0,0 +1,6 @@
+// Google Login — placeholder arquitetural (sem SDK instalado).
+export const googleProvider = {
+  id: "google",
+  async login() { throw new Error("Google login not implemented") },
+  async logout() { throw new Error("Google logout not implemented") },
+}