Codemaps-Ferramentas (Joney Dev)

Joney DEV MOD é uma extensão para Google Chrome que expande as capacidades do sistema Codemaps, adicionando ferramentas avançadas de produtividade, exportação de dados e personalização visual diretamente na interface da plataforma. 1. Aspirador de Dados CSV Captura automaticamente os dados exibidos no mapa durante a navegação normal do usuário, sem necessidade de qualquer ação extra. Ao ativar o aspirador, a extensão intercepta as requisições de rede em segundo plano e extrai as informações de cada item carregado. O que é capturado por item: - ID interno do elemento - Nome / rótulo - Cor (categoria visual) - Link direto para o Google Maps com as coordenadas - Todas as propriedades customizadas cadastradas no sistema Funcionalidades do painel CSV: - Contador animado em tempo real mostrando quantos itens já foram capturados - Botão de Pausar / Retomar a captura - Botão de Download que gera um arquivo .csv codificado em UTF-8 (com BOM para compatibilidade com Excel) - Botão de Limpar para reiniciar a captura - Painel flutuante e arrastável, que não interfere na navegação 2. Aspirador de Dados KML Funciona de forma idêntica ao aspirador CSV, mas gera um arquivo no formato KML (Keyhole Markup Language), compatível com Google Earth, QGIS e outros sistemas GIS. Diferencias do KML: - Elementos agrupados por tipo em <Folder> separadas (Pontos, Cabos, etc.) - Cores convertidas automaticamente do formato hexadecimal para o formato BGR exigido pelo padrão KML - Pontos exportados como <Point> com coordenadas de longitude e latitude - Linhas exportadas como <LineString> com todos os vértices - Cada elemento recebe uma tabela HTML na descrição com todas as suas propriedades customizadas 3. Atalhos de Teclado Adiciona dois atalhos globais que funcionam em qualquer modal ou diálogo aberto no Codemaps: - Enter — aciona automaticamente o botão de salvar / confirmar do diálogo ativo - Esc — fecha o diálogo ou modal ativo Elimina a necessidade de usar o mouse para confirmar ações repetitivas, acelerando significativamente o trabalho de edição em campo. 4. Upload Sequencial de Imagens Resolve uma limitação do Codemaps que obriga o usuário a selecionar e enviar um arquivo por vez. Com essa funcionalidade ativa, o usuário seleciona múltiplos arquivos de uma única vez e a extensão os processa em fila automaticamente: - Abre o seletor de arquivos, detecta a seleção múltipla e monta uma fila interna - Faz o upload do primeiro arquivo, aguarda a conclusão, reabre o modal e repete o processo para cada arquivo seguinte - Exibe notificações de progresso (Enviando 2 de 7...) durante toda a operação - Intervalo configurável entre uploads para não sobrecarregar o servidor 5. Apagar Todas as Imagens Adiciona um botão "Apagar Tudo" na tela de gerenciamento de imagens de um elemento. Ao clicar: 1. Exibe uma caixa de confirmação antes de iniciar 2. Itera sobre todas as imagens da galeria e clica no botão de exclusão de cada uma delas automaticamente 3. Confirma cada diálogo de exclusão que o sistema exibir 4. Possui um limite de segurança de 500 iterações para evitar loops infinitos 6. Copiar Coordenadas Aprimora o botão de copiar localização já existente no Codemaps. Ao clicar, a extensão copia para a área de transferência um texto formatado contendo: - Nome do elemento - Coordenadas de latitude e longitude Formato pronto para colar direto em mensagens de WhatsApp ou e-mail, sem precisar reformatar manualmente. 7. Temas Visuais Oferece dois temas de interface que modificam completamente a aparência do Codemaps: Tema Glass (Escuro): - Fundo escuro com degradê em azul-marinho (#020f40) - Modais, cards e painéis com efeito de vidro fosco (glassmorphism) usando backdrop-filter: blur - Cor de destaque azul elétrico (#0188f8) - Bordas semi-transparentes e sombras suaves Tema Padrão: - Mantém a aparência original do Codemaps com pequenos ajustes funcionais A troca de tema é feita através de um card de configurações adicionado na tela inicial, e a preferência é salva permanentemente no navegador. 8. Card de Configurações Um card visual adicionado diretamente na tela inicial do Codemaps com acesso rápido a: - Seleção de tema (Glass / Padrão) - Toggles para ativar ou desativar individualmente cada funcionalidade da extensão: - Atalhos de teclado - Upload sequencial - Apagar tudo - Aspirador CSV - Aspirador KML - Copiar coordenadas - Ocultar notificações do sistema - Exibição do badge de versão 9. Menu Lateral "Super Ferramentas" Adiciona uma seção dedicada no menu lateral do Codemaps com botões de atalho para ativar os aspiradores CSV e KML sem precisar acessar o card de configurações. 10. Ocultação de Elementos Desnecessários Remove da interface elementos que não são relevantes para o fluxo de trabalho profissional: - Notificações pop-up do sistema (configurável) - Links de ajuda e tutoriais - Botões de redes sociais - Elementos decorativos da barra de navegação 11. Interceptador de Rede (Network Sniffer) Motor interno que a extensão usa para capturar dados sem que o usuário precise fazer nada diferente do normal. Funciona substituindo os métodos nativos XMLHttpRequest e fetch do navegador por versões que, além de executar a requisição normalmente, entregam os dados para os aspiradores CSV e KML. - Mantém um buffer das últimas 60 respostas JSON recebidas - Suporta múltiplos formatos: GeoJSON, respostas paginadas, objetos aninhados - Compatível com dados de estado interno do Vue.js (v2 e v3) e do OpenLayers (biblioteca de mapas) 12. Sistema de Licenciamento por PC A extensão exige uma chave de licença válida para funcionar. Na primeira ativação: 1. Um identificador único é gerado e vinculado permanentemente ao navegador (UUID) 2. O usuário insere a chave no popup da extensão 3. A chave é validada no servidor e vi…