open-index/open-npm huggingface dataset:
npm package: @gigasource/portal-vue
Description: > A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.
Author: Thorsten Lünborg
Latest version: 3.0.0-beta.0

# PortalVue

> A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.

<!-- markdownlint-disable MD033 -->
<p style="tex-align: center">
  <img src="https://portal-vue.linusb.org/logo.png" alt="PortalVue Logo">
</p>

<p>
<a href='https://ko-fi.com/R6R7QW4D' target='_blank'>
  <img height='36' style='border:0px;height:36px;margin-bottom:30px;' src='https://az743702.vo.msecnd.net/cdn/kofi4.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' />
</a>
<p>

For more detailed documentation and additional Information, [please visit the docs](https://next.portal-vue.linusb.org).

> Looking for the version for Vue 2.\*? [Docs for version 1 are here](https://v2.portal-vue.linusb.org)

## Installation

```bash
npm i portal-vue

# or

yarn add portal-vue
```

```javascript
import PortalVue from 'portal-vue'
Vue.use(PortalVue)
```

## Usage

```html
<portal to="destination">
  <p>This slot content will be rendered wherever the <portal-target> with name 'destination'
    is  located.</p>
</portal>

<portal-target name="destination">
  <!--
  This component can be located anywhere in your App.
  The slot content of the above portal component will be rendered here.
  -->
</portal-target>
```

## Nuxt module

Add `portal-vue/nuxt` to modules section of `nuxt.config.js`

```javascript
{
  modules: ['portal-vue/nuxt']
}
```
npm package: @gigg/video-player
Description: React video player component with ads support
Author: Gigg Innovations
Latest version: 1.0.0

# Gigg video player

## Overview

This repo contains a React Video Component that allows playing ads from adbutler.

#### Example Usage

The `VideoAdPlayer` React component accepts the following props:

- **`children`** *(required)*: A React element representing the content to be displayed within the video player.

- **`vastSetId`** *(required, number)*: VAST SET id.

- **`vastId`** *(required, number)*: VAST id.

- **`adbutlerPid`** *(required, number)*: Adbutler publisher id.

- **`className`** *(optional, string)*: Additional CSS class name(s) for styling the component.

- **`adsEnabled`** *(optional, boolean)*: Allows disabling ads. Defaults to `true`.

- **`skipPreRollAd`** *(optional, boolean)*: Determines if the pre-roll ad should be skipped. Defaults to `false`.

- **`keywords`** *(optional, string)*: Keywords for the ad, e.g., "sports,news".

- **`onAdStart`** *(optional, function)*: Callback function triggered when an ad starts.

- **`onAdComplete`** *(optional, function)*: Callback function triggered when the ad is complete.

- **`onAdSkipped`** *(optional, function)*: Callback function triggered when the pre-roll ad is skipped.

- **`onPlayAndPrerollAdSkipped`** *(optional, function)*: Callback function triggered when the video is played, and the pre-roll ad is skipped.

- **`playButton`** *(optional, React element)*: Custom play button component.

The `Video` component accepts the same props as the html <video> element

```javascript

    import {VideoAdPlayer, Video} from "@gigg/video-player";

      <VideoAdPlayer
        keywords="sports,news"
        adbutlerPid={168623}
        vastId={182802}
        vastSetId={34131}
        adsEnabled={true}
      >
        <Video poster="https://via.placeholder.com/1280x720">
          <source
            src="https://sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4"
            type="video/mp4"
          />
        </Video>
      </VideoAdPlayer>
});
```

## Setup

1. Clone the repo

```console
git clone https://github.com/GiggInnovations/gigg-video-player.git
```

3. Use NVM to switch to the correct version of Node

```console
nvm use
```

4. Install packages

```console
npm install
```
```console
cd example
npm install
cd ..
```

5. Start local dev server, this watches for changes in the component located in `src`, and starts a react app located in `example` to be able to preview those changes

```console
npm run dev
```
npm package: @gigglebot/wrapper
Description: A library to use giggle API features
Author: Morty
Latest version: 1.0.2

# @gigglebot/wrapper

Com essa biblioteca você poderá fazer automações baseadas nas ações do Giggle em seu servidor

## Instalação

```bash
npm install @gigglebot/wrapper
or
pnpm add @gigglebot/wrapper
or
yarn install @gigglebot/wrapper
```

## Exemplos

```javascript
const Giggle = require("@gigglebot/wrapper/lib");

const Giggle = new GiggleAPI("api_key", {
  reconnect_timeout: 1000 * 10,
  connect_socket: true,
});

Giggle.ws.on("connect", () => console.log("socket connected successfull"));
```
npm package: @gigmade/react-hooks
Description: Collection of useful hooks
Author: gigmade ltd
Latest version: 0.4.2

`useConsensus`: returns `[disagree, disagreement]` where `disagree` is a function to break consensus, and `disagreement` is true if any consumer disagrees.
`disagree` returns a function to cancel the own disagreement.

`useEventCallback`: The one from the [react docs](https://reactjs.org/docs/hooks-faq.html)
npm package: @gigmade/slate-react
Description: A set of React components for building completely customizable rich-text editors.
Latest version: 0.4601.0

This package contains the React-specific logic for Slate. It's separated further into a series of directories:

* [**Components**](./src/components) — containing the React components for rendering Slate editors.
* [**Constants**](./src/constants) — containing a few private constants modules.
* [**Plugins**](./src/plugins) — containing the React-specific plugins for Slate editors.
* [**Utils**](./src/utils) — containing a few private convenience modules.

Feel free to poke around in each of them to learn more!
npm package: @gigscom/embeds-js
Description: prebuilt embeddable UI components on top of the Gigs API for the Web
Author: Gigs
Latest version: 0.1.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Gigs Embeds for JavaScript (Web)

<img width="600" height="390" src=".github/banner.png" alt="Gigs Embeds">

Embeddable prebuilt and highly customizable UI components to use in your own JavaScript apps for web.

> [!NOTE]
> This is currently a v0.x release. Anything may change at any time.

## Installation

```sh
npm install @gigscom/embeds-js
```

## Getting started

To use Gigs Embeds, you need:

1. A Gigs project
2. A Gigs API Key
3. A server to create an [authenticated Connect Session](https://developers.gigs.com/docs/connect/connect-sessions/creating-connect-sessions)

> [!TIP]
> You're not yet a Gigs customer? [Get in touch](https://gigs.com/contact) to discuss the next steps!

## How it works

Using a Gigs Embed needs 2 parts:

- Your server which authenticates the current user and creates a Connect Session. Can be an API endpoint or passed otherwise from your server to your client. Our developer documentation has a [guide on Creating Connect Sessions](https://developers.gigs.com/docs/connect/connect-sessions/creating-connect-sessions).
- Your client which uses the Connect Session to initialize the Embed, which makes requests directly to the Gigs API in the scope of your user. The client-side use is explained below.

When using Connect Sessions with Gigs Embeds, you do not redirect to the session's `url`. Instead you initialize the embed with the full session object.

Additionally, you can subscribe to [Webhooks](https://developers.gigs.com/docs/core/events/events-webhooks) to get a verified outcome of a user's interaction, like when they completed a number porting. The Embeds are also returning the outcome of a user's interaction, but you should use Webhooks for mission-critical processes like updating a record in your database based on the outcome.

## Usage

- [Porting Embed](docs/porting-embed.md)

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
npm package: @gigscom/embeds-react-native
Description: Gigs Embeds for React Native
Author: Gigs
Latest version: 0.0.9
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Gigs Embeds for React Native

<img width="600" height="390" src="docs/banner.png" alt="Gigs Embeds">

Embeddable prebuilt and customizable UI components to use in your own React Native app.

> [!NOTE]
> This library is currently under development.

## Installation

```sh
npm install @gigscom/embeds-react-native
```

## Getting started

To use Gigs Embeds, you need:

1. A Gigs project
2. A Gigs API Key
3. A server to create an [authenticated Connect Session](https://developers.gigs.com/docs/connect/connect-sessions/creating-connect-sessions)

> [!TIP]
> You're not yet a Gigs customer? [Get in touch](https://gigs.com/contact) to discuss the next steps!

## How it works

When a user visits the screen in your app containing the Embed, request a Connect Session from your server endpoint. Afterward, you can render the Embed component. 

## Usage

- [Porting Embed](docs/porting-embed.md)

## Contributing

This project was bootstrapped with [create-react-native-library](https://callstack.github.io/react-native-builder-bob/create).

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.