Serrabits Overlay

App Electron que exibe o site serrabits.com.br em uma janela flutuante que fica sempre por cima de todos os outros aplicativos.

✨ Recursos

• 🔝 Always on Top - Janela sempre visível acima de todos os apps
• 🎨 Barra de título customizada - Design moderno e clean
• 🖱️ Arrastável - Arraste pela barra de título
• 📐 Redimensionável - Ajuste o tamanho como preferir
• 👻 Transparência ajustável - Via menu ou atalho
• ⌨️ Atalhos de teclado - Controle rápido
• 🔔 Ícone na bandeja - Acesso fácil pelo system tray

🚀 Como usar

1. Instalar dependências

cd electron-serrabits
npm install

2. Executar em modo desenvolvimento

npm start

3. Criar executável (opcional)

Para macOS:

npm run build:mac

Para Windows:

npm run build:win

Para Linux:

npm run build:linux

Os executáveis serão gerados na pasta dist/.

⌨️ Atalhos de Teclado

Atalho	Ação
Ctrl/Cmd + Shift + G	Mostrar/Ocultar janela
Ctrl/Cmd + Shift + T	Alternar transparência (100% ↔ 50%)

🖱️ Menu da Bandeja (System Tray)

Clique com botão direito no ícone da bandeja para:

• Mostrar/Ocultar a janela
• Ajustar opacidade (100%, 75%, 50%)
• Fechar o aplicativo

📋 Requisitos

• Node.js 18 ou superior
• npm ou yarn

🔧 Configuração

Edite as configurações no arquivo main.js:

const WINDOW_CONFIG = {
  width: 400,      // Largura inicial
  height: 600,     // Altura inicial
  minWidth: 200,   // Largura mínima
  minHeight: 200,  // Altura mínima
  opacity: 1.0,    // Opacidade inicial (0.0 a 1.0)
  url: 'https://www.serrabits.com.br'  // URL do iframe
};

🐛 Troubleshooting

Iframe não carrega

Alguns sites bloqueiam exibição em iframes (X-Frame-Options). Se serrabits.com.br bloquear, você pode usar webview no lugar de iframe - edite index.html.

Janela não fica on top no macOS

No macOS, apps em fullscreen podem sobrepor. A janela funciona corretamente com apps em modo normal.

---

Feito com ❤️ usando Electron