Roterisador pago e o meu

> TELAS DO ROTEADOR PAGO, PARA SERVIR DE REFERÊNCIA:

01- Nessa tela, temos aparecendo o mapa de uma maneira simples. Só com a opção para carregar a lista que tem os endereços com todas as informações. Uma tela separada, parece ser mais simples e isso vai simplificar sendo outra tela e não tendo que ter isso de carregar a lista sempre ativo, se já foi carregado, não precisa mais carregar. Imagem a baixo:

02- Próximas telas, se tem aqui, mais não veja necessidade de ter ele. Se a nossa intenção e de baixar a lista de endereço da Shopee. Imagens abaixo:

03- Próxima tela, tem a descrição de quantos pacotes e paradas vamos ter na entrada da vês. Imagem abaixo:

04- Nessa tela, o roterisador faz uma análise, em tudo da lista de entrega e em tudo mais que for preciso, para garantir que tudo estará funcionando. Imagem abaixo:

05- Nessa tela, temos o roterisador mostrando o mapa com os números das paradas e as descrições em sequência embaixo. Imagem abaixo:

06- Nessa tela, temos a descrição da parada. Com todos os botões necessário para dar sequência na entrega dos pacotes. Aí não tem, mais nesse tela teria que ter o botão para mudar o local da entrega se o local do número da casa estiver em lugar errado. Imagem abaixo:

07- Essa seria uma opção em separado. No mapa do roterisador, tem essa opção que pode ser uma função boa para facilitar na hora de selecionar depois de qual número vai entrar os pacotes extras (-) no entrega. Imagens a baixo:

08- Eu consegui copiar o código desse roterisador pago. Aparentemente, nesse código, tem o roteador inteiro. Tentei abrir na tela principal que e da entrega já com o lista carregada, mais parece que tudo o código de tudo está está aí!

Obs: Analise tudo e use como referência, para criar o meu projeto do meu roterisador! Nesse página, eu coloquei o código do roterisador pago (o mesmo das imagens), e aqui nessa conversa coloquei o código do meu roterisador atual!

> AQUI EMBAIXO TEMOS O MEU ROTERISADOR ATUAL:

01- O roterisador que esta aparecendo, não está mais aparecendo preto com os botões por cima. Mais sim em cinza, com o botões aparecendo. Os botões não estão clicável! Também sem mapas na tela!

Obs: Notei que aparecer uma mensagem no roterisador assim: GPS aguardando. Não aparece o mapa, e os botões funciona, nem o de almentar a tela!

02- Aqui está o que eu mencionei, de colocar o pacote Extra junto de outro na sequência.

03- Aqui está o mapa mestre que estávamos usando. Porém, que vamos mudar. Vamos fazer todos as modificações que for preciso!

Código do roterisador pago:

<!doctype html>

<head>

<title>MotorRota — App</title>

var normalizedPath = window.location && window.location.pathname

? (window.location.pathname.replace(/\/+$/, '') || '/')

: '/app';

var preference = publicLightweightPath ? 'light' : 'system';

try {

var storedTheme = localStorage.getItem('mr_theme');

if (storedTheme === 'system' || storedTheme === 'light' || storedTheme === 'dark') {

preference = storedTheme;

}

} catch (_) {}

var prefersDark = false;

try {

prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;

} catch (_) {}

var resolvedTheme = preference === 'system' ? (prefersDark ? 'dark' : 'light') : preference;

document.documentElement.classList.toggle('light', resolvedTheme === 'light');

document.documentElement.classList.toggle('dark', resolvedTheme === 'dark');

document.documentElement.dataset.theme = resolvedTheme;

document.documentElement.style.colorScheme = resolvedTheme;

document.getElementById('mr-theme-color').setAttribute(

'content',

'#FF6F1F'

);

</script>

html { background: #0E0F12; color-scheme: dark light; }

html.light { background: #FAF8F4; }

body { margin: 0; background: #0E0F12; color: #FAF8F4; }

html.light body { background: #FAF8F4; color: #0E0F12; }

#root { min-height: 100vh; min-height: 100dvh; background: inherit; }

</style>

{

"@context": "https://schema.org",

"@graph": [

{

"@type": "SoftwareApplication",

"@id": "https://www.motorrota.com.br/#app",

"name": "MotorRota",

"url": "https://www.motorrota.com.br/",

"description": "Organizador de rotas independente para importar arquivos compatíveis, conferir pacotes e endereços e revisar a sequência de entregas. Feito primeiro para rotinas Shopee/SPX e também aplicável a outras operações.",

"applicationCategory": "BusinessApplication",

"applicationSubCategory": "RouteOptimization",

"operatingSystem": "Web, Android, iOS",

"inLanguage": "pt-BR",

"publisher": { "@id": "https://www.motorrota.com.br/#org" },

"offers": [

{

"@type": "Offer",

"name": "Trial PRO",

"description": "7 dias de acesso PRO gratuito, sem cartão e sem cobrança automática"

{

"@type": "Offer",

"name": "Plano Pro",

"url": "https://www.motorrota.com.br/planos/",

"description": "Plano disponível em períodos mensal, trimestral ou anual"

}

"featureList": [

"Organização da sequência de entregas",

"Modos de trabalho para rotas Shopee/SPX",

"Importação de planilha, lista, foto, print, etiqueta e endereço digitado quando compatíveis",

"Abertura da navegação no Google Maps e Waze",

"Consulta offline de rotas já carregadas no app instalável",

"Organização de pacotes no veículo",

"Checklist de entregas com progresso"

"screenshot": "https://www.motorrota.com.br/icons/og-image.png"

{

"@type": "Organization",

"@id": "https://www.motorrota.com.br/#org",

"name": "MotorRota",

"url": "https://www.motorrota.com.br/",

"logo": "https://www.motorrota.com.br/icons/motorrota-brand-mark.png",

"sameAs": [

"https://www.instagram.com/motorrota.app",

"https://www.tiktok.com/@motorrota.app"

"contactPoint": {

"@type": "ContactPoint",

"telephone": "+55-48-98876-7484",

"contactType": "customer support",

"availableLanguage": "Portuguese"

}

{

"@type": "WebSite",

"@id": "https://www.motorrota.com.br/#website",

"url": "https://www.motorrota.com.br/",

"name": "MotorRota",

"publisher": { "@id": "https://www.motorrota.com.br/#org" }

}

]

}

</script>

<body>

<!-- BOOT WATCHDOG (Camada 1 da blindagem anti-tela-branca):

Só dispara se React REALMENTE não montar (chunk error confirmado OU

25s sem boot E rede online E aba visível). Em 4G fraco / aba em

background / preview Cloudflare o boot pode levar 10–20s legitimamente

— disparar nesses casos é falso positivo e enche o saco do usuário. -->

(function(){

var isAndroid = typeof navigator !== 'undefined' && /android/i.test(navigator.userAgent || '');

var BOOT_TIMEOUT_MS = isAndroid ? 8000 : 25000; // Android precisa de resposta mais rápida p/ não ficar em branco.

var BOOT_RECOVERY_KEY = 'mr_boot_watchdog_auto_recovered_995';

var BOOT_CHUNK_RECOVERY_KEY = 'mr_boot_watchdog_chunk_recovered_995';

var BOOT_UI_RECOVERY_KEY = 'mr_boot_watchdog_ui_recovered_995';

var BOOT_CHUNK_RECOVERED = false;

var bootRecoveryReloading = false;

window.__MR_BOOT_START__ = Date.now();

function isBuildAssetChunkError(message, source) {

var normalized = String(message || '').toLowerCase();

return /loading chunk|failed to fetch dynamically imported|chunkloaderror|importing a module script failed|failed to load/i.test(normalized)

|| /\/assets\/.+\.(js|css|mjs)(\?|$)/i.test(String(source || ''));

}

function isBootRootBlank(root) {

if (!root) return true;

if (root.children.length === 0) return true;

if (root.children.length === 1) {

var firstChild = root.children[0];

if (firstChild && typeof firstChild.className === 'string' && /mr-boot-splash-gate/.test(firstChild.className)) {

return true;

}

return false;

}

function startBootChunkRecovery() {

if (!window.__MR_BOOTED__) {

if (BOOT_CHUNK_RECOVERED) return;

BOOT_CHUNK_RECOVERED = true;

try {

if (sessionStorage.getItem(BOOT_CHUNK_RECOVERY_KEY) === '1') {

return;

}

sessionStorage.setItem(BOOT_CHUNK_RECOVERY_KEY, '1');

} catch (_) {

// Sem sessionStorage: segue sem bloqueio de recovery.

}

clearRuntimeCachesThenReload();

}

function recoveryUrl(){

try {

var url = new URL(window.location.href);

url.searchParams.set('_v', Date.now().toString());

url.searchParams.set('_mr_boot_recover', '1');

return url.toString();

} catch (_) {

return window.location.href;

}

function reloadAfterRecovery(){

if (bootRecoveryReloading) return;

bootRecoveryReloading = true;

window.location.replace(recoveryUrl());

}

function shouldDeleteBootCache(name){

var n = String(name || '').toLowerCase();

return n.indexOf('workbox') >= 0 ||

n.indexOf('precache') >= 0 ||

n.indexOf('app-chunks') >= 0 ||

n.indexOf('app-shell') >= 0 ||

n.indexOf('vite') >= 0;

}

function clearRuntimeCachesThenReload(){

var tasks = [];

try {

if ('serviceWorker' in navigator) {

tasks.push(

navigator.serviceWorker.getRegistrations().then(function(rs){

return Promise.all(rs.map(function(r){ return r.unregister(); }));

})

);

}

} catch(_) {}

try {

if ('caches' in window) {

tasks.push(

caches.keys().then(function(ks){

return Promise.all(ks.filter(shouldDeleteBootCache).map(function(k){ return caches.delete(k); }));

})

);

}

} catch(_) {}

Promise.all(tasks).then(function(){

setTimeout(reloadAfterRecovery, 120);

}).catch(function(){

setTimeout(reloadAfterRecovery, 120);

});

setTimeout(reloadAfterRecovery, 1500);

}

function trySilentBootRecovery(){

try {

if (sessionStorage.getItem(BOOT_RECOVERY_KEY) === '1') return false;

sessionStorage.setItem(BOOT_RECOVERY_KEY, '1');

} catch (_) {

return false;

}

clearRuntimeCachesThenReload();

return true;

}

function tryUiAutoRecovery(){

try {

if (sessionStorage.getItem(BOOT_UI_RECOVERY_KEY) === '1') return false;

sessionStorage.setItem(BOOT_UI_RECOVERY_KEY, '1');

} catch (_) {

return false;

}

setTimeout(function(){

if (!window.__MR_BOOTED__) clearRuntimeCachesThenReload();

}, 903);

return true;

}

// capture: true — erros de <script type=module> 404 NÃO borbulham,

// só disparam no elemento. Sem capture, o watchdog não detectava

// falha de carregamento do entry bundle (main-xxx.js) e mostrava

// a mensagem genérica "Não conseguimos carregar" em vez de limpar SW.

window.addEventListener('error', function(e){

var msg = (e && e.message) || '';

var target = e && e.target;

var src = target && (target.src || target.href || '');

if (!window.__MR_BOOTED__ && isBuildAssetChunkError(msg, src)) {

startBootChunkRecovery();

}

if (

/Loading chunk|Failed to fetch dynamically imported|ChunkLoadError|Failed to load module/i.test(msg) ||

(/\/assets\/.+\.(js|css|mjs)(\?|$)/i.test(src))

) {

window.__MR_CHUNK_ERROR__ = true;

}

}, true);

// Se a aba ficou em background, Android/iOS pausa JS — não conta esse tempo.

var hiddenStart = null, hiddenAccum = 0;

document.addEventListener('visibilitychange', function(){

if (document.hidden) { hiddenStart = Date.now(); }

else if (hiddenStart) { hiddenAccum += Date.now() - hiddenStart; hiddenStart = null; }

});

function showRecoveryUI(){

if (window.__MR_BOOTED__) return;

var root = document.getElementById('root');

if (!root || !isBootRootBlank(root)) return;

// Sem rede? Não é problema do app — não mostrar tela de "atualizar".

if (navigator && navigator.onLine === false) {

// Tenta de novo quando voltar a rede.

window.addEventListener('online', function(){ setTimeout(showRecoveryUI, 2000); }, { once: true });

return;

}

// Aba ainda em background? Adia.

if (document.hidden) {

document.addEventListener('visibilitychange', function h(){

if (!document.hidden) { document.removeEventListener('visibilitychange', h); setTimeout(showRecoveryUI, 1500); }

});

return;

}

// Só mostra se: chunk error confirmado OU passou MUITO tempo real (descontado background).

var realElapsed = Date.now() - window.__MR_BOOT_START__ - hiddenAccum;

if (!window.__MR_CHUNK_ERROR__ && realElapsed < BOOT_TIMEOUT_MS) {

setTimeout(showRecoveryUI, BOOT_TIMEOUT_MS - realElapsed);

return;

}

var chunkErr = window.__MR_CHUNK_ERROR__;

// Primeira falha: recupera sozinho. O usuário só vê esta tela se

// a limpeza automática também falhar, evitando susto em deploy normal.

if (trySilentBootRecovery()) return;

root.innerHTML =

'<div style="min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#0a0e14;color:#fff;font-family:system-ui,sans-serif;text-align:center">' +

'<div style="font-size:64px;margin-bottom:16px">🔧</div>' +

'<h1 style="font-size:22px;margin:0 0 8px;font-weight:700">Atualizando o MotorRota</h1>' +

'<p style="font-size:15px;opacity:.7;margin:0 0 24px;max-width:320px;line-height:1.5">' +

(chunkErr ? 'Detectamos uma versão antiga em cache. Vamos limpar e recarregar.' : 'Não conseguimos carregar a versão mais recente. Vamos tentar de novo.') +

'</p>' +

'<button id="mr-recover-btn" onclick="window.__MR_BOOT_RECOVER && window.__MR_BOOT_RECOVER()" style="background:#f5a623;color:#0a0e14;border:0;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer">Recarregar agora</button>' +

'<p style="font-size:12px;opacity:.4;margin-top:24px">MotorRota · recuperação automática</p>' +

'</div>';

window.__MR_BOOT_RECOVER = function() {

var btn = document.getElementById('mr-recover-btn');

if (btn) {

btn.setAttribute('disabled', 'disabled');

btn.textContent = 'Recarregando...';

}

clearRuntimeCachesThenReload();

};

var btn = document.getElementById('mr-recover-btn');

if (btn) btn.addEventListener('click', window.__MR_BOOT_RECOVER);

tryUiAutoRecovery();

}

// Detecta queda de rede DURANTE o boot — se cair, reseta o relógio.

window.addEventListener('offline', function(){ window.__MR_BOOT_START__ = Date.now() - hiddenAccum; });

setTimeout(showRecoveryUI, BOOT_TIMEOUT_MS);

})();

</script>

</body>

</html>

DICAS- Nossas Receitas

Pesquisar este blog

Roterisador pago e o meu

Comentários

Postar um comentário