{"_id":"3dlink-icons","_rev":"3-f7041dd58e36777483e8081578aa9155","name":"3dlink-icons","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"3dlink-icons","version":"0.1.0","description":"Icons library for 3d-link projects","main":"index.js","scripts":{"test":"test","convert-icons":"node src/convertIcons.js","build:react":"rm -rf dist/react && mkdir -p dist/react && cp -R src/icons dist/react/icons","build":"npm run build:react && node src/generateDocumentation.js"},"repository":{"type":"git","url":"https://gitlab.3dlinkweb.com/3dlinkweb/librer-as/3dlink-icons"},"keywords":["icon","3d-link"],"author":{"name":"SRE 3DLink","email":"sre@3dlinkweb.com"},"license":"ISC","type":"module","devDependencies":{"@babel/cli":"^7.22.9","@babel/core":"^7.22.9","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@babel/preset-react":"^7.22.5","camelcase":"^7.0.1","chalk":"^5.3.0","fs-extra":"^11.1.1"},"gitHead":"9d4b0f4bbed94a9843f72049f8d4ec9e9f345e9e","_id":"3dlink-icons@0.1.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-a7szF7lz/g231aExLTpqDuqzFyMz60MR3TB9OeCZ2ZjaodxwrMuGODU37EuOTkBqQHVrby0F2pzrohOESwddVg==","shasum":"465d59e21dd6d892c012086e3e29ca5a762d2d1a","tarball":"https://registry.npmjs.org/3dlink-icons/-/3dlink-icons-0.1.0.tgz","fileCount":1210,"unpackedSize":2293385,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDsJV8dyYzBpG+390VaCt7WYS4WK4gD9NQ0pbYMSIbMnAiEAlpW7eM5UIXwhFHkiFMSUEXZxpVyDusT8RAsVscoqlGo="}]},"_npmUser":{"name":"sre3dlink","email":"sre@3dlinkweb.com"},"directories":{},"maintainers":[{"name":"sre3dlink","email":"sre@3dlinkweb.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dlink-icons_0.1.0_1692392920974_0.35949251049310504"},"_hasShrinkwrap":false},"0.1.1":{"name":"3dlink-icons","version":"0.1.1","description":"Icons library for 3d-link projects","main":"index.js","scripts":{"test":"test","convert-icons":"node src/convertIcons.js","build:react":"rimraf dist/react && shx mkdir -p dist/react && shx cp -R src/icons dist/react/icons","build":"npm run build:react && node src/generateDocumentation.js","prepublish":"rimraf react && shx cp -r dist/react react","npm-publish":"npm run build && npm run prepublish && npm pack && npm publish && rimraf react"},"repository":{"type":"git","url":"https://gitlab.3dlinkweb.com/3dlinkweb/librer-as/3dlink-icons"},"keywords":["icon","3d-link"],"author":{"name":"SRE 3DLink","email":"sre@3dlinkweb.com"},"license":"ISC","type":"module","devDependencies":{"@babel/cli":"^7.22.9","@babel/core":"^7.22.9","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@babel/preset-react":"^7.22.5","camelcase":"^7.0.1","chalk":"^5.3.0","fs-extra":"^11.1.1","rimraf":"^5.0.1","shx":"^0.3.4"},"gitHead":"cf90d18a6fe951208c0bab4bdb1f164a15ff5da2","_id":"3dlink-icons@0.1.1","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/TbbEzua84p8gSS0kcb7ada7lDX7BK5JFbp0YDeneB0kc6K10x6j1bvrQjHx0LbjvyN286q43JNgR6Sh6OuKYg==","shasum":"46cea20400294991691a21cc9631ee264990fa0b","tarball":"https://registry.npmjs.org/3dlink-icons/-/3dlink-icons-0.1.1.tgz","fileCount":19,"unpackedSize":996642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPDERNSi5XO8EU0KAn8AKgbh6XfUVEF0Jmk9tcGaIRSQIhAOQggFU0MqtCOaq+xpu+1KwBz51pBBl2Gut71F0rHAkh"}]},"_npmUser":{"name":"sre3dlink","email":"sre@3dlinkweb.com"},"directories":{},"maintainers":[{"name":"sre3dlink","email":"sre@3dlinkweb.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dlink-icons_0.1.1_1692802244968_0.7975444977954367"},"_hasShrinkwrap":false},"0.2.0":{"name":"3dlink-icons","version":"0.2.0","description":"Icons library for 3d-link projects","main":"./dist/icons/index.jsx","scripts":{"test":"test","convert-icons":"node src/convertIcons.js","build:react":"rimraf dist && shx mkdir -p dist && shx cp -R src/icons dist/icons","build":"npm run build:react && node src/generateDocumentation.js","npm-publish":"npm run build && npm pack && npm publish"},"repository":{"type":"git","url":"https://gitlab.3dlinkweb.com/3dlinkweb/librer-as/3dlink-icons"},"keywords":["icon","3d-link"],"author":{"name":"SRE 3DLink","email":"sre@3dlinkweb.com"},"license":"ISC","type":"module","devDependencies":{"@babel/cli":"^7.22.9","@babel/core":"^7.22.9","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@babel/preset-react":"^7.22.5","camelcase":"^7.0.1","chalk":"^5.3.0","fs-extra":"^11.1.1","rimraf":"^5.0.1","shx":"^0.3.4"},"gitHead":"e428252fb92ced5812fdf814af7a10715e2cfd1f","_id":"3dlink-icons@0.2.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-FlabNdSHQwUnnt3ByBzQRx1FQcqTkXQb9qPbEVahupFHJDiL1Vo6SGQiv2NVNoLbrK9RYxapf4kwTTajJzY8Wg==","shasum":"dffced5bbba5fa8939590adbf361333c8d55a389","tarball":"https://registry.npmjs.org/3dlink-icons/-/3dlink-icons-0.2.0.tgz","fileCount":20,"unpackedSize":998163,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAdDFMQspEQgvh4wn695ogEnQISjgZAOg7iXGs3fnJGhAiBa1uvIxAEYRUazjflOsEeVhUsXx+2QiQouHEqedGtrXw=="}]},"_npmUser":{"name":"sre3dlink","email":"sre@3dlinkweb.com"},"directories":{},"maintainers":[{"name":"sre3dlink","email":"sre@3dlinkweb.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dlink-icons_0.2.0_1692825210498_0.6258838204001651"},"_hasShrinkwrap":false},"0.3.0":{"name":"3dlink-icons","version":"0.3.0","description":"Icons library for 3d-link projects","main":"./icons/index.jsx","scripts":{"test":"test","convert-icons":"node src/convertIcons.js","build:react":"rimraf icons && shx mkdir -p icons && shx cp -R src/icons ./","build":"npm run build:react && node src/generateDocumentation.js","npm-publish":"npm run build && npm pack && npm publish"},"repository":{"type":"git","url":"https://gitlab.3dlinkweb.com/3dlinkweb/librer-as/3dlink-icons"},"keywords":["icon","3d-link"],"author":{"name":"SRE 3DLink","email":"sre@3dlinkweb.com"},"license":"ISC","type":"module","devDependencies":{"@babel/cli":"^7.22.9","@babel/core":"^7.22.9","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@babel/preset-react":"^7.22.5","camelcase":"^7.0.1","chalk":"^5.3.0","fs-extra":"^11.1.1","rimraf":"^5.0.1","shx":"^0.3.4"},"exports":{".":"./icons/index.jsx","./icons/arrow":"./icons/arrow/index.jsx","./icons/brands":"./icons/brands/index.jsx","./icons/commerce":"./icons/commerce/index.jsx","./icons/communication":"./icons/communication/index.jsx","./icons/design":"./icons/design/index.jsx","./icons/development":"./icons/development/index.jsx","./icons/education":"./icons/education/index.jsx","./icons/general":"./icons/general/index.jsx","./icons/maps-and-travel":"./icons/maps-and-travel/index.jsx","./icons/math-and-finance":"./icons/math-and-finance/index.jsx","./icons/media":"./icons/media/index.jsx","./icons/office-and-editing":"./icons/office-and-editing/index.jsx","./icons/people":"./icons/people/index.jsx","./icons/security":"./icons/security/index.jsx","./icons/system-and-devices":"./icons/system-and-devices/index.jsx","./icons/time":"./icons/time/index.jsx"},"gitHead":"5f59b13f152c5509aac05b81b5617f69897ebf63","_id":"3dlink-icons@0.3.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-3vj8Jym5hgZYkFrWxkM9y0URlFXn29WkBhEZ4l1pdE82g+1ztUyItJrd0sbe4Q+UAbgcvEQiPlULGYmPP0ne9Q==","shasum":"65d3e757f80f7b966b53f117bbeeae838f08bd38","tarball":"https://registry.npmjs.org/3dlink-icons/-/3dlink-icons-0.3.0.tgz","fileCount":38,"unpackedSize":1997462,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFUH9qpzhPOZar5XFy9CqlFpFgCAJ8IPOkPUbl/iaiDBAiBRKHgMbfcjIcZi3ey0wdHdytRWsl2AWSPaPe9Q1nNWaA=="}]},"_npmUser":{"name":"sre3dlink","email":"sre@3dlinkweb.com"},"directories":{},"maintainers":[{"name":"sre3dlink","email":"sre@3dlinkweb.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dlink-icons_0.3.0_1692892813126_0.6000683072561097"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-18T21:08:40.973Z","0.1.0":"2023-08-18T21:08:41.280Z","modified":"2023-08-24T16:00:13.550Z","0.1.1":"2023-08-23T14:50:45.203Z","0.2.0":"2023-08-23T21:13:30.752Z","0.3.0":"2023-08-24T16:00:13.373Z"},"maintainers":[{"name":"sre3dlink","email":"sre@3dlinkweb.com"}],"description":"Icons library for 3d-link projects","keywords":["icon","3d-link"],"repository":{"type":"git","url":"https://gitlab.3dlinkweb.com/3dlinkweb/librer-as/3dlink-icons"},"author":{"name":"SRE 3DLink","email":"sre@3dlinkweb.com"},"license":"ISC","readme":"# 3dlink-icons: Guía de uso y generación de iconos\r\n\r\n3dlink-icons es una librería de React que proporciona una colección de íconos SVG que puedes usar en tus proyectos. Estos íconos están organizados en módulos para facilitar su importación y uso.\r\n\r\nLa librería viene con un script llamado `convert-icons` que convierte archivos SVG en componentes de React que se pueden usar directamente en tu código. Esta es una descripción de cómo usarlo.\r\n\r\n## Añadiendo nuevos iconos\r\n\r\n1. **Crear una rama en tu repositorio**: Para asegurar la estabilidad del código, antes de realizar cualquier cambio en la librería, debes crear una nueva rama en tu repositorio local. Esta rama debe ser distinta a `main`. El nombre de la rama debe seguir la convención `fix/nombre-de-la-rama` si solo vas a realizar reemplazos de íconos, o `feat/nombre-de-la-rama` si vas a añadir nuevos íconos.\r\n\r\n    ```\r\n    git checkout -b feat/newIcons\r\n    ```\r\n\r\n2. **Preparar los íconos**: Primero, necesitas tener tus archivos SVG listos. Debes poner todos tus archivos SVG en una carpeta dentro de `src/migrations`. Por ejemplo, puedes crear una carpeta llamada `newIcons` dentro de `src/migrations`.\r\n\r\n3. **Usar el comando convert-icons**: Después de preparar tus íconos, puedes ejecutar el comando `convert-icons` para convertirlos en componentes de React. El comando se usa de la siguiente manera:\r\n\r\n    ```\r\n    npm run convert-icons <nombre_del_grupo> <ruta_a_la_carpeta_desde_migrations>\r\n    ```\r\n\r\n    Donde:\r\n\r\n    - `<nombre_del_grupo>`: Este es el nombre del grupo o módulo de íconos. Este nombre será utilizado para crear un archivo JSX que agrupa todos los íconos convertidos y también para organizar los íconos en módulos cuando se generen las exportaciones finales.\r\n\r\n    - `<ruta_a_la_carpeta_desde_migrations>`: es la ruta a la carpeta que contiene tus archivos SVG desde la carpeta `migrations`. Por ejemplo, si creaste una carpeta `newIcons` en el paso 2, esta ruta sería simplemente `newIcons`.\r\n\r\n\r\n    Ejemplo de uso:\r\n\r\n    ```\r\n    npm run convert-icons newIcons general\r\n    ```\r\n\r\n4. **Revisar la documentación de la migración**: El comando `convert-icons` generará una documentación para cada migración que realiza. Esta documentación, que se encuentra en `migrations-logs`, contiene información sobre los íconos añadidos y reemplazados durante la migración.\r\n\r\n5. **Realizar un merge request a main**: Una vez que hayas añadido tus íconos y estés satisfecho con los cambios, debes hacer push de tu rama al repositorio remoto y luego realizar un merge request a `main`.\r\n\r\n    ```\r\n    git push origin feat/newIcons\r\n    ```\r\n\r\n    Asegúrate de revisar cuidadosamente el merge request y fusionarlo en `main` solo cuando estés seguro de que los cambios son correctos y estables.\r\n\r\n## Generando la build final\r\n\r\nUna vez que hayas añadido tus íconos, puedes generar la build final con el comando `npm run build`. Esto compilará tus componentes de React en un formato que se puede importar fácilmente en otros proyectos de React.\r\n\r\nDurante el proceso de build, también se genera una documentación que lista todos los íconos disponibles en la librería. Esta documentación se genera a partir de una plantilla ubicada en la raíz del proyecto (`library-readme-template.md`) y se coloca en la carpeta `dist` con el nombre `README.md`. La documentación lista todos los íconos disponibles, organizados por módulo.\r\n\r\nAhora estás listo para usar y contribuir a la librería de íconos 3dlink-icons. Asegúrate de seguir estas pautas al agregar nuevos íconos para mantener la librería organizada y fácil de usar. ¡Disfrútalo!\r\n","readmeFilename":"README.md"}