{"id":19312097,"url":"https://github.com/bigcommerce/big-design-patterns-sandbox","last_synced_at":"2026-03-01T08:34:15.337Z","repository":{"id":255266923,"uuid":"802145671","full_name":"bigcommerce/big-design-patterns-sandbox","owner":"bigcommerce","description":"A library of useful pattern components to speed up development of React/BigDesign applications","archived":false,"fork":false,"pushed_at":"2025-11-07T21:42:10.000Z","size":6090,"stargazers_count":0,"open_issues_count":2,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-11-07T23:27:22.408Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://bigcommerce.github.io/big-design-patterns-sandbox/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bigcommerce.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"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-05-17T15:52:25.000Z","updated_at":"2025-06-24T19:49:00.000Z","dependencies_parsed_at":"2025-05-09T18:22:42.114Z","dependency_job_id":"45c5638b-adab-496c-bd51-1513d365eb8e","html_url":"https://github.com/bigcommerce/big-design-patterns-sandbox","commit_stats":null,"previous_names":["bigcommerce/big-design-patterns-sandbox"],"tags_count":18,"template":false,"template_full_name":null,"purl":"pkg:github/bigcommerce/big-design-patterns-sandbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fbig-design-patterns-sandbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fbig-design-patterns-sandbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fbig-design-patterns-sandbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fbig-design-patterns-sandbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bigcommerce","download_url":"https://codeload.github.com/bigcommerce/big-design-patterns-sandbox/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcommerce%2Fbig-design-patterns-sandbox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29965406,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T06:55:38.174Z","status":"ssl_error","status_checked_at":"2026-03-01T06:53:04.810Z","response_time":124,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":[],"created_at":"2024-11-10T00:32:45.677Z","updated_at":"2026-03-01T08:34:15.298Z","avatar_url":"https://github.com/bigcommerce.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BigDesign Patterns Sandbox\n\nThis monorepo is a sandbox environment for developing and testing BigDesign Patterns. There are two packages:\n- `examples-site` is a lightweight site that showcases usage of the patterns\n- `patterns` contains the components\n\nThe patterns are published on npm under [bigcommerce-design-patterns](https://www.npmjs.com/package/bigcommerce-design-patterns) so they can be more easily stress tested in apps before being added into the main BigDesign library.\n\n## Developing\n\n### Getting started\n\nBefore running any commands, make sure you have `pnpm` installed:\n\n```sh\nnpm install -g pnpm\n```\n\n### Running the example site\n\nRun the example site in dev mode by:\n```sh\npnpm run dev\n```\n\nIn dev mode, editing the components within the `patterns` package will hot-reload the example site, as the site uses the workspace to reference the `bigcommerce-design-patterns` dependency.\n\n### Using the local patterns package in another local project\n\nTo use the local patterns package in another local project:\n\n1. Add the following to the `package.json` file in your project (updating the path to the local patterns package):\n\n```json\n\"bigcommerce-design-patterns\": \"link:../big-design-patterns-sandbox/packages/patterns\",\n```\n\n2. Run `pnpm install` to install the local patterns package, creating a symlink in the local project's `node_modules` directory that points to the local patterns package. Your project will use the built files in the `dist` directory of the patterns package, so you'll need to run `pnpm run build` in the patterns package to build the files before using them in your project. \n\n#### Hot reloading\n\nIf you want to enable hot reloading of the patterns package, you can run `pnpm run build:watch` in the patterns package folder (`big-design-patterns-sandbox/packages/patterns`) to watch for changes and rebuild the files on file save.\n\n## Publishing\n\n### Using changesets to publish a new version\n\nThis repo uses [changesets](https://github.com/changesets/changesets) to version the packages in a consistent manner. It also builds a changelog automatically.\n\nTo release a new version with changes:\n\n1. Run the following command to create a new changeset:\n```sh\nnpx @changesets/cli\n```\n\nThe CLI will ask you to select which package(s) are being updated and if the packages should have a major or minor bump. After confirming these answers, a new changeset will be created in `/.changeset`.\n\n2. Commit the generated file in `/.changeset/` to your branch and push to GitHub.\n\n3. Create a PR with your changes and the changeset.\n\n4. Once the PR is approved and merged into the `main` branch, the GitHub Action at `/.github/workflows/release.yml` will run, which creates a version bump PR.\n\n5. Merging the version bump PR will release the new package version to NPM.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcommerce%2Fbig-design-patterns-sandbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigcommerce%2Fbig-design-patterns-sandbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcommerce%2Fbig-design-patterns-sandbox/lists"}