open-index/open-npm huggingface dataset:
npm package: @silesia-corporation/webpack-css-stats-plugin
Description: Plugin creating css stats
Author: Tomasz Szarek
Latest version: 0.5.0

# webpack-css-stats-plugin
Plugin creates HTML and JSON files with CSS files stats.

# Usage 
1. Install `webpack-css-stats-plugin` as a dev-dependency:

```shell
npm install --save-dev @silesia-corporation/webpack-css-stats-plugin
```

2. Enable the plugin by adding it to your `.webpack.config.js`:

``` javascript
plugins: [
  new CssReportGeneratorPlugin({
      disabled: false // Optional: disable plugin
      outputSuffix: '-CSSRaport' // Required: suffix for generated files
      outputPath: 'path' // Required: output path
      inputFilesPrefixes: ['example', 'example2'], // Required: input files prefixes
      inputPath: 'path', // Required: input path
      reporters: ['html, 'json'] // Optional: report extensions default value ['html, 'json']
  })
]
```
npm package: @silevis/reactgrid
Description: Add spreadsheet-like behavior to your React app.
Author: Silevis Software
Latest version: 4.1.17

<img alt="Sample app" src="public/rg-banner.png"/>

<div align="center">

ReactGrid is an open-source React component for displaying and editing data in a spreadsheet-like way. 🚀

[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/silevis/reactgrid/blob/develop/LICENSE)
[![reactgrid](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/hwrqiy&style=flat&logo=cypress)](https://dashboard.cypress.io/projects/hwrqiy/runs)

<img alt="Sample app" src="https://reactgrid.com/sample.gif"/>

We've put a lot of effort in this software<br/>
If you like our work, please give this project a star ⭐

</div>
&nbsp;

# Check out the new v5-alpha version

🌐 [Visit our new Website](https://silevis.github.io/reactgrid/)

📚 [Dive into the Documentation](https://silevis.github.io/reactgrid/docs/5.0/1-getting-started) to get started quickly and easily.

# Features

- Handling data changes
- Column resizing
- Column and row reordering
- Sticky rows and columns
- Keyboard shortcuts
- Spanned cells
- Range selection
- Fill handle
- Styled ranges
- Custom styling
- Custom cell types
- Customizable behaviors
- API hook that allows you to interact with a ReactGrid

# Licensing

ReactGrid is published under the [MIT License](./LICENSE).

# Authors

<div align="center">
  <a 
    href="https://www.silevis.com/?utm_source=github&utm_medium=reactgrdigit&utm_campaign=github" 
    target="_blank" 
    rel="noopener noreferrer"
  >
    <img src="public/silevis.png" alt="Silevis" width="400"/>
  </a>
</div>
npm package: @silexlabs/grapesjs-ui-suggest-classes
Description: Grapesjs Ui Suggest Classes
Author: Alex Hoyau
Latest version: 1.2.0
Deprecated: This project is not used in Silex anymore, it was replaced by @silexlabs/grapesjs-advanced-selector . Looking for a new maintainer, please contact alex@lexoyo.me .

# Grapesjs Ui Suggest Classes

A grapesjs plugin to enable auto-complete of classes in the SelectorManager UI 

[DEMO](https://codepen.io/lexo1000/pen/abErmeW)

> This code is part of a bigger project: [Silex v3](https://www.silex.me/) which aims to be a free/libre alternative to webflow
> 
> For bugs and support please [start a discussion here](https://community.silex.me)

!! [read this to avoid performance issues](https://github.com/silexlabs/grapesjs-ui-suggest-classes/issues/5#issuecomment-1911240266)

## Summary

* Plugin name: `grapesjs-ui-suggest-classes`
* UI: a tag list will appear when you click "+" in the class list of an element
* Feature: suggest css classes as you type

![Suggest CSS classes as you type](https://user-images.githubusercontent.com/715377/164978546-eb6eba13-f20a-4b53-873f-c98d54cdf93b.png)


## Options

| Option | Description | Default |
|-|-|-|
| `containerStyle` | The css style of the tags container | check the source code |
| `tagStyle` | The css style of the tags | check the source code |
| `enablePerformance` | Display execution times | false |
| `enableCount` | Compute and display the number of components using each CSS class, and order classes accordingly. The algorithm for this is not very efficient yet and impacts preformances | true |


## Download

* CDN
  * `https://unpkg.com/grapesjs-ui-suggest-classes`
* NPM
  * `npm i @silexlabs/grapesjs-ui-suggest-classes`
* GIT
  * `git clone https://github.com/lexoyo/grapesjs-ui-suggest-classes.git`



## Usage

Directly in the browser
```html
<link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/grapesjs"></script>
<script src="path/to/grapesjs-ui-suggest-classes.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container: '#gjs',
      // ...
      plugins: ['grapesjs-ui-suggest-classes'],
      pluginsOpts: {
        'grapesjs-ui-suggest-classes': { /* options */ }
      }
  });
</script>
```

Modern javascript
```js
import grapesjs from 'grapesjs';
import plugin from '@silexlabs/grapesjs-ui-suggest-classes';
import 'grapesjs/dist/css/grapes.min.css';

const editor = grapesjs.init({
  container : '#gjs',
  // ...
  plugins: [plugin],
  pluginsOpts: {
    [plugin]: { /* options */ }
  }
  // or
  plugins: [
    editor => plugin(editor, { /* options */ }),
  ],
});
```



## Development

Clone the repository

```sh
$ git clone https://github.com/lexoyo/grapesjs-ui-suggest-classes.git
$ cd grapesjs-ui-suggest-classes
```

Install dependencies

```sh
$ npm i
```

Build the project

```sh
$ npm run build
```

Start the dev server

```sh
$ npm start
```


## License

MIT
npm package: @silexlabs/silex-puter
Description: Silex plugin
Latest version: 0.0.8

# Silex Puter Plugin

A good place to start writing a Silex plugin. It supports server and/or client side plugins, in Javascript and TypeScript. Check [Silex developer docs if you need help](https://docs.silex.me/en/dev) or [join the discussions in the forum](https://community.silex.me/)

Start creating your plugin from `src/main.js` or `src/main.ts`, [read the Development section](#development)

Features / TODO:

* [x] Open / save website to / from puter file system
* [x] Publish website to puter hosting
* [ ] Upload assets to puter
* [ ] Test and debug
* [ ] Docs
* [ ] Write tests

## Installation

This is how to use the silex-puter plugin in your Silex instance or JS project

Add as a dependency

```bash
$ npm i --save @silexlabs/silex-puter
```

Add to Silex config (client or server)

```js
import plugin from '@silexlabs/silex-puter'
// Or import YourPlugin from '../path/to/silex-puter'
// Or import YourPlugin from 'http://unpkg.com/your-plugin'
export default function(config, options) {
  config.addPlugin(plugin, {
    // ... plugin config ...
  })
};
```

## Options

|Option|Description|Default|
|-|-|-
|`option1`|Description option|`default value`|

## Development

Clone the repository

```sh
$ git clone https://github.com/silexlabs/silex-puter.git
$ cd silex-puter
```

Install dependencies

```sh
$ npm i
```

Build and watch for changes

```sh
$ npm run build:watch
```

Start the dev server on port 3000 with watch and debug

```sh
$ npm run dev
```

Publish a new version

```sh
$ npm test
$ npm run lint:fix
$ git commit -am "new feature"
$ npm version patch
$ git push origin main --follow-tags
```

## License

MIT
npm package: @silicic/hyper-visor
Description: Add visor mode to Hyper.
Author: Wendell Hu
Latest version: 0.1.0


<div style="text-align: center">
  <img src="./img/icon@2x.png">
</div>

# hyper-visor

Add visor mode to your Hyper terminal.

## Config

In you `.hyper.js` file:

```js
module.exports = {
  config: {
    visor: {
      trigger: 'command+shift+h', // trigger to open or hide the visor terminal
      position: 'top', // or 'bottom', 'left', 'right',
      width: undefined, // 100% width if not set
      height: 500, // 100% height if not set
      hideOnBlur: true // hide it when the visor terminal blurs
    }
  }
}
```

## Artwork

Icon on [Figma](https://www.figma.com/file/N5iSJfGFNeOWCht6qGxaHMtj/hyper-visor?node-id=2%3A2).

## License

MIT