open-index/open-npm huggingface dataset:
npm package: @tadashi/svelte-editor-quill
Description: Svelte component
Author: Thiago Lagden
Latest version: 4.0.0

# svelte-editor-quill

[![NPM version][npm-img]][npm]

<!-- [![Build Status][ci-img]][ci] -->

[npm-img]: https://img.shields.io/npm/v/@tadashi/svelte-editor-quill.svg
[npm]: https://www.npmjs.com/package/@tadashi/svelte-editor-quill

<!-- [ci-img]: https://github.com/lagden/svelte-editor-quill/workflows/Node.js%20CI/badge.svg -->
<!-- [ci]:     https://github.com/lagden/svelte-editor-quill/actions?query=workflow%3A%22Node.js+CI%22 -->

---

Svelte component

## Install

Svelte 5

```
$ npm i @tadashi/svelte-editor-quill@4
```

Svelte Legacy

```
$ npm i @tadashi/svelte-editor-quill@3
```

## Usage

Example via [StackBlitz](https://stackblitz.com/edit/vitejs-vite-ncteky?file=src%2FApp.svelte).

### options

> Type: object\
> Default: {theme: 'snow'}

See the more `options` [here](https://quilljs.com/docs/configuration/#options).

### options.plainclipboard

> Type: boolean\
> Default: false

Accept only paste plain text.

### E.g.

```svelte
<script>
	import { Editor } from '@tadashi/svelte-editor-quill'

	const options = {
		theme: 'snow',
		plainclipboard: true,
	}

	let html = $state('<h1>Go!!</h1><p><strong>Initial</strong> value.</p>')
	let text = $state('')

	const onTextChange = (markup, plaintext) => {
		html = markup
		text = plaintext
	}
</script>

<svelte:head>
	<link
		rel="stylesheet"
		href="https://unpkg.com/quill@2.0.3/dist/quill.snow.css"
		crossorigin
	/>
</svelte:head>

<Editor
	{options}
	{onTextChange}
>{@html $state.snapshot(html)}</Editor>

<div>
	<h3>plaintext</h3>
	<pre>{text}</pre>
</div>

<div>
	<h3>markup</h3>
	<pre>{html}</pre>
</div>
```

## Buy Me a Coffee

BTC: bc1q7famhuj5f25n6qvlm3sssnymk2qpxrfwpyq7g4

## License

MIT © [Thiago Lagden](https://github.com/lagden)
npm package: @tadashi/svelte-icon
Description: Svelte component
Author: Thiago Lagden
Latest version: 3.0.0

# svelte-icon

<!-- [![NPM version][npm-img]][npm] -->
[![Node.js CI][ci-img]][ci]
[![Coverage Status][coveralls-img]][coveralls]


[npm-img]:         https://img.shields.io/npm/v/@tadashi/svelte-icon.svg
[npm]:             https://www.npmjs.com/package/@tadashi/svelte-icon
[ci-img]:          https://github.com/lagden/svelte-icon/workflows/Node.js%20CI/badge.svg
[ci]:              https://github.com/lagden/svelte-icon/actions?query=workflow%3A%22Node.js+CI%22
[coveralls-img]:   https://coveralls.io/repos/github/lagden/svelte-icon/badge.svg?branch=main
[coveralls]:       https://coveralls.io/github/lagden/svelte-icon?branch=main


---

Svelte component

## Install

```
$ yarn add @tadashi/svelte-icon@lagden/svelte-icon#{version}
```

or

```
$ npm i @tadashi/svelte-icon@lagden/svelte-icon#{version}
```


## License

MIT © [Thiago Lagden](https://github.com/lagden)
npm package: @tadashi/svelte-optin
Description: Svelte components
Author: Thiago Lagden
Latest version: 1.3.2

# optin

Svelte component

## Install

```
$ npm i -S @tadashi/svelte-optin
```

## Usage

```html
<script
  type="module"
  src="https://unpkg.com/@tadashi/svelte-optin@{VERSION}/dist/Optin.js"
></script>

<tadashi-optin
  endpoint="https://services-uat.teleport.com.br/mol-rest/GravaOptin"
  endpoint_nimble="https://uat.nimble.com.br/api/token"
></tadashi-optin>

<script>
  const tadashiOptin = document.querySelector('tadashi-optin')
  globalThis.addEventListener('tadashi_optin:nope', console.log)
  globalThis.addEventListener('tadashi_optin:save', console.log)
  globalThis.addEventListener('tadashi_optin:notify', console.log)
</script>
```

## Copyright

[TEx Tecnologia](https://www.textecnologia.com.br/)
npm package: @tadashi/svelte-pesquisa
Description: Svelte components
Author: Thiago Lagden
Latest version: 2.0.0

# pesquisa-webcomponent

[![NPM version][npm-img]][npm]


[npm-img]:         https://img.shields.io/npm/v/@tadashi/svelte-pesquisa.svg
[npm]:             https://www.npmjs.com/package/@tadashi/svelte-pesquisa

---

Svelte component

## Install

```
$ npm i -S @tadashi/svelte-pesquisa
```


## Usage

Example: https://codepen.io/lagden/pen/oNezyyv?editors=1010

```html
<script type="module" src="https://unpkg.com/@tadashi/svelte-pesquisa@{VERSION}/dist/Pesquisa.js"></script>

<tadashi-pesquisa
  endpoint="https://ws.apicep.com/cep.json"
  prop="code"
  method="get"
>
  <input type="text" name="q">
</tadashi-pesquisa>

<script>
  const pesquisa = document.querySelector('tadashi-pesquisa')
  pesquisa.addEventListener('response', console.log)
</script>
```


## License

MIT © [Thiago Lagden](https://github.com/lagden)
npm package: @tadashi/svelte-splash-lgpd
Description: Svelte component
Author: Thiago Lagden
Latest version: 1.6.0

# svelte-splash-lgpd

[![NPM version][npm-img]][npm]

[npm-img]:  https://img.shields.io/npm/v/@tadashi/svelte-splash-lgpd.svg
[npm]:      https://www.npmjs.com/package/@tadashi/svelte-splash-lgpd

---

Svelte component

## Install

```
$ npm i -S @tadashi/svelte-splash-lgpd
```


## Team

[<img src="https://avatars.githubusercontent.com/u/130963?s=390" alt="Lagden" width="90" height="90">](https://gitlab.textecnologia.com.io/lagden)


## Copyright

[TEx Tecnologia](https://www.textecnologia.com.br/)
npm package: @tadashi/tooltip-webcomponent
Description: Svelte component
Author: Thiago Lagden
Latest version: 0.3.0

# tooltip-webcomponent

[![NPM version][npm-img]][npm]


[npm-img]:         https://img.shields.io/npm/v/@tadashi/tooltip-webcomponent.svg
[npm]:             https://www.npmjs.com/package/@tadashi/tooltip-webcomponent

---

Svelte component

## Install

```
$ npm i -S @tadashi/tooltip-webcomponent
```


## Usage

```html
<script
	type="module"
	src="https://unpkg.com/@tadashi/tooltip-webcomponent@{version}/dist/Tooltip.js"
></script>

<style>
	.custom {
		--width: 200px;
		--fillColor: hsl(0deg 100% 100%);
	}
</style>

<tadashi-tooltip right="true" class="custom">Ajuda aqui</tadashi-tooltip>
```


## License

MIT © [Thiago Lagden](https://github.com/lagden)
npm package: @tadashi/unflatten-object
Description: Unflatten a flat object
Author: Thiago Lagden
Latest version: 2.0.2

# Unflatten

[![NPM version][npm-img]][npm]
[![Build Status][ci-img]][ci]
[![Coverage Status][coveralls-img]][coveralls]
[![XO code style][xo-img]][xo]


[npm-img]:         https://img.shields.io/npm/v/@tadashi/unflatten-object.svg
[npm]:             https://www.npmjs.com/package/@tadashi/unflatten-object
[ci-img]:          https://github.com/lagden/unflatten-object/actions/workflows/nodejs.yml/badge.svg
[ci]:              https://github.com/lagden/unflatten-object/actions/workflows/nodejs.yml
[coveralls-img]:   https://coveralls.io/repos/github/lagden/unflatten-object/badge.svg?branch=master
[coveralls]:       https://coveralls.io/github/lagden/unflatten-object?branch=master
[xo-img]:          https://img.shields.io/badge/code_style-XO-5ed9c7.svg
[xo]:              https://github.com/sindresorhus/xo

-----

Unflatten a flat object

## Install

```
$ npm i -S @tadashi/unflatten-object
```


## Usage

```js
import unflatten from '@tadashi/unflatten-object'

const unflat = unflatten({
  'a.b.c': 'foo',
  'a.d': 'bar'
})
// => {
//      a: {
//        b: {
//          c: 'foo'
//        },
//        d: 'bar'
//      }
//    }
```


## License

MIT © [Thiago Lagden](http://lagden.in)
npm package: @tadashi/whitelister
Description: Checks if a url contains a valid domain from a whitelist
Author: First+Third
Latest version: 1.0.0

# whitelister

[![NPM version][npm-img]][npm]
[![Build Status][ci-img]][ci]
[![Coverage Status][coveralls-img]][coveralls]

[npm-img]:       https://img.shields.io/npm/v/@tadashi/whitelister.svg
[npm]:           https://www.npmjs.com/package/@tadashi/whitelister
[ci-img]:          https://github.com/lagden/redirect-whitelister/actions/workflows/nodejs.yml/badge.svg
[ci]:              https://github.com/lagden/redirect-whitelister/actions/workflows/nodejs.yml
[coveralls-img]:   https://coveralls.io/repos/github/lagden/redirect-whitelister/badge.svg?branch=master
[coveralls]:       https://coveralls.io/github/lagden/redirect-whitelister?branch=master


```shell
npm install -S @tadashi/whitelister
```


## Usage

```js
import Whitelister from 'whitelister'

const whitelister = new Whitelister(<domain-list>)
const validUrl = whitelister.verify('https://example.com/test/1234?s=test')
```


#### Options

  - `domain-list` - Either an array or single string domain. Domains may contain wildcards eg: `test.*.example.com`. You can also use simple regex (see tests cases).


#### Overriding Protocols

By default only http and https are allowed. If you need to change this, say to support a custom protocol for a mobile app:

```javascript
import Whitelister from 'whitelister'
const whitelister = new Whitelister(<domain-list>)

whitelister.allowedProtocols = ['gopher:', 'http:', 'https:']
```

#### Validating a url

- `verify(<url>)` - Returns a boolean if the url contains a domain that matches any of the allowed domains.
npm package: @tadashi/winston-datadog-transport
Description: Custom transport for Winston.
Author: Thiago Lagden
Latest version: 1.1.0

# winston-datadog-transport

[![NPM version][npm-img]][npm]
[![Node.js CI][ci-img]][ci]
[![Coverage Status][coveralls-img]][coveralls]

[npm-img]:         https://img.shields.io/npm/v/@tadashi/winston-datadog-transport.svg
[npm]:             https://www.npmjs.com/package/@tadashi/winston-datadog-transport
[ci-img]:          https://github.com/lagden/winston-datadog-transport/actions/workflows/nodejs.yml/badge.svg
[ci]:              https://github.com/lagden/winston-datadog-transport/actions/workflows/nodejs.yml
[coveralls-img]:   https://coveralls.io/repos/github/lagden/winston-datadog-transport/badge.svg?branch=main
[coveralls]:       https://coveralls.io/github/lagden/winston-datadog-transport?branch=main


Custom transport for Winston.


## Install

```
$ npm i -S @tadashi/winston-datadog-transport
```

## API


### DDTransport( \[options\]): TransportStream

> Type: TransportStream


#### options 

> Type: object  
> Default: {}


Name        | Type      | Default                        | Required
----------- | --------- | -----------------              | ------------
DD_HOST     | string    | http-intake.logs.datadoghq.com | no
DD_PATH     | string    | /v1/input                      | no
DD_TAGS     | string    | -                              | no
DD_KEY      | string    | -                              | yes


## Usage

```js
import winston from 'winston'
import DDTransport from '@tadashi/winston-datadog-transport'

const {
  createLogger,
  config,
  format,
} = winston

const opts = {
  levels: config.syslog.levels,
  exitOnError: false,
  format: format.json(),
}

const logger = createLogger({...opts, transports: [new DDTransport({
  DD_KEY: 'cbadf2...',
})]})

logger.log({
  level: 'info',
  message: 'Apenas um show'
})
```


## License

MIT © [Thiago Lagden](https://github.com/lagden)
npm package: @tadatuta/massage
Description: MArkdown Site StAtic GEnerator
Author: Vladimir Grinenko
Latest version: 0.0.3

# massage

MArkdown Site StAtic GEnerator.

## Installation

```
npm i @tadatuta/massage
massage
```

## Configuration

Put `site.yml` to the root of your repo.

```yaml
siteName: gemini
description: Utility for regression testing of web pages using screenshots

pages:
  - slug: index
    source: README.md
    title: Quick start

  - slug: configuration
    source: doc/config.md
    title: Configuration

theme: simple

outputDir: site
```