Skip to content
🎛 MCS Lite Common UI and Websites.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
docs
flow-typed/npm
packages
tasks
.editorconfig
.eslintignore
.eslintrc
.flowconfig
.gitignore
.nvmrc
.travis.yml
.yarnrc
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
README.md
dangerfile.js
lerna.json
package.json
renovate.json
yarn.lock

README.md

This repository is no longer maintained.

Issue reports and pull requests will not be attended.
If you are using mcs-lite-ui, mcs-lite-icon, mcs-lite-theme, please migrate to mcs-ui

Migrate to mcs-ui

  1. Please upgrade react, react-dom to version 16 or higher
  2. Please upgrade styled-components to version 4.0.2 or higher
  3. Please upgrade react-overlay-pack to version 3 or higher
  4. Change import names from mcs-lite-ui, mcs-lite-icon, mcs-lite-theme to mcs-ui by referencing index.js

MCS Lite TravisCI CircleCI codecov prettier

Note: MCS Lite core and Desktop website is being developed at https://github.com/MCS-Lite/mcs-lite-app.

Requirements

  • node >= 9.11.1
  • yarn >= 1.6.0

Packages

Package Description Version Downloads
babel-preset-mcs-lite Babel preset used by MCS Lite npm npm downloads
eslint-config-mcs-lite Eslint config used by MCS Lite npm npm downloads
mcs-lite-admin-web MCS Lite Admin Web npm npm downloads
mcs-lite-connect Connect MCS with WebSocket npm npm downloads
mcs-lite-design The source images to be compressed used by MCS Lite npm npm downloads
mcs-lite-icon Convert SVG icon to React components npm npm downloads
mcs-lite-introduction GitBook for MCS Lite documentation npm npm downloads
mcs-lite-landing-web MCS Lite Landing Web
mcs-lite-mobile-web MCS Lite Mobile Web npm npm downloads
mcs-lite-scripts Shared scripts and CLI used by MCS Lite npm npm downloads
mcs-lite-theme Defined Theme and helpers for mcs-lite-ui npm npm downloads
mcs-lite-translation I18n workflow with React-Intl used by MCS Lite npm npm downloads
mcs-lite-ui Common UI used by MCS Lite npm npm downloads
react-intl-cra Move to https://github.com/evenchange4/react-intl-cra
react-intl-inject-hoc The convenience HOC of react-intl injectIntl npm npm downloads

Install

$ npm i mcs-lite-ui mcs-lite-icon mcs-lite-theme --save

Development

# Install all external dependencies of each package.
$ yarn install --pure-lockfile
$ yarn run clean # Remove all node_modules

Building all mono-packages

$ ./tasks/build.sh

Testing

$ yarn run format
$ ./tasks/lint.sh
$ ./tasks/test.sh
$ ./tasks/test-page.sh

mcs-lite-ui

Development

# cd packages/mcs-lite-ui
$ yarn start

Testing

$ yarn run test:watch

NPM Scripts Interface

Root

  • yarn run clean: remove all node_modules
  • lint: eslint and flow
  • yarn run format: prettier
  • yarn run release: publish

Packages

Package clean test start build
babel-preset-mcs-lite V -
eslint-config-mcs-lite V -
mcs-lite-admin-web V V V
mcs-lite-connect V V
mcs-lite-design V V
mcs-lite-icon V V
mcs-lite-introduction V V V
mcs-lite-landing-web V V V
mcs-lite-mobile-web V V V
mcs-lite-scripts V V
mcs-lite-theme V V
mcs-lite-translation V V V
mcs-lite-ui V V V V
react-intl-inject-hoc V V

Environment variables

  • mcs-lite-introduction: GA_ID

  • mcs-lite-mobile-web: WebSocket PORT

    Replace __SOCKET_PORT_FROM_SERVER__ in the build/index.html file. (Default to 8000)


Other Notes

npm-check-updates

$ npm install -g npm-check-updates
$ ncu && node_modules/.bin/lerna exec --concurrency 1 -- ncu # check for all packages
$ ncu -au && node_modules/.bin/lerna exec --concurrency 1 -- ncu -au # update packages.json

license-checker

$ yarn run clean && yarn # Re-install node_modules
$ yarn run license

CONTRIBUTING

CHANGELOG

LICENSE

NPM package licenses: licenses.csv

Support

Team

Michael Hsu Abel Chen Abby Chiu Daria Chen blue chen
Michael Hsu Abel Chen Abby Chiu Daria Chen blue chen
@evenchange4 @cettoana @abby1002 @dariachen @iamblue
@evenchange4

Thanks

Browserstack

Browserstack for providing access to their great cross-browser testing tools.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.