Giter Club home page Giter Club logo

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

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.

MCS Lite's Projects

mcs-lite-app icon mcs-lite-app

An on-premises Internet of Things cloud platform, which can be quickly built and get started with.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.