Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of SidebarNote

SidebarNote by Maria Eduarda

Uma extensão Firefox para gerenciar notas na sidebar do navegador

ExperimentalExperimental
0 (0 reviews)0 (0 reviews)
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
About this extension
📝 O que é o SidebarNote?
É uma extensão para o navegador Firefox projetada para funcionar na barra lateral (sidebar). Ela permite que o usuário faça anotações rápidas sem precisar sair da página que está navegando ou abrir outra aba.

🚀 Principais Funcionalidades
Gerenciamento de Notas: Criar, editar e excluir notas com uma interface intuitiva.
Personalização:
Cores: 8 opções de cores pastel (amarelo, azul, rosa, verde, etc.) para diferenciar as notas.
Categorias: Organização por etiquetas como "Geral", "Trabalho", "Pessoal".
Fonte: Botões para aumentar ou diminuir o tamanho do texto.
Ferramentas Úteis:
Pesquisa: Barra de busca para filtrar notas por título ou conteúdo.
Importar/Exportar: Salvar notas individualmente ou em massa como arquivos de texto (.txt) e importar arquivos externos.
Copiar: Botão rápido para copiar o conteúdo para a área de transferência.
Estatísticas: Mostra o total de notas e caracteres nas configurações.
💻 Tecnologia (Under the Hood)
Linguagem: Desenvolvido em Vanilla JavaScript (ES6+), HTML5 e CSS.
Sem Frameworks: Diferente de versões anteriores que poderiam usar React, a versão atual (app.js) manipula o DOM diretamente (document.createElement), o que a torna extremamente leve e rápida, sem necessidade de transpilação.
Ícones: Utiliza SVGs inline definidos diretamente no código para evitar dependências externas de imagens.
🔒 Privacidade e Dados
Armazenamento Local: Todos os dados são salvos no localStorage do navegador do usuário (sidebar-notes-data).
Sem Coleta de Dados: O arquivo manifest.json declara explicitamente que não há coleta de dados ("required": ["none"]), garantindo que nada é enviado para servidores externos.
📦 Estrutura do Projeto
manifest.json: Configuração principal (Manifest V3), definindo permissões e a ação da sidebar.
app.js: O "cérebro" da extensão, contendo toda a lógica de interface e salvamento.
sidebar.html: O container básico onde a aplicação é injetada.
background.js: Script de suporte simples.
Em resumo, é uma ferramenta de produtividade leve, privada e focada na simplicidade, ideal para quem precisa de um bloco de notas sempre à mão no navegador.
Developer comments
SidebarNote - Documentação do Código-Fonte

Este documento fornece instruções para a revisão e empacotamento da extensão SidebarNote.

Visão Geral Técnica

Esta extensão foi desenvolvida utilizando Vanilla JavaScript (ES6+), HTML5 e CSS (injetado via JavaScript).

Nota para os Revisores (AMO):
- O código-fonte fornecido é o código original.
- Não há uso de frameworks que requerem compilação (como React, Vue, Angular).
- Não há uso de pré-processadores CSS (Sass, Less).
- Não há ofuscação ou minificação do código.
- O arquivo app.js manipula o DOM diretamente usando document.createElement e APIs padrão do navegador.

Requisitos de Sistema e Ambiente
  • Sistema Operacional: Windows, macOS ou Linux.
  • Node.js e NPM: Necessários apenas para executar o script de empacotamento automatizado (web-ext).
  • Versão recomendada do Node.js: v14.0.0 ou superior.
  • Versão recomendada do NPM: v6.0.0 ou superior.
Rated 0 by 0 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and data

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Support site
  • Support Email
Version
1.0.0
Size
25.73 kB
Last updated
4 days ago (20 Dec 2025)
Related Categories
  • Web Development
  • Appearance
  • Tabs
Licence
Mozilla Public Licence 2.0
Version History
  • See all versions
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike Licence v3.0 or any later version.