open-index/open-npm huggingface dataset:
npm package: @gomah/nexus-prisma
Description: <p align="center">   <img src="https://i.imgur.com/8qvElTM.png" width="300" align="center" />   <h1 align="center">nexus-prisma</h1> </p>
Author: Flavian Desverne
Latest version: 0.15.0

<p align="center">
  <img src="https://i.imgur.com/8qvElTM.png" width="300" align="center" />
  <h1 align="center">nexus-prisma</h1>
</p>

![trunk](https://github.com/graphql-nexus/nexus-schema-plugin-prisma/workflows/trunk/badge.svg)

[Docs](https://www.nexusjs.org/#/components/schema/plugins/prisma)
npm package: @gomah/vue-lory
Description: Vue Slider Component is based on lory
Author: Fangdun Cai
Latest version: 0.0.7

# lory

☀ Touch enabled minimalistic slider for Vue, it is based on [lory](https://github.com/meandmax/lory).


## Installation

```console
$ npm install vue-lory --save
```


## Examples

```vue
<template>
  <lory :options="{ enableMouseEvents: true, infinite: 1 }">
    <item>1</item>
    <item>2</item>
    <item>3</item>
    <item>4</item>
    <item>5</item>
    <item>6</item>
    <prev slot="actions"></prev>
    <next slot="actions"></next>
  </lory>
</template>

<script>
import { Lory, Item, Prev, Next } from 'vue-lory'

export default {
  components: {
    Lory,
    Item,
    Prev,
    Next
  }
}
</script>
```


## Badges

![](https://img.shields.io/badge/license-MIT-blue.svg)
![](https://img.shields.io/badge/status-stable-green.svg)

---

> [fundon.me](https://fundon.me) &nbsp;&middot;&nbsp;
> GitHub [@fundon](https://github.com/fundon) &nbsp;&middot;&nbsp;
> Twitter [@_fundon](https://twitter.com/_fundon)
npm package: @gomander/napi-gif-encoder-win32-x64-msvc
Description: A faster GIF Encoder for Node JS using Rust
Latest version: 0.0.8

# `@gomander/napi-gif-encoder-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@gomander/napi-gif-encoder`
npm package: @gomarky/picture-in-picture-window
Description: Document Picture-in-Picture API wrapper for vanilla JavaScript/TypeScript
Author: gomarky
Latest version: 0.2.0

# @gomarky/picture-in-picture-window

> 🖼️ Document Picture-in-Picture API wrapper for Vanilla JavaScript/TypeScript

## Installation

```bash
npm install @gomarky/picture-in-picture-window
# or
pnpm add @gomarky/picture-in-picture-window
# or
yarn add @gomarky/picture-in-picture-window
```

## Usage

```typescript
import { PictureInPictureWindow, isDocumentPipSupported } from '@gomarky/picture-in-picture-window';

// Check support
if (!isDocumentPipSupported()) {
  console.log('Document Picture-in-Picture is not supported');
}

// Create instance
const pip = new PictureInPictureWindow({
  width: 400,
  height: 300,
  copyStyles: true,
  onOpen: (pipWindow) => {
    // Move content to PiP window
    pipWindow.document.body.appendChild(myElement);
  },
  onClose: () => {
    // Move content back
    document.body.appendChild(myElement);
  },
});

// Open PiP window
const window = await pip.open();

// Resize window
pip.resize(500, 400);

// Close window
pip.close();

// Subscribe to events
pip.on('statechange', (state) => {
  console.log('State changed:', state);
});

// Cleanup
pip.dispose();
```

## API

### `PictureInPictureWindow`

Main class for managing PiP windows.

#### Constructor Options

```typescript
interface PictureInPictureWindowOptions {
  width?: number;
  height?: number;
  disallowReturnToOpener?: boolean;
  copyStyles?: boolean;
  onOpen?: (pipWindow: Window) => void;
  onClose?: (event: PageTransitionEvent) => void;
}
```

#### Properties

- `isSupported: boolean` - Whether API is supported
- `isOpen: boolean` - Whether window is currently open
- `pipWindow: Window | null` - Reference to PiP window
- `state: PictureInPictureWindowState` - Current state object

#### Methods

- `open(): Promise<Window | undefined>` - Open PiP window
- `close(): void` - Close PiP window
- `resize(width: number, height: number): void` - Resize window
- `resizeBy(deltaWidth: number, deltaHeight: number): void` - Resize relatively
- `focusOpener(): void` - Focus main window
- `copyStylesToWindow(targetWindow: Window): void` - Copy styles
- `updateOptions(options: Partial<Options>): void` - Update options
- `on(type, listener): () => void` - Subscribe to events
- `off(type, listener): void` - Unsubscribe from events
- `dispose(): void` - Cleanup resources

### Utility Functions

- `isDocumentPipSupported(): boolean` - Check API support
- `copyDocumentStylesToWindow(targetWindow: Window): void` - Copy styles

## License

MIT
npm package: @gomarky/picture-in-picture-window-react
Description: React hook for Document Picture-in-Picture API
Author: gomarky
Latest version: 0.2.0

# @gomarky/picture-in-picture-window-react

> 🖼️ React Hook for Document Picture-in-Picture API

## Installation

```bash
npm install @gomarky/picture-in-picture-window-react
# or
pnpm add @gomarky/picture-in-picture-window-react
# or
yarn add @gomarky/picture-in-picture-window-react
```

## Usage

```tsx
import { useRef } from 'react';
import { usePictureInPictureWindow } from '@gomarky/picture-in-picture-window-react';

function VideoPlayer() {
  const contentRef = useRef<HTMLDivElement>(null);

  const {
    isSupported,
    isOpen,
    pipWindow,
    open,
    close,
    resize,
    resizeBy,
    focusOpener,
    copyStylesToWindow,
  } = usePictureInPictureWindow({
    width: 400,
    height: 300,
    copyStyles: true,
    disallowReturnToOpener: false,
    onOpen: (win) => {
      console.log('PiP opened');
      if (contentRef.current) {
        win.document.body.appendChild(contentRef.current);
      }
    },
    onClose: () => {
      console.log('PiP closed');
      if (contentRef.current) {
        document.body.appendChild(contentRef.current);
      }
    },
  });

  return (
    <div>
      <p>Supported: {isSupported ? 'Yes' : 'No'}</p>
      <p>Open: {isOpen ? 'Yes' : 'No'}</p>

      <div ref={contentRef}>
        <h2>This content will be in PiP window</h2>
        <video src="video.mp4" controls />
      </div>

      <button onClick={open} disabled={!isSupported || isOpen}>
        Open PiP
      </button>
      <button onClick={close} disabled={!isOpen}>
        Close PiP
      </button>
    </div>
  );
}
```

## API

### `usePictureInPictureWindow(options?)`

#### Options

```typescript
interface UsePictureInPictureWindowOptions {
  width?: number;
  height?: number;
  disallowReturnToOpener?: boolean;
  copyStyles?: boolean;
  onOpen?: (pipWindow: Window) => void;
  onClose?: (event: PageTransitionEvent) => void;
}
```

#### Returns

```typescript
interface UsePictureInPictureWindowReturn {
  isSupported: boolean;
  isOpen: boolean;
  pipWindow: Window | null;
  open: () => Promise<Window | undefined>;
  close: () => void;
  resize: (width: number, height: number) => void;
  resizeBy: (deltaWidth: number, deltaHeight: number) => void;
  focusOpener: () => void;
  copyStylesToWindow: (targetWindow: Window) => void;
}
```

## Features

- ✅ Full TypeScript support
- ✅ Stable function references (memoized with `useCallback`)
- ✅ Automatic cleanup on unmount
- ✅ Style copying to PiP window
- ✅ React 18+ support

## License

MIT
npm package: @gomarky/picture-in-picture-window-vue
Description: Vue 3 composable for Document Picture-in-Picture API
Author: gomarky
Latest version: 0.2.0

# @gomarky/picture-in-picture-window-vue

> 🖼️ Vue 3 Composable for Document Picture-in-Picture API

## Installation

```bash
npm install @gomarky/picture-in-picture-window-vue
# or
pnpm add @gomarky/picture-in-picture-window-vue
# or
yarn add @gomarky/picture-in-picture-window-vue
```

## Usage

```vue
<script setup lang="ts">
import { ref } from 'vue';
import { usePictureInPictureWindow } from '@gomarky/picture-in-picture-window-vue';

const contentRef = ref<HTMLElement>();

// Reactive dimensions
const width = ref(400);
const height = ref(300);

const {
  isSupported,
  isOpen,
  pipWindow,
  open,
  close,
  resize,
  resizeBy,
  focusOpener,
  copyStylesToWindow,
} = usePictureInPictureWindow({
  width,  // Reactive!
  height, // Reactive!
  copyStyles: true,
  disallowReturnToOpener: false,
  onOpen: (win) => {
    console.log('PiP opened');
    win.document.body.appendChild(contentRef.value!);
  },
  onClose: () => {
    console.log('PiP closed');
    document.body.appendChild(contentRef.value!);
  },
});
</script>

<template>
  <div>
    <p>Supported: {{ isSupported }}</p>
    <p>Open: {{ isOpen }}</p>
    
    <div ref="contentRef">
      <h2>This content will be in PiP window</h2>
    </div>
    
    <button @click="open" :disabled="!isSupported || isOpen">
      Open PiP
    </button>
    <button @click="close" :disabled="!isOpen">
      Close PiP
    </button>
  </div>
</template>
```

## API

### `usePictureInPictureWindow(options?)`

#### Options

```typescript
interface UsePictureInPictureWindowOptions {
  width?: MaybeRefOrGetter<number>;      // Reactive width
  height?: MaybeRefOrGetter<number>;     // Reactive height
  disallowReturnToOpener?: boolean;
  copyStyles?: boolean;
  onOpen?: (pipWindow: Window) => void;
  onClose?: (event: PageTransitionEvent) => void;
}
```

#### Returns

```typescript
interface UsePictureInPictureWindowReturn {
  isSupported: ComputedRef<boolean>;
  isOpen: Readonly<Ref<boolean>>;
  pipWindow: ShallowRef<Window | null>;
  open: () => Promise<Window | undefined>;
  close: () => void;
  resize: (width: number, height: number) => void;
  resizeBy: (deltaWidth: number, deltaHeight: number) => void;
  focusOpener: () => void;
  copyStylesToWindow: (targetWindow: Window) => void;
}
```

## Features

- ✅ Full TypeScript support
- ✅ Reactive dimensions (use `ref()` for width/height)
- ✅ Automatic cleanup on scope dispose
- ✅ Style copying to PiP window
- ✅ Readonly state refs

## License

MIT
npm package: @gomarky/string-replace-webpack-plugin
Description: Replace string tokens in the contents of a file.
Author: Andrew Slesarenko @TeodorDre
Latest version: 0.1.3

# string replace plugin for webpack

## Usage example

``` javascript
var StringReplacePlugin = require("string-replace-webpack-plugin");
module.exports = {
   module: {
      loaders: [
         // configure replacements for file patterns
         { 
            test: /index.html$/,
            loader: StringReplacePlugin.replace({
                replacements: [
                    {
                        pattern: /<!-- @secret (\w*?) -->/ig,
                        replacement: function (match, p1, offset, string) {
                            return secrets.web[p1];
                        }
                    }
                ]})
            }
      ]
   },
   plugins: [
      // an instance of the plugin must be present
      new StringReplacePlugin()
   ]
}
```

This allows for arbitrary strings to be replaced as part of the module build process.  The original intent is to replace API
keys in modules prior to deployment.

## API

``` javascript
StringReplacePlugin.replace([nextLoaders: string], options, [prevLoaders: string])
```

* `nextLoaders` loaders to follow the replacement
* `options`
  * `replacements` disables the plugin
    * `pattern` a regex to match against the file contents
    * `replacement` an ECMAScript [string replacement function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Specifying_a_function_as_a_parameter)
* `prevLoaders` loaders to apply prior to the replacement

## License

MIT (http://www.opensource.org/licenses/mit-license.php)
npm package: @gombob/balls
Description: some random package that you will never use
Author: Splerger
Latest version: 1.1.6

# Balls v.1.1.6

# IMPORTANT balls v.1.0.9 will not work in bash

### Installation `'npm i @gombob/balls'`

### Usages
```javascript
const balls = require('@gombob/balls')

console.log(balls.balls())
```

---

## Send me bugs on my discord at crabkig#0889
npm package: @gomdle/solid-gsi
Description: Google Sign-In for SolidJs
Author: Youngbae Jeon
Latest version: 0.1.4

# Google Sign-In for SolidJs

## Installing
```sh
npm install @gomdle/solid-gsi
```

## Google Default Signin Button
```jsx
import { GoogleSignin } from "@gomdle/solid-gsi";

<GoogleSignin
	client_id="your_google_oauth_client_id"
	useOneTap
	cancel_on_tap_outside={false}
	onSuccess={credential => console.log('*** success', credential)}
	onError={() => console.error('*** error')}
/>
```

## One Tab Signin UI Only
```js
import { createGoogleOneTapSignin } from "@gomdle/solid-gsi";

createGoogleOneTapSignin({
	client_id: "your_google_oauth_client_id",
	cancel_on_tap_outside: false,
	hosted_domain: "your-host.com",
	onSuccess: credential => console.log('*** success', credential),
	onError: () => console.error('*** error')
});
```
npm package: @gomench/cra-template-gomench-reactjs
Description: Template based on Create React App template, cleaned and with cool boilerplate. See the dependencies.
Latest version: 1.0.4

# GoMench - React Js CRA Template

This package was created and bootstrapped with create-react-app with GoMench React Js template. If you wanna create a project on your own, just run:

`npx create-react-app <your-project-name> --template @gomench/gomench-reactjs`

## Run, Build & Test

*this was created with `yarn` so feel free to run `npm` commands instead if you wish.

- `yarn start` runs this application in port **3000**
- `yarn build` to build on production mode
- `yarn test` to run tests (pointing to __tests__ folder)

## Basic Dependencies and important rules

### React Root Import

This template uses **babel-plugin-root-import** and when you import some module, just use **~/** before any file under **./src** folder and your IDE intellisense will find what you are looking for.

### Styled Components

Create global CSS rules inside **~/styles/global.js** module, and create styled components files whenever it's necessary.

### Source Of Truth

For the single source of truth and side effects updating, this template is assembled with **redux**, **`redux-saga`** and `redux-persist`, all ready and speaking clearly to **reactotron** in development mode. There is also a **auth** (authentication) reducer + actions + saga pretty well wrapped, standardized and ready to use right after you create necessary parameters and payloads.

### Routes and Api

You'll also find a simple routing pre-configured pointing to a simple main page component. And you'll find Axios api also ready-to use, needing justa few configuration if you api is not located on `http://localhost:3333`.

### Last But Not Lint (oops!) - Linting and Code Styling

We love clear and organized code, so this package follow some AirBnB standards with **Prettier** and **Eslint**.

## GoMench

**GoMench** embrionary-alias-startup-software-house that aims to create application for better future. For now you'll see nothing much at [gomench.com](http://gomench.com), but you can say hello to the creator of this package, Fabio Montone, via [montone@gmail.com]('mailto:montone@gmail.com')
npm package: @gomestech/react-native-keyboard-scroll-view
Description: KeyboardScrollView is a component for React Native that automatically adjusts the content of the screen when the keyboard is displayed. It keeps text fields visible by smoothly scrolling the screen, offering a practical solution for forms and text entries
Author: Gomes Tech
Latest version: 0.1.5

## KeyboardScrollView

**KeyboardScrollView** is a library for **React Native** that provides a practical solution for managing keyboard visibility on screens with text input fields. It automatically adjusts the screen content, ensuring that text fields remain visible when the keyboard is displayed, facilitating form navigation and other interactions with inputs.

### Features

- **Compatible with iOS and Android**: Custom behaviors for each platform ensure a consistent experience across both.
- **Automatic scroll adjustment**: When the keyboard opens, the content automatically scrolls so the focused text field stays visible.
- **Customizable additional scroll height**: Add extra space above the keyboard using the `additionalScrollHeight` property.
- **Full ScrollView support**: The component is based on React Native's `ScrollView` and retains all of its original functionalities.
- **Seamless integration**: Easy to integrate into any React Native app.

### Installation

```bash
npm install react-native-keyboard-scroll-view
```

```bash
yarn add react-native-keyboard-scroll-view
```

### Usage

```jsx
import React from 'react';
import { View, TextInput, Text } from 'react-native';
import KeyboardScrollView from 'react-native-keyboard-scroll-view';

const App = () => {
  return (
    <KeyboardScrollView additionalScrollHeight={20}>
      <View>
        <TextInput placeholder="Enter your name" />
        <TextInput placeholder="Enter your email" />
        <Text>Other content</Text>
      </View>
    </KeyboardScrollView>
  );
};

export default App;
```

### Properties

- **`additionalScrollHeight`**: (optional) Sets the additional scroll height when the keyboard is displayed. Default value: `0`.

### License

MIT