{"_id":"@danilosimonatto/ionicons-minimal-weather-widget","_rev":"7-2e6b5cf245ae19e9e559525865e6ef55","name":"@danilosimonatto/ionicons-minimal-weather-widget","dist-tags":{"latest":"0.2.3"},"versions":{"0.1.0":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.1.0","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.1.0","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"528693893b1e81276583b0fd02bc26c36ce7f51b","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.1.0.tgz","fileCount":5,"integrity":"sha512-LPlYT/Jx9xSf9l+Uy4QLXMUMXsfkfEs26xmy2EW6tKD8V6MQmOGjDOE38JvtLzBYunKcjaH003Z53X9WpXT0qQ==","signatures":[{"sig":"MEUCIQCPDL5uFv9o/VHjFdcHsSiFFgpd8qOQapiN8p+PVx38hwIgW/AUdahoyU/FIL4eSsujdPPfbZvKo+3xxxLQkYQ0DDY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11472},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./weather-widget.js"}},"gitHead":"840dba161ce9bf30da22cff4d8394f66a18da905","_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.1.0_1767820600531_0.18365606389049915","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.1.1","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.1.1","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"43ef4322663b9f2d8cf67afde7978a5c02f94dea","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.1.1.tgz","fileCount":5,"integrity":"sha512-phld7yxVB0/9qsHMbgBz6tTRv2fIxQwDLAuoATw1i76y9Ke1c7R+Ck8T0fGm4qQkzHY5u5mOyfmaQ0MAxcDLrQ==","signatures":[{"sig":"MEUCIQDQnASepSnTmD/G1nzs7zrFUZ7RxyXakhvsknROJzhOMAIgBGPP0wapOvuNxgQyyL7yjQykKTcCQtr2ioc8/IrtdoE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11472},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./weather-widget.js"}},"gitHead":"2bdd7f0109dfa21fe5d4157308140994b9021250","_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.1.1_1767821387552_0.9285510009016504","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.1.2","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.1.2","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"c28162ef965b9bf1cce8cca5f9bb8cdadd2ada90","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.1.2.tgz","fileCount":6,"integrity":"sha512-c8aQVUKpFQ9EoN7i0L5oz8PbfQCjtHqGhc18nulMJmdVA1GFzUOUFRnDleJxDYLqanrj6QXMH7iveJylUWtBww==","signatures":[{"sig":"MEQCIAdCcwixch0pda8sMQ9LKe8QUNmg1S7Znm0MZC4NqfgkAiACzxbGxQ61XBBpbg6dr/8CaElcKijXjAN60HgYN4XnUQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12883},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./weather-widget.js"},"./astro":"./astro/WeatherWidget.astro"},"gitHead":"a4c01c628e5ab0ac7912b4d111f69fc0613d9dcf","_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.1.2_1767822850996_0.851482355159439","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.2.0","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.2.0","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"68aa452e070f5a8f538d27d8134a06c232265bc0","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.2.0.tgz","fileCount":11,"integrity":"sha512-DO3QAyDtkAsYBaeBOzDKwbWDzWX2RyPJavS7SswpPhwTECv9qlcYkEIfFPYzkqapvqglha9KQM4X73aETZ94gw==","signatures":[{"sig":"MEYCIQDFgznTKp1PYKsDr5M3MCsll880wL9SIqPdlN5/6fvnNgIhAOpiyO8JLY0gr0UPtGwc6sKAkXryFkjYDyByoiaoEyDI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21195},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./dist/weather-widget.js"},"./astro":"./astro/WeatherWidget.astro"},"gitHead":"8fdbf89c07cf41dde0ed843b4f7e384a104b52e8","scripts":{"dev":"vite build --watch","build":"vite build","prepack":"vite build"},"_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1"},"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.2.0_1767828213018_0.8906685027479138","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.2.1","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.2.1","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"62b578b10c0d234c9c4eb77136018769f944fe9e","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.2.1.tgz","fileCount":11,"integrity":"sha512-8Fabb30kpC+ZyQbGp5/RrgBLZSCwE71rW3yGXYiaznynlRWWWAPIEuUd9bwRHk071hlPeSLjkIXnPhug+4x7qQ==","signatures":[{"sig":"MEQCIAauQFX0F0fiyqRuOfYmvjkxtdCj/rcTP67qe/u8fejUAiBEa4Dd2NYu6ZVCw8U4A4EL5kKDi4ukno+DOvngxmFu0Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20323},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./dist/weather-widget.js"},"./astro":"./astro/WeatherWidget.astro"},"gitHead":"c4b111ab534796391a0b82f120a2cf36a609c479","scripts":{"dev":"vite build --watch","build":"vite build","prepack":"vite build"},"_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1"},"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.2.1_1767897833817_0.48330458941021326","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.2.2","author":{"name":"Danilo Simonatto"},"license":"MIT","_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.2.2","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"dist":{"shasum":"99cece174d0a71a5efe8639c42eeff002e625ae0","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.2.2.tgz","fileCount":11,"integrity":"sha512-+Qysr8gckDzP7nC9YEnYzH5ZFHY2+071WWX0T7slBJoyfRl1hf9cMl07zBU8kY7j06a6+dGnM6b3ZFu1QFyiyA==","signatures":[{"sig":"MEQCIGKsSd7lbUBzWyNUhw86lFDGPTjUUgCW5FQMvfc2r0caAiAU6S8R24k5AR9vnQEOU2fQjapM4R+XYt8OoGaYaGPoHw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39553},"type":"module","exports":{".":{"types":"./weather-widget.d.ts","default":"./dist/weather-widget.js"},"./astro":"./astro/WeatherWidget.astro"},"gitHead":"a23cd7ea2e9dbe62f7587a4c22e4f384f5ed5273","scripts":{"dev":"vite build --watch","build":"vite build","prepack":"vite build"},"_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"_npmVersion":"11.5.1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","directories":{},"_nodeVersion":"24.7.0","dependencies":{"ionicons":"^8.0.13"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1"},"_npmOperationalInternal":{"tmp":"tmp/ionicons-minimal-weather-widget_0.2.2_1773021700090_0.649010055770169","host":"s3://npm-registry-packages-npm-production"}},"0.2.3":{"name":"@danilosimonatto/ionicons-minimal-weather-widget","version":"0.2.3","type":"module","license":"MIT","author":{"name":"Danilo Simonatto"},"scripts":{"build":"vite build","dev":"vite build --watch","prepack":"vite build"},"exports":{".":{"types":"./weather-widget.d.ts","default":"./dist/weather-widget.js"},"./astro":"./astro/WeatherWidget.astro"},"dependencies":{"ionicons":"^8.0.13"},"devDependencies":{"vite":"^7.3.1"},"_id":"@danilosimonatto/ionicons-minimal-weather-widget@0.2.3","gitHead":"a7b40dc4a675bc53a9bfa1a73e9d68ee98a47eb1","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","_nodeVersion":"24.7.0","_npmVersion":"11.5.1","dist":{"integrity":"sha512-tO8Ewj1n7qcilosGWyzPoMR0W0Mzz+37/HcPLHThCAw1I9UkNK80WqCU+WEBJMc8aVV5J5jkcsz0vV+tBb9Akg==","shasum":"bcf1f6dd48730417dfbf2e2a1e28c111812ff5a2","tarball":"https://registry.npmjs.org/@danilosimonatto/ionicons-minimal-weather-widget/-/ionicons-minimal-weather-widget-0.2.3.tgz","fileCount":11,"unpackedSize":40632,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDF+dwUl6EJL5UCU74Al6H7lEp1iMVffNrOAaAnMeC70gIgRWtrZcU8wFT7fid0F57I5NzHYaoJre1L5hFg/qZ69qo="}]},"_npmUser":{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"},"directories":{},"maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ionicons-minimal-weather-widget_0.2.3_1773022717082_0.3449455416656215"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-07T21:16:40.413Z","modified":"2026-03-09T02:18:37.404Z","0.1.0":"2026-01-07T21:16:40.681Z","0.1.1":"2026-01-07T21:29:47.714Z","0.1.2":"2026-01-07T21:54:11.139Z","0.2.0":"2026-01-07T23:23:33.166Z","0.2.1":"2026-01-08T18:43:53.963Z","0.2.2":"2026-03-09T02:01:40.230Z","0.2.3":"2026-03-09T02:18:37.303Z"},"author":{"name":"Danilo Simonatto"},"license":"MIT","description":"A tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.","maintainers":[{"name":"danilosimonatto","email":"danilo.simonatto@icloud.com"}],"readme":"# Ionicons Minimal Weather Widget\n\nA tiny, framework-agnostic weather widget custom element powered by Ionicons. Displays current weather for a city using beautiful icons.\n\n## Install\n\n```sh\nnpm install @danilosimonatto/ionicons-minimal-weather-widget\n# or\nyarn add @danilosimonatto/ionicons-minimal-weather-widget\n```\n\n## Usage\n\nJust include the bundled JS file on your site/app:\n\n```js\nimport \"@danilosimonatto/ionicons-minimal-weather-widget\";\n```\n\nYou can then use the custom element in your HTML:\n\n```html\n\n```\n\n## Astro\n\nAstro frontmatter runs on the server/build step, but this package registers a **browser custom element** (it uses `window`, `HTMLElement`, and `customElements`). That means the widget must still be loaded **client-side**.\n\nTo make this easy, the package ships an Astro wrapper component that includes the needed module import for you:\n\n```astro\n---\nimport WeatherWidget from \"@danilosimonatto/ionicons-minimal-weather-widget/astro\";\n---\n\n\n```\n\nProps:\n\n- `city` (string, required)\n- `apiKey` (string, required)\n- `scale` (\"C\" | \"F\", optional, default \"C\")\n- `iconStyle` (\"filled\" | \"outline\" | \"sharp\", optional, default \"filled\")\n\n## Options\n\n| Attribute | Type | Description | Example |\n| ------------ | -------------------------------- | -------------------------------------------------- | ------------ |\n| `city` | `string` (required) | City name to fetch weather for | `Milan` |\n| `scale` | `\"C\"`/`\"F\"` | Temperature units. Celsius (default) or Fahrenheit | `F` |\n| `icon-style` | `\"filled\"`/`\"outline\"`/`\"sharp\"` | Ionicon style (default: `filled`) | `outline` |\n| `api-key` | `string` (required) | OpenWeatherMap API key | `yourApiKey` |\n\n## Example\n\n```html\n\n```\n\n## Features\n\n- 🌀 Framework-agnostic — use anywhere (Astro, React, Vue, plain HTML, etc.)\n- ⛅ Uses Ionicons for beautiful weather icons\n- 🎨 Customizable icon style and units\n- 🔐 Uses your OpenWeather API key via the `api-key` attribute\n\n## Development (editing HTML/CSS with formatting)\n\nThe published widget bundle is **generated** so consumers can keep importing a single file.\n\n- Edit:\n - `src/styles.css`\n - `src/template.html`\n - `src/weather-widget.vite.js`\n- Then run:\n\n```sh\nnpm run build\n```\n\nFor auto-rebuild while developing (e.g. with `npm link`), run:\n\n```sh\nnpm run dev\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}