productivityPal
1.0.0
Um parceiro de produtividade que o ajudará a recuperar sua vida e encerrar seu vício em vídeos curtos e rolagem sem fim.
Depois de baixar o arquivo do projeto, acesse as configurações de extensão do navegador e verifique se as opções do desenvolvedor estão ativadas. Nesse caso, um botão chamado "Load Pack" aparecerá, clique nele e selecione o arquivo do projeto.
A extensina possui um detector de vídeo automático, o TI checa para vídeos no site e procure sua direção se for mais curto, então o site será bloqueado.
Você pode adicionar qualquer site que desejar à lista de blocos, escreva o URL do site no "https://website.com" ou "https://www.website.com" depois pressione Add; Se você deseja remover um site da lista de blocos, clique em Remover.
Você também pode alterar a visualização do bloco nas configurações. Você terá três entradas um para o texto no segundo para a imagem (deve ser um URL da imagem) e o último é a cor do texto, observe que você pode preencher um e deixar o restante vazio.
Se você errar com a pré -visualização do bloco, acerte a redefinição e você estará bem.
Também conhecida como hiper text mark up languge, ele foi usado neste projeto para criar o pop -up e fazer a imagem do bloco que aparece quando um site é bloqueado
também conhecem como folha de estilo em cascata, foi usada para modelar o html (o pop -up e a imagem do bloco)
Também conhecido como JavaScript, foi usado na extensão para manupear o HTML e o CSS, acrescentando que é responsável por detectar vídeos e sites curtos que o usuário inseriu + é responsável por tomar ações
A API do Chrome é útil em muitas coisas, mas neste projeto onlu the Chrome.Storage Use usado (mais sobre isso mais tarde)
Este arquivo contém toda a interface do usuário da extensão em que inicia pela primeira vez (primeira seção) com uma lista negra UL (Lista UNODERD) que contém todo o site bloqueado; na mesma seção, há um formulário em que você pode adicionar um novo site para desativar. Na segunda seção, você verá uma visualização da imagem do bloco, há uma forma de três entradas. O primeiro é para o texto em segundo lugar para a imagem de backgound e a terceira para a cor do texto que o formulário termina com o botão Enviar, você sempre pode ver como é a imagem do bloco, no final da seção que você pode ver o botão de reinicialização que é usado no caso de atrapalhar a imagem do bloco.
Agora nosso usuário pode ver a interface do usuário, mas parece feia, é pop -up.css, simplesmente estilizamos todos os itens com o mais dinâmico possível CSS
Temos uma interface de usuário de aparência incrível, mas não funciona: | O arquivo começa com a inicialização das variáveis, importando os dados necessários para a API Chrome.Storage se não houver nada nessa API, adicionamos dados padrão; depois disso, temos um ouvinte de eventos que bloqueará Js de funcionar, a menos que o PopUp. Se a entrada é um URL válido, remova os https e www. Se houver, ele acrescenta que a API do Chrome . Listner para o outro forn (Bloco de Custinuzng IMG) São necessários os três insumos, se a entrada estiver vazia em String, não incluirá que, depois disso, adicionamos os novos dados ao Chrome.Storage e todos os bons o ouvinte final são para o botão Redefinir, simplesmente quando clicou dele, todos os dados (relacionados a bloquear o IMG)
É responsável por modelar a imagem do bloco
this is the most important file in the whole project, it starts by initializing data (blacklist and block img) then it starts checking every 1s if the url or path changes if so it runs a function called app() app will check if website is in blacklist if so the website will call blockSite() which as the name sais it blocks the website then it returns so we dont waste more time, if this website isnot in the blacklist then we look if the page does have a video if Verificamos se o vídeo é mais curto do que 2m (120s), se for, chamamos BlockSite () e retornamos se o fizer novamente sem retorno, verificamos se este site é Tiktok ou YouTube Shorts se for o Blocksite de We Call () e, se não
