edinumen-viewer-library v0.0.4

@alexandra.morcillo57/viewer-library

Vue Component Library

Requisitos previos

1. Acceso al registro de paquetes:

   • Asegúrate de tener acceso al registro configurado en publishConfig.

2. Autenticación:

   • Configura el token de autenticación para el registro privado en tu archivo .npmrc:

     echo "//gitlab.edinumen.es/api/v4/projects/57/packages/npm/:_authToken=YOUR_PERSONAL_ACCESS_TOKEN" >> ~/.npmrc

3. Node.js y npm:

   • Asegúrate de tener instaladas las versiones recomendadas de Node.js y npm.
   • Puedes verificarlo ejecutando:

     node -v
     npm -v

Pasos para publicar

1. Realizar cambios

Realiza las modificaciones necesarias en el código fuente de la librería.

2. Añadir nuevos componentes (si aplica)

Si se añaden nuevos componentes, asegúrate de exportarlos en el archivo index.js ubicado en el directorio src/. Esto permitirá que los nuevos componentes estén disponibles para su uso en la librería. Por ejemplo:

export { default as NewComponent } from './components/NewComponent.vue';

3. Incrementar la versión

Actualiza manualmente el número de versión en el archivo package.json según el cambio realizado:

• Para un parche: incrementa el último dígito (ej. 1.0.0 a 1.0.1).
• Para una nueva funcionalidad menor: incrementa el segundo dígito (ej. 1.0.0 a 1.1.0).
• Para un cambio importante: incrementa el primer dígito (ej. 1.0.0 a 2.0.0).

Guarda el archivo después de realizar los cambios.

4. Instalar dependencias

Ejecuta el siguiente comando para asegurarte de que todas las dependencias estén actualizadas:

npm install

5. Construir la librería

Ejecuta el siguiente comando para compilar la librería:

npm run build

Esto generará los archivos necesarios en el directorio dist.

6. Publicar la librería

Ejecuta el siguiente comando para publicar tu librería en el registro configurado:

npm publish

7. Confirmar la publicación

Una vez publicado, verifica que la nueva versión esté disponible en el registro:

npm view @alexandra.morcillo57/viewer-library version

Scripts disponibles

• npm run dev: Inicia el entorno de desarrollo.
• npm run build: Construye la librería para producción.
• npm run preview: Previsualiza la construcción.

Estructura del proyecto

• src/: Código fuente de la librería.
• dist/: Archivos construidos listos para publicación.
• package.json: Archivo de configuración del proyecto.

Notas

• Asegúrate de tener configurado correctamente el publishConfig en package.json.
• Si encuentras errores durante la publicación, verifica los permisos del token de acceso y la configuración del registro.

© 2025 Alexandra Morcillo