open-index/open-npm huggingface dataset:
npm package: @getsupertab/supertab-js
Description: Supertab.js: Supertab browser SDK with TypeScript support
Author: Supertab
Latest version: 3.64.1

# Supertab.js

This package allows [Supertab.js](https://docs.supertab.co/) to be imported as an ES module. It includes TypeScript declarations.

[![npm version](https://img.shields.io/npm/v/@getsupertab/supertab-js.svg?style=flat-square)](https://www.npmjs.com/package/@getsupertab/supertab-js)
## Installation

Install Supertab.js from npm::

```sh
npm install @getsupertab/supertab-js
```

Import, load and initialize the client in your application:

```javascript
import { loadSupertab } from "@getsupertab/supertab-js";

(async () => {
  const { Supertab } = await loadSupertab();
  const supertabClient = new Supertab({ clientId: "test_client.X" });
})();
```

`loadSupertab()` loads the latest compatible Supertab.js version from our CDN. It must be called in a browser environment—it won't work server-side.

## Usage Example

```javascript
import { loadSupertab } from "@getsupertab/supertab-js";

(async () => {
  const { Supertab } = await loadSupertab();
  const supertabClient = new Supertab({
    clientId: "client.xyz",
  });

  const { show } = await supertabClient.createPaywall({
    experienceId: "experience.xyz",
  });

  const paywallResult = await show();
  console.log(paywallResult);
})();
```

This example loads Supertab and creates a new Supertab.js instance using the `new Supertab()` constructor.
Then, the `createPaywall` method is used to create a new paywall.
The `show` function renders the paywall. Finally, once the user has completed or cancelled the purchase,
we print the result data to the browser console.

We've put a placeholder client ID and experience ID in this example.
Replace them with your actual IDs to test this code with your Supertab.js merchant account.
Each experience has a corresponding client ID and experience ID. You can find them in the [Supertab Business Portal](https://business.supertab.co)
under "Experiences" -> Pencil icon (edit) -> "Installation" -> "Code Snippet".

## Dependencies

All dependencies in this package are listed under `devDependencies` in `package.json`. This is because:

- The repository bundles all dependencies into the build output
- Consumers only need the built files from e.g. `dist/pkg/prod`
- No external dependencies are required at runtime
- The reason for bundling all dependencies (even with the npm package) is to avoid dependency conflicts with the consuming app.

Note: This package does not include an `engines` field in `package.json` because Node.js is only required for building the package, not for consuming it. The published npm package contains pre-built JavaScript bundles that run in the browser, so Node.js is a build detail, not a runtime requirement.

## Links

- [Supertab Docs](https://docs.supertab.co/)
- [Supertab Business Portal](https://business.supertab.co)
npm package: @getsuzocompany/system
Description: WhatsApp library based on Baileys, modified by RaditXml
Author: Getsuzo - Company
Latest version: 1.0.4

# <div align='center'>Baileys - Typescript/Javascript</div>

<div align="center">

<img src="https://files.catbox.moe/cytxyq.jpg" alt="Header Image" width="100%"/>

<br/>

<!-- Badges -->
<p>
  <img src="https://img.shields.io/npm/dw/%40itsukichan%2Fbaileys?label=npm&color=%23CB3837" alt="NPM Downloads"/>
  <img src="https://img.shields.io/github/v/release/itsukichann/baileys?include_prereleases&sort=semver" alt="Latest Release"/>
  <img src="https://img.shields.io/github/languages/code-size/itsukichann/baileys" alt="Code Size"/>
  <img src="https://img.shields.io/github/license/itsukichann/baileys" alt="License"/>
  <img src="https://img.shields.io/github/stars/itsukichann/baileys" alt="Stars"/>
  <img src="https://img.shields.io/github/forks/itsukichann/baileys" alt="Forks"/>
</p>

<!-- GitHub Stats -->
<p>
  <img src="https://github-readme-stats.vercel.app/api?username=TheGetsuzoZhiro&show_icons=true&theme=radical" alt="GitHub Stats"/>
</p>

<!-- WhatsApp Links -->
<p>
  <a href="https://whatsapp.com/channel/0029Vajupt79mrGiw435yr2A">
    <img src="https://img.shields.io/badge/WhatsApp-Channel-brightgreen" alt="WA Channel"/>
  </a>
  <a href="https://wa.me/6281991410940">
    <img src="https://img.shields.io/badge/Owner-WA-green" alt="WA Owner"/>
  </a>
</p>

</div>

### [GetsuzoBot](https://t.me/GetsuzoBot)

_GetsuZoBot Adalah_ **Ekosistem Modular** _Yang Dirancang Untuk_ **Otomatisasi, Investigasi Digital,** _Dan Kendali Penuh Atas_ **Data** _Dan_ **Media.**

_Dengan_ **Integrasi Sistematis** _Yang_ **Stabil** _Dan_ **Framework** _, GetsuzoBot Memungkinkan Kamu:_

```› Integrasi Eksploitasi Dan Intelijen```

```› Fokus Pada Efektivitas Dan Kemudahan User```

_Built Not Just To Assist, But To Dominate The Flow Of Data._

### ⚙️ Core Capabilities Overview
*Daftar Lengkap Fitur Untuk Eksplorasi, Analisa, Dan Automasi Digital Yang Elegan, Efisien, Dan Stabil.*

**⚔️ 1. Xploiter Suite**

**🔎 2. Source Intelligence**

**🚀 3. Core Menu Tools**

_Gunakan Fitur Ini Dengan Bijak. Sistem Ini Alat, Bukan Senjata._

**Powered By: GetsuzoBot ⚡️**
npm package: @gettestmail/typescript-sdk
Description: Typescript SDK for GetTestMail
Author: neurocode I/O GmbH
Latest version: 1.1.2

# typescript-sdk
Typescript client for interacting with the GetTestMail API, which provides a simple way to create temporary email addresses and receive emails sent to them.

## Installation
```bash
npm install @gettestmail/typescript-sdk
```

## Compatibility

>Works on Browser, Node.js and React Native!


## Usage

To create a new GetTestMail API client, you need to instantiate the GetTestMail class with your API key. To get an API key, sign up for a free [account](https://gettestmail.com).


```typescript
import { GetTestMail } from "@gettestmail/typescript-sdk";

const testMail = new GetTestMail('YOUR_API_KEY')
```

### Create a new email address

```typescript
const mailBox = await testMail.createNew()
```

### Wait for an email to be received

```typescript
const { message } = await testMail.waitForMessage(mailBox.id)
```
npm package: @getthatjob/user-components
Description: <br /> <div align="center">
Author: Vishwa Kolkar
Latest version: 0.0.104-beta.12

<br />
<div align="center">

[![License](https://img.shields.io/badge/license-MIT-green?style=for-the-badge&logo)](https://gitlab.com/get-that-job-eu/user/components/-/blob/main/LICENSE)
[![Author](https://img.shields.io/badge/author-vishwakolkar-9cf?style=for-the-badge&logo)](https://twitter.com/vishwa_kolkar)

</div>
<br />

# GetThatJob Components Library

> Components library built with `@chakra-ui` and `typescript`
npm package: @gettrx/core-components
Description: Gettrx core components
Author: Gettrx
Latest version: 1.0.7

# @gettrx/core-components

Gettrx core components is a UI component library containing components and style guides for all Gettrx Projects.

These components are designed to be used in traditional frontend view libraries/frameworks (such as [Stencil](https://stenciljs.com/), React, Angular, or Vue), or on their own through traditional JavaScript in the browser.

## Features

- Tiny, highly optimized components built with [Stencil](https://stenciljs.com/)
- No build or compiling required
- Simply add the static files to any project
- Lazy-loaded components without configuration

## Components

The package consists of following components:

- [`gtr-button`](./src/components/gtr-button/readme.md)

## How to use

### Vanilla HTML

Easiest way to start using the components is by adding a script tag to the CDN:

```html
<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/@gettrx/core-components/dist/core-components/core-components.esm.js"
></script>
<script
  nomodule
  src="https://cdn.jsdelivr.net/npm/@gettrx/core-components/dist/core-components/core-components.js"
></script>
```

Any Gettrx core component added to the webpage will automatically load. This includes writing the component tag directly in HTML, or using JavaScript such as `document.createElement('gtr-button')`.

Additionally, within this package is a `dist/core-components.js` file and accompanying `dist/core-components/` directory. These are the same files which are used by the CDN, and they're available in this package so they can be apart of an app's local development.

### Framework Bindings

The `@gettrx/core-components` package can be used in simple HTML, or by vanilla JavaScript without any framework at all.

The components can be used with any framework by importing and running the loader before the components are used, and then use them as regular HTML elements:

```ts
// main.js/ts
import { defineCustomElements } from "@gettrx/core-components/loader";

defineCustomElements();

// Initialize the application

// some-component.js/ts
render() {
  return (
    <div>
      <gtr-button>Button</gtr-button>
    </div>
  );
}
```
npm package: @gettrx/core-components-angular
Description: Angular specific wrappers for @gettrx/core-components
Author: Gettrx
Latest version: 1.1.25

# @gettrx/core-components-angular

Gettrx core components Angular specific UI components on top of [@gettrx/core-components](https://www.npmjs.com/package/@gettrx/core-components) components.

## How to use

The components are exported as an angular module.

```tsx
// my-app.module.ts
import { GettrxModule } from "@gettrx/core-components-angular";

@NgModule({
  imports: [GettrxModule],
})
export class MyAppModule {}

// my-app.component.html
<gtr-button>Trigger the button</gtr-button>;
```

## Related

- [Gettrx Core Components](https://www.npmjs.com/package/@gettrx/core-components)
npm package: @gettrx/core-styles
Description: Gettrx core styles
Author: Gettrx
Latest version: 1.1.25

# @gettrx/core-styles

Gettrx core styles.

## How to use

All of the design tokens and assets are in this package. Make any changes to suit your needs. This package has iOS,
Android, and web code.

To get started, run

```
$ npm install
$ npm run build
```

The npm build task is what performs the style dictionary build steps to generate the files for each platform. Every time
you change something in the style dictionary, like changing colors or adding design tokens, you will have to run this
command again to generate the files.
npm package: @getty.io/react-native-form
Description: A painless form state manager.
Author: Juliano Rafael
Latest version: 0.1.2

# @getty.io/react-native-form

A Form component that automatically manages the state of your inputs, validation and navigation through the inputs like magic.

*:construction: THIS IS A WORK IN PROGRESS :construction:*

## What this component do?
This form component automatically manages the state of its inputs created from the schema, validates them according to the rules passed on the rule keyword of the input schema, using the [validate.js](https://validatejs.org/) validators.
Your input will receive the `value`, `onChange` and `error` props so that you can use the `Form` with as much components as you need. We intend to add default inputs in a near future and devote our time into creating a solution for our forms that takes less time to use it then the solutions we have today.

## How to use it
```
import React from 'react'
import Form from '@gettyio/react-native-form'
import CustomInput from './CustomInput' // import your input

const Scene = () => (
  <>
    <Form
      innerRef={el => (this.form = el)}
      schema={[
        {
          type: CustomInput,
          name: 'my-custom-input', // unique name
          /* any props that you want to pass down to your input will be forwarded to it */
          rules: {
            'my-custom-input': {
              presence: {
                allowEmpty: false,
                message: 'is required'
              }
            }
          }
        }
      ]}
    />
    <Button onPress={this.form.submit()}>
      <Text>Submit</Text>
    </Button>
  </>
)
```

## How to contribute
Fork the project, do what you want and submit a PR back to us on the `development` branch. We'll be more than happy to accept any contributions and suggestions.