open-index/open-npm huggingface dataset:
npm package: @hypernym/colors
Description: Ultra lightweight color utilities for console.
Author: Hypernym Studio
Latest version: 1.0.8

<h1 align="center">@hypernym/colors</h1>

<p align="center">Ultra lightweight color utilities for console.</p>

<p align="center">
  <a href="https://github.com/hypernym-studio/colors">Repository</a>
  <span>|</span>
  <a href="https://www.npmjs.com/package/@hypernym/colors">Package</a>
  <span>|</span>
  <a href="https://github.com/hypernym-studio/colors/releases">Releases</a>
  <span>|</span>
  <a href="https://github.com/hypernym-studio/colors/discussions">Discussions</a>
</p>

<br>

<pre align="center">
  pnpm add @hypernym/colors
</pre>

<br>

## Features

- TypeScript friendly
- Fully tree-shakeable
- No dependencies

## Usage

```ts
import { bold, green, cyan, ... } from '@hypernym/colors'

console.log(bold(green('hypernym')), cyan('colors'))
```

See a list of all available [colors](./src/index.ts).

## License

Developed in 🇭🇷 Croatia, © Hypernym Studio.

Released under the [MIT](LICENSE.txt) license.
npm package: @hypernym/nuxt-anime
Description: Anime module for Nuxt.
Author: Hypernym Studio
Latest version: 2.1.1

# Nuxt Anime Module

Anime module for Nuxt.

## Features

- Helps you integrate the Anime.js animation library
- Provides the main _anime_ helper globally
- Supports custom composables
- Zero-config setup ready to go
- TypeScript friendly
- Super easy to use

## Quick Start

1. Install `@hypernym/nuxt-anime` to your project

```sh
npm i -D @hypernym/nuxt-anime
```

2. Enable the module in the main config file

```ts
// nuxt.config.ts

{
  modules: ['@hypernym/nuxt-anime']
}
```

That's it! Start developing your app!

## Module

The module comes with a _zero-config_ setup so after activation it automatically adds the Anime.js core and it is globally available without additional settings.

```html
<!-- layout.vue | page.vue | component.vue -->

<template>
  <div>
    <h1 class="title">Nuxt Anime</h1>
  </div>
</template>

<script setup lang="ts">
  const { $anime } = useNuxtApp()

  onMounted(() => {
    $anime({ targets: '.title', translateX: 250, duration: 800 })
  })
</script>
```

## Options

Nuxt Anime Module is optimized and supports Nuxt 3 with TypeScript. It also improves the development experience with detailed descriptions, examples and code auto-completion.

```ts
// nuxt.config.ts

{
  modules: ['@hypernym/nuxt-anime'],

  anime: {
    // Module options
  }
}
```

## Provide

- Type: `boolean`
- Default: `true`

Provides the main `$anime` helper globally.

```ts
// nuxt.config.ts

{
  anime: {
    provide: true
  }
}
```

**Available globally**

```ts
const { $anime } = useNuxtApp()

$anime({ targets: '.class', translateX: 250, duration: 800 })
```

## Composables

- Type: `boolean`
- Default: `undefined`

Specifies custom composables.

If enabled, allows the use of custom composables.

```ts
// nuxt.config.ts

{
  anime: {
    composables: true
  }
}
```

### useAnime

Provides the main `anime` function as custom composable.

```html
<script setup lang="ts">
  onMounted(() => {
    useAnime({ targets: '.class', translateX: 250, duration: 800 })
  })
</script>
```

```ts
// Explicit import (optional)
import { useAnime } from '#anime'
```

## Auto Import

- Type: `boolean`
- Default: `true`

Specifies the `auto-import` feature.

If enabled, the composables will be available globally so there is no need to import them manually.

Since this is an opinionated feature, you can disable global `auto-import` and use explicit import only where you need it.

Works only if the `composables: true` option is enabled.

```ts
// nuxt.config.ts

{
  anime: {
    autoImport: false
  }
}
```

## Community

Feel free to use the official [discussions](https://github.com/hypernym-studio/nuxt-anime/discussions) for any additional questions.

## License

### Anime.js Library

More details about Anime.js license can be found in the <a href="https://github.com/juliangarnier/anime">official</a> repository.

### Nuxt Anime Module

Developed in 🇭🇷 Croatia

Released under the [MIT](LICENSE.txt) license.

© Hypernym Studio
npm package: @hypernym/oxlint-config
Description: Hypernym's internal config for OXLint.
Author: Hypernym Studio
Latest version: 0.1.0

<h1 align="center">@hypernym/oxlint-config</h1>

<p align="center">Hypernym's internal config for OXLint.</p>

<p align="center">
  <a href="https://github.com/hypernym-studio/oxlint-config">Repository</a>
  <span>✦</span>
  <a href="https://www.npmjs.com/package/@hypernym/oxlint-config">Package</a>
  <span>✦</span>
  <a href="https://github.com/hypernym-studio/oxlint-config/releases">Releases</a>
  <span>✦</span>
  <a href="https://github.com/hypernym-studio/oxlint-config/discussions">Discussions</a>
</p>

<br>

<pre align="center">pnpm add -D @hypernym/oxlint-config</pre>

<br>

## Usage

Add `lint` commands for manual linting (optional):

```json
{
  "scripts": {
    "lint": "oxlint",
    "lint:fix": "oxlint --fix"
  }
}
```

Run command:

```sh
pnpm lint
```

## Default Config

Includes `recommended` rules for `JavaScript` and `TypeScript` out of the box.

```ts
// oxlint.config.ts

import { defineConfig, defaultConfig } from '@hypernym/oxlint-config'

export default defineConfig(defaultConfig)
```

## Custom Setup

```ts
// oxlint.config.ts

import {
  defineConfig,
  defaultConfig,
  overrides,
  ignorePatterns,
} from '@hypernym/oxlint-config'

export default defineConfig({
  ...defaultConfig,
  categories: {
    correctness: 'warn',
  },
  overrides: [
    ...overrides,
    {
      files: [],
      rules: {},
    },
  ],
  ignorePatterns: [
    ...ignorePatterns,
    '**/dir/',
    '**/file.ts',
    // ...
  ],
  // ...
})
```

## License

Developed in 🇭🇷 Croatia, © Hypernym Studio.

Released under the [MIT](LICENSE.txt) license.
npm package: @hypernym/prettier-config
Description: Hypernym's internal config for Prettier.
Author: Hypernym Studio
Latest version: 3.2.11

<h1 align="center">@hypernym/prettier-config</h1>

<p align="center">Hypernym's internal config for Prettier.</p>

<p align="center">
  <a href="https://github.com/hypernym-studio/prettier-config">Repository</a>
  <span>✦</span>
  <a href="https://www.npmjs.com/package/@hypernym/prettier-config">Package</a>
  <span>✦</span>
  <a href="https://github.com/hypernym-studio/prettier-config/releases">Releases</a>
  <span>✦</span>
  <a href="https://github.com/hypernym-studio/prettier-config/discussions">Discussions</a>
</p>

<br>

<pre align="center">pnpm add -D @hypernym/prettier-config</pre>

<br>

## Usage

### Formatting Commands

Add a `format` command for manual formatting (optional):

```js
// package.json

{
  "scripts": {
    "format": "prettier --write ."
  }
}
```

### Default Config

```js
// prettier.config.js

export { default } from '@hypernym/prettier-config'
```

### Svelte/SvelteKit

> [!NOTE]
>
> Install the required `Svelte` dev dependencies before using:
>
> ```sh
> pnpm add -D prettier-plugin-svelte
> ```

```js
// prettier.config.js

export { default } from '@hypernym/prettier-config/svelte'
```

## Custom Setup

```js
// prettier.config.js

import base from '@hypernym/prettier-config'

/** @type {import("prettier").Config} */
const config = {
  ...base,
  singleQuote: false,
  // ...
}

export default config
```

## License

Developed in 🇭🇷 Croatia, © Hypernym Studio.

Released under the [MIT](LICENSE.txt) license.
npm package: @hypernym/tsconfig
Description: Hypernym's internal config for TypeScript.
Author: Hypernym Studio
Latest version: 2.7.1

<h1 align="center">@hypernym/tsconfig</h1>

<p align="center">Hypernym's internal config for TypeScript.</p>

<p align="center">
  <a href="https://github.com/hypernym-studio/tsconfig">Repository</a>
  <span>|</span>
  <a href="https://www.npmjs.com/package/@hypernym/tsconfig">Package</a>
  <span>|</span>
  <a href="https://github.com/hypernym-studio/tsconfig/releases">Releases</a>
  <span>|</span>
  <a href="https://github.com/hypernym-studio/tsconfig/discussions">Discussions</a>
</p>

<br>

<pre align="center">pnpm add -D @hypernym/tsconfig</pre>

<br>

## Usage

```js
// tsconfig.json

{
  "extends": "@hypernym/tsconfig"
}
```

## Custom Setup

```ts
// tsconfig.json

{
  "extends": "@hypernym/tsconfig",
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@": ["./src"],
      "@/*": ["./src/*"]
    }
  }
}
```

## License

Developed in 🇭🇷 Croatia, © Hypernym Studio.

Released under the [MIT](LICENSE.txt) license.