{"id":28208136,"url":"https://github.com/onewelcome/react-lib-components","last_synced_at":"2025-06-12T05:31:03.873Z","repository":{"id":61794204,"uuid":"449242176","full_name":"onewelcome/react-lib-components","owner":"onewelcome","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-03T14:49:19.000Z","size":46537,"stargazers_count":5,"open_issues_count":5,"forks_count":0,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-06-10T05:44:39.933Z","etag":null,"topics":["frontend","library"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/onewelcome.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-01-18T10:38:12.000Z","updated_at":"2025-05-26T13:23:16.000Z","dependencies_parsed_at":"2023-12-19T15:05:36.893Z","dependency_job_id":"da61bdaa-8917-45c1-a36e-ee26d6aca7b9","html_url":"https://github.com/onewelcome/react-lib-components","commit_stats":{"total_commits":1147,"total_committers":15,"mean_commits":76.46666666666667,"dds":"0.43940714908456846","last_synced_commit":"75612212b9d087b553c64acbf2ead3a8098a46c7"},"previous_names":[],"tags_count":91,"template":false,"template_full_name":null,"purl":"pkg:github/onewelcome/react-lib-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onewelcome%2Freact-lib-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onewelcome%2Freact-lib-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onewelcome%2Freact-lib-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onewelcome%2Freact-lib-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/onewelcome","download_url":"https://codeload.github.com/onewelcome/react-lib-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onewelcome%2Freact-lib-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259404185,"owners_count":22852135,"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":["frontend","library"],"created_at":"2025-05-17T14:11:46.208Z","updated_at":"2025-06-12T05:31:03.868Z","avatar_url":"https://github.com/onewelcome.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OneWelcome React Component Library\n\n[![CircleCI status](https://circleci.com/gh/onewelcome/react-lib-components.svg?style=svg)](\u003chttps://circleci.com\u003e)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=onewelcome_react-lib-components\u0026metric=alert_status\u0026token=bfd2f636f3bec9d8df5f67a3c2881238964a8d5a)](https://sonarcloud.io/summary/new_code?id=onewelcome_react-lib-components)\n[![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=onewelcome_react-lib-components\u0026metric=vulnerabilities\u0026token=bfd2f636f3bec9d8df5f67a3c2881238964a8d5a)](https://sonarcloud.io/summary/new_code?id=onewelcome_react-lib-components)\n[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=onewelcome_react-lib-components\u0026metric=coverage\u0026token=bfd2f636f3bec9d8df5f67a3c2881238964a8d5a)](https://sonarcloud.io/summary/new_code?id=onewelcome_react-lib-components)\n\n\n![NPM Version](https://img.shields.io/npm/v/%40onewelcome%2Freact-lib-components)\n![NPM Downloads](https://img.shields.io/npm/dw/%40onewelcome%2Freact-lib-components)\n[![NPM Outdated version download](https://img.shields.io/badge/dynamic/xml?url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2F%40onewelcome%2Freact-lib-components%3FactiveTab%3Dversions\u0026query=sum(%2F%2F*%5B%40id%3D%22tabpanel-versions%22%5D%2F%2Fli%5Bnot(starts-with(.%2F%2Fa%2F%40aria-label%2C%20substring-before(substring-after((%2F%2F*%5B%40id%3D%22tabpanel-versions%22%5D%2F%2Fa%2F%40aria-label)%5B1%5D%2C%20%22%22)%2C%20%22.%22)))%20and%20position()%20%3E%202%5D%2F%2F*%5B%40class%3D%22downloads%22%5D%2Ftext())\u0026suffix=%2Fweek\u0026label=outdated%20versions%20downloads\u0026color=red\u0026cacheSeconds=600)](https://www.npmjs.com/package/@onewelcome/react-lib-components?activeTab=versions)\n\n\nThis project provides React components built according to the OneWelcome design.\nWe recommend visiting our [Storybook page](https://onewelcome.github.io/react-lib-components) to see the components in action.\n\n\u003e Note: the package is publicly available [on npm](https://www.npmjs.com/package/@onewelcome/react-lib-components).\n\n## Commands\n\n### Component library\n\nWhen you are developing for the component library, you're going to want to run the Typescript compiler, test watcher and storybook. Please see the commands below for more information.\n\nRun the Typescript compiler:\n\n```bash\nnpm start\n```\n\nThis builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.\n\nTo run tests, use `npm test`\n\n```bash\nnpm test\n```\n\nFor running and watching tests, use `npm test -- --watch`.\n\n```bash\nnpm test -- --watch\n```\n\n### Storybook\n\nRun Storybook locally:\n\n```bash\nnpm run storybook\n```\n\n### All at once\n\nWhen developing stories, components and tests at the same time, it may be easier to run the command `npm run dev`. This will run the commands `start`, `test:watch` and `storybook` in parallel.\n\n```bash\nnpm run dev\n```\n\n## Development\n\nPlease see the [CONTRIBUTING.md](https://github.com/onewelcome/react-lib-components/blob/master/CONTRIBUTING.md) file for information on how to develop for the Component Library.\n\n### Adding new icons\n\nSee [adding icons to font manual](src/font/README.md)\n\n## Code quality\n\nCode quality is set up for you with `prettier`, `husky`, and `lint-staged`. This is to ensure that formatting is the same in every file of the component library. If you would like to suggest a change, please let the `SASSy` team know.\n\n### Bundle analysis\n\nCalculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visualise it with `npm run analyze`.\n\n### Rollup\n\nWe use [Rollup](https://rollupjs.org) as a bundler and generate multiple rollup configs for various module formats and build settings. We output both `CommonJS` and `Ecmascript Modules` format. Treeshaking is supported and will work if your application is setup correctly and is built for production.\n\n### TypeScript\n\n`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.\n\n## Release\n\nThe publishing process is fired by git tag creation. CircleCI builds a package and publishes it to the public npmjs.com registry.\nRelease notes should be provided via GitHub UI.\nAfter a successful release, the release notes are published via Slack.\n\n### Creating a release\n\nFollow these steps to create a release:\n\n- note all changes introduced from the last release\n- create a release on the GitHub repository page:\n  - determine new version (bugfix/minor/major)\n  - put proper release notes based on previous releases\n  - click on the `CREATE RELEASE` button\n- check if the release is published on `https://www.npmjs.com/package/@onewelcome/react-lib-components`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonewelcome%2Freact-lib-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fonewelcome%2Freact-lib-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonewelcome%2Freact-lib-components/lists"}