🎨 Material Icons for Obsidian

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

✨ Ícones suportados

Arquivos

Extensão	Cor
.md	Azul
.js	Amarelo
.ts	Azul escuro
.py	Azul/Amarelo
.json	Amarelo
.css	Azul
.html	Laranja
.svg	Âmbar
.png, .jpg, .jpeg, .gif	Verde
.pdf	Vermelho
.txt	Cinza
.xml	Laranja escuro
.yaml, .yml	Vermelho
.sh	Verde
.zip	Laranja
.env	Vermelho
.gitignore	Laranja

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.