Documentação: Bubble Toolbox Essentials

🚀 Bubble Toolbox Essentials: Otimize seu Desenvolvimento Bubble.io!

Bem-vindo(a) à Bubble Toolbox Essentials! Esta extensão foi criada para desenvolvedores Bubble.io de todos os níveis, com o objetivo de simplificar e acelerar seu fluxo de trabalho. Com ela, você controla funcionalidades essenciais do Editor e do Preview diretamente do seu navegador.

📦 Instalação

Para instalar a Bubble Toolbox Essentials no seu Firefox, siga estes passos simples:

Abra o navegador Firefox.
Vá para a página da extensão na loja de Add-ons do Firefox (Firefox Add-ons Store - AMO).
Na página da extensão, clique no botão "+ Adicionar ao Firefox".
Uma janela de permissões será exibida. Revise as permissões solicitadas e clique em "Adicionar" para confirmar a instalação.
Após a instalação, o ícone da Bubble Toolbox Essentials aparecerá na barra de ferramentas e a extensão estará pronta para uso.

✨ Funcionalidades

A extensão reconhece automaticamente se você está em uma página do Editor ou do Preview do Bubble.io e habilita as opções relevantes para cada ambiente.

🌐 Como a Extensão Identifica os Ambientes?

Página do Editor: A extensão detecta o ambiente se a URL for de domínio Bubble (bubble.is ou bubble.io) e contiver os parâmetros version, id e tab.
Exemplo: https://d193.bubble.is/page?id=meuapp&tab=Design&version=live
Página do Preview: A extensão identifica o Preview se a URL não for de Editor e não contiver os parâmetros version, id e tab. Isso inclui domínios personalizados.
Exemplo: https://meuapp.bubbleapps.io/version-test/minhapagina

🛠️ Opções do Editor

Disponíveis apenas na página do Editor, estas opções otimizam a performance e a depuração visual.

Ocultar Elementos (Ctrl+Alt+H): Alterna o parâmetro defer_hidden_elements para true (carregando apenas elementos visíveis) ou false. O menu exibe o estado atual.
Desativar Erros (Ctrl+Alt+K): Alterna o parâmetro issues_off para true (parar de buscar erros) ou false. O menu exibe o estado atual.

⚡ Opções em Lote do Editor

Ações rápidas para controlar ambos os parâmetros do Editor simultaneamente.

Ativar Ambas Opções (Ctrl+Alt+G): Habilita defer_hidden_elements e issues_off de uma só vez. A opção só fica ativa no menu quando ambas estão desativadas.
Desativar Ambas Opções (Ctrl+Alt+Y): Desabilita defer_hidden_elements e issues_off de uma só vez. A opção só fica ativa no menu quando ambas estão ativadas.

👁️ Opções do Preview

Disponível apenas em páginas de Preview e publicadas para ativar a barra de depuração.

Modo Debug (Ctrl+Alt+D): Alterna o parâmetro debug_mode para true ou false. Quando ativado, a barra de depuração do Bubble é exibida.

⌨️ Atalhos de Teclado

Utilize os atalhos abaixo para uma produtividade máxima. Você pode personalizá-los em about:addons > Gerenciar extensão > Atalhos de teclado.

Comando	Atalho	Ambiente
Ocultar Elementos	`Ctrl+Alt+H`	Editor
Desativar Erros	`Ctrl+Alt+K`	Editor
Ativar Ambas Opções	`Ctrl+Alt+G`	Editor
Desativar Ambas Opções	`Ctrl+Alt+Y`	Editor
Modo Debug	`Ctrl+Alt+D`	Preview
Abrir site W3PD	`Ctrl+Alt+W`	Qualquer
Contato WhatsApp	`Ctrl+Alt+M`	Qualquer

📞 Contato e Suporte

Para mais informações, suporte ou sugestões, entre em contato com a W3PD Agency:

❓ Perguntas Frequentes (FAQ)

A extensão não aparece ou não funciona.

Certifique-se de que a extensão foi instalada corretamente da loja de Add-ons do Firefox.
Confirme se você está no ambiente correto (Editor ou Preview) para a funcionalidade que deseja usar.
Recarregue a página do Bubble.io.

Os atalhos de teclado não funcionam.

Verifique se não há conflitos com outras extensões. Você pode redefini-los em about:addons > "Gerenciar extensão" > "Atalhos de teclado".
Certifique-se de que você está no ambiente correto (Editor ou Preview) para o atalho que está usando.

O que são `defer_hidden_elements` e `issues_off`?

São parâmetros internos do Bubble.io que controlam o comportamento do editor. defer_hidden_elements melhora a performance carregando apenas o que é visível. issues_off desativa a busca visual por erros.

Meus dados são coletados?

Não. A extensão não coleta nenhum dado pessoal ou de navegação. Ela apenas interage com a URL da aba ativa para aplicar os parâmetros que você escolhe.