open-index/open-npm huggingface dataset:
npm package: @friendlyinternet/nuxt-crouton-devtools
Description: DevTools integration for Nuxt Crouton - visual inspection and management of CRUD collections
Author: FYIT
Latest version: 0.3.0

# @friendlyinternet/nuxt-crouton-devtools

DevTools integration for Nuxt Crouton - visual inspection and management of CRUD collections.

## Features

- 🔍 **Collection Inspector** - View all registered collections in your app
- 📊 **Configuration Details** - Inspect collection schemas, metadata, and settings
- 🎨 **Beautiful UI** - Professional design with smooth animations and dark mode support
- 🔎 **Search & Filter** - Quickly find collections by name, layer, or API path
- ♻️ **Refresh on Demand** - Update collection data without reloading
- 🌙 **Dark Mode** - Automatic dark mode support
- 🚀 **Zero Config** - Works automatically when DevTools is enabled

## Installation

```bash
pnpm add -D @friendlyinternet/nuxt-crouton-devtools
```

## Usage

Add the module to your `nuxt.config.ts`:

```typescript
export default defineNuxtConfig({
  modules: [
    '@nuxt/devtools',
    '@friendlyinternet/nuxt-crouton-devtools'
  ],

  devtools: {
    enabled: true
  }
})
```

That's it! The DevTools integration will automatically appear in your Nuxt DevTools when you run your app in development mode.

## What You'll See

### Collection Inspector

The main view shows all collections registered in your `app.config.croutonCollections`:

- **Collection Cards** - Quick overview of each collection
- **Search & Filter** - Find collections by name, layer, or API path
- **Layer Badges** - Visual indicators for internal/external/custom collections
- **Detail View** - Click any collection to see full configuration

### Collection Details

Each collection displays:

- Name and key
- API path
- Component name (for internal collections)
- Layer type
- Full JSON configuration
- Metadata and custom fields

## Development

This package only runs in development mode and has zero impact on your production builds.

## Requirements

- Nuxt 4+
- @nuxt/devtools
- @friendlyinternet/nuxt-crouton

## Roadmap

This is Phase 1 (MVP) of the DevTools integration. Future phases will include:

- **Phase 2**: CRUD operations monitoring, API endpoint testing
- **Phase 3**: Collection data browser with inline editing
- **Phase 4**: Generator history and rollback management
- **Phase 5**: Schema validation debugger, i18n manager

## License

MIT

## Contributing

Contributions are welcome! Please see the [main repository](https://github.com/pmcp/nuxt-crouton) for guidelines.
npm package: @friendlyinternet/nuxt-crouton-translations
Description: Translations layer extending nuxt-crouton for multi-language support
Author: FYIT
Latest version: 1.0.1

# @fyit/nuxt-crouton-translations

Multi-language support layer extending `@fyit/nuxt-crouton` for FYIT scaffolded collections.

## Features

- 🌍 Multi-language input components
- 🔄 Auto-sync with English as primary language
- 📝 Team-specific translations
- 🎯 Built-in support for EN, NL, FR
- ⚡ Inherits all CRUD features from base layer

## Installation

```bash
# Install both the base and translations layer
pnpm add @fyit/nuxt-crouton @fyit/nuxt-crouton-translations
```

## Configuration

Add to your `nuxt.config.ts`:

```typescript
export default defineNuxtConfig({
  extends: [
    '@fyit/nuxt-crouton-translations'
    // Automatically extends @fyit/nuxt-crouton
  ]
})
```

## What You Get

### From Base Layer (inherited)
- All CRUD components (CrudButton, CrudEntitySelect, etc.)
- All CRUD composables (useCrud, useCollections, etc.)
- Table components with search and pagination

### From This Layer
- **TranslationsInput** - Multi-language input component
- **TranslationsDisplay** - Display translated content
- **LanguageSwitcher** - Switch between languages
- **useT()** - Translation composable
- **useEntityTranslations()** - Entity-specific translations
- i18n module pre-configured

## Components

### TranslationsInput

Multi-language input for forms:

```vue
<TranslationsInput
  v-model="state.translations"
  :fields="['name', 'description']"
  :default-values="{
    name: state.name,
    description: state.description
  }"
  @update:english="(data) => { state[data.field] = data.value }"
  label="Translations"
/>
```

### TranslationsDisplay

Display translated content:

```vue
<TranslationsDisplay
  :translations="item.translations"
  :field="'name'"
  :fallback="item.name"
/>
```

### LanguageSwitcher

Switch between available languages:

```vue
<LanguageSwitcher />
```

## Composables

### useT()

Get translated values:

```typescript
const { t } = useT()
const label = t('products.name')
```

### useEntityTranslations()

Manage entity-specific translations:

```typescript
const { getTranslation, setTranslation } = useEntityTranslations()

const translated = getTranslation(entity.translations, 'name', 'nl')
```

## Customizing Locales

Override default locales in your nuxt.config:

```typescript
export default defineNuxtConfig({
  extends: ['@fyit/nuxt-crouton-translations'],

  i18n: {
    locales: [
      { code: 'en', name: 'English', file: 'en.json' },
      { code: 'es', name: 'Español', file: 'es.json' },
      { code: 'de', name: 'Deutsch', file: 'de.json' }
    ]
  }
})
```

## Layer Architecture

```
@fyit/nuxt-crouton (base CRUD)
    ↑
@fyit/nuxt-crouton-translations (this layer)
```

When you extend this layer, you automatically get:
1. Everything from nuxt-crouton (CRUD)
2. Everything from nuxt-crouton-translations (i18n)

## Publishing

```bash
npm publish --access public
```

## License

MIT
npm package: @friendlyss/collection
Description: <img src="./lib/full-logo.png" width="400px" />
Author: Math W.
Latest version: 1.1.1

# @friendlyss/collection

<img src="./lib/full-logo.png" width="400px" />

```bash
# npm
npm install @friendlyss/collection

# yarn
yarn add @friendlyss/collection
```
npm package: @friendlyss/disclosure
Description: <img src="./lib/full-logo.png" width="400px" />
Author: Math W.
Latest version: 1.0.5

# @friendlyss/disclosure

<img src="./lib/full-logo.png" width="400px" />

```bash
# npm
npm install @friendlyss/disclosure

# yarn
yarn add @friendlyss/disclosure
```
npm package: @friendlyss/loaders
Description: <img src="./lib/full-logo.png" width="400px" />
Author: Math W.
Latest version: 1.0.3

# @friendlyss/loaders

<img src="./lib/full-logo.png" width="400px" />

```bash
# npm
npm install @friendlyss/loaders

# yarn
yarn add @friendlyss/loaders
```
npm package: @friendlyss/promises
Description: <img src="./lib/full-logo.png" width="400px" />
Author: Math W.
Latest version: 1.0.1

# @friendlyss/loaders

<img src="./lib/full-logo.png" width="400px" />

```bash
# npm
npm install @friendlyss/loaders

# yarn
yarn add @friendlyss/loaders
```
npm package: @friends-library/dev
Description: dev scripts for friends library
Author: Jared Henderson
Latest version: 4.5.2

# @friends-library/dev

Meta-package for convenient development. Sort of like `react-scripts` for all-purpose
typescript module development. Includes pre-configured out-of-the-box support for:

- TypeScript (currently `4.5.x`)
- Jest (setup with ts-jest)
- eslint (configured for typescript with opinionated defaults)
- prettier
- ts-node

Exposes a `fldev` bin that can be used with `npx` or as part of npm _scripts_:

```bash
# run the tsc compile checker, without emitting compiled files
$ npx fldev ts:check

# compile typescript according to tsconfig.json settings
$ npx fldev ts:compile

# run jest tests
$ npx fldev test

# run jest tests in "watch" mode
$ npx fldev test:watch

# run eslint
$ npx fldev lint

# run eslint, fixing fixable errors
$ npx fldev lint:fix

# run prettier (--write)
$ npx fldev format

# execute something with ts-node
$ npx fldev tsnode ./some-ts-script.ts

# run `ts:check`, `test`, `lint`, and `format --check`
$ npx fldev ci
```

These scripts are often useful embedded in npm scripts in your `package.json`, like so:

```json
{
  "scripts": {
    "test": "fldev test",
    "test:watch": "fldev test:watch",
    "lint": "fldev lint",
    "lint:fix": "fldev lint:fix",
    "ts:check": "fldev ts:check",
    "format": "fldev format",
    "compile": "fldev ts:compile"
  }
}
```

⚠️ _NOTE:_ This package **does not follow semver.** Instead, it's minor versions track
with Typescript releases, so `4.5.x` in this library would include `typescript` in the
`4.5.x` range. For that reason, it is recommend you install it pinning to an exact, or to
a minor version, like : `"@friends-library/dev": "~4.5.0"`.
npm package: @friends-library/hilkiah
Description: finds scripture references embedded in text
Author: Jared Henderson
Latest version: 1.3.3

# Hilkiah

> Then Hilkiah answered and said to Shaphan the scribe, “I have found the Book of the Law
> in the house of the Lord.”
>
> _2 Chronicles 34:15_

Extracts scripture references in various forms from blobs of arbitrary text.

Thanks to [Harry Plantinga](http://www.calvin.edu/~hplantin/) for giving me an xml file
created for [CCEL](http://www.ccel.org/) containing lots of useful data which I converted
into `src/books.json` for this project.

### todo

- [ ] - organize tests
- [ ] - `find()` should handle verses from single-chapter books (eg: `Foobar (Jude 14).`);
- [ ] - `format()` should handle verses from single-chapter books
- [ ] - `format()` is super opinionated for our usage, generalize/refactor
- [ ] - `"short"` book names should be extracted to a different config
- [ ] - handle refs that span chapters `John x. 14, and xvi. 13`, `Mark xiii. 37;—xiv. 38`
- [ ] - detect weird ranges `Romans 3:8-3`
- [√] - detect invalid chapter `Romans 22:14`
- [ ] - detect invalid verse `Romans 8:72`
- [ ] - detect invalid verse/s in range `Romans 6:4-88`
- [ ] - handle verses in roman numerals `(Titus ii. II, 12.)`, `(Psalm xl. i;)`
npm package: @friends-of-js/typescript-configs
Description: Set of sharable typescript configs.
Author: Dmitriy Romanov
Latest version: 1.0.5

# @friends-of-js/typescript-configs

[![license](https://img.shields.io/github/license/friends-of-js/typescripts-configs.svg)](LICENSE)

> Set of sharable typescript configs.

## Install

```sh
yarn add --dev @friends-of-js/typescript-configs
# or
npm install --save-dev @friends-of-js/typescript-configs
```

## Table of Contents

There are 4 types of configs:

1. strict-latest
1. strict
1. standard-latest
1. standard

**_Strict-latest_** and **_standard-latest_** configs are constantly updated,
including minor and patch releases.
**_Strict_** and **_standard_** configs updated only on major release.

**_Strict_** configs include all typescript checks,
in contrast to the standards configs,
which almost does not include any checks.

## Usage

Select the appropriate configuration type:

```js
// strict-latest
// tsconfig.json
{
  "extends": "./node_modules/@friends-of-js/typescript-configs/strict-latest"
}
```

```js
// strict
// tsconfig.json
{
  "extends": "./node_modules/@friends-of-js/typescript-configs/strict"
}
```

```js
// standard-latest
// tsconfig.json
{
  "extends": "./node_modules/@friends-of-js/typescript-configs/standard-latest"
}
```

```js
// standard
// tsconfig.json
{
  "extends": "./node_modules/@friends-of-js/typescript-configs/standard"
}
```

## License

@friends-of-js/typescript-configs © [Dmitriy Romanov](https://github.com/friends-of-js),
released under the MIT License.
npm package: @friends-of-software/nest-pwned-password
Description: NestJs module for checking if a password has been pwned
Author: Dominic Bachmann
Latest version: 1.0.4

## Description

`@friends-of-software/nest-pwned-password` package for [Nest](https://github.com/nestjs/nest),
useful to check if a password has been pwned before. The service calls the 
[haveibeenpwned API](https://haveibeenpwned.com/) in order to see if the password was leaked.

## Installation

```bash
$ npm i --save @friends-of-software/nest-pwned-password
```

## Example

After you import the `PwnedPasswordModule` in your module, you can use the `PwnedPasswordService`.

```typescript
import { Controller, Get } from '@nestjs/common';
import { PwnedPasswordService } from '@friends-of-software/nest-pwned-password';

@Controller()
export class AppController {
  constructor(
    private pwnedPasswordService: PwnedPasswordService,
  ) {}

  @Post('has-been-pwned')
  async hasBeenPwned(@Body() hasBeenPwnedDto: HasBeenPwnedDto): Promise<{ pwned: boolean; timesPwned: number }> {
    return this.pwnedPasswordService.hasPasswordBeenPwned(hasBeenPwnedDto.password);
  }
}
```
npm package: @friendsof/roll
Description: "Zero config" compiler for JS & CSS.
Author: estrattonbailey
Latest version: 0.0.1

# @friendsof/roll
"Zero config" compiler for JS & CSS.

## Usage
Install globally:
```bash
npm i @friendsof/roll -g

# build
roll src/index.js dist/index.js

# watch
roll src/index.js dist/index.js -w
```
Or per project:
```bash
npm i @friendsof/roll --save-dev

# build
./node_modules/.bin/roll src/index.js dist/index.js

# watch
./node_modules/.bin/roll src/index.js dist/index.js -w

# package.json
{
  "scripts": {
    "build": "roll src/index.js dist/index.js",
    "watch": "roll src/index.js dist/index.js -w",
  }
}
```

## License
MIT License © [Friends of Friends](https://thecouch.nyc)
npm package: @friendsofshopware/app-server-sdk
Description: Shopware App Server SDK
Latest version: 0.0.47
Deprecated: use from JSR https://jsr.io/@friendsofshopware/app-server

# shopware-app-server

This package provides the indepenend runtime for the Shopware App Server. It can be used to run the app server in any JS environment.

For Cloudflare install the `@friendsofshopware/app-server-cloudflare` package.
For Express install the `@friendsofshopware/app-server-express` package.
npm package: @friendsofshopware/storefront-sdk
Description: Provides Shopware Storefront Utilities as Typescript
Author: FriendsOfShopware
Latest version: 0.1.8

# Shopware Storefront SDK

## Description

The Shopware Storefront SDK is a set of classes and methods to easily access the Shopware Storefront.
So in your plugins, you can add this package as dependency and use the classes from this package instead of default Shopware files.
This is especially helpful if you want to build your plugin without having the Shopware code-base, such as in custom webpack builds.

## Features

- Build Shopware Version independent plugin
- Ability to build your plugin javascript without having the Shopware 6 code-base

## Installation

```bash
npm install @friendsofshopware/storefront-sdk
```

## Webpack Configuration

This package is usually used to build artifacts independent from Shopware.
However, you might still want to be able to also build your storefront inside a Shopware shop.

For this, please create a custom webpack configuration in your plugin that resolves the alias and path for your dependency.

Create a new file **../Resources/app/storefront/build/webpack.config.js** and add this content:

```js
module.exports = (params) => {
    return {
        resolve: {
            modules: [
                `${params.basePath}Resources/app/storefront/node_modules`,
            ],
        }
    };
}
```

## TSConfig

To have `PluginManager` typed, you need to create a `tsconfig.json` (`src/Resources/app/storefront/tsconfig.json`) with following content:

```json
{
    "compilerOptions": {
        "types": ["@friendsofshopware/storefront-types"]
    }
}
```

`@friendsofshopware/storefront-types` is a separate NPM package which contains only the types of the storefront.

## Usage

### Creating JS Plugin

You can now use the plugin classes from this package instead of the original ones in your Shopware Javascript plugins.

```js 
import Plugin from '@friendsofshopware/storefront-sdk/plugin-system/plugin.class';

export default class MyStorefrontPlugin extends Plugin {
    constructor(el, options, pluginName) {
        super(el, options, pluginName);

        this.setup();
    }

    init(): void {
        // run your own code here
        this.el.addEventListener('click', this.onClick.bind(this));
    }

    onClick(event) {
        console.log('called');
    }
}
```

## Build

Because you have no dependency on Shopware classes anymore, can now build your plugins without having Shopware itself.
This is helpful if you want to create custom webpack builds for your plugin.

But you can also use the Shopware CLI or still Shopware itself for building.
npm package: @friendswithsitters/styles
Description: Friendswithsitters CSS-in-JS Shareable Styles
Latest version: 0.0.2-alpha.6

# Styles

This repository provides a framework agnostic theme for intended use alongside any object or tagged template literal framework.

## Getting Started

Add the library to your project as a dependency using:

```
npm i @friendswithsitters/styles --save
```
---

The library is implemented to ensure that it is easy to take advantage of [tagged template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals), including numerous helpers designed at producing strings of CSS compatible with various pre-processing frameworks.
npm package: @friesfinance/swap-ui
Description: Set of UI components for fries projects
Latest version: 0.10.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @friesfinance/swapui
Description: Set of UI components for fries projects
Latest version: 0.10.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @friesfinance/uifries
Description: Set of UI components for pizzafinance projects
Latest version: 0.1.4

# 🍕 Pizza Finance  ui-sdk

[![Version](https://img.shields.io/npm/v/@pizzafinance/ui-sdk)](https://www.npmjs.com/package/@pizzafinance/ui-sdk) [![Size](https://img.shields.io/bundlephobia/min/@pizzafinance/ui-sdk)](https://www.npmjs.com/package/@pizzafinance/ui-sdk)

@pizzafinance/ui-sdk is a set of React components and hooks used to build pages on Pizza's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pizzafinance/ui-sdk`

## Setup

### Theme

Before using @pizzafinance/ui-sdk, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pizzafinance/ui-sdk'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pizzafinance/ui-sdk'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pizzafinance.github.io/ui-sdk/)
npm package: @friesfinance/uikit
Description: Set of UI components for fries projects
Latest version: 0.10.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @frigade/react-native
Description: Delightful and fully customizable onboarding elements for React Native.
Author: Frigade Inc.
Latest version: 1.0.51
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @frigade/react-native

[![npm version](https://img.shields.io/npm/v/@frigade/react-native)](https://www.npmjs.com/package/@frigade/react-native)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

The official React Native SDK for [Frigade](https://frigade.com).

## Installation

Install the package with either npm or yarn:

```bash
npm install @frigade/react-native
```

or

```bash
yarn add @frigade/react-native
```

## Quick start

Place the `FrigadeProvider` at the root level of your app. This will provide the context for the `Frigade` component.
If available, you can optionally set the identifier of the signed in user using the `userId` param. This will allow
Frigade to track the user's across flows.

```jsx
import {FrigadeProvider} from '@frigade/react-native';

const App = () => {
  return (
    <FrigadeProvider publicApiKey='<MY_PUBLIC_API_KEY>'
                     userId='<OPTIONAL_USER_ID>'>
      ...
    </FrigadeProvider>
  );
};
```

With the `FrigadeProvider` in place, you can now use the `FrigadeFlow` component to render a flow. Make sure to pass
the `flowId` of the flow you want to render (copied from the Frigade dashboard).

```jsx
import {FrigadeFlow} from '@frigade/react-native';

const App = () => {
  return (
    <FrigadeFlow flowId='flow_6EoJIzZlOmCACn'/>
  );
};
```

## Docs

The official docs are available at [docs.frigade.com](https://docs.frigade.com/).

## Get in touch

Questions? Comments? Suggestions? Join the [Frigade Discord](https://discord.gg/yaRVEZMww5) or visit
the [Frigade](https://frigade.com) website.
npm package: @frigate-nvr/image-annotator
Description: image annotator designed for frigate nvr
Author: blakeblackshear
Latest version: 1.0.12

# Frigate+ Image Annotator

This is an opinionated image annotation component designed for Frigate+.

[Storybook Demo](https://frigate-nvr.github.io/image-annotator/)

## Dependencies

This library depends on tailwind libraries for styling.

```shell
npm install -D tailwindcss @tailwindcss/forms
```

## Configuration

You need to include the library in your `tailwind.config.js` file.

```typescript
/** @type {import('tailwindcss').Config} */

import tailwindForms from "@tailwindcss/forms";

export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "node_modules/@frigate-nvr/image-annotator/dist/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [tailwindForms],
}
```
npm package: @frigg-solutions/nestjs-package-starter
Description: NestJS npm package starter
Author: John Biundo
Latest version: 1.0.1

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>

### Installation

1. Clone the repo
2. Run npm/yarn install

```bash
cd nestjs-package-starter
npm install
```

## Change Log

See [Changelog](CHANGELOG.md) for more information.

## Contributing

Contributions welcome! See [Contributing](CONTRIBUTING.md).

## Author

**John Biundo (Y Prospect on [Discord](https://discord.gg/G7Qnnhy))**

## License

Licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @frigobar/animation
Description: A styled-components based animation package
Author: Allysson Santos
Latest version: 2.2.0

# `@frigobar/animation`

Easily add CSS animation to your react components via custom
[hooks](https://reactjs.org/docs/hooks-custom.html).

> All the animations are created with
> [CSS Animations && @keyframes](https://developer.mozilla.org/en-US/docs/Web/CSS/animation)

## Installation

You can install `@frigobar/animation` using either of the methods below.

For npm users:

```shell
npm install @frigobar/animation --save
```

For Yarn users:

```shell
yarn add @frigobar/animation
```

An important note is that the **styled-components** is a peerDependency
[see why](https://styled-components.com/docs/faqs#i-am-a-library-author-should-i-bundle-styledcomponents-with-my-library), if
you dont have styled-components installed you'll
[need to install](https://styled-components.com/docs/basics#installation).

## Usage

You can simply import the desired animation from the package and use it in any
component.

It's highly recommended to install the [babel-plugin](https://github.com/frigobar/frigobar/tree/master/packages/babel-plugin)
to use the `animation` prop to apply your animations.

Example:

```jsx
import { useFade } from '@frigobar/animation';

const App = () => {
  const [{ animation }] = useFade();

  return <div animation={animation}>fade</div>;
};
```

Example without `animation` prop:

```javascript
import React from 'react';
import { useFade } from '@frigobar/animation';

const Button = props => {
  const [{ animation }] = useFade({
    startOnRender: true,
  });

  return (
    <button
      {...props}
      css={`
        animation: ${animation};
      `}
    />
  );
};

export default Button;
```

## Animations

Every hook have an options object to customize some behavior of it, like
duration, when the animation starts, check current animation state, etc.

Also, provides a toggle function to change the state of the animation.

Here is the list with all the current animations provided by this package.

- useFade - Fade (in / out) effect
- useFlash - Flash effect
npm package: @frigobar/babel-plugin
Description: A recommended babel plugin for frigobar animation package
Author: Allysson Santos
Latest version: 0.1.2

# `@frigobar/babel-plugin`

A recommended babel plugin for `@frigobar/animation` hooks.

With this plugin you can use the animation hooks with a simple prop on your
components.

Before:

```jsx
import { useFade } from '@frigobar/animation';

const App = () => {
  const [{ animation }] = useFade();

  return (
    <div
      css={`
        animation: ${animation};
      `}
    >
      fade
    </div>
  );
};

// or

const StyledDiv = styled.div`
  animation: ${props => props.myAnimation};
`;

const App = () => {
  const [{ animation }] = useFade();

  return <div myAnimation={animation}>fade</div>;
};
```

With this plugin:

```jsx
import { useFade } from '@frigobar/animation';

const App = () => {
  const [{ animation }] = useFade();

  return <div animation={animation}>fade</div>;
};
```

> You still can use any of the previous options to apply the css animation.

## Install

Install the plugin first:

```
npm install --save-dev @frigobar/babel-plugin
```

Then add it to your babel configuration:

```
{
  "plugins": ["@frigobar/babel-plugin", "babel-plugin-styled-components"]
}
```

> Make sure to also install the
> [babel-plugin-styled-components](https://github.com/styled-components/babel-plugin-styled-components)
npm package: @frigobar/core
Description: A component library
Author: Allysson Santos
Latest version: 0.12.0

<div align="center">
  <img src="/static/frigobar.svg" width="300" />

[![Build Status](https://travis-ci.org/frigobar/frigobar.svg?branch=master)](https://travis-ci.org/frigobar/frigobar)
[![Commitizen Friendly](https://camo.githubusercontent.com/6080f52144977b8b2b20e42408379ce68371aafd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f6d6d6974697a656e2d667269656e646c792d627269676874677265656e2e737667)](https://github.com/commitizen/cz-cli)<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)<!-- ALL-CONTRIBUTORS-BADGE:END --> [![StyledComponents](https://camo.githubusercontent.com/83915eaa262cfa89f70f2d4eb2ec55c0cbe7c615/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7374796c652d2546302539462539322538352532307374796c65642d2d636f6d706f6e656e74732d6f72616e67652e7376673f636f6c6f72423d64616133353726636f6c6f72413d646237343865)](https://github.com/styled-components/styled-components)

</div>

## Install

You can install Frigobar using either of the methods below.

For npm users:

```shell
npm install @frigobar/core styled-components --save
```

For Yarn users:

```shell
yarn add @frigobar/core styled-components
```

## Usage

It's very easy to start using frigobar in your react application:

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { ThemeProvider } from 'styled-components';
import { theme, Button } from '@frigobar/core';

function App() {
  return (
    <ThemeProvider theme={theme}>
      <Button>Button</Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));
```
npm package: @frigopedro/committer
Description: Generate conventional commit messages using AI
Latest version: 0.2.0

# AI Git Committer 🤖

I was tired of typing out commit messages, so I wrote this tool. I know bunch of other tools exist, but I had hard times with them.

Its a personal tool, dont expect to be good because its not :/

## Install 📦

```bash
npm install -g @frigopedro/committer
```

Local development:

```bash
npm link
```

## Quick start ⚡

```bash
committer
```

Stage everything and commit in one go:

```bash
committer .
```

You will get a suggested commit message and can:

- `y` to commit
- `n` to abort
- `r` to regenerate

The commit message streams live as it is generated.

On first run, committer creates `~/.committer` and walks you through provider + model selection.
Re-run onboarding anytime with:

```bash
committer --init
```

## Usage ✅

```bash
committer --provider ollama --model llama3.1
committer --provider openai --model gpt-4o-mini
committer --prompt-append "Prefer mentioning tests if they changed."
committer --staged
committer --all
```

Generate a PR title and description from commits to a target branch:

```bash
committer --pr origin/dev
```

If you run with `--provider ollama` and no model, it will list local models and let you pick one.

## Commit format ✍️

Commit messages are generated as:

```
<type>[optional scope]: <description>

<body>
```

The body is always present and provides a multi‑sentence summary covering most changed files.

## Providers 🔌

### Claude

```bash
export ANTHROPIC_API_KEY=your_key_here
```

### ChatGPT (OpenAI)

```bash
export OPENAI_API_KEY=your_key_here
```

### Local Llama (Ollama)

```bash
ollama pull llama3.1
```

```bash
committer --provider ollama
```

## Config file 🧰

`~/.committer` is a JSON config shared across all repos.
You can override `promptAppend` per run with `--prompt-append`.

If `useClaudeMd` is `true`, committer will load `claude.md` from the current
repo root and use its instructions instead of the built-in prompt.

```json
{
  "version": 1,
  "provider": "ollama",
  "model": "llama3.1",
  "diffMode": "auto",
  "maxDiffChars": 12000,
  "promptAppend": "",
  "useClaudeMd": false
}
```

## Environment variables 🌱

- `AI_COMMIT_PROVIDER`: `claude`, `ollama`, or `openai`
- `AI_COMMIT_MODEL`: override model name
- `AI_COMMIT_MAX_DIFF_CHARS`: trim diff length
- `ANTHROPIC_API_KEY` or `CLAUDE_API_KEY`: Claude API key
- `OPENAI_API_KEY`: OpenAI API key
- `AI_COMMIT_OLLAMA_HOST`: Ollama host (default `http://localhost:11434`)

## Tests 🧪

```bash
npm test
```

## Contributing 🤝

Contributions are welcome! Feel free to open issues or pull requests.
npm package: @frigus/is-hidden-file
Description: Determine whether file or file path is a hidden file
Author: Patrik Janosdeak
Latest version: 1.1.1

# is-hidden-file

[![npm](https://img.shields.io/npm/v/@frigus/is-hidden-file.svg)](https://www.npmjs.com/package/@frigus/is-hidden-file)

Determine whether file or file path is a hidden file
npm package: @frikksol/node-signalr
Description: A signalR client for node.js.
Author: alex.wei
Latest version: 2.0.5

# node-signalr

This repository is a fork of a library used to enable integration with the vendor Integra and are used by our [backend](https://github.com/Unloc/firebase-unloc). It was forked to avoid direct dependency on a small thrid-party dependency. More details about our integration can be found in [our documentation](https://github.com/Unloc/firebase-unloc). 


## About
A signalR client for node.js which support ASP.net but not ASP.net Core. For ASP.net Core signalR support use the offical client from Microsoft.

## Installation

```bash
$ npm install node-signalr
```

## Usage

### Create a instance of signalR client

```js
const signalr = require('node-signalr')

let client = new signalr.client('http://localhost:8080/signalr', ['testHub'])
```

### Configure client

```js
// custom headers
client.headers['Token'] ='Tds2dsJk'

// set timeout for sending message 
client.callTimeout = 10000 // 10's, default 5000

// set delay time for reconecting
client.reconnectDelayTime = 2000 // 2's, default 5000

// set timeout for connect 
client.requestTimeout = 2000 // 2's, default 5000
```

### Binding client events

```js
client.on('connected', () => {
  console.log('SignalR client connected.')
})
client.on('reconnecting', (count) => {
  console.log(`SignalR client reconnecting(${count}).`)
})
client.on('disconnected', (code) => {
  console.log(`SignalR client disconnected(${code}).`)
})
client.on('error', (code, ex) => {
  console.log(`SignalR client connect error: ${code}.`)
})
```

### Binding hub method

- Bind callback for receive message
  
```js
client.connection.hub.on('testHub', 'getMessage', (message) => {
  console.log('receive:', message)
})
```

- Call the hub method and get return values asynchronously 

```js
client.connection.hub.call('testHub', 'send', message).then((result) => {
  console.log('success:', result)
}).catch((error) => {
  console.log('error:', error)
})
```

- Invoke the hub method without return values 

```js
client.connection.hub.invoke('testHub', 'send', message)
```

### Start client

```js
client.start()
```

### End client

```js
client.end()
```

## Powered By

- [ws](https://github.com/websockets/ws)

## License

[MIT](./LICENSE)
npm package: @friktion-labs/entropy-client
Description: Client to interact with Entropy Markets on Solana
Author: Friktion Labs
Latest version: 1.7.3

# Entropy Markets Client Library

Typescript client library for interacting with Entropy Markets, inspired heavily by Entropy Markets.


## Installation

``` 
git clone git@github.com:Friktion-Labs/entropy-client
cd entropy-client
yarn
```

## Running the keeper
Adding Phantom Wallet into Solana CLI:
https://mattmazur.com/2021/11/18/using-a-phantom-wallet-address-with-the-solana-cli/

Ensure a SOL funded private keypair is in this file location: 
```
~/.config/solana/entropy-mainnet-authority.json
```

Run the keeper
```
yarn keeper
```


## Package Installation

Using npm:

```
npm install @friktion-labs/entropy-client
```

Using yarn:

```
yarn add @friktion-labs/entropy-client
```

## Usage Example

This example assumes that you have a wallet that is already setup with devnet tokens. The private key should be stored in `~/.config/solana/entropy-mainnet-authority.json`. You can find the full source code in [example.ts](./src/example.ts).

```js
// Fetch orderbooks
const bids = await perpMarket.loadBids(connection);
const asks = await perpMarket.loadAsks(connection);

// L2 orderbook data
for (const [price, size] of bids.getL2(20)) {
  console.log(price, size);
}

// L3 orderbook data
for (const order of asks) {
  console.log(
    order.owner.toBase58(),
    order.orderId.toString('hex'),
    order.price,
    order.size,
    order.side, // 'buy' or 'sell'
  );
}

// Place order
await client.placePerpOrder(
  entropyGroup,
  entropyAccount,
  entropyGroup.entropyCache,
  perpMarket,
  owner,
  'buy', // or 'sell'
  39000,
  0.0001,
  'limit', // or 'ioc' or 'postOnly'
);

// retrieve open orders for account
const openOrders = await perpMarket.loadOrdersForAccount(
  connection,
  entropyAccount,
);

// cancel orders
for (const order of openOrders) {
  await client.cancelPerpOrder(
    entropyGroup,
    entropyAccount,
    owner,
    perpMarket,
    order,
  );
}

// Retrieve fills
for (const fill of await perpMarket.loadFills(connection)) {
  console.log(
    fill.owner.toBase58(),
    fill.maker ? 'maker' : 'taker',
    fill.baseChange.toNumber(),
    fill.quoteChange.toNumber(),
    fill.longFunding.toFixed(3),
    fill.shortFunding.toFixed(3),
  );
}
```