{"id":15388509,"url":"https://github.com/deebloo/web-notification","last_synced_at":"2025-08-14T07:46:07.103Z","repository":{"id":58232054,"uuid":"51711523","full_name":"deebloo/web-notification","owner":"deebloo","description":"Vanilla Web Component for the HTML5 Notifications API","archived":false,"fork":false,"pushed_at":"2023-12-15T05:36:38.000Z","size":218,"stargazers_count":10,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-09T18:58:02.315Z","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/deebloo.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,"publiccode":null,"codemeta":null}},"created_at":"2016-02-14T20:16:18.000Z","updated_at":"2016-09-07T20:29:51.000Z","dependencies_parsed_at":"2024-10-18T19:59:04.152Z","dependency_job_id":"39e4fce1-8ef1-4cc6-8269-77cfd994ec88","html_url":"https://github.com/deebloo/web-notification","commit_stats":{"total_commits":26,"total_committers":1,"mean_commits":26.0,"dds":0.0,"last_synced_commit":"1c927e94b6bbff17c5b10c473f3b952f3c37829f"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/deebloo/web-notification","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fweb-notification","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fweb-notification/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fweb-notification/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fweb-notification/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deebloo","download_url":"https://codeload.github.com/deebloo/web-notification/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fweb-notification/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270385319,"owners_count":24574544,"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-08-14T02:00:10.309Z","response_time":75,"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-10-01T14:56:59.948Z","updated_at":"2025-08-14T07:46:06.984Z","avatar_url":"https://github.com/deebloo.png","language":"JavaScript","readme":"# web-notification\nVanilla Web Component for the HTML5 Notifications API. [Demo](http://deebloo.github.io/web-notification/)\n\n##### Installation\n```\nnpm i --save web-notification\n\nbower install --save web-notification\n```\n\n#### Properties\n\n| Name           | Description |\n| -------------- | ------------- |\n| title          | The title of the notification  |\n| body           | body of the notification  |\n| icon           | the icon to display with the notification  |\n| timeout        | amount of time to display notifcation before auto hiding  |\n| notify-on-load | trigger notification as soon as the component is created | \n\n#### API\n\n| Name      | Description |\n| --------- | ------------- |\n| .notify() | Manually triggers the notification  |\n\n#### Example\n```HTML\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003e\u003c/title\u003e\n    \u003cscript src=\"index.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003cweb-notification id=\"notificationEl1\"\n                      title=\"Notification 1\"\n                      body=\"Hello World\"\n                      icon=\"homer-simpson.jpg\"\n                      timeout=\"1000\"\u003e\u003c/web-notification\u003e\n\n    \u003cweb-notification title=\"Notification 2\"\n                      body=\"Goodbye World\"\n                      icon=\"marge-simpson.png\"\n                      notify-on-load=\"true\"\u003e\u003c/web-notification\u003e\n\n    \u003cscript\u003e\n        document.getElementById('notificationEl1').notify();\n    \u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n#### Dynamic\nTo dnyamically add new notification elements.\n```JS\nvar createWebNotification = require('web-notification'); // or available by 'createWebNotification' on window if not using modules\n\nvar myNotification = createWebNotification({\n    title: 'My Title',\n    body: 'My Body'\n});\n\ndocument.appendElement(myNotification);\n```\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fweb-notification","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeebloo%2Fweb-notification","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fweb-notification/lists"}