Skip to content

A collection of Web Components implementing portions of the OpenWeatherMap API.

Notifications You must be signed in to change notification settings

kherrick/x-weather

Repository files navigation

<x-weather>

About

A collection of web components implementing portions of the OpenWeatherMap API.

Usage

Static Import Example:

Install:

npm i x-weather

Render:

<script type="module">
  import * as XWeather from './node_modules/x-weather/dist/esm/module.js'

  XWeather.defineCustomElements()
</script>
<x-weather
  appid="NOT_A_REAL_APP_ID"
  latitude="33.43"
  longitude="-112.11"
  placename="Phoenix, Arizona"
>
  <x-current primaryscale="f"></x-current>
  <x-forecast days="14" primaryscale="f"></x-forecast>
</x-weather>

Dynamic Import Example:

Render:

<script>
  import('https://unpkg.com/x-weather/dist/esm/defineCustomElements.js')
    .then(({
      defineCustomElements
    }) => {
      defineCustomElements()
    })
</script>
<x-weather
  appid="NOT_A_REAL_APP_ID"
  latitude="33.43"
  longitude="-112.11"
  placename="Phoenix, Arizona"
>
  <x-current primaryscale="f"></x-current>
  <x-forecast days="14" primaryscale="f"></x-forecast>
</x-weather>

Development

npm run start

Lint

npm run lint

Build

npm run build