meme.js Icons

Tema de iconos de archivo para Visual Studio Code

Un paquete de más de 180 iconos pixel-perfect que integra los formatos del ecosistema meme.js (meme-HTML, meme-CSS, meme-JS) junto a los lenguajes y herramientas más comunes del desarrollo web.

✨ Características

• 🎨 +180 iconos — diseñados desde cero para reconocerse fácilmente en tamaños pequeños dentro de la barra lateral.
• 🧩 Formatos meme.js — iconos propios para los archivos .mj, .mh, .ms, .af y demás piezas del SDK.
• 🗂️ Iconos de carpeta — carpetas abiertas y cerradas generadas automáticamente desde la marca de cada proyecto del mono repo.
• 🌐 Cobertura amplia — lenguajes, frameworks, configuraciones y archivos de marca habituales en proyectos web.
• ⚡ Build automático — el tema se compila en el primer arranque si aún no existe el JSON construido.

📦 Instalación

Desde el VS Code Marketplace:

1. Extensions ‣ buscar 'meme.js Icons' ‣ Install
2. Command Palette ‣ Preferences: File Icon Theme ‣ meme.js Icons

Instalación local (desarrollo)

El proyecto define la función install en su manifiesto .ms, que crea el symlink de la extensión dentro de ~/.vscode/extensions. Con la CLI de meme.js basta un comando:

me install

Recarga VS Code y selecciona meme.js Icons como tema de iconos de archivo.

🚀 Distribución

Para publicar la extensión en el VS Code Marketplace:

1. Autentícate una sola vez con vsce (Visual Studio Code Extensions):

   vsce login <publisher>
   

2. Publica con la función deploy, que empaqueta y publica la extensión (vsce publish):

   me deploy
   

🏗️ Arquitectura

El tema se construye a partir de los iconos individuales y de la marca de cada proyecto del mono repo. El punto de entrada index.js genera el JSON final del tema durante la activación de la extensión.

.meme-icons/
├── .ms                          # Manifiesto del proyecto (función install)
├── index.js                     # Activación: compila el tema en el primer arranque
├── package.json                 # Manifiesto de la extensión de VS Code
├── 01_Resources/
│   └── brand/                   # Logo, iconos abierto/cerrado y marca
└── 02_Icons/
    ├── icons/                   # +180 SVGs de archivo
    ├── meme-icons.json          # Definición base del tema (extensiones, lenguajes…)
    └── meme-icons-build.json    # Tema construido que consume VS Code

Generación del tema

Al activarse, index.js recorre las carpetas hermanas del mono repo y, por cada proyecto que expone 01_Resources/brand/open.svg y close.svg, registra automáticamente sus iconos de carpeta (abierta y cerrada). El resultado se fusiona con meme-icons.json y se escribe en meme-icons-build.json, el archivo declarado en contributes.iconThemes del package.json.

🛠️ Desarrollo

Los iconos se editan o añaden en 02_Icons/icons/, y sus asociaciones por extensión, nombre de archivo o lenguaje se declaran en meme-icons.json.

📄 Licencia

Publicado bajo licencia MIT. Ver COPYING.