{"id":22059194,"url":"https://github.com/pegasystems/constellation-ui-gallery","last_synced_at":"2026-05-22T00:09:36.188Z","repository":{"id":217551860,"uuid":"741135778","full_name":"pegasystems/constellation-ui-gallery","owner":"pegasystems","description":"This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.","archived":false,"fork":false,"pushed_at":"2026-01-12T15:33:44.000Z","size":17902,"stargazers_count":59,"open_issues_count":12,"forks_count":53,"subscribers_count":13,"default_branch":"master","last_synced_at":"2026-01-12T21:37:53.886Z","etag":null,"topics":["constellation","user-interface"],"latest_commit_sha":null,"homepage":"https://pegasystems.github.io/constellation-ui-gallery/","language":"TypeScript","has_issues":true,"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/pegasystems.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-01-09T19:13:44.000Z","updated_at":"2026-01-12T15:33:49.000Z","dependencies_parsed_at":"2025-12-08T16:01:38.053Z","dependency_job_id":null,"html_url":"https://github.com/pegasystems/constellation-ui-gallery","commit_stats":null,"previous_names":["pegasystems/constellation-ui-gallery"],"tags_count":33,"template":false,"template_full_name":null,"purl":"pkg:github/pegasystems/constellation-ui-gallery","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pegasystems%2Fconstellation-ui-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pegasystems%2Fconstellation-ui-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pegasystems%2Fconstellation-ui-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pegasystems%2Fconstellation-ui-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pegasystems","download_url":"https://codeload.github.com/pegasystems/constellation-ui-gallery/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pegasystems%2Fconstellation-ui-gallery/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29917984,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T19:37:42.220Z","status":"ssl_error","status_checked_at":"2026-02-27T19:37:41.463Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["constellation","user-interface"],"created_at":"2024-11-30T17:27:30.522Z","updated_at":"2026-02-27T22:44:02.047Z","avatar_url":"https://github.com/pegasystems.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Constellation DX Components UI Gallery\n\nConstellation's flexible architecture empowers advanced users (professional front-end developers with ReactJS and web technology expertise) to extend the platform. You can achieve this by programmatically combining core Constellation presentational components and leveraging the Constellation DX API to build custom components, known as \"Constellation DX components.\"\n\nThis gallery provides a collection of ready-to-use and customizable component. Explore them directly or [delve into the source code](https://github.com/pegasystems/constellation-ui-gallery/tree/master/src/components) for deeper understanding. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.\n\nThese components have been tested on Pega '23.1, '24.1, '24.2 and '25.1 and might not run older other versions of the Pega Platform\n\n- Version 1.x and branch release/1.x.x should be used for Pega '23\n- Version 2.x and branch release/2.0 should be used for Pega '24.1\n- Version 3.x and branch release/3.0 should be used for Pega '24.2\n- Version 4.x and branch master should be used for Pega '25.1\n\nOlder versions of the Pega Platform have not been tested and are not supported.\n\nA complete demonstration of these Constellation DX components is available at [pegasystems.github.io/constellation-ui-gallery](https://pegasystems.github.io/constellation-ui-gallery/)\n\nPre-build versions of these components is available as a RAP file that you can import into your Pega application - see [github.com/pegasystems/constellation-ui-gallery/releases](https://github.com/pegasystems/constellation-ui-gallery/releases)\n\n## For developers\n\nTo build and compile the application - use the following commands:\n\n### Tools to install\n\nInstall npm from [nodejs.org](https://nodejs.org/en/download/)\n\nYou should have the following versions installed: System node version 24.x and npm version 10.x or higher if you are using master - for release branch, use node 20.0\n\nIf you already have [VS Code](https://code.visualstudio.com/) and [Docker](https://docs.docker.com/get-docker/) installed, you can click [here](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/pegasystems/constellation-ui-gallery) to get started. Clicking these links will cause VS Code to automatically install the Dev Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.\n\nFor more details on building Constellation DX components, see [docs.pega.com](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/initialize-project.html)\n\nNote: Make sure to use `git clone git@github.com:pegasystems/constellation-ui-gallery.git` to download the source code of this repository instead of using the download option. If you download the code, you will not be able to publish the components and you will see the error 'Git needs to be installed' even if you have the git executable installed. This error is generated because you are missing the .git folder. If you face this issue, you can type `git init` to create the missing folder.\n\n### Project setup\n\n```shell\nnpm install\n```\n\n### Storybook\n\n```shell\nnpm run start\n```\n\n### Linting\n\nMake sure to install the recommended VS Code extensions. Before checking code, make sure that no error are reported:\n\n```shell\nnpm run lint\n```\n\nTo fix some of the issues:\n\n```shell\nnpm run fix\n```\n\n### Unit testing\n\nFor unit test results, you can run:\n\n```shell\nnpm run test\n```\n\nFor unit test coverage, you can run:\n\n```shell\nnpm run coverage\n```\n\nThe coverage report index.html will be in the 'coverage' folder\n\n### End to End testing\n\nEnd to end testing is done by loading each stories using playwright as well as running some accessibility testing on these stories. The results of accessibility is similar to the panel in storybook.\n\nTo execute the end to end test locally, you need to first build the storybook as static:\n\n```shell\nnpm run build-storybook\n```\n\nInstall Playwright (only needed once)\n\n```shell\nnpx playwright install\n```\n\nServe the site though an http server on port 6006\n\n```shell\nserve -port 6006 storybook-static\n```\n\nIn a separate terminal, run the suite of tests\n\n```shell\nnpm run test-storybook\n```\n\n### Compiles and minifies for production\n\n```shell\nnpm run buildAllComponents\n```\n\n### Publish to a Pega Platform\n\nInstall the 'keys' folder provided by the Constellation DX Component builder package and edit the tasks.config.json file with your rulesetName, rulesetVersion, server URL, clientID, user and password\n\n```shell\nnpm run authenticate\n```\n\nOnce the authentication is completed - you can publish by running\n\n```shell\nnpm run publishAll\n```\n\nIf you are having issues deploying the changes, review the documentation [docs.pega.com constellation DX component CLI references][constellation-dx-cli-references]\n\n[constellation-dx-cli-references]: https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/command-line-references-constellation-dx-components.html\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpegasystems%2Fconstellation-ui-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpegasystems%2Fconstellation-ui-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpegasystems%2Fconstellation-ui-gallery/lists"}