Visual

Quando não há mangás na lista de favoritos, a extensão fica com apenas o cabeçalho e o menu de lista fica quebrado
Sugestões:

• Definir o tamanho da altura do componente (Corrigi o visualização do menu de opção)
• Criar um componente pra apresentar caso na lista de favoritos esteja vazio

     + ------------------------------------------------------ +
     +                        HEADER                          +
     + ------------------------------------------------------ +
     +                        FILTRO                          +
     +--------------------------------------------------------+
     +                                                        +
     +                                                        +
     +                    +-----------------+                 +
     +                      Lista de Sites                    +
     +                        Suportados                      +
     +                    +-----------------+                 +
     +                                                        +    
     +                                                        +  
     + ------------------------------------------------------ +
  

As configurações são carregadas, mas não são definidas na página quando o modo leitura está ativado

A fonte da imagem não é fixa, então tem que verificar o estado de cada componente da estrutura de dados e checar se há alteração

Limite de itens nos favoritos: 20

Usando o chrome.storage.sync o armazenameto é muito limitado (102400 Bytes). Então a estrategia e alterar para o chrome.storage.local que tem um limite de 5.242880 Bytes (5mb).

Documentação: chrome.storage

O evento de click no 'botao' não está sendo funcionando no firefox

Quando não há dados dos mangás o valor padrão inserido gera um comportamento incorreto na ordenação da lista de mangás.

Deveria está ordenado pelo progresso

Problema

• Capítulos com numero: 01.1, 32.1 não são processados corretamente
• Capítulos especiais também são afetados

Solução

Atualizar a expressão regular em daemon.js

O codigo quebrou ao tentar obter o titulo do manga/manhwa/novel, pq nao foi encontrado o 'class' '.title'.
Algumas paginas não possuem a class e titulo usam outra class pra estilizar a classe ".heading-6"

Exemplo de pagina

• https://mangahostz.com/manga/kanojo-okarishimasu-mh10852/156#1

Adicionar um indicador de favoritos armazenados

Exemplo

Configurações

Definir configuração pra habilitar e desabilitar essa feat

Docs:

• StackOverflow
• Chrome docs

Modo foco

Implementar mecanismo que limpe toda distração visual da página.

Scroll automatico

O scroll ficara flutuando em alguma diaogal da página e semi-transparente com forma de circular. Ao passar o mouse pelo painel de controle do scroll as opçoes são expandidas. O menu flutuante pode ser posicionado pelo usuário em qualquer lugar da tela

OBS: A atual barra de controle pode ser integrada ao painel de controle flutuante.

Debounce

Implementar o debounce no filtro de mangas.

Motivação:

Reduzir o processamento pra cada aplicação de filtro do input do usuário.

Ajudar:

• link 1
• link 2

Enumerar as páginas no modo leitura. Auxiliar na identificação das páginas que não foram carregadas

As configurações do usuario referente a configuração da tipo de lista(grid e list) e ordenação não estão sendo carregado corretamente

Opções:

• Ocultar mangás completos: Totalmente completos, com a finalização da publicação e totalmente lidos;
• Exportar dados dos mangás e configurações
• Manter as capas dos mangas offline (reduz a capacidade de mangás no armazenamento)
• Exibir data de atualização do utilmo mangá
• Exibir favicon do site do mangá de onde foi adicionado na lista de favoritos
• Opção pra habilitar e desabilitar o modo focus automatico
• Informações da extensão

Caixa de informação

A componente flutuante com informações do mangá, não é reposicionado de modo que fique sempre visivel na tela

Data no daemon.js

Pegar a data da ultima capitulo adicionado e adicionar no card ou calcular o tempo que ocorreu a ultima atualização

Normal Mode

View

• List mode
• Grid mode
• "Go" button in the upper right corner of cards in grid mode
• Add visual feedback for when the user clicks add to favorites
• Filter or search mechanic
• Pin manga
• Tab for [favorites, last read (limit: 10)]

Organization

• A-Z
• Z-A
• Progress
• Hide full mangás
• Select the organization option

Data

• Export data
• Data fetch for Notification

Persistence

• Save setting
• Sync data with the browser account
• Save image to base64 for local storage. How to do

Extra

• Add limit to chrome.store for localStorage limit ("5mb") - manifest.json

Read Mode

Fix

• Mode change

Definir um estilo de fonte padrao, a aparecencia fica direferente entre e chrome e firefox

Alguns mangas estão sendo organizados pelo progresso errado
Verificar a causar:

• Verificar se os capitulos estão como string em vez de number.
• Verificar se o methodo pra organizar está sendo chamado.
• Verificar outras possiveis casos

No top da lista

No meio da lista

Ao obter os capitulos dos mangás e adicionar ao componente <select> , há alguns mangás que possuem capiitulos extras e são indentificados com alguma palavra mais o número do capitulo extra, causando a opcao no <select> o NaN

Então pra evitar o NaN, deve ser colocado a string literal do capitulo e ajustar o redirecionamento para esse capitulo

Atualizar lista de mangás quando remover um item

Exemplo

https://img-host.filestatic1.xyz/mangas_files/worn-and-torn-newbie/image_worn-and-torn-newbie_full.webp
por
https://img-host.filestatic1.xyz/mangas_files/worn-and-torn-newbie/image_worn-and-torn-newbie_xmedium.webp

parse

var coverfullURL = 'https://img-host.filestatic1.xyz/mangas_files/worn-and-torn-newbie/image_worn-and-torn-newbie_full.webp'
coverURL = coverURL.replace('full', 'xmedium')

Motivação:

Não há necessidade de carregar a capa dos mangás com a melhor qualidade, carregando uma de qualidade média economizará banda e memória(pra futura feat de offline de capas).

No momento de recuperar os dados de configuração é as definições são sobrescritas.

ID não é fixo, então tem que ser aplicado um SHA1 no titulo que eh a unica informação que não "muda"

O armazenamento local de dados no firefox não está funcionando

Mudança de capítulos

O capitulo atual não está sendo atualizado ao mudar de capitulo

Exibir mensagem pra o usuário atualizar os dados dos favoritos no modo Grid
Atualmente é exibido um percentual como infinity e uma imagem quebrada

Remover os esṕaços extra das labels dos capitulos

"   Chapter      11        ".replace(/\s{1,}/ig, " ").trim();
// "Chapter 11"

Sites

Raspagem de dados

To do

Modo leitura

• Super Mangás

Array.from(document.getElementsByTagName('img')).filter(img => img.className.match(/imagePage.\d+/))

• BR Mangás

document.cookie = "modoLeitura=2" // Ativar Paginas abertas
location.reload()
// Obter paginas
Array.from(document.getElementsByTagName('img')).filter(img => img.className.match(/img-manga/))

• YES Mangás

Pode ser usado a mesma logica do Manga Host

• Mangá Livre

// Necessario para obter das as paginas do manga/etc
localStorage.setItem('Reader:UserOrientation', 'vertical')