{"id":21376405,"url":"https://github.com/morbidick/serviceworker-helpers","last_synced_at":"2025-07-13T10:30:59.398Z","repository":{"id":57741417,"uuid":"101994879","full_name":"morbidick/serviceworker-helpers","owner":"morbidick","description":"Display a toast on available service worker update","archived":false,"fork":false,"pushed_at":"2018-08-09T15:55:57.000Z","size":24,"stargazers_count":9,"open_issues_count":3,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-07T09:01:33.754Z","etag":null,"topics":["polymer-element","polymer2","service-worker","web-components"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/morbidick.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-31T11:43:10.000Z","updated_at":"2022-03-27T00:45:28.000Z","dependencies_parsed_at":"2022-09-09T07:02:25.318Z","dependency_job_id":null,"html_url":"https://github.com/morbidick/serviceworker-helpers","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/morbidick/serviceworker-helpers","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morbidick%2Fserviceworker-helpers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morbidick%2Fserviceworker-helpers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morbidick%2Fserviceworker-helpers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morbidick%2Fserviceworker-helpers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/morbidick","download_url":"https://codeload.github.com/morbidick/serviceworker-helpers/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morbidick%2Fserviceworker-helpers/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265128146,"owners_count":23715621,"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":["polymer-element","polymer2","service-worker","web-components"],"created_at":"2024-11-22T09:15:18.357Z","updated_at":"2025-07-13T10:30:59.139Z","avatar_url":"https://github.com/morbidick.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Polymer 2 components to work with Service Workers\n\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/morbidick/serviceworker-helpers)\n[![Build Status](https://travis-ci.org/morbidick/serviceworker-helpers.svg?branch=master)](https://travis-ci.org/morbidick/serviceworker-helpers)\n\n## HowTo\n\n### Register service worker\n\nSince its more or less a one-liner to register your service worker and included in most boilerplates there is no specific element.\n\n```html\n\u003cscript\u003e\n  if ('serviceWorker' in navigator) {\n    window.addEventListener('load', function() {\n      navigator.serviceWorker.register('/service-worker.js');\n    });\n  }\n\u003c/script\u003e\n```\n\n### \\\u003csw-update-toast\\\u003e\n\nDisplays a toast requesting the user to reload the page when a source code update is available.\n\nThe update message can be overwriten by setting `message` (optional). The display time can be changed by setting `duration`, defaults to 0 / persistend.\n\n```html\n\u003clink rel=\"import\" href=\"serviceworker-helpers/sw-update-toast.html\"\u003e\n\n\u003csw-update-toast\n  message=\"My message\"\n  duration=\"5\"\n\u003e\u003c/sw-update-toast\u003e\n```\n\nChange the link color by setting the css var `--primary-color`.\n\n## Development\n\n```bash\n# Get dependencies\n$ npm install\n\n# Demo site\n$ npm start\n\n# Run tests\n$ npm test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorbidick%2Fserviceworker-helpers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmorbidick%2Fserviceworker-helpers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorbidick%2Fserviceworker-helpers/lists"}