open-index/open-npm huggingface dataset:
npm package: @hitorisensei/geopattern
Description: Generate beautiful SVG patterns
Latest version: 1.2.10

![npm (scoped)](https://img.shields.io/npm/v/%40victr/geopattern?style=flat-square&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2F%40victr%2Fgeopattern)

# GeoPattern

This branch is a modernization attempt of [btmills/geopattern](https://github.com/btmills/geopattern), a JavaScript port of [jasonlong/geo_pattern](https://github.com/jasonlong/geo_pattern) with a [live preview page](http://btmills.github.io/geopattern/) and is derived from the background generator originally used for [GitHub Guides](http://guides.github.com/).

## Usage

### Web

```html
<script src="dist/geopattern.min.js"></script>
```

Use the `GeoPattern` browser global

```js
const pattern = GeoPattern.generate('GitHub')
document.getElementById('geopattern').style.backgroundImage = pattern.toDataUrl()
```

### Node.js

```bash
npm install @victr/geopattern
```

After requiring `geopattern`, the API is identical to the browser version

```js
import { generate } from '@victr/geopattern'

const pattern = generate('GitHub')
pattern.toDataUrl() // url("data:image/svg+xml;...
```

or

```js
import * as GeoPattern from '@victr/geopattern'

const pattern = GeoPattern.generate('GitHub')
pattern.toDataUrl() // url("data:image/svg+xml;...
```

### API

#### GeoPattern.generate(string, options)

Returns a newly-generated, tiling SVG Pattern.

-   `string` Will be hashed using the SHA1 algorithm, and the resulting hash will be used as the seed for generation.

-   `options.color` Specify an exact background color. This is a CSS hexadecimal color value.

-   `options.baseColor` Controls the relative background color of the generated image. The color is not identical to that used in the pattern because the hue is rotated by the generator. This is a CSS hexadecimal color value, which defaults to `#933c3c`.

-   `options.generator` Determines the pattern. [All of the original patterns](https://github.com/jasonlong/geo_pattern#available-patterns) are available in this port, and their names are camelCased.

#### Pattern.color

Gets the pattern's background color as a hexadecimal string.

```js
GeoPattern.generate('GitHub').color // => "#455e8a"
```

#### Pattern.toString() and Pattern.toSvg()

Gets the SVG string representing the pattern.

#### Pattern.toBase64()

Gets the SVG as a Base64-encoded string.

#### Pattern.toDataUri()

Gets the pattern as a data URI, i.e. `data:image/svg+xml;base64,PHN2ZyB...`.

#### Pattern.toDataUrl()

Gets the pattern as a data URL suitable for use as a CSS `background-image`, i.e. `url("data:image/svg+xml;base64,PHN2ZyB...")`.

## License

Licensed under the terms of the MIT License, the full text of which can be read in [LICENSE](LICENSE).
npm package: @hitorisensei/jest-assert-with
Description: Extends jest with toAssertWith matcher that allows you to perform an assert check with a provided assert function.
Latest version: 1.0.3

# jest-assert-type

Adds `toAssertWith` method to jest that allows assert check with a provided function.

Test will fail if provided function throws.

Message is created by casing thrown exception to String.

## Setup

### TypeScript
import the package in you test suite
```typescript
import '@hitorisensei/jest-assert-with';
```
this ensures that `jest` namespace is properly extended and `toAssertWith` is visible to TypeScript

### JavaScript
You can use **one** of two ways
#### add `setupFilesAfterEnv` to jest config
```json
{
  "setupFilesAfterEnv": [
    "@hitorisensei/jest-assert-with/index.ts"
  ]
}
```

#### or import in you test suite
```javascript
import '@hitorisensei/jest-assert-with';
```

## Why

Made for use with [typescript-is](https://www.npmjs.com/package/typescript-is) `createAssertType` and `createAssertEquals` functions.

This allows testing values against TypeScript types.
npm package: @hitorisensei/kefir-atomic
Description: Fork of Kefir.js with atomic combine operations. Atomic combine operations doesn't emit unpredictable intermediate values if all sources come from the single root and are synchronous transformations (ex. mapping the Redux state).
Author: Roman Pominov
Latest version: 3.8.9

# <a href="http://kefirjs.github.io/kefir/"><img src="http://kefirjs.github.io/kefir/Kefir-with-bg.svg" width="60" height="60"></a> Kefir



Kefir — is an Reactive Programming library for JavaScript
inspired by [Bacon.js](https://github.com/baconjs/bacon.js)
and [RxJS](https://github.com/Reactive-Extensions/RxJS)
with focus on high performance and low memory usage.

For docs visit [kefirjs.github.io/kefir](http://kefirjs.github.io/kefir).
See also [Deprecated API docs](https://github.com/kefirjs/kefir/blob/master/deprecated-api-docs.md).



[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/kefirjs/kefir/blob/master/LICENSE.txt)
[![npm version](https://img.shields.io/npm/v/kefir.svg?style=flat)](https://www.npmjs.com/package/kefir)
[![Build Status](https://travis-ci.org/kefirjs/kefir.svg?branch=master)](https://travis-ci.org/kefirjs/kefir)
[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/pozadi/kefir?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)



# Installation

Kefir available as NPM and Bower packages, as well as simple files download.

### NPM
```sh
npm install kefir
```

### Bower
```sh
bower install kefir
```

### Download

See [downloads](https://kefirjs.github.io/kefir/#downloads) section in the docs.

Also available on [jsDelivr](http://www.jsdelivr.com/#!kefir).

# Browsers support

We don't support IE8 and below, aside from that Kefir should work in any browser.


## [Flow](https://flowtype.org/)

The NPM package ships with Flow definitions. So you can do something like this if you use Flow:

```js
// @flow

import Kefir from 'kefir'

function foo(numberStream: Kefir.Observable<number>) {
  numberStream.onValue(x => {
    // Flow knows x is a number here
  });
}

const s = Kefir.constant(5);
// Flow can automatically infer the type of values in the stream and determine
// that `s` is of type Kefir.Observable<number> here.
foo(s);
```

# Development

```sh
npm run prettify    # makes source code pretty (you must run it before a PR could be merged)
npm run build-js    # builds js bundlers
npm run test        # runs all the checks
npm run test-only   # runs only unit tests without other checks
npm run test-debug  # runs tests with a chrome inspector connected to the node process
npm run build-docs  # builds the documentation html file
```
npm package: @hitorisensei/mutex-decorator
Description: Mutex and Re-entrant Mutex Decorators for TypeScript
Author: Piotr Bosak
Latest version: 1.0.1

# Mutex Decorators Library

This library provides two TypeScript decorators, `Mutex` and `ReentrantMutex`, for locking methods to ensure mutual exclusion in asynchronous contexts.

Under the hood, the library uses [composable-locks](https://www.npmjs.com/package/composable-locks) to provide the Mutex locking mechanism.

In contrast to `composable-locks`, the `ReentrantMutex` decorator doesn't depend on domain symbols use and instead uses `AsyncLocalStorage` to keep the recursive lock state.

---
**NOTE**: This library is intended to be used by TypeScript projects. \
Projects must have the `experimentalDecorators` option enabled in the `tsconfig.json` file.

```json
{
  "compilerOptions": {
    "experimentalDecorators": true,
  }
}
```

## Installation

Install the library using npm:

```sh
npm install composable-locks
```

## Usage

### Mutex Decorator

The `Mutex` decorator ensures that the decorated method is locked with a mutex, allowing only one execution at a time. It queues concurrent calls and executes them sequentially.

#### Example

```typescript
import { Mutex } from './mutex';

class ExampleClass {
  @Mutex
  async criticalSection() {
    // Your code here
  }
}

const instance = new ExampleClass();
instance.criticalSection();
```

### ReentrantMutex Decorator

The `ReentrantMutex` decorator allows reentrant locking in the same asynchronous context. It uses `AsyncLocalStorage` to check if the lock is already acquired in the current async context.

Because the use of `AsyncLocalStorage` is used, a minimal performance and/or memory overhead is expected. Thus, it is recommended to use `ReentrantMutex` only when recursive calls are expected.

#### Example

```typescript
import { ReentrantMutex } from './reentrantMutex';

class ExampleClass {
  @ReentrantMutex
  async criticalSection() {
    // Your code here
  }
}

const instance = new ExampleClass();
instance.criticalSection();
```

## Testing

The library includes tests for both decorators using Jest. To run the tests, use the following command:

```sh
npm test
```

## License

This project is licensed under the MIT License.
npm package: @hitorisensei/next
Description: The React Framework
Latest version: 9.5.4-canary.23-cssfixforanimationbuildbuild

[![Next.js](https://assets.vercel.com/image/upload/v1538361091/repositories/next-js/next-js.png)](https://nextjs.org)

<p align="center">
  <a aria-label="Vercel logo" href="https://vercel.com">
    <img src="https://img.shields.io/badge/MADE%20BY%20Vercel-000000.svg?style=for-the-badge&logo=Vercel&labelColor=000">
  </a>
  <a aria-label="NPM version" href="https://www.npmjs.com/package/next">
    <img alt="" src="https://img.shields.io/npm/v/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="License" href="https://github.com/vercel/next.js/blob/canary/license.md">
    <img alt="" src="https://img.shields.io/npm/l/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="Join the community on GitHub" href="https://github.com/vercel/next.js/discussions">
    <img alt="" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=Next.js&labelColor=000000&logoWidth=20">
  </a>
</p>

## Getting Started

Visit <a aria-label="next.js learn" href="https://nextjs.org/learn">https://nextjs.org/learn</a> to get started with Next.js.

## Documentation

Visit [https://nextjs.org/docs](https://nextjs.org/docs) to view the full documentation.

## Who is using Next.js?

Next.js is used by the world's leading companies. Check out the [Next.js Showcase](https://nextjs.org/showcase) to learn more.

## Contributing

Please see our [contributing.md](/contributing.md).

## Authors

- Arunoda Susiripala ([@arunoda](https://twitter.com/arunoda)) – [Vercel](https://vercel.com/about/arunoda-zeit)
- Tim Neutkens ([@timneutkens](https://twitter.com/timneutkens)) – [Vercel](https://vercel.com/about/timneutkens)
- Naoyuki Kanezawa ([@nkzawa](https://twitter.com/nkzawa)) – [Vercel](https://vercel.com/about/nkzawa)
- Tony Kovanen ([@tonykovanen](https://twitter.com/tonykovanen)) – [Vercel](https://vercel.com)
- Guillermo Rauch ([@rauchg](https://twitter.com/rauchg)) – [Vercel](https://vercel.com/about/rauchg)
- Dan Zajdband ([@impronunciable](https://twitter.com/impronunciable)) – Knight-Mozilla / Coral Project
npm package: @hitorisensei/per-env
Description: Clean up your package.json with per-env npm scripts
Latest version: 2.1.2

# per-env

> Clean up your `package.json` with per-`NODE_ENV` npm scripts.

[![travis build](https://img.shields.io/travis/ericclemmons/per-env.svg)](https://travis-ci.org/ericclemmons/per-env)
[![version](https://img.shields.io/npm/v/per-env.svg)](http://npm.im/per-env)
[![downloads](https://img.shields.io/npm/dm/per-env.svg)](http://npm-stat.com/charts.html?package=per-env)
[![MIT License](https://img.shields.io/npm/l/per-env.svg)](http://opensource.org/licenses/MIT)


### Features

- [x] Call npm stages based on `NODE_ENV` (defaults to `development`)

### Changes from 1.x

- [x] **BREAKING** Dropped support for per-env environment variables in package.json.<br>This change was made to simplify the implementation and to avoid potential conflicts with other packages that set environment variables (dot-env, etc.).
- [x] Added support for different script runners (bun, yarn, etc).<br>Previously all scripts were run with npm, regardless of the runner used to run per-env.
- [x] Added tests.
### Example

```js
{
  "scripts": {
    // If NODE_ENV is missing, defaults to "development".
    "build": "per-env",

    "build:development": "webpack -d --watch",
    "build:staging": "webpack -p",
    "build:production": "webpack -p",

    // Deployment won't work unless NODE_ENV=production is explicitly set.
    "deploy": "per-env",

    "predeploy:production": "docker build -t ${DOCKER_USER}/${DOCKER_PROJECT} .",
    "deploy:production": "docker push ${DOCKER_USER}/${DOCKER_PROJECT}",

    // "npm start" is _the_ command to start the server across all environments.
    "start": "per-env",

    "start:development": "npm run build:development",

    "prestart:production": "npm run build",
    "start:production": "start-cluster build/server/server.js",

    "prestart:staging": "npm run build",
    "start:staging": "start-cluster build/server/server.js",
  }
}
```


### Installation

```shell
$ npm install --save per-env
```


### License

> MIT License 2016 © Eric Clemmons
npm package: @hitorisensei/react-use-cookie
Description: A React hook for managing cookies with no dependencies.
Author: Tyler Wolff
Latest version: 1.3.1

# useCookie

[![npm package][npm-badge]][npm]

A React hook for managing cookies with no dependencies.

## Installation

```bash
npm install react-use-cookie
```

or

```bash
yarn add react-use-cookie
```

## Usage

### `useCookie`

```jsx
import useCookie from 'react-use-cookie';

export default props => {
  const [userToken, setUserToken] = useCookie('token', '0');

  render(
    <div>
      <p>{userToken}</p>
      <button onClick={() => setUserToken('123')}>Change token</button>
    </div>
  );
};
```

`setUserToken` accepts a second argument: `options`. Different to the named
export, for this one it is the second not the third argument. Take a look at
[setCookie](#setcookie) for more details.

This package also has a few other exports that can be used directly.

### `getCookie`

If you need to access a cookie outside of a React component, you can use the
named `getCookie` export:

```jsx
import { getCookie } from 'react-use-cookie';

const getUser = () => {
  const xsrfToken = getCookie('XSRF-TOKEN');
  // use to call your API etc
};
```

### `setCookie`

If you need to set a cookie outside of a React component, you can use the
named `setCookie` export:

```jsx
import { setCookie } from 'react-use-cookie';
const saveLocale = locale => {
  setCookie('locale', locale);
};
```

You can also specify an optional third argument - the same options object as
above:

```tsx
{
  // The number of days the cookie is stored (defaults to 7)
  days: number;
  // The path of the cookie (defaults to '/')
  path: string;
}
```

[npm-badge]: https://img.shields.io/npm/v/react-use-cookie.svg
[npm]: https://www.npmjs.org/package/react-use-cookie
npm package: @hitpaw/mcp-server
Description: HitPaw AI Image/Video Enhancement MCP Server for Claude Desktop
Author: HitPaw Team
Latest version: 1.0.4

# @hitpaw/mcp-server

An MCP (Model Context Protocol) server that brings HitPaw's powerful AI image and video enhancement capabilities directly to Claude Desktop and Cursor IDE.

## Features

- 🖼️ **Photo Enhancement**: 16 AI models including portrait beautification, general super-resolution, and generative restoration.
- 🎬 **Video Enhancement**: 8 AI models for portrait, general, and ultra-HD video restoration.
- 📋 **Task Management**: Check processing status and results in real-time.
- 📁 **OSS Integration**: Transfer URLs straight to OSS.

## Installation & Usage

You can use this MCP server directly with `npx` (no installation required) or install it globally.

### Prerequisites

You need a **HitPaw API Key**. Register at the [HitPaw Developer Console](https://api-base.hitpaw.com) to obtain one.

### For Claude Desktop

Edit your Claude Desktop configuration file:
- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json`

Add the following configuration:

```json
{
  "mcpServers": {
    "hitpaw": {
      "command": "npx",
      "args": ["-y", "@hitpaw/mcp-server"],
      "env": {
        "HITPAW_API_KEY": "your_api_key_here"
      }
    }
  }
}
```

Then restart Claude Desktop.

### Global Installation

```bash
npm install -g @hitpaw/mcp-server
```

When installed globally, you can configure it like this:

```json
{
  "mcpServers": {
    "hitpaw": {
      "command": "hitpaw-mcp-server",
      "env": {
        "HITPAW_API_KEY": "your_api_key_here"
      }
    }
  }
}
```

## Available Tool Requests (Inside Claude/Cursor)

Once configured, your AI assistant can invoke the following tools natively on your behalf:
- `photo_enhance`
- `video_enhance`
- `task_status`
- `oss_transfer`
- `oss_batch_transfer`
- `list_photo_models`
- `list_video_models`

For instance, you can simply ask: *"Can you enhance this portrait image for me? [image_url]"*

## Links
- [HitPaw GitHub Repository](https://github.com/HitPaw-Official/hitpaw-mcp-server)

## License

MIT
npm package: @hitrecord/videogular2
Description: Videogular is a video application framework for desktop and mobile powered by Angular
Author: Raúl Jiménez
Latest version: 0.0.4

# Videogular
[![travis build](https://travis-ci.org/videogular/videogular2.svg?branch=master)](https://travis-ci.org/videogular/videogular2)
[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/2fdevs/videogular?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Greenkeeper badge](https://badges.greenkeeper.io/videogular/videogular2.svg)](https://greenkeeper.io/)

**Videogular is an HTML5 video player for Angular 2.0**. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody.

You can see a demo here: https://videogular.github.io/videogular2-showroom/#/

Documentation: https://videogular.github.io/videogular2

# How to install

To get up and running quickly, check out the [getting started guide](https://videogular.github.io/videogular2/docs/getting-started/).

## NPM commands

Run `start` to compile the project, execute tests and check coverage:

```
npm start
```

Run `build` to compile the project:

```
npm run build
```

Run `test` to test the project:

```
npm test
```

Run `coverage` to check the coverage report:

```
npm run coverage
```

To start the example app run the following commands and open http://localhost:8080:

```
cd examples
npm install
npm run build
npm start
```

## Quick template

[Stackblitz Template](https://stackblitz.com/edit/angular-videogular?file=app%2Fhello.component.ts)


## Supported by

Videogular wants to thank you to this companies for support this project:

[![](sponsors/jetbrains.png)](https://www.jetbrains.com)
[![](sponsors/toptal.png)](https://www.toptal.com)

## Credits

Videogular is a project created by [Raúl Jiménez](https://github.com/Elecash) and released under [MIT license](https://github.com/videogular/videogular2/blob/master/LICENSE).

This project would not be possible without our [team members](https://github.com/orgs/videogular/people) and an [amazing community](https://github.com/videogular/videogular2/graphs/contributors),
npm package: @hitrever/courier-vue-embedded
Description: Vue 3/2.7 wrapper for courier
Author: Jonathan Howell
Latest version: 4.4.1

[![Courier: Your Complete Communication Stack](https://marketing-assets-public.s3.us-west-1.amazonaws.com/github_nodejs.png)](https://courier.com)

<a href="https://www.npmjs.com/package/vue"><img src="https://img.shields.io/npm/v/courier-vue-embedded.svg?sanitize=true" alt="Version"></a>

This is the unofficial vue Toast/Inbox wrapper for [@trycourier/courier](https://github.com/trycourier/courier-node)

## Installation (via [npm](https://www.npmjs.com/package/ArcticGizmo/courier-vue-embedded))

```bash
npm install courier-vue-embedded
```

### Requirements

You will need to get a Courier API key to get started. You can sign up and create one for free at
[courier.com](https://courier.com).

### Getting Started

#### Configuration

At run time, configure Courier and listen to messages for a user

```ts
import { Courier } from 'courier-vue-embedded';

Courier.init({
  clientKey: '{{your_client_key}}',
  userId: '{{user_id}}'
});
```

#### Ignore Custom Components (Vue 2.7)

When using this component with Vue 2.7 you might get warnings similar to

```
[vue warn]: Unknown custom element: <courier-toast> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
```

To resolve this in your main file add

```
import Vue from 'vue'
Vue.config.ignoredElements.push(
  "courier-inbox",
  "courier-preferences",
  "courier-toast"
);
```

#### Import Components

Import the Inbox/Toast components and you are ready to go. Here we are importing it in `src/App.vue`

```html
<template>
  <div id="app">
    <CourierToastVue />
    <CourierInboxVue />
  </div>
</template>

<script setup lang="ts">
  import { CourierToastVue, CourierInboxVue } from 'courier-vue-embedded';
</script>

<style scoped>
  /* If you would like to have a right-floating inbox */
  courier-inbox {
    position: fixed;
    z-index: 1000;
    right: 2rem;
    top: 1rem;
  }
</style>
```

NB: the toast component can be imported anywhere

## Versions

To maintain some semblance of reason, here is how courier-vue-embedded versions map to courier component versions

| courier-vue-embedded | courier components |
| -------------------- | ------------------ |
| 1.X                  | 3.Y                |
| 4.Y.Z\*              | 4.Y.Z              |

(\*patch version may differ if there are any bugs found within this wrapper package)