Exciting release!Introducing "safe npm". Learn more
Socket
Log inDemoInstall

sipa-ui

Package Overview
Dependencies
0
Maintainers
2
Versions
148
Issues
File Explorer

Advanced tools

sipa-ui

Framework frontend de composants graphiques et de styles éditoriaux pour les sites du Groupe SIPA Ouest‑France.

    6.4.7latest
    GitHub

Version published
Maintainers
2
Weekly downloads
426
decreased by-4.27%

Weekly downloads

Readme

Source

SipaUI

Ouest-France/Sipa Group guidelines

Installation

yarn install npx gulp

NodeJS version >= 10.10.0 is required

build doc

Publish directory dist/

yarn install yarn build

Dev

dev mode

yarn install yarn watch yarn storybook

Add a component

yarn install yarn add-component --name=comp-name yarn build

Then, relaunch Storybook in build or dev mode.


Technic architecture

SipaUI's content

build / (usefull directory to generate the dist) dist / (compilated files) doc / (directory for the website) index.php [page-name].php ... src / components / [component-name] doc-design.md (files for the documentation) doc-html.md (files for the documentation) doc-vuejs.md (files for the documentation) main.scss _variables.scss _theme-[name].scss index.vue.js core / fonts / js / scss / .storybook / (usefull directory to generate the catalog) config.js head.html

Docker

docker build -t sipa-ui . -f .utils/Dockerfile-local docker run -v `pwd`:/sipaui -v /sipaui/node_modules/ -d -p 8789:80 -p 9001:9001 --name sipa-ui_1 sipa-ui docker exec -it sipa-ui_1 bash yarn install yarn build yarn storybook

Stop

docker stop sipa-ui_1

Start

docker start sipa-ui_1 docker exec -it sipa-ui_1 bash yarn storybook

URL

mode doc:

http://localhost:8789/ http://localhost:8789/storybook/?path=/story/intro--documentation

mode catalogue

http://localhost:9001/?path=/story/intro--documentation

Mettre à jour l'image docker cdp

docker build -t matthieupresse/php7-node14 -f .utils/Dockerfile-build-cdp . docker tag matthieupresse/php7-node14 matthieupresse/php7-node14 docker push matthieupresse/php7-node14

Compatibilité avec les navigateurs

La compilation Gulp gère la compatibilité avec les différents navigateurs via PostCSS et Autoprefixer.

Pour changer la configuration actuelle, modifiez le fichier .browserslistrc à la racine du projet (options possibles : https://github.com/browserslist/browserslist#full-list).

Pour connaître la liste des navigateurs compatibles, lancez cette commande :

npx browserslist

FAQs

Last updated on 24 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc