{"id":13493839,"url":"https://github.com/MCS-Lite/mcs-lite","last_synced_at":"2025-03-28T13:31:13.823Z","repository":{"id":20305172,"uuid":"79562762","full_name":"MCS-Lite/mcs-lite","owner":"MCS-Lite","description":"🎛  MCS Lite Common UI and Websites. ","archived":false,"fork":false,"pushed_at":"2025-01-13T05:40:13.000Z","size":19110,"stargazers_count":75,"open_issues_count":46,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-17T04:40:39.081Z","etag":null,"topics":["create-react-app","mcs","mcs-lite","mediatek","mediatek-linkit","react","styled-components"],"latest_commit_sha":null,"homepage":"https://mcslite.netlify.com","language":"JavaScript","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/MCS-Lite.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-01-20T13:48:13.000Z","updated_at":"2023-12-19T17:39:52.000Z","dependencies_parsed_at":"2023-01-14T00:00:22.765Z","dependency_job_id":"e437dacb-d4e3-4c5c-be69-55dc67a041eb","html_url":"https://github.com/MCS-Lite/mcs-lite","commit_stats":{"total_commits":805,"total_committers":10,"mean_commits":80.5,"dds":"0.12173913043478257","last_synced_commit":"ae921c2b0bd60cc6da20c31fe8e29b75cbaf8a46"},"previous_names":[],"tags_count":730,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MCS-Lite%2Fmcs-lite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MCS-Lite%2Fmcs-lite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MCS-Lite%2Fmcs-lite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MCS-Lite%2Fmcs-lite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MCS-Lite","download_url":"https://codeload.github.com/MCS-Lite/mcs-lite/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245937993,"owners_count":20696990,"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":["create-react-app","mcs","mcs-lite","mediatek","mediatek-linkit","react","styled-components"],"created_at":"2024-07-31T19:01:19.307Z","updated_at":"2025-03-28T13:31:12.717Z","avatar_url":"https://github.com/MCS-Lite.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# This repository is no longer maintained.\n\n\u003e Issue reports and pull requests will not be attended. \\\n\u003e If you are using `mcs-lite-ui`, `mcs-lite-icon`, `mcs-lite-theme`, please migrate to [`mcs-ui`](https://github.com/Mediatek-Cloud/mcs-ui)\n\n### Migrate to `mcs-ui`\n\n1. Please upgrade `react`, `react-dom` to version 16 or higher\n2. Please upgrade `styled-components` to version 4.0.2 or higher\n3. Please upgrade `react-overlay-pack` to version 3 or higher\n4. Change import names from `mcs-lite-ui`, `mcs-lite-icon`, `mcs-lite-theme` to `mcs-ui` by referencing [`index.js`](https://github.com/Mediatek-Cloud/mcs-ui/blob/master/src/index.js)\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://mcs.mediatek.com\"\u003e\n    \u003cimg height=\"240\" src=\"./docs/images/banner_mcs_lite_black.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# MCS Lite [![TravisCI](https://travis-ci.org/MCS-Lite/mcs-lite.svg?branch=master)](https://travis-ci.org/MCS-Lite/mcs-lite) [![CircleCI](https://circleci.com/gh/MCS-Lite/mcs-lite.svg?style=svg)](https://circleci.com/gh/MCS-Lite/mcs-lite) [![codecov](https://codecov.io/gh/MCS-Lite/mcs-lite/branch/master/graph/badge.svg)](https://codecov.io/gh/MCS-Lite/mcs-lite) [![prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n\u003e Note: MCS Lite core and Desktop website is being developed at https://github.com/MCS-Lite/mcs-lite-app.\n\n* Website - https://mcslite.netlify.com/\n* Resources - https://mcs-lite-introduction.netlify.com/\n* UI Library - https://mcs-lite-ui.netlify.com/\n* [Developer Guide](./docs/README.md)\n\n## Requirements\n\n* node \u003e= 9.11.1\n* yarn \u003e= 1.6.0\n\n## Packages\n\n[babel-preset-mcs-lite-npm-badge]: https://img.shields.io/npm/v/babel-preset-mcs-lite.svg?style=flat-square\n[babel-preset-mcs-lite-npm]: https://www.npmjs.org/package/babel-preset-mcs-lite\n[babel-preset-mcs-lite-npm-downloads]: https://img.shields.io/npm/dt/babel-preset-mcs-lite.svg?style=flat-square\n[eslint-config-mcs-lite-npm-badge]: https://img.shields.io/npm/v/eslint-config-mcs-lite.svg?style=flat-square\n[eslint-config-mcs-lite-npm]: https://www.npmjs.org/package/eslint-config-mcs-lite\n[eslint-config-mcs-lite-npm-downloads]: https://img.shields.io/npm/dt/eslint-config-mcs-lite.svg?style=flat-square\n[mcs-lite-admin-web-npm-badge]: https://img.shields.io/npm/v/mcs-lite-admin-web.svg?style=flat-square\n[mcs-lite-admin-web-npm]: https://www.npmjs.org/package/mcs-lite-admin-web\n[mcs-lite-admin-web-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-admin-web.svg?style=flat-square\n[mcs-lite-connect-npm-badge]: https://img.shields.io/npm/v/mcs-lite-connect.svg?style=flat-square\n[mcs-lite-connect-npm]: https://www.npmjs.org/package/mcs-lite-connect\n[mcs-lite-connect-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-connect.svg?style=flat-square\n[mcs-lite-design-npm-badge]: https://img.shields.io/npm/v/mcs-lite-design.svg?style=flat-square\n[mcs-lite-design-npm]: https://www.npmjs.org/package/mcs-lite-design\n[mcs-lite-design-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-design.svg?style=flat-square\n[mcs-lite-icon-npm-badge]: https://img.shields.io/npm/v/mcs-lite-icon.svg?style=flat-square\n[mcs-lite-icon-npm]: https://www.npmjs.org/package/mcs-lite-icon\n[mcs-lite-icon-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-icon.svg?style=flat-square\n[mcs-lite-introduction-npm-badge]: https://img.shields.io/npm/v/mcs-lite-introduction.svg?style=flat-square\n[mcs-lite-introduction-npm]: https://www.npmjs.org/package/mcs-lite-introduction\n[mcs-lite-introduction-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-introduction.svg?style=flat-square\n[mcs-lite-mobile-web-npm-badge]: https://img.shields.io/npm/v/mcs-lite-mobile-web.svg?style=flat-square\n[mcs-lite-mobile-web-npm]: https://www.npmjs.org/package/mcs-lite-mobile-web\n[mcs-lite-mobile-web-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-mobile-web.svg?style=flat-square\n[mcs-lite-scripts-npm-badge]: https://img.shields.io/npm/v/mcs-lite-scripts.svg?style=flat-square\n[mcs-lite-scripts-npm]: https://www.npmjs.org/package/mcs-lite-scripts\n[mcs-lite-scripts-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-scripts.svg?style=flat-square\n[mcs-lite-theme-npm-badge]: https://img.shields.io/npm/v/mcs-lite-theme.svg?style=flat-square\n[mcs-lite-theme-npm]: https://www.npmjs.org/package/mcs-lite-theme\n[mcs-lite-theme-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-theme.svg?style=flat-square\n[mcs-lite-translation-npm-badge]: https://img.shields.io/npm/v/mcs-lite-translation.svg?style=flat-square\n[mcs-lite-translation-npm]: https://www.npmjs.org/package/mcs-lite-translation\n[mcs-lite-translation-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-translation.svg?style=flat-square\n[mcs-lite-ui-npm-badge]: https://img.shields.io/npm/v/mcs-lite-ui.svg?style=flat-square\n[mcs-lite-ui-npm]: https://www.npmjs.org/package/mcs-lite-ui\n[mcs-lite-ui-npm-downloads]: https://img.shields.io/npm/dt/mcs-lite-ui.svg?style=flat-square\n[react-intl-inject-hoc-npm-badge]: https://img.shields.io/npm/v/react-intl-inject-hoc.svg?style=flat-square\n[react-intl-inject-hoc-npm]: https://www.npmjs.org/package/react-intl-inject-hoc\n[react-intl-inject-hoc-npm-downloads]: https://img.shields.io/npm/dt/react-intl-inject-hoc.svg?style=flat-square\n\n| **Package**                                       | **Description**                                       | **Version**                                                            | **Downloads**                                                                        |\n| ------------------------------------------------- | ----------------------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |\n| `babel-preset-mcs-lite`                           | Babel preset used by MCS Lite                         | [![npm][babel-preset-mcs-lite-npm-badge]][babel-preset-mcs-lite-npm]   | [![npm downloads][babel-preset-mcs-lite-npm-downloads]][babel-preset-mcs-lite-npm]   |\n| `eslint-config-mcs-lite`                          | Eslint config used by MCS Lite                        | [![npm][eslint-config-mcs-lite-npm-badge]][eslint-config-mcs-lite-npm] | [![npm downloads][eslint-config-mcs-lite-npm-downloads]][eslint-config-mcs-lite-npm] |\n| `mcs-lite-admin-web`                              | MCS Lite Admin Web                                    | [![npm][mcs-lite-admin-web-npm-badge]][mcs-lite-admin-web-npm]         | [![npm downloads][mcs-lite-admin-web-npm-downloads]][mcs-lite-admin-web-npm]         |\n| [`mcs-lite-connect`](./packages/mcs-lite-connect) | Connect MCS with WebSocket                            | [![npm][mcs-lite-connect-npm-badge]][mcs-lite-connect-npm]             | [![npm downloads][mcs-lite-connect-npm-downloads]][mcs-lite-connect-npm]             |\n| `mcs-lite-design`                                 | The source images to be compressed used by MCS Lite   | [![npm][mcs-lite-design-npm-badge]][mcs-lite-design-npm]               | [![npm downloads][mcs-lite-design-npm-downloads]][mcs-lite-design-npm]               |\n| `mcs-lite-icon`                                   | Convert SVG icon to React components                  | [![npm][mcs-lite-icon-npm-badge]][mcs-lite-icon-npm]                   | [![npm downloads][mcs-lite-icon-npm-downloads]][mcs-lite-icon-npm]                   |\n| `mcs-lite-introduction`                           | GitBook for MCS Lite documentation                    | [![npm][mcs-lite-introduction-npm-badge]][mcs-lite-introduction-npm]   | [![npm downloads][mcs-lite-introduction-npm-downloads]][mcs-lite-introduction-npm]   |\n| `mcs-lite-landing-web`                            | MCS Lite Landing Web                                  |                                                                        |                                                                                      |\n| `mcs-lite-mobile-web`                             | MCS Lite Mobile Web                                   | [![npm][mcs-lite-mobile-web-npm-badge]][mcs-lite-mobile-web-npm]       | [![npm downloads][mcs-lite-mobile-web-npm-downloads]][mcs-lite-mobile-web-npm]       |\n| `mcs-lite-scripts`                                | Shared scripts and CLI used by MCS Lite               | [![npm][mcs-lite-scripts-npm-badge]][mcs-lite-scripts-npm]             | [![npm downloads][mcs-lite-scripts-npm-downloads]][mcs-lite-scripts-npm]             |\n| `mcs-lite-theme`                                  | Defined `Theme` and helpers for `mcs-lite-ui`         | [![npm][mcs-lite-theme-npm-badge]][mcs-lite-theme-npm]                 | [![npm downloads][mcs-lite-theme-npm-downloads]][mcs-lite-theme-npm]                 |\n| `mcs-lite-translation`                            | I18n workflow with React-Intl used by MCS Lite        | [![npm][mcs-lite-translation-npm-badge]][mcs-lite-translation-npm]     | [![npm downloads][mcs-lite-translation-npm-downloads]][mcs-lite-translation-npm]     |\n| `mcs-lite-ui`                                     | Common UI used by MCS Lite                            | [![npm][mcs-lite-ui-npm-badge]][mcs-lite-ui-npm]                       | [![npm downloads][mcs-lite-ui-npm-downloads]][mcs-lite-ui-npm]                       |\n| [`react-intl-cra`](./packages/react-intl-cra)     | Move to https://github.com/evenchange4/react-intl-cra |                                                                        |\n| `react-intl-inject-hoc`                           | The convenience HOC of react-intl injectIntl          | [![npm][react-intl-inject-hoc-npm-badge]][react-intl-inject-hoc-npm]   | [![npm downloads][react-intl-inject-hoc-npm-downloads]][react-intl-inject-hoc-npm]   |\n\n## Install\n\n```\n$ npm i mcs-lite-ui mcs-lite-icon mcs-lite-theme --save\n```\n\n## Development\n\n```\n# Install all external dependencies of each package.\n$ yarn install --pure-lockfile\n```\n\n```\n$ yarn run clean # Remove all node_modules\n```\n\n## Building all mono-packages\n\n```\n$ ./tasks/build.sh\n```\n\n## Testing\n\n```\n$ yarn run format\n$ ./tasks/lint.sh\n$ ./tasks/test.sh\n$ ./tasks/test-page.sh\n```\n\n## mcs-lite-ui\n\n### Development\n\n```\n# cd packages/mcs-lite-ui\n$ yarn start\n```\n\n### Testing\n\n```\n$ yarn run test:watch\n```\n\n## NPM Scripts Interface\n\nRoot\n\n* **yarn run clean**: remove all node_modules\n* **lint**: eslint and flow\n* **yarn run format**: prettier\n* **yarn run release**: publish\n\nPackages\n\n| **Package**              | clean | test | start | build |\n| ------------------------ | ----- | ---- | ----- | ----- |\n| `babel-preset-mcs-lite`  |       | V    |       | -     |\n| `eslint-config-mcs-lite` |       | V    |       | -     |\n| `mcs-lite-admin-web`     |       | V    | V     | V     |\n| `mcs-lite-connect`       | V     |      |       | V     |\n| `mcs-lite-design`        | V     |      |       | V     |\n| `mcs-lite-icon`          | V     |      |       | V     |\n| `mcs-lite-introduction`  | V     |      | V     | V     |\n| `mcs-lite-landing-web`   |       | V    | V     | V     |\n| `mcs-lite-mobile-web`    |       | V    | V     | V     |\n| `mcs-lite-scripts`       | V     |      |       | V     |\n| `mcs-lite-theme`         | V     |      |       | V     |\n| `mcs-lite-translation`   | V     | V    |       | V     |\n| `mcs-lite-ui`            | V     | V    | V     | V     |\n| `react-intl-inject-hoc`  | V     |      |       | V     |\n\n## Environment variables\n\n* mcs-lite-introduction: `GA_ID`\n* mcs-lite-mobile-web: WebSocket PORT\n\n  Replace `__SOCKET_PORT_FROM_SERVER__` in the `build/index.html` file. (Default to `8000`)\n\n---\n\n## Other Notes\n\n### npm-check-updates\n\n```\n$ npm install -g npm-check-updates\n$ ncu \u0026\u0026 node_modules/.bin/lerna exec --concurrency 1 -- ncu # check for all packages\n$ ncu -au \u0026\u0026 node_modules/.bin/lerna exec --concurrency 1 -- ncu -au # update packages.json\n```\n\n### license-checker\n\n```\n$ yarn run clean \u0026\u0026 yarn # Re-install node_modules\n$ yarn run license\n```\n\n---\n\n## [CONTRIBUTING](CONTRIBUTING.md)\n\n## [CHANGELOG](CHANGELOG.md)\n\n## [LICENSE](LICENSE)\n\n_NPM package licenses: [licenses.csv](./docs/licenses.csv)_\n\n## Support\n\n### Team\n\n| [![Michael Hsu](https://avatars.githubusercontent.com/u/1527371?v=3\u0026s=96)](https://github.com/evenchange4) | [![Abel Chen](https://avatars.githubusercontent.com/u/2841286?v=3\u0026s=96)](https://github.com/cettoana) | [![Abby Chiu](https://avatars.githubusercontent.com/u/11768650?v=3\u0026s=96)](https://github.com/abby1002) | [![Daria Chen](https://avatars.githubusercontent.com/u/1300728?v=3\u0026s=96)](https://github.com/dariachen) | [![blue chen](https://avatars.githubusercontent.com/u/1887942?v=3\u0026s=96)](https://github.com/iamblue) |\n| ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |\n| Michael Hsu                                                                                                | Abel Chen                                                                                             | Abby Chiu                                                                                              | Daria Chen                                                                                              | blue chen                                                                                            |\n| [@evenchange4](https://github.com/evenchange4)                                                             | [@cettoana](https://github.com/cettoana)                                                              | [@abby1002](https://github.com/abby1002)                                                               | [@dariachen](https://github.com/dariachen)                                                              | [@iamblue](https://github.com/iamblue)                                                               |\n| [@evenchange4](https://twitter.com/evenchange4)                                                            |                                                                                                       |                                                                                                        |                                                                                                         |\n\n### Thanks\n\n![Browserstack](https://wiki.js.org/assets/images/logo_browserstack.png)\n\n[Browserstack](https://www.browserstack.com/) for providing access to their great cross-browser testing tools.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMCS-Lite%2Fmcs-lite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMCS-Lite%2Fmcs-lite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMCS-Lite%2Fmcs-lite/lists"}