open-index/open-npm huggingface dataset:
npm package: @schibstedspain/sui-tracking-view
Description: Tracking view is a component which purpose is to load our desired tracking library if wasn't loaded before and call the method of our tracking library that have the responsibility of do a pageView. For example: `utag.view`
Latest version: 1.7.0

# TrackingView

Tracking view is a component which purpose is to load our desired tracking library if wasn't loaded before and call the method of our tracking library that have the responsibility of do a pageView. For example:
`utag.view`

### Who defines the method to call?

The component will not be responsible to call the tracking library, it just will implement the track method that was defined in our props.

### Must I define the properties on each component instantiation?

You must, in order to load the library. What we recomend to do is to wrap this component in another one that holds that variables and was the one coupled to your desired library avoiding to pass it in the future, for example.

```javascript
<TealiumTrackingView>

// The render of the tealium tracking view will be the one to hold the src and maybe also the useCase (is up to you)
render(){
 return <TrackingView
        src='url'
        track={() =>domain.get('usecase').execute(trackingDataObject)}
        isAsync={false}
        verifier={() => window && window.utag}
        />
}

// So you can use TealiumTrackingView abstracted from URL, verifier and even usecase
```

## Installation

```sh
$ npm install @schibstedspain/sui-tracking-view --save
```

## Usage

### Basic usage

```js
import TrackingView from "@schibstedspain/sui-tracking-view";

return (
  <TrackingView
    src="http://tags.tiqcdn.com/utag/tealium/main/prod/utag.js"
    isAsync={false}
    verifier={() => window && window.utag}
    track={() =>
      domain.get("my_tracking_usecase").execute({
        data_blabla: "test"
      })
    }
  />
);
```

> **Find full description and more examples in the [demo page](#).**
npm package: @schibstedspain/suntory
Description: Append arbitrary events at your ReactJS components
Author: Carlos Villuendas
Latest version: 2.0.0

# Suntory

![Suntory](suntory.gif "Cuando todo falla, ponte cómodo y sirvete un suntory")

Algunas veces tenemos que hacer cosas que no nos gustaría. Sin duda pasar por encima de los eventos sintácticos de ReactJS es una de esas cosas. Se me pueden ocurrer escenarios donde eso sea la solución más simple:

* Cuando deseamos trackear toda clase de acciones raras en un componente y no expone una API adecuada para ello.
* Cuando debemos trabajar con componentes de terceros que exponen una API muy limitada.

En fin, por el motivo que sea, has llegado al punto de decidir que necesitas más potencia de la que tienes con ReactJS.

> Piensatelo dos veces antes de decidir eso. Y cuando estes seguro, pienso una vez más. Es MUY MALA IDEA, usar esto son saber como ni porque. Asegura muchisimo que no hay otras opciones.

Si al final, vas a hacerlo, hazlo bien. Y para eso está esta librería.

Con la misma API que ya se está usando en [Backbone para la gestión de eventos](http://backbonejs.org/#View-events) vas a poder delegar eventos a tus componentes.

## Instalación:

### npm

```javascript
$ npm install @schibstedspain/suntory

```

### Clone the repo

```
$ git clone https://github.com/SUI-Components/suntory
$ cd suntory
$ npm install
$ npm run dev
```

Go to http://localhost:8080 to see the demo. **Open the Developers Tools**

## Compatibilidad

Actualmente EI9+, Chrome37+, FireFox38+
Limitado al soporte de [matches](http://caniuse.com/#search=matches)

Esto es así para evitar cargar `src/vendor/zepto.events`. Posiblemente esto acabe cambiando próximamente en la versión 2.0

## Delegación de Eventos:

Suntory es un decorador que te va a permitir de forma simple delegar eventos a tus componentes de ReactJS. Para ello solo tienes pasarle un objeto con la definición del evento como clave y como valor el handler del evento.

```javascript
import suntory from '@schibstedspain/suntory';

@suntory({
  'mouseover [data-click]': function(e) { console.log(e.target) }
})
class List extends React.Component {
  render() {
    return (
        <div>
          <ul>
            {
              "Hola mundo, esto es una prueba de suntory".split(' ').map((text, index) => {
                return (<Item key={index} text={text} />);
              })
            }
          </ul>
        </div>
    )
  }
}

class Item extends React.Component {
  render() {
    return <li className="List-item" data-click>{this.props.text}</li>;
  }
}
```

Los eventos serán todos delegados a la capa contenedora de tu componente. Por lo que no se verán afectados componentes similares en otros partes de tu código.

Por otra parte cuando tu componente sea desmontado del DOM, todos los eventos serán revertidos.
npm package: @schickling-tmp/esbuild-jest
Description: Jest plugin to use esbuild for transformation
Author: Arjay Elbore
Latest version: 0.5.2

# esbuild-jest

### A Jest transformer using esbuild
With this transformer you can use and transform (ts, js, tsx and jsx) files

[![npm](https://img.shields.io/npm/v/esbuild-jest.svg)](https://www.npmjs.com/package/esbuild-jest)
![build status](https://github.com/aelbore/esbuild-jest/actions/workflows/ci.yml/badge.svg)

## Install

```bash
npm install --save-dev esbuild-jest esbuild
```

#### Setting up Jest config file

esbuild-jest transformer should be used in your Jest config file like this:

```js
{
  "transform": {
    "^.+\\.tsx?$": "esbuild-jest"
  }
}
```

#### Setting up Jest config file with transformOptions
```typescript
export interface Options {
  jsxFactory?: string
  jsxFragment?: string
  sourcemap?: boolean | 'inline' | 'external'
  loaders?: {
    [ext: string]: Loader
  },
  target?: string
  format?: string
  instrument?: boolean
}
```

```js
{
  "transform": {
    "^.+\\.tsx?$": [ 
      "esbuild-jest", 
      { 
        sourcemap: true,
        loaders: {
          '.spec.ts': 'tsx'
        }
      } 
    ]
  }
}
```

> Note: if you are using tsconfig.json and jsconfig.json with "paths", Please look `alias-hq` and there documentation https://github.com/davestewart/alias-hq/blob/master/docs/integrations.md
npm package: @schickling-tmp/lz4-wasm
Description: High Performance lz4 wasm implementation
Latest version: 0.9.2-4

<div align="center">

  <h1><code>lz4-wasm</code></h1>

  <strong>Extremely fast compression(200MB/s Firefox, 350Mb/s Chrome) and decompression(600MB/s Firefox, 1400Mb/s Chrome) in the browser or nodejs using wasm.</strong>

  <sub>Built with Rust</a></sub>
</div>


## 🚴 Usage


The wasm module exposes two function compress and decompress.
Both accept and return UInt8Array. 
Internally the lz4 block api is used, the length of the original input is prepended in 32-bit little endian.


```

import * as wasm from "lz4-wasm";

// use TextEncoder to get bytes (UInt8Array) from string
var enc = new TextEncoder();
const compressed = wasm.compress(enc.encode("compress this text, compress this text pls. thx. thx. thx. thx. thx"));
const original = wasm.decompress(compressed);

var dec = new TextDecoder("utf-8");
alert(dec.decode(original))

```


See https://github.com/PSeitz/lz4_flex/tree/master/lz4-wasm/example_project for usage and benchmark.


## Making New Releases

### Release for bundler

Build. This will optimize usage for inside a bundler like webpack.
```
RUST_LOG=info wasm-pack build --release
```

Due to a long standing bug in wasm-pack 0.9.1, _manually_ add these files to pkg/package.json.

```
    "lz4_wasm_bg.wasm.d.ts",
```

```
RUST_LOG=info wasm-pack publish
```


### Release for nodejs

set name in Cargo toml to
```
name = "lz4-wasm-nodejs"
```

Build for nodejs
```
RUST_LOG=info wasm-pack build --release -t nodejs
```

```
RUST_LOG=info wasm-pack publish
```
npm package: @schickling-tmp/lz4-wasm-node
Description: High Performance lz4 wasm implementation
Latest version: 0.9.2-4

<div align="center">

  <h1><code>lz4-wasm</code></h1>

  <strong>Extremely fast compression(200MB/s Firefox, 350Mb/s Chrome) and decompression(600MB/s Firefox, 1400Mb/s Chrome) in the browser or nodejs using wasm.</strong>

  <sub>Built with Rust</a></sub>
</div>


## 🚴 Usage


The wasm module exposes two function compress and decompress.
Both accept and return UInt8Array. 
Internally the lz4 block api is used, the length of the original input is prepended in 32-bit little endian.


```

import * as wasm from "lz4-wasm";

// use TextEncoder to get bytes (UInt8Array) from string
var enc = new TextEncoder();
const compressed = wasm.compress(enc.encode("compress this text, compress this text pls. thx. thx. thx. thx. thx"));
const original = wasm.decompress(compressed);

var dec = new TextDecoder("utf-8");
alert(dec.decode(original))

```


See https://github.com/PSeitz/lz4_flex/tree/master/lz4-wasm/example_project for usage and benchmark.


## Making New Releases

### Release for bundler

Build. This will optimize usage for inside a bundler like webpack.
```
RUST_LOG=info wasm-pack build --release
```

Due to a long standing bug in wasm-pack 0.9.1, _manually_ add these files to pkg/package.json.

```
    "lz4_wasm_bg.wasm.d.ts",
```

```
RUST_LOG=info wasm-pack publish
```


### Release for nodejs

set name in Cargo toml to
```
name = "lz4-wasm-nodejs"
```

Build for nodejs
```
RUST_LOG=info wasm-pack build --release -t nodejs
```

```
RUST_LOG=info wasm-pack publish
```
npm package: @schickling-tmp/lz4-wasm-web
Description: High Performance lz4 wasm implementation
Latest version: 0.9.2-4

<div align="center">

  <h1><code>lz4-wasm</code></h1>

  <strong>Extremely fast compression(200MB/s Firefox, 350Mb/s Chrome) and decompression(600MB/s Firefox, 1400Mb/s Chrome) in the browser or nodejs using wasm.</strong>

  <sub>Built with Rust</a></sub>
</div>


## 🚴 Usage


The wasm module exposes two function compress and decompress.
Both accept and return UInt8Array. 
Internally the lz4 block api is used, the length of the original input is prepended in 32-bit little endian.


```

import * as wasm from "lz4-wasm";

// use TextEncoder to get bytes (UInt8Array) from string
var enc = new TextEncoder();
const compressed = wasm.compress(enc.encode("compress this text, compress this text pls. thx. thx. thx. thx. thx"));
const original = wasm.decompress(compressed);

var dec = new TextDecoder("utf-8");
alert(dec.decode(original))

```


See https://github.com/PSeitz/lz4_flex/tree/master/lz4-wasm/example_project for usage and benchmark.


## Making New Releases

### Release for bundler

Build. This will optimize usage for inside a bundler like webpack.
```
RUST_LOG=info wasm-pack build --release
```

Due to a long standing bug in wasm-pack 0.9.1, _manually_ add these files to pkg/package.json.

```
    "lz4_wasm_bg.wasm.d.ts",
```

```
RUST_LOG=info wasm-pack publish
```


### Release for nodejs

set name in Cargo toml to
```
name = "lz4-wasm-nodejs"
```

Build for nodejs
```
RUST_LOG=info wasm-pack build --release -t nodejs
```

```
RUST_LOG=info wasm-pack publish
```
npm package: @schickling-tmp/notion-client
Description: Robust TypeScript client for the unofficial Notion API.
Author: Travis Fischer
Latest version: 4.8.7

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-client

> Robust TypeScript client for the unofficial Notion API.

[![NPM](https://img.shields.io/npm/v/notion-client.svg)](https://www.npmjs.com/package/notion-client) [![Build Status](https://travis-ci.com/NotionX/react-notion-x.svg?branch=master)](https://travis-ci.com/NotionX/react-notion-x) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-client
```

This package is compatible with server-side V8 contexts such as Node.js, Deno, and Cloudflare Workers.

## Usage

```ts
import { NotionAPI } from '@schickling-tmp/notion-client'

// you can optionally pass an authToken to access private notion resources
const api = new NotionAPI()

// fetch a page's content, including all async blocks, collection queries, and signed urls
const page = await api.getPage('067dd719-a912-471e-a9a3-ac10710e7fdf')

// fetch the data for a specific collection instance
const collectionId = '2d8aec23-8281-4a94-9090-caaf823dd21a'
const collectionViewId = 'ab639a5a-853e-45e1-9ef7-133b486c0acf'
const colectionData = await api.getCollectionData(
  collectionId,
  collectionViewId
)
```

## Docs

See the [auto-generated docs](https://github.com/NotionX/react-notion-x/blob/master/docs/notion-client.md).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @schickling-tmp/notion-types
Description: TypeScript types for core Notion data structures.
Author: Travis Fischer
Latest version: 4.8.7

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-types

> TypeScript types for core Notion data structures.

[![NPM](https://img.shields.io/npm/v/notion-types.svg)](https://www.npmjs.com/package/notion-types) [![Build Status](https://travis-ci.com/NotionX/react-notion-x.svg?branch=master)](https://travis-ci.com/NotionX/react-notion-x) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-types
```

This package only exports types and is compatible with both Node.js and browsers.

## Usage

```ts
import * as notion from '@schickling-tmp/notion-types'
```

## Docs

See the [auto-generated docs](https://github.com/NotionX/react-notion-x/blob/master/docs/notion-types.md).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @schickling-tmp/notion-utils
Description: Useful utilities for working with Notion data. Isomorphic.
Author: Travis Fischer
Latest version: 4.8.7

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-utils

> Useful utilities for working with Notion data. Isomorphic.

[![NPM](https://img.shields.io/npm/v/notion-utils.svg)](https://www.npmjs.com/package/notion-utils) [![Build Status](https://travis-ci.com/NotionX/react-notion-x.svg?branch=master)](https://travis-ci.com/NotionX/react-notion-x) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-utils
```

This package is compatible with both Node.js and client-side web usage.

## Usage

```ts
import { parsePageId } from '@schickling-tmp/notion-utils'

parsePageId(
  'https://www.notion.so/Notion-Tests-067dd719a912471ea9a3ac10710e7fdf'
)
// '067dd719-a912-471e-a9a3-ac10710e7fdf'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04')
// 'd9ae0c6e-7cad-49a7-8e21-d240cf2e3d04'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04', { uuid: false })
// 'd9ae0c6e7cad49a78e21d240cf2e3d04'
```

## Docs

See the [auto-generated docs](https://github.com/NotionX/react-notion-x/blob/master/docs/notion-utils.md).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>