{"id":28742214,"url":"https://github.com/mawinkler/astroweather-card","last_synced_at":"2025-06-16T08:32:08.244Z","repository":{"id":56769519,"uuid":"454670742","full_name":"mawinkler/astroweather-card","owner":"mawinkler","description":"Lovalace Card for the AstroWeather Integration","archived":false,"fork":false,"pushed_at":"2025-03-31T07:43:17.000Z","size":1825,"stargazers_count":27,"open_issues_count":2,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-05T21:03:14.122Z","etag":null,"topics":["7timer","astronomy","forecast","homeassistant","lovelace-card"],"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/mawinkler.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":"2022-02-02T06:47:17.000Z","updated_at":"2025-03-31T07:42:26.000Z","dependencies_parsed_at":"2023-10-12T14:43:03.564Z","dependency_job_id":"fc3960a7-d965-44c6-a126-04a5cc0f15f6","html_url":"https://github.com/mawinkler/astroweather-card","commit_stats":null,"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/mawinkler/astroweather-card","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mawinkler%2Fastroweather-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mawinkler%2Fastroweather-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mawinkler%2Fastroweather-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mawinkler%2Fastroweather-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mawinkler","download_url":"https://codeload.github.com/mawinkler/astroweather-card/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mawinkler%2Fastroweather-card/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260126397,"owners_count":22962640,"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":["7timer","astronomy","forecast","homeassistant","lovelace-card"],"created_at":"2025-06-16T08:32:07.644Z","updated_at":"2025-06-16T08:32:08.239Z","avatar_url":"https://github.com/mawinkler.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lovelace AstroWeather Card\n\n![GitHub release](https://img.shields.io/badge/release-v0.71.1-blue)\n[![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)\n\nThis is a custom weather card for my custom [Home Assistant](https://www.home-assistant.io/) integration [AstroWeather](https://github.com/mawinkler/astroweather).\n\n\u003cimg src=\"./images/astroweather-card.png\" alt=\"AstroWeather Card\" width=\"400\"/\u003e\n\nThe percentages that are calculated and graphed are to be read like 100% is perfect, 0% is bad. This also means, that a percentage of e.g. 87% for cloud does stand for a sky being nearly cloud free ;-).\n\nThanks for all picking this card up.\n\nPS: will redo the screenshot with better conditions...\n\n## Installation\n\n### HACS installation\n\nThis Integration is part of the default HACS store, so go to the HACS page and search for *AstroWeather* within the Lovelace category.\n\n### Manual Installation\n\nTo add the AstroWeather card to your installation, download the [astroweather-card.js](https://raw.githubusercontent.com/mawinkler/astroweather-card/main/dist/astroweather-card.js) and [astroweather-card-editor.js](https://raw.githubusercontent.com/mawinkler/astroweather-card/main/dist/astroweather-card-editor.js) to `/config/www/custom-lovelace/astroweather-card/`.\n\nAdd the card to your dashboard by choosing `[Edit Dashboard]` and then `[Manage Resources]`.\n\nUse `/local/custom-lovelace/astroweather-card/astroweather-card.js` for the URL parameter and set the resource type to `JavaScript Module`.\n\nAlternatively, add the following to resources in your lovelace config:\n\n```yaml\nresources:\n  - url: /local/custom-lovelace/astroweather-card/astroweather-card.js\n    type: module\n```\n\n## Configuration\n\nAnd add a card with type `custom:astroweather-card`:\n\n```yaml\ntype: custom:astroweather-card\nentity: weather.astroweather_backyard\ndetails: true\ncurrent: true\ndeepskydetails: true\nforecast: false\ngraph: true\ngraph_condition: true\ngraph_cloudless: true\ngraph_seeing: false\ngraph_transparency: false\ngraph_calm: true\ngraph_li: false\ngraph_precip: true\ngraph_fog: true\nnumber_of_forecasts: \"48\"\nline_color_condition: \"#f07178\"\nline_color_condition_night: \"#eeffff\"\nline_color_cloudless: \"#c3e88d\"\nline_color_seeing: \"#ffcb6b\"\nline_color_transparency: \"#82aaff\"\nline_color_calm: \"#ff5370\"\nline_color_li: \"#89ddff\"\nline_color_precip: \"#82aaff\"\nline_color_fog: \"#dde8ff\"\n```\n\nOptionally, you can define custom tap actions to happen when clicking on the card. Below are some examples:\n\n```yaml\ntap_action:\n  action: more-info\n```\n\n```yaml\n# Assumes an input boolean to put your house into stargazer mode\ntap_action:\n  action: call-service\n  service: input_boolean.toggle\n  data:\n    entity_id: input_boolean.stargazer_mode\n```\n\n```yaml\n# Assumes you have a view called astroweather\ntap_action:\n  action: navigate\n  navigation_path: /lovelace/astroweather\n```\n\n```yaml\n# Navigates you to Meteoblue seeing forecast\ntap_action:\n  action: url\n  url_path: https://www.meteoblue.com/en/weather/outdoorsports/seeing\n```\n\n```yaml\n# Assumes you have UpTonight and browser_mod\ntap_action:\n  action: fire-dom-event\n  browser_mod:\n    service: browser_mod.popup\n    data:\n      title: UpTonight\n      size: wide\n      content:\n        type: picture-entity\n        entity: image.uptonight\n```\n\nYou can choose wich elements of the weather card you want to show:\n\n- The title and current view conditions.\n- The details about the current weather.\n- The deep sky forecast for today and tomorrow in plain text.\n- The hourly forecast for clouds, seeing, transparency, view conditions and temperature.\n- The graphical forecast. You can configure which conditions to display and define the line colors. \n\nIf you enable either the forecast or the graph you can define the number of future forecasts in hourly steps. It is best to only choose the forecast table or the graphical forcast since the graphical variant can display 48hs easily which is not possible with the table. You might create a dedicated card for the table view, simply clone the card and enable forecast only.\n\n```yaml\ntype: custom:astroweather-card\nentity: weather.astroweather_LONGITUDE_LATITUDE\nname: Backyard\ncurrent: false\ndetails: false\ndeepskydetails: false\nforecast: true\ngraph: false\nnumber_of_forecasts: '8'\n```\n\nThe card owns a card editor which pops up if you click on `[Edit]` which being in edit mode of your view.\n\n## TS Migration\n\n```sh\nnpm install --save-dev rollup @rollup/plugin-node-resolve @rollup/plugin-typescript @rollup/plugin-commonjs tslib custom-card-helpers\n\nnpm install\nexport PATH=$PWD/node_modules/.bin:$PATH\n\nnpm run build\n```\n\n## Development Instructions\n\nTo do development work on this card (either for your personal use, or to contribute via pull requests), follow these steps:\n\n1. Create a fork of this repository on GitHub\n2. Download and setup the repository on your local machine, by running:\n```\ngit clone https://github.com/mawinkler/astroweather-card\ncd astroweather-card\ngit remote add upstream https://github.com/mawinkler/astroweather-card\n```\n3. Once the repository is setup, install the npm dependencies with `npm install`\n4. Make local edits as needed to the grocy chores card. \n5. To test changes, run `npm run build`. This will create a compiled version of the card in `dist/astroweather-card.js` and `dist/astroweather-card-editor.js`.\n6. Copy the compiled card in the `dist/` folder to your Home Assistant installation and update the dashboard resources to point to it. Make sure the cache is cleared each time you try updating with new changes.\n7. Push the changes back to your GitHub origin, and open a pull request if you want to contribute them to the main repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmawinkler%2Fastroweather-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmawinkler%2Fastroweather-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmawinkler%2Fastroweather-card/lists"}