Measure

<p align="center"> <img src="./packages/chrome-extension-measure-viewer/src/img/rule.svg" /> </p> <h3 align="center">measure</h3> <p align="center"> <a href="https://travis-ci.org/imcuttle/measure"><img src="https://img.shields.io/travis/imcuttle/measure/master.svg?style=flat-square" /></a> <a href="https://codecov.io/github/imcuttle/measure?branch=master"><img src="https://img.shields.io/codecov/c/github/imcuttle/measure.svg?style=flat-square" /></a> <a href="https://prettier.io/"><img src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square" /></a> <a href="https://conventionalcommits.org"><img src="https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg?style=flat-square" /></a> </p> <p align="center">Open source Project for Measure (psd) easily</p>

• Live Demo
• 中文文章

Getting started

npm i measure-export-cli -g
# Run the online server
measure-export start path/to/psdDir
# Build assets in $PWD/dist
measure-export build path/to/psdDir

measure-export --help
measure-export start --help
measure-export build --help

Processor about the monorepo

TODO

• [ ] integration tests should be applied on ui and cli

Packages

• chrome-extension-measure-viewer - PSD measure viewer
• html-measure - Make html to be measurable written by React
• meas-ui - Measure UI for making PSD/SVG/HTML to be measurable
• measure-export - Make measure UI exported for teamwork
• measure-export-cli - Command line for measure export
• @moyuyc/psd-html - Make it a fun to create spec by psd for developers and teammates

Related

• sketch measure - Make it a fun to create spec for developers and teammates
• psd.js - A Photoshop PSD file parser for NodeJS and browsers

Developing

• Install dependencies

  npm install
  

• This repo use lerna for managing multiply packages, so need to bootstrap dependencies of each package.

  npx lerna bootstrap
  

  Note: It will run prepare script of each packages in this step

• Dev & Build for each available packages

  # Watch mode
  npm run dev
  
  # Build
  npm run dist
  

Contributing

• Fork it!
• Create your new branch:
  git checkout -b feature-new or git checkout -b fix-which-bug
• Start your magic work now
• Make sure testing passes
• Commit your changes:
  git commit -am 'feat: some description (close #123)' or git commit -am 'fix: some description (fix #123)'
• Push to the branch: git push
• Submit a pull request :)

Authors

This library is written and maintained by imcuttle, moyuyc95@gmail.com.

License

MIT