open-index/open-npm huggingface dataset:
npm package: @jarrydark/editorsimplejs
Description: SimpleImage Tool for Editor.js
Author: JD
Latest version: 1.0.42-c

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Simple Image Tool

## Installation

### Install via NPM

Get the package

```shell
npm i --save-dev @jarrydark/simple-image
```

Include module at your application

```javascript
const SimpleImage = require('@jarrydark/simple-image');
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Config Params

This Tool has no config params
npm package: @jarsec/eslint-config
Description: jsec's eslint configurations
Author: Jarrod Seccombe
Latest version: 7.1.0

# ESLint Configuration

*Note:* This configuration requires ESLint >9.

This package contains my standard ESLint configuration.

Rules are collected from the following shared configurations:

- `eslint` recommended configuration.
- `typescript-eslint` recommended and stylistic configurations.
- `eslint-plugin-unicorn`
- `eslint-plugin-perfectionist`
- `@stylistic` code style configuration.

### Installation

```
npm install --save-dev @jarsec/eslint-config
```

### Usage

```js
import config from '@jarsec/eslint.config';

export default [
    ...config,
    // other configurations
]
```
npm package: @jarsec/tsconfig
Description: jsec's tsconfig configurations
Author: Jarrod Seccombe
Latest version: 3.0.1

# TypeScript Configurations

This package includes 8 `tsconfig.json` files, broken out by platform and compilation mode.

### Installation

```
npm install --save-dev @jarsec/tsconfig
```

### Configurations

Select a configuration from the following table based on your project's context and build tooling, and add the associated `extends` line to your `tsconfig.json`.

| Platform 	| Project Type          	| Uses Bundler? 	| Configuration                                     	|
|----------	|-----------------------	|---------------	|---------------------------------------------------	|
| Node     	| Application           	| No            	| `"extends": "@jarsec/tsconfig/node"`              	|
| Node     	| Library               	| No            	| `"extends": "@jarsec/tsconfig/node/lib"`          	|
| Node     	| Library (in monorepo) 	| No            	| `"extends": "@jarsec/tsconfig/node/lib-monorepo"` 	|
| Node     	| Any                   	| Yes           	| `"extends": "@jarsec/tsconfig/bundler/node"`      	|
| Web      	| Application           	| No            	| `"extends": "@jarsec/tsconfig/web"`               	|
| Web      	| Library               	| No            	| `"extends": "@jarsec/tsconfig/web/lib"`           	|
| Web      	| Library (in monorepo) 	| No            	| `"extends": "@jarsec/tsconfig/web/lib-monorepo"`  	|
| Web      	| Any                   	| Yes           	| `"extends": "@jarsec/bundler/web"`                	|
npm package: @jarstone/dselect
Description: Dropdown select box for bootstrap 5
Author: jarstone
Latest version: 1.0.4

# dselect

Dropdown select box for bootstrap 5

[Demo](https://dselect.vercel.app)

## Features

- Placeholder
- Multiple
- Search
- Creatable
- Clearable
- Sizing
- Validation


## Installation

Install dselect with npm

```bash
npm install @jarstone/dselect
```

Install from cdn
```html
<link rel="stylesheet" href="https://unpkg.com/@jarstone/dselect/dist/css/dselect.css">
<script src="https://unpkg.com/@jarstone/dselect/dist/js/dselect.js"></script>
```
## Usage/Examples

```html
<select class="form-select" id="dselect-example">
    <option value="chrome">Chrome</option>
    <option value="firefox">Firefox</option>
    <option value="safari">Safari</option>
    <option value="edge">Edge</option>
    <option value="opera">Opera</option>
    <option value="brave">Brave</option>
</select>
```
```javascript
dselect(document.querySelector('#dselect-example'))
```
## Options

```javascript
const config = {
    search: false, // Toggle search feature. Default: false
    creatable: false, // Creatable selection. Default: false
    clearable: false, // Clearable selection. Default: false
    maxHeight: '360px', // Max height for showing scrollbar. Default: 360px
    size: '', // Can be "sm" or "lg". Default ''
}
dselect(document.querySelector('#dselect-example'), config)
```

options can also be set in "data-dselect-*" attribute

```html
<select data-dselect-search="true" data-dselect-creatable="true" data-dselect-clearable="true" data-dselect-max-height="300px" data-dselect-size="sm" class="form-select" id="dselect-example">
...
</select>
```