{"id":17242820,"url":"https://github.com/imcuttle/measure","last_synced_at":"2025-04-12T08:42:13.811Z","repository":{"id":32998794,"uuid":"148498520","full_name":"imcuttle/measure","owner":"imcuttle","description":"📏 Measure UI for PSD","archived":false,"fork":false,"pushed_at":"2022-01-07T14:49:32.000Z","size":28681,"stargazers_count":139,"open_issues_count":4,"forks_count":30,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-23T02:34:02.897Z","etag":null,"topics":["measure","psd","psd-to-html","ui"],"latest_commit_sha":null,"homepage":"https://imcuttle.github.io/measure/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imcuttle.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"License","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-12T15:04:35.000Z","updated_at":"2025-02-21T09:51:41.000Z","dependencies_parsed_at":"2022-08-07T19:16:51.340Z","dependency_job_id":null,"html_url":"https://github.com/imcuttle/measure","commit_stats":null,"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcuttle%2Fmeasure","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcuttle%2Fmeasure/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcuttle%2Fmeasure/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcuttle%2Fmeasure/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imcuttle","download_url":"https://codeload.github.com/imcuttle/measure/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248543494,"owners_count":21121834,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["measure","psd","psd-to-html","ui"],"created_at":"2024-10-15T06:14:09.907Z","updated_at":"2025-04-12T08:42:13.792Z","avatar_url":"https://github.com/imcuttle.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./packages/chrome-extension-measure-viewer/src/img/rule.svg\" /\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003emeasure\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://travis-ci.org/imcuttle/measure\"\u003e\u003cimg src=\"https://img.shields.io/travis/imcuttle/measure/master.svg?style=flat-square\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://codecov.io/github/imcuttle/measure?branch=master\"\u003e\u003cimg src=\"https://img.shields.io/codecov/c/github/imcuttle/measure.svg?style=flat-square\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://prettier.io/\"\u003e\u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://conventionalcommits.org\"\u003e\u003cimg src=\"https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg?style=flat-square\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eOpen source Project for Measure (psd) easily\u003c/p\u003e\n\n![](https://i.loli.net/2018/09/24/5ba8ae0a7e1e7.png)\n\n- [Live Demo](https://imcuttle.github.io/measure)\n- [中文文章](https://imcuttle.github.io/make-psd-measurable)\n\n## Getting started\n\n```bash\nnpm i measure-export-cli -g\n# Run the online server\nmeasure-export start path/to/psdDir\n# Build assets in $PWD/dist\nmeasure-export build path/to/psdDir\n\nmeasure-export --help\nmeasure-export start --help\nmeasure-export build --help\n```\n\n## Processor about the monorepo\n\n![](./psd-measure.zh.svg)\n\n## TODO\n\n- [ ] integration tests should be applied on ui and cli\n\n## Packages\n\n- [chrome-extension-measure-viewer](packages/chrome-extension-measure-viewer) - PSD measure viewer\n- [html-measure](packages/html-measure) - Make html to be measurable written by React\n- [meas-ui](packages/meas-ui) - Measure UI for making PSD/SVG/HTML to be measurable\n- [measure-export](packages/measure-export) - Make measure UI exported for teamwork\n- [measure-export-cli](packages/measure-export-cli) - Command line for measure export\n- [@moyuyc/psd-html](packages/psd-html) - Make it a fun to create spec by psd for developers and teammates\n\n## Related\n\n- [sketch measure](https://github.com/utom/sketch-measure) - Make it a fun to create spec for developers and teammates\n- [psd.js](https://github.com/meltingice/psd.js) - A Photoshop PSD file parser for NodeJS and browsers\n\n## Developing\n\n- Install dependencies\n\n  ```bash\n  npm install\n  ```\n\n- This repo use [lerna](https://github.com/lerna/lerna) for managing multiply packages, so need to bootstrap dependencies of each package.\n\n  ```bash\n  npx lerna bootstrap\n  ```\n\n  **Note: It will run `prepare` script of each packages in this step**\n\n- Dev \u0026 Build for each available packages\n\n  ```bash\n  # Watch mode\n  npm run dev\n\n  # Build\n  npm run dist\n  ```\n\n## Contributing\n\n- Fork it!\n- Create your new branch:  \n  `git checkout -b feature-new` or `git checkout -b fix-which-bug`\n- Start your magic work now\n- Make sure testing passes\n- Commit your changes:  \n  `git commit -am 'feat: some description (close #123)'` or `git commit -am 'fix: some description (fix #123)'`\n- Push to the branch: `git push`\n- Submit a pull request :)\n\n## Authors\n\nThis library is written and maintained by imcuttle, [moyuyc95@gmail.com](mailto:moyuyc95@gmail.com).\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimcuttle%2Fmeasure","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimcuttle%2Fmeasure","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimcuttle%2Fmeasure/lists"}