{"id":29000716,"url":"https://github.com/cmg8431/react-slack-webhook","last_synced_at":"2025-06-25T09:03:35.265Z","repository":{"id":215056420,"uuid":"737933694","full_name":"cmg8431/react-slack-webhook","owner":"cmg8431","description":"📢 Send a message directly to a Slack channel from a React app","archived":false,"fork":false,"pushed_at":"2024-04-12T08:50:48.000Z","size":175,"stargazers_count":12,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-23T07:53:22.631Z","etag":null,"topics":["alerts","error-reporting","notifications","reactjs","slack","webhooks"],"latest_commit_sha":null,"homepage":"","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/cmg8431.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,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-01-02T02:09:50.000Z","updated_at":"2024-08-26T15:12:35.000Z","dependencies_parsed_at":"2024-01-02T08:50:28.042Z","dependency_job_id":"c7bb03c2-7543-49c1-b30e-2e18ebc41bd9","html_url":"https://github.com/cmg8431/react-slack-webhook","commit_stats":null,"previous_names":["cmg8431/react-slack-webhook"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/cmg8431/react-slack-webhook","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmg8431%2Freact-slack-webhook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmg8431%2Freact-slack-webhook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmg8431%2Freact-slack-webhook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmg8431%2Freact-slack-webhook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cmg8431","download_url":"https://codeload.github.com/cmg8431/react-slack-webhook/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmg8431%2Freact-slack-webhook/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261526852,"owners_count":23172605,"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":["alerts","error-reporting","notifications","reactjs","slack","webhooks"],"created_at":"2025-06-25T09:01:23.926Z","updated_at":"2025-06-25T09:03:35.245Z","avatar_url":"https://github.com/cmg8431.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg style=\"display: block;-webkit-user-select: none;max-width: 100%;margin: auto;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;\" src=\"https://github.com/cmg8431/react-slack-webhook/assets/38885265/f67384d9-8a28-4ae2-879b-ab548c11aab5\"\u003e\n\n\u003ch1 align=\"center\"\u003ereact-slack-webhook\u003c/h1\u003e\n\u003cp align=\"center\"\u003e📢 Send a message directly to a Slack channel from a React app\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react-slack-webhook\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/react-slack-webhook.svg\" alt=\"downloads\" height=\"18\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/react-slack-webhook\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/react-slack-webhook.svg\" alt=\"npm version\" height=\"18\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/gvergnaud/react-slack-webhook\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/react-slack-webhook.svg\" alt=\"MIT license\" height=\"18\"\u003e\n  \u003c/a\u003e\n    \u003ca href=\"https://coveralls.io/github/cmg8431/react-slack-webhook?branch=main\"\u003e\n    \u003cimg src=\"https://coveralls.io/repos/github/cmg8431/react-slack-webhook/badge.svg?branch=main\" alt=\"Coverage Status\" height=\"18\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n## 📦 Installation\n```bash\n$ npm install react-slack-webhook\n$ yarn add react-slack-webhook\n$ pnpm add react-slack-webhook\n```\n\n\u003cbr /\u003e\n\n## 🚀 Usage\n\n```ts\nimport { Slack } from 'react-slack-webhook';\nimport { SLACK_WEBHOOK_URL } from '@/constants'\n\n...\nconst onClick = () =\u003e {\n  const slack = new Slack(SLACK_WEBHOOK_URL)\n\n  return slack.send({\n      text: 'hello, world',\n      channel: '#channel',\n      username: 'bot',\n      icon_emoji: ':robot_face:',\n  })\n}\n...\n```\n\n[More Example]('https://github.com/cmg8431/react-slack-webhook/tree/main/example')\n\n\n\u003cbr /\u003e\n\n\n## 🎈 Props\n| Key  | Default | Type | \n| ---  | --- | --- |\n| text  | \"hello, world\" | string | \n| channel  | \"#general\" | string |\n| username  | \"bot\" | string |\n| icon_emoji  | \":robot_face:\" | string |\n\n\u003cbr /\u003e\n\n## 📝 License\n\n[MIT](./LICENSE). Made with ❤️ by [cmg8431](https://github.com/cmg8431)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmg8431%2Freact-slack-webhook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcmg8431%2Freact-slack-webhook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmg8431%2Freact-slack-webhook/lists"}