{"id":13454936,"url":"https://github.com/Shopify/blockchain-components","last_synced_at":"2025-03-24T07:32:16.797Z","repository":{"id":65776923,"uuid":"596643656","full_name":"Shopify/blockchain-components","owner":"Shopify","description":"Blockchain related React UI components for Shopify storefronts","archived":true,"fork":false,"pushed_at":"2025-01-24T22:58:37.000Z","size":3888,"stargazers_count":83,"open_issues_count":9,"forks_count":21,"subscribers_count":145,"default_branch":"main","last_synced_at":"2025-03-16T01:30:16.168Z","etag":null,"topics":["blockchain","component-library","connect-wallet","react","shopify-blockchain-components","typescript","wallet"],"latest_commit_sha":null,"homepage":"https://blockchain.shopify.dev","language":"TypeScript","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/Shopify.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/contributing.md","funding":null,"license":"LICENSE.md","code_of_conduct":".github/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":"2023-02-02T16:23:08.000Z","updated_at":"2025-02-28T19:25:41.000Z","dependencies_parsed_at":"2024-01-13T17:32:55.196Z","dependency_job_id":"13cecf27-6442-4b1d-b305-3f3c983e9cbd","html_url":"https://github.com/Shopify/blockchain-components","commit_stats":{"total_commits":85,"total_committers":6,"mean_commits":"14.166666666666666","dds":0.5882352941176471,"last_synced_commit":"4d7f2a5b21801dba2f5be7de1a76e2f689ed06ca"},"previous_names":[],"tags_count":25,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fblockchain-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fblockchain-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fblockchain-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fblockchain-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shopify","download_url":"https://codeload.github.com/Shopify/blockchain-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245227549,"owners_count":20580898,"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":["blockchain","component-library","connect-wallet","react","shopify-blockchain-components","typescript","wallet"],"created_at":"2024-07-31T08:00:59.567Z","updated_at":"2025-03-24T07:32:15.894Z","avatar_url":"https://github.com/Shopify.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Blockchain components\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![CI](https://github.com/Shopify/blockchain-components/actions/workflows/ci.yml/badge.svg)](https://github.com/Shopify/blockchain-components/actions?query=branch%3Amain) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](../../.github/contributing.md) [![storybook](https://shields.io/badge/storybook-white?logo=storybook\u0026style=flat)](https://main--639b1f308693132693d9b82c.chromatic.com/)\n\nA loosely related set of components for blockchain functionality on Shopify storefronts.\n\nThese packages are built to help you integrate blockchain functionality on your Shopify storefront. While you are not required to use all of them at the same time, the idea is that when used together the result is a seamless Web3 experience for your customers.\n\n## Usage\n\nThis repository is managed as a monorepo. Each package has its own `README.md` and documentation describing usage.\n\n### Package Index\n\n| Package                                                          | Description                                              | NPM                                                                                                                                                        |\n| ---------------------------------------------------------------- | -------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| [@shopify/blockchain-components](packages/blockchain-components) | Shared packages for blockchain components                | [![@shopify/blockchain-components](https://img.shields.io/npm/v/@shopify/blockchain-components)](https://npmjs.com/package/@shopify/blockchain-components) |\n| [@shopify/connect-wallet](packages/connect-wallet)               | Crypto wallet connection library for Shopify storefronts | [![@shopify/connect-wallet](https://img.shields.io/npm/v/@shopify/connect-wallet)](https://npmjs.com/package/@shopify/connect-wallet)                      |\n| [@shopify/gate-context-client](packages/gate-context-client)     | Gate unlocking context client for Shopify storefronts    | [![@shopify/gate-context-client](https://img.shields.io/npm/v/@shopify/gate-context-client)](https://npmjs.com/package/@shopify/gate-context-client)       |\n| [@shopify/tokengate](packages/tokengate)                         | Tokengating component for Shopify storefronts            | [![@shopify/tokengate](https://img.shields.io/npm/v/@shopify/tokengate)](https://npmjs.com/package/@shopify/tokengate)                                     |\n\n### Run a command\n\n**All workspaces**\n\nRun commands across all workspaces. This uses [`turbo run \u003ccommand\u003e`](https://turborepo.org/docs/reference/command-line-reference#turbo-run-task).\n\n| Command                  | Description                                                                                                                                                                                                                                                                             |\n| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `yarn build`             | Builds all workspaces (`./apps`, `./examples`, `./packages`) in order of their dependencies.                                                                                                                                                                                            |\n| `yarn build:packages`    | Builds all packages located in the `./packages` directory in order of their dependencies.                                                                                                                                                                                               |\n| `yarn changeset`         | Adds a new [changelog entry](https://github.com/Shopify/blockchain-components/blob/main/.github/contributing.md#adding-a-changeset)                                                                                                                                                     |\n| `yarn dev`               | Builds all packages located in the `./packages` directory without regard to any dependencies between the packages and rebuilds when package files are changed. Also runs the `./apps/playground` project for local development purposes. Does not generate declaration files (`.d.ts`). |\n| `yarn dev:packages`      | Builds all packages located in the `./packages` directory without regard to any dependencies between the packages and rebuilds when package files are changed. Does not generate declaration files (`.d.ts`).                                                                           |\n| `yarn example`           | Runs the script in `./examples/scripts` which opens a prompt asking which example you want to run. After selecting an example, the packages within `./packages` are built and the example you selected is started.                                                                      |\n| `yarn example:[example]` | Starts the development server for the example you provided. \u003cbr /\u003e\u003cbr /\u003e Options: `cra` \u0026#124; `custom-theme` \u0026#124; `nextjs` \u0026#124; `remix` \u0026#124; `vite`                                                                                                                              |\n| `yarn lint`              | Runs [eslint](https://eslint.org/) against all packages in workspaces that contain a `lint` script to ensure they comply with the rules provided in our [eslint configuration](../.eslintrc.js).                                                                                        |\n| `yarn typecheck`         | Builds all packages located in `./packages` directory in order of their dependencies and runs type validation.                                                                                                                                                                          |\n\n## Want to contribute?\n\nCheck out our [Contributing Guide](./.github/contributing.md)\n\n## Questions?\n\nFor Shopifolk, you can reach out to us in Slack in `#blockchain-components` channel. For external inquiries, we welcome bug reports, enhancements, and feature requests via GitHub [issues](/issues).\n\n## License\n\nMIT \u0026copy; [Shopify](https://shopify.com/), see [LICENSE.md](LICENSE.md) for details.\n\n\u003ca href=\"https://shopify.com\" target=\"_blank\"\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./images/shopify-light.svg\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"./images/shopify-dark.svg\"\u003e\n    \u003cimg alt=\"Shopify Logo\" src=\"./images/shopify-dark.svg\"\u003e\n  \u003c/picture\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShopify%2Fblockchain-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FShopify%2Fblockchain-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShopify%2Fblockchain-components/lists"}