oi

Dockerfile

@@ -1,26 +1,102 @@
-# Base leve
-FROM node:18-alpine
+# Multi-stage build otimizado para Hugging Face Spaces
+# Stage 1: Build da aplicação React
+FROM node:18-alpine AS builder
 
-# Diretório de trabalho
+# Definir diretório de trabalho
 WORKDIR /app
 
-# Copiar dependências primeiro (cache melhor)
+# Copiar arquivos de dependências primeiro (cache layer)
 COPY package*.json ./
-RUN npm install --silent
 
-# Copiar código da aplicação
+# Instalar dependências com cache otimizado
+RUN npm ci --only=production --silent
+
+# Copiar código fonte
 COPY . .
 
-# Variáveis de ambiente
-ENV NODE_ENV=development
-ENV PORT=7860
-ENV HOST=0.0.0.0
+# Build otimizado para produção
+ENV NODE_ENV=production
+ENV GENERATE_SOURCEMAP=false
+ENV INLINE_RUNTIME_CHUNK=false
+
+# Build da aplicação
+RUN npm run build
+
+# Stage 2: Servidor Nginx otimizado
+FROM nginx:alpine
+
+# Instalar Node.js para servir a aplicação (necessário para Hugging Face)
+RUN apk add --no-cache nodejs npm
+
+# Remover configuração padrão do Nginx
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copiar build da aplicação
+COPY --from=builder /app/build /usr/share/nginx/html
+
+# Configuração customizada do Nginx para SPA
+COPY <<EOF /etc/nginx/conf.d/default.conf
+server {
+    listen 7860;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
 
-# Garantir permissões totais para evitar erro do eslint cache
-RUN chmod -R 777 /app
+    # Configuração para SPA (Single Page Application)
+    location / {
+        try_files \$uri \$uri/ /index.html;
+        
+        # Headers de segurança
+        add_header X-Frame-Options "SAMEORIGIN" always;
+        add_header X-Content-Type-Options "nosniff" always;
+        add_header X-XSS-Protection "1; mode=block" always;
+        add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+        
+        # Cache para assets estáticos
+        location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+            expires 1y;
+            add_header Cache-Control "public, immutable";
+        }
+    }
 
-# Expor porta padrão do Hugging Face
+    # Compressão gzip
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_types
+        text/plain
+        text/css
+        text/xml
+        text/javascript
+        application/javascript
+        application/xml+rss
+        application/json;
+}
+EOF
+
+# Configurar script de inicialização
+COPY <<EOF /docker-entrypoint.sh
+#!/bin/sh
+set -e
+
+# Iniciar Nginx
+echo "🚀 Iniciando Lotomania Estratégia no Hugging Face Spaces..."
+echo "📊 Plataforma de análise estratégica da Lotomania"
+echo "🔗 Acesse: http://localhost:7860"
+
+exec nginx -g 'daemon off;'
+EOF
+
+# Dar permissão de execução
+RUN chmod +x /docker-entrypoint.sh
+
+# Expor porta padrão do Hugging Face Spaces
 EXPOSE 7860
 
-# Rodar em modo dev (react-scripts start)
-CMD ["npm", "start"]
+# Comando de inicialização
+CMD ["/docker-entrypoint.sh"]
+
+# Labels para metadados
+LABEL maintainer="Lotomania Estratégia"
+LABEL description="Plataforma avançada de análise estratégica da Lotomania"
+LABEL version="1.0.0"

src/components/GameByGameResults.tsx

@@ -27,7 +27,7 @@ export const GameByGameResults: React.FC<GameByGameResultsProps> = ({
   currentResult
 }) => {
   const [filterType, setFilterType] = useState<'all' | 'vertical' | 'horizontal'>('all');
-  const [filterPoints, setFilterPoints] = useState<'all' | 'winning' | '15+' | '17+' | '19+' | '20' | '0'>('all');
+  const [filterPoints, setFilterPoints] = useState<'all' | 'winning' | '15+' | '16' | '17+' | '18' | '19+' | '20' | '0'>('all');
   const [showGrid, setShowGrid] = useState(true);
   const [currentPage, setCurrentPage] = useState(1);
   const GAMES_PER_PAGE = 10;
@@ -84,6 +84,10 @@ export const GameByGameResults: React.FC<GameByGameResultsProps> = ({
       filtered = filtered.filter(r => r.isWinning);
     } else if (filterPoints === '20') {
       filtered = filtered.filter(r => r.points === 20);
+    } else if (filterPoints === '18') {
+      filtered = filtered.filter(r => r.points === 18);
+    } else if (filterPoints === '16') {
+      filtered = filtered.filter(r => r.points === 16);
     } else if (filterPoints === '0') {
       filtered = filtered.filter(r => r.points === 0);
     } else if (filterPoints !== 'all') {
@@ -261,7 +265,9 @@ export const GameByGameResults: React.FC<GameByGameResultsProps> = ({
             <option value="all">Todas Pontuações</option>
             <option value="winning">Apenas Premiados</option>
             <option value="15+">15+ Pontos</option>
+            <option value="16">16 Pontos</option>
             <option value="17+">17+ Pontos</option>
+            <option value="18">18 Pontos</option>
             <option value="19+">19+ Pontos</option>
             <option value="20">20 Pontos</option>
           </select>