{"id":19571610,"url":"https://github.com/block-core/blockcore-widget","last_synced_at":"2025-10-12T13:35:37.732Z","repository":{"id":188472600,"uuid":"678794760","full_name":"block-core/blockcore-widget","owner":"block-core","description":"Interactive payment widget","archived":false,"fork":false,"pushed_at":"2023-08-17T19:20:28.000Z","size":61,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-07T18:40:07.197Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@blockcore/widget","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/block-core.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-15T11:53:25.000Z","updated_at":"2023-08-18T08:09:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"9886f252-f3e3-40f0-a490-64d49e480d12","html_url":"https://github.com/block-core/blockcore-widget","commit_stats":{"total_commits":17,"total_committers":3,"mean_commits":5.666666666666667,"dds":0.2941176470588235,"last_synced_commit":"83a31ff73aa0db10e59a7a0ce1f08ade3260ce08"},"previous_names":["block-core/blockcore-widget"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/block-core/blockcore-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/block-core%2Fblockcore-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/block-core%2Fblockcore-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/block-core%2Fblockcore-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/block-core%2Fblockcore-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/block-core","download_url":"https://codeload.github.com/block-core/blockcore-widget/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/block-core%2Fblockcore-widget/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279011445,"owners_count":26084947,"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","status":"online","status_checked_at":"2025-10-12T02:00:06.719Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-11T06:19:32.088Z","updated_at":"2025-10-12T13:35:37.714Z","avatar_url":"https://github.com/block-core.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blockcore Widget\n\nInteractive payment widget for Blockcore chains.\n\n![Widget screenshot](blockcore-widget-screenshot.png \"Widget screenshot\")\n\n## Usage\n\nYou can either manually add attributes needed for the widget, or render using a serverside or clientside runtime.\n\n```html\n\u003cscript src=\"https://unpkg.com/@blockcore/widget/blockcore-widget.mjs\"\u003e\u003c/script\u003e\n\n\u003cblockcore-widget\u003e\u003c/blockcore-widget\u003e\n```\n\nThe above is the initial setup, but you need to configure network, amount, etc. There are no default values.\n\n```\n    \u003cblockcore-widget\n      network=\"CITY\"\n      amount=\"10.5\"\n      address=\"Ccoquhaae7u6ASqQ5BiYueASz8EavUXrKn\"\n      message=\"Invoice Number 5\"\n      label=\"Your Royal Highness\"\n      data=\"MzExMzUzNDIzNDY\"\n      reference=\"4324\"\n    \u003e\u003c/blockcore-widget\u003e\n```\n\nYou can change the attribute on-the-fly using JavaScript:\n\n```\n\u003cscript\u003e\nconst widget = document.querySelector(\"blockcore-widget\");\nconst urlParams = new URLSearchParams(window.location.search);\nwidget.amount = urlParams.get(\"amount\") ?? \"0\";\n\u003c/script\u003e\n```\n\n### Styling\n\nYou can override the default styling by either creating classes that overrides the built-in classes (e.g. `.blockcore-widget-amount`), or you can use CSS variables.\n\n```css\nhtml {\n  --foreground: black;\n  --background: white;\n  --accent: #dfab3c;\n\n  --radius: 20px;\n  --depth: 15px;\n}\n```\n\nThese can also be applied directly on the widget, if you want it to have separate color schemes than rest of website.\n\n## Example usage\n\nBlockcore is hosting an pay link service that utilizes the widget, check it out here:\n\n[https://pay.blockcore.net/...](https://pay.blockcore.net/?network=CITY\u0026amount=100.59\u0026address=CJsbsaQPmb65cpnpghxrz3ccz8fPC1nohE\u0026label=Invoice%2055\u0026message=Here%20is%20your%20invoice%20and%20we%20hope%20you%20can%20pay%20it%20as%20soon%20as%20possible.%20Thanks!\u0026reference=55\u0026data=23-55)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblock-core%2Fblockcore-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblock-core%2Fblockcore-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblock-core%2Fblockcore-widget/lists"}