Material Icons

🎨 Material Icons for Obsidian

Adiciona ícones no estilo Material Theme (igual ao VS Code) no explorador de arquivos do Obsidian.

✨ Ícones suportados

Arquivos

Pastas especiais

src, assets, images, docs, notes, projects, templates, .git, config, archive, scripts

---

🚀 Como instalar e compilar

1. Pré-requisitos

• Node.js v18 ou superior
• npm (vem junto com o Node.js)

2. Clone ou baixe este repositório

git clone <url-do-repo> material-icons-obsidian
cd material-icons-obsidian

3. Instale as dependências

npm install

4. Compile o plugin

npm run build

Isso vai gerar o arquivo main.js na raiz do projeto.

5. Instale no Obsidian

Opção A — Manual (recomendado para desenvolvimento):

# No Mac/Linux:
cp main.js manifest.json styles.css ~/seu-vault/.obsidian/plugins/material-icons/

# No Windows (PowerShell):
# Primeiro crie a pasta:
# New-Item -ItemType Directory -Path "$env:USERPROFILE\seu-vault\.obsidian\plugins\material-icons"
# Depois copie:
# Copy-Item main.js, manifest.json, styles.css "$env:USERPROFILE\seu-vault\.obsidian\plugins\material-icons\"

Opção B — Script automático:

# Edite o caminho do vault antes de rodar:
VAULT="$HOME/MeuVault"
PLUGIN="$VAULT/.obsidian/plugins/material-icons"
mkdir -p "$PLUGIN"
cp main.js manifest.json styles.css "$PLUGIN/"
echo "✅ Plugin instalado com sucesso!"

6. Ative no Obsidian

1. Abra o Obsidian
2. Vá em Configurações → Plugins da Comunidade
3. Desative o "Modo restrito" se ainda não fez isso
4. Em Plugins instalados, localize Material Icons
5. Ative o toggle

---

🛠️ Desenvolvimento

Para desenvolvimento com hot-reload:

npm run dev

---

📁 Estrutura do projeto

material-icons-obsidian/
├── main.ts          ← código fonte principal
├── main.js          ← arquivo compilado (gerado pelo build)
├── manifest.json    ← metadados do plugin
├── styles.css       ← estilos CSS
├── package.json
├── tsconfig.json
└── esbuild.config.mjs

---

🎨 Adicionando mais ícones

Edite o objeto SVG em main.ts e adicione novos mapeamentos no FOLDER_MAP ou na lógica de getFileIcon.

Os SVGs do Material Icon Theme são open source (MIT) e podem ser usados diretamente.