open-index/open-npm huggingface dataset:
npm package: @reuters-graphics/vite-plugin-purge-styles
Description: A shameless copy of [vite-plugin-tailwind-purgecss](https://github.com/AdrianGonz97/vite-plugin-tailwind-purgecss), which is being deprecated in favour of in-built capabilities in tailwind 4.
Latest version: 0.0.3

# @reuters-graphics/vite-plugin-purge-styles

A shameless copy of [vite-plugin-tailwind-purgecss](https://github.com/AdrianGonz97/vite-plugin-tailwind-purgecss), which is being deprecated in favour of in-built capabilities in tailwind 4.

We weren't using it with tailwind, but found it generic enough pre-0.3.0 to purge unused styles from our tailwind-like Reuters Graphics design system.

THUS... this shadow library to keep us going.

## Usage

### Installation

```console
npm i -D @reuters-graphics/vite-plugin-purge-styles
```

### Add to Vite

```ts
// vite.config.ts
import { purgeStyles } from '@reuters-graphics/vite-plugin-purge-styles';

const config: UserConfig = {
	plugins: [sveltekit(), purgeStyles()],
};
```

### Safelisting

If selectors that shouldn't be purged are being removed, simply add them to the `safelist`.

```ts
// vite.config.ts
import { purgeStyles } from '@reuters-graphics/vite-plugin-purge-styles';

const config: UserConfig = {
  plugins: [
		sveltekit(),
		purgeStyles({
			safelist: {
				// any selectors that begin with "hljs-" will not be purged
				greedy: [/^hljs-/],
			},
		}),
	],
};
```

Alternatively, if you'd like to safelist selectors directly in your stylesheets, you can do so by adding special comments:

```css
/*! purgecss start ignore */

h1 {
	color: red;
}

h2 {
	color: blue;
}

/*! purgecss end ignore */
```

You can also safelist selectors directly in the declaration block as well:

```css
h3 {
	/*! purgecss ignore current */
	color: pink;
}
```

**NEW!** You can safelist any selectors from CSS or SCSS stylesheets matching glob patterns:

```ts
// vite.config.ts
import { purgeStyles } from '@reuters-graphics/vite-plugin-purge-styles';

const config: UserConfig = {
	plugins: [
		sveltekit(),
		purgeStyles({
			safelFiles: ['src/styles/**/*.scss']
		}),
	],
};
```


For further configuration, read [PurgeCSS](https://purgecss.com/configuration.html) docs.
npm package: @reuzun/tabpanel-webcomponent
Description: A native tab-panel web component.
Author: reuzun
Latest version: 4.2.1

[![tab-panel-webcomponent](https://github.com/reuzun/tab-panel-webcomponent/actions/workflows/publish.yml/badge.svg)](https://github.com/reuzun/tab-panel-webcomponent/actions/workflows/publish.yml) ![badge](https://img.shields.io/endpoint?url=https://gist.githubusercontent.com/reuzun/63457e59c3284704de9892a683dce90c/raw/tabpanel.json)
# TabPanel - Web Component

A light-weight tab panel component with allowing limitless panels without any content restriction.

Size - 1.92KiB

# How to install?
```
npm install @reuzun/tabpanel-webcomponent
```

# How to use?

Nth button changes content to Nth content.

```html
<script src="./node_modules/@reuzun/tabpanel-webcomponent/dist/tab-panel.js"></script>

<tab-panel width="75%" height="250px">
    <anything slot="button"></anything>
    <anything slot="content"></anything>    
    <anything slot="button"></anything>
    <anything slot="content"></anything>
</tab-panel>

<tab-panel width="300px" height="700px" direction="rtl">
    <anything slot="content"></anything>    
    <anything slot="content"></anything>
    <anything slot="button"></anything>
    <anything slot="button"></anything>
</tab-panel>
```

# Properties

| Command | Description | Default | Allowed Values
| --- | --- | --- | --- |
| `width` | Width of the tab-panel | 400px | Same with css.
| `height` | Width of the tab-panel | 400px | Same with css.
| `direction` | Direction of buttons to Content | 'ttb' | 'ltr', 'rtl', 'ttb', 'btt'


| ltr | rtl | ttb | btt|
| --- | --- | --- | --- |
| <img src="https://user-images.githubusercontent.com/73116832/210154855-6ca4c56d-334f-43ae-a7a2-e11369ac2253.png" width="275" height="105"> | <img src="https://user-images.githubusercontent.com/73116832/210154842-51b43e14-2e23-46d8-835a-a68835534ceb.png" width="275" height="105"> |<img src="https://user-images.githubusercontent.com/73116832/210154943-c8247514-e48c-47a1-b833-45efd1fb2939.png" width="275" height="105"> | <img src="https://user-images.githubusercontent.com/73116832/210155040-5799e0cf-49cb-477b-892d-42de9a15ffb1.png" width="275" height="105">|


# How to run demo?

```
cd demo
npm install
```

* open demo.html

# LICENSE
Licensed under [MIT License](LICENSE).
npm package: @rev-robotics/can-bridge
Description: Access CAN Data from a USB device in Node.js
Author: REV Robotics
Latest version: 3.6.2

# node-can-bridge NPM package

This package enables Node.js applications to use a CAN bus over USB.

## Making a release

1. Check out the `main` branch
2. Update `version` field in `package.json`
3. Run `npm install`
4. Commit change to git
5. Run `git tag v<version>`
6. Run `git push`
7. Run `git push --tags` 
8. Run `npm publish --access public`
9. Create a new release on GitHub with an explanation of the changes
npm package: @rev-robotics/expansion-hub-ftdi
Description: Puts USB-connected Expansion Hubs into firmware update mode
Author: REV Robotics
Latest version: 1.0.7

# expansion-hub-ftdi NPM package

This package enables Node.js applications to put USB-connected Expansion Hubs into firmware
update mode.

## Making a release

1. Check out the `main` branch
2. Update `version` field in `package.json`
3. Run `npm install`
4. Commit change to git
5. Run `git tag v<version>`
6. Run `git push`
7. Run `git push --tags`
8. Run `npm publish --access public`
9. Create a new release on GitHub with an explanation of the changes