{"id":13834640,"url":"https://github.com/zh/banano-pay-button","last_synced_at":"2025-05-15T14:30:52.706Z","repository":{"id":41619605,"uuid":"273357189","full_name":"zh/banano-pay-button","owner":"zh","description":"Easy to implement Banano payments via QR code.","archived":false,"fork":false,"pushed_at":"2023-01-06T09:18:48.000Z","size":576,"stargazers_count":2,"open_issues_count":23,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-17T11:44:35.473Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/zh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-18T23:07:01.000Z","updated_at":"2023-02-06T18:22:58.000Z","dependencies_parsed_at":"2023-02-05T18:46:10.417Z","dependency_job_id":null,"html_url":"https://github.com/zh/banano-pay-button","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zh%2Fbanano-pay-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zh%2Fbanano-pay-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zh%2Fbanano-pay-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zh%2Fbanano-pay-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zh","download_url":"https://codeload.github.com/zh/banano-pay-button/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254358545,"owners_count":22057938,"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":[],"created_at":"2024-08-04T14:00:48.843Z","updated_at":"2025-05-15T14:30:52.683Z","avatar_url":"https://github.com/zh.png","language":"JavaScript","funding_links":[],"categories":["Projects"],"sub_categories":["Java"],"readme":"Easy to implement Banano currency payments via QR code\n\n## Description\n\nThe code allows adding Banano currency payments to any Web page by **including a single JavaScript file** and configuring the `\u003cdiv\u003e` container to host the button and the resulting QR code.\n\n## Usage\n\n```html\n\u003cbody\u003e\n  \u003cdiv\n      id=\"banano-button\"\n      data-title=\"Donate 10 BAN\"\n      data-address=\"ban_1mcjisg83r4tuy811i8j33pwdo86c1xrma1on4zc9jb8az6q1qow1xz33qar\"\n      data-amount=\"10\"\n      data-info=\"yes\"\n      data-label=\"fund\"\n      data-qr-size=\"128\"\n      data-qr-level=\"M\"\n      data-qr-fg=\"#000090\"\n      data-qr-bg=\"#FFFFFF\"\n    \u003e\u003c/div\u003e\n  \u003cscript src=\"https://cdn.jsdelivr.net/gh/zh/banano-pay-button/dist/banano_button.min.js\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n```\n\n## Container data options\n\nAll `data-` parameters are send to the underlaying React component. They are divided in two categories:\n\n* **Banano URI** generation parameters:\n  * `data-title` - Text to be displayed on the button. *Optional*. *Default*: 'Pay with BAN'\n  * `data-address` - Banano address to send the payment. *Required*\n  * `data-amount` - Amount of Banano tokens. *Optional*\n  * `data-label` - Label for easy payment identification. *Optional*\n  * `data-info` - Add text information (address, amount and label) after the QR code. *Optional*\n* **QR Code** configuration - all *data-qr-* parameters are optional:\n  * `data-qr-size` - QR code size. *Default:* 128\n  * `data-qr-level` - Error correction level. *Default:* 'M'\n  * `data-qr-fg` - QR code foreground. *Default:* '#000000'\n  * `data-qr-bg` - QR code background. *Default:* '#FFFFFF'\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `yarn start`\n\nRuns the app in the development mode.\n\nOpen [http://localhost:8080](http://localhost:8080) to view it in the browser.\n\nThe page will reload if you make edits.\n\n### `yarn build`\n\nBuilds the app for production to the `public` folder.\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and your app is ready to be deployed!\n\n*public/* directory contains all necessary files (*JavaScript* and *HTML*) so starting any web server (like for example *armor*) in that directory will allow examination of the result.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzh%2Fbanano-pay-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzh%2Fbanano-pay-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzh%2Fbanano-pay-button/lists"}