open-index/open-npm huggingface dataset:
npm package: @lightness/release-it-slack-notification-plugin
Description: Plugin for release-it to notify about release in slack
Author: Uladzimir Aleshka
Latest version: 1.4.1

# Plugin for release-it to notify about release in slack

This [release-it plugin](https://github.com/release-it/release-it/blob/master/docs/plugins.md) ...

```
npm install --save-dev @lightness/release-it-slack-notification-plugin
```

In [release-it](https://github.com/release-it/release-it) config:

```
"plugins": {
  "@lightness/release-it-slack-notification-plugin": {
    "slackBotTokenRef": "SLACK_BOT_TOKEN",
    "slackChannelRef": "SLACK_CHANNEL",
    "slackMessageTitle": "New release",
  }
}
```
npm package: @lightnet/decap-admin
Description: Experimental Admin UI for LightNet based on Decap CMS.
Latest version: 3.1.4

# @lightnet/decap-cms

**Experimental** Administration UI for LightNet sites. This is built as an [Astro Integration](https://docs.astro.build/en/guides/integrations-guide/) that uses [Decap CMS](https://decapcms.org/) to administrate LightNet´s content folders.

## Documentation

[Read the LightNet Administration UI docs](https://docs.lightnet.community/content/administration-ui/) on how to use this.

## License

MIT

Copyright (c) 2024–present [LightNet contributors](https://github.com/LightNetDev/LightNet/graphs/contributors)
npm package: @lightnet/sveltia-admin
Description: Admin UI for LightNet based on Sveltia CMS.
Latest version: 4.0.3

# @lightnet/sveltia-admin

**Experimental** Administration UI for LightNet sites. This is built as an [Astro Integration](https://docs.astro.build/en/guides/integrations-guide/) that uses [Sveltia CMS](https://sveltiacms.app/) to administrate LightNet´s content folders.

## Documentation

[Read the LightNet Administration UI docs](https://docs.lightnet.community/content/administration-ui/) on how to use this.

## License

MIT

Copyright (c) 2024–present [LightNet contributors](https://github.com/LightNetDev/LightNet/graphs/contributors)
npm package: @lightning-components/google-maps
Description: Improves page-speed loading performance for Google Maps.
Author: Justin Fortunato
Latest version: 0.1.2

# Lightning Components - Google Maps

Improve your websites page speed performance by replacing regular old `iframe` tags with `lightning-google-maps` tags.

## Features

- Lazy load google maps embed iframes that are not yet on screen to improve performance.
- Supports all attributes that would go on a basic `iframe` tag.
- It's just a vanilla web component, no frameworks to install.
- Will use the browser's built in native lazy loading if it supports it.

## Install

This component can be used as part of the entire lightning-components ecosystem or as a a standalone component.

###### Install with npm

```
npm install @lightning-components/google-maps
```

After installing, import it into your project.

```
import '@lightning-components/google-maps'
```

## Usage

As with all lightning-components, you simply replace the original tag with it's `lighting-tag` inspired counterpart.

So if this was the original `iframe` tag on your page:
```html
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42562.2757072101!2d-75.15273957606611!3d39.94151589949284!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6c8830b04502f%3A0xce39e053fb81ef23!2sLiberty%20Bell!5e0!3m2!1sen!2sus!4v1574103352377!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
```
You would rewrite that as:
```html
<lightning-google-maps src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42562.2757072101!2d-75.15273957606611!3d39.94151589949284!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6c8830b04502f%3A0xce39e053fb81ef23!2sLiberty%20Bell!5e0!3m2!1sen!2sus!4v1574103352377!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></lightning-google-maps>
```

Keep all of the original attributes, classes, id's, etc. the same and just replace `iframe` with `lightning-google-maps`
npm package: @lightning-components/image
Description: Lazy loads images to improve page speed
Author: Justin Fortunato
Latest version: 0.1.5

# Lightning Components - Image

Improve your websites page speed performance by replacing regular old `img` tags with `lightning-image` tags.

## Features

- Lazy load images that are not yet on screen to improve performance.
- Supports all attributes that would go on a basic `img` tag.
- It's just a vanilla web component, no frameworks to install.
- Will use the browser's built in native lazy loading if it supports it.

## Install

This component can be used as part of the entire lightning-components ecosystem or as a a standalone component.

###### Install with npm

```
npm install @lightning-components/image
```

After installing, import it into your project.

```
import '@lightning-components/image'
```

## Usage

As with all lightning-components, you simply replace the original tag with it's `lighting-tag` inspired counterpart.

So if this was the original `img` tag on your page:
```html
<img src="https://placehold.it/400x400" alt="Placeholder Image">
```
You would rewrite that as:
```html
<lightning-image src="https://placehold.it/400x400" alt="Placeholder Image"></lightning-image>
```

Keep all of the original attributes, classes, id's, etc. the same and just replace `img` with `lightning-image`

> ##### NOTE since `img` tags do not use a closing tag, you will need to make sure that you don't forget to add the closing `</lightning-image>` tag.