open-index/open-npm huggingface dataset:
npm package: @inthepocket/eslint-config-next
Description: This contains all ESLint rules to lint the [Next.js boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/next-boilerplate) created by Team Spacebar.   It is recommended to use this config to ensure that any Next.js project within In The Poc
Author: Team Spacebar
Latest version: 1.3.0

# @inthepocket/eslint-config-next

This contains all ESLint rules to lint the [Next.js boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/next-boilerplate) created by Team Spacebar.  
It is recommended to use this config to ensure that any Next.js project within In The Pocket is linted in the same way.

## Usage

### Install

```console
npm i -D @inthepocket/eslint-config-next
```

### Configure ESLint

Within your package.json add the following:

```json
{
  "eslintConfig": {
    "extends": ["@inthepocket/eslint-config-next"]
  }
}
```

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint '**/*.{js,jsx,ts,tsx}'"
  }
}
```
npm package: @inthepocket/eslint-config-preact
Description: This contains all ESLint rules to lint the [Preact boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/preact-boilerplate) created by Team Spacebar.   It is recommended to use this config to ensure that any Preact project within In The Poc
Author: Team Spacebar
Latest version: 1.2.13

# @inthepocket/eslint-config-next

This contains all ESLint rules to lint the [Preact boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/preact-boilerplate) created by Team Spacebar.  
It is recommended to use this config to ensure that any Preact project within In The Pocket is linted in the same way.

## Usage

### Install

```console
npm i -D @inthepocket/eslint-config-preact
```

### Configure ESLint

Within your package.json add the following:

```json
{
  "eslintConfig": {
    "extends": ["@inthepocket/eslint-config-preact"]
  }
}
```

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint '**/*.{js,jsx,ts,tsx}'"
  }
}
```
npm package: @inthepocket/eslint-config-react-native
Description: ESLint config for React Native
Author: In The Pocket
Latest version: 0.2.3

# @inthepocket/eslint-config-react-native

React Native specific linting rules for ESLint. It is recommended to use this config to ensure that any React-Native project within In The Pocket is linted in the same way.

The config is mainly based on:

- [`@inthepocket/eslint-config-ts`](https://www.npmjs.com/package/@inthepocket/eslint-config-ts)
- [`@react-native-community`](https://www.npmjs.com/package/@react-native-community/eslint-config)
- [`react-native-a11y`](https://www.npmjs.com/package/eslint-plugin-react-native-a11y)

If some rules don't suit your needs, please consider opening an MR instead of overriding the config for each project.

## Usage

### Install

```console
npm i -D @inthepocket/eslint-config-react-native
or
yarn add -D @inthepocket/eslint-config-react-native
```

### Configure ESLint

Within your `package.json` or add the following:

```json
{
  "eslintConfig": {
    "extends": ["@inthepocket/eslint-config-react-native"]
  }
}
```

You can also create an `.eslintrc` file instead.

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint --version && eslint --cache \"./src/**/*.{ts,tsx}\"",
  }
}
```
npm package: @inthepocket/eslint-config-remix
Description: This contains all ESLint rules to lint the [Remix boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/remix-boilerplate) created by Team Spacebar. It is recommended to use this config to ensure that any Next.js project within In The Pocket
Author: Team Spacebar
Latest version: 1.2.0

# @inthepocket/eslint-config-remix

This contains all ESLint rules to lint the [Remix boilerplate](https://git.inthepocket.org/team-spacebar/boilerplates/remix-boilerplate)
created by Team Spacebar. It is recommended to use this config to ensure that
any Next.js project within In The Pocket is linted in the same way.

## Usage

### Install

```console
npm i -D @inthepocket/eslint-config-remix
```

### Configure ESLint

Within your package.json add the following:

```json
{
  "eslintConfig": {
    "extends": ["@inthepocket/eslint-config-remix"]
  }
}
```

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint '**/*.{js,jsx,ts,tsx}'"
  }
}
```
npm package: @inthepocket/eslint-config-ts
Description: This contains all ESLint rules to lint a basic TypeScript project.   It is important to note that this is a base configuration, thus not ment to implemented as is,   but to be used within your own ESLint configuration that requires TypeScript linting.
Author: Team Spacebar
Latest version: 1.5.1

# @inthepocket/eslint-config-ts

This contains all ESLint rules to lint a basic TypeScript project.  
It is important to note that this is a base configuration, thus not ment to implemented as is,  
but to be used within your own ESLint configuration that requires TypeScript linting.

## Usage

### Install

```console
npm i -D @inthepocket/eslint-config-ts
```

### Configure ESLint

Within your package.json add the following:

```json
{
  // You will most likely need more than just this
  "eslintConfig": {
    "extends": ["@inthepocket/eslint-config-ts"]
  }
}
```

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint '**/*.{js,jsx,ts,tsx}'"
  }
}
```
npm package: @inthepocket/eslint-config-web
Description: This contains all ESLint rules to lint a web project, maintained by the web practice. It contains a set of rules that ensure consistency throughout projects created at In The Pocket.
Author: Team Spacebar
Latest version: 1.3.7

# @inthepocket/eslint-config-web

This contains all ESLint rules to lint a web project, maintained by the web
practice. It contains a set of rules that ensure consistency throughout
projects created at In The Pocket.

Keep in mind that this serves as a **guiding principle**, meaning that while we
believe it should be included in every project because of the solid baseline it
provides, you're allowed to turn off or add new rules based on the team's
preferences.

## Usage

### Install

```sh
npm i -D @inthepocket/eslint-config-web
```

### Configure ESLint

create an `.eslintrc.js` file with the following:

```js
/** @type {import("eslint").Linter.Config} */
module.exports = {
  extends: ['@inthepocket/eslint-config-web'],
};
```

### Add Lint script

```json
{
  "scripts": {
    "lint": "eslint '**/*.{js,jsx,ts,tsx}' --fix"
  }
}
```
npm package: @inthepocket/hubble-docs-theme
Description: <br /> <p align="center">   <a href="https://github.com/inthepocket/hubble-docs">     <img src="https://github.com/inthepocket.png" alt="Logo" width="80" height="80">   </a>
Author: Kevin Meyvaert
Latest version: 1.0.5

<br />
<p align="center">
  <a href="https://github.com/inthepocket/hubble-docs">
    <img src="https://github.com/inthepocket.png" alt="Logo" width="80" height="80">
  </a>

  <h3 align="center">Hubble Docs Theme</h3>

  <p align="center">
    The Hubble documentation Gatsby configuration.
    <br />
    <br />
    <a href="https://github.com/inthepocket/hubble-docs/issues">Report Bug</a>
    ·
    <a href="https://github.com/inthepocket/hubble-docs/issues">Request Feature</a>
  </p>
</p>

<!-- TABLE OF CONTENTS -->

## Table of Contents

- [About Hubble Docs Theme](#about-hubble-docs-theme)
  - [Built With](#built-with)
- [Getting Started](#getting-started)
  - [Installation](#installation)
- [Usage](#usage)
- [License](#license)

<!-- ABOUT THE PROJECT -->

## About Hubble Docs Theme

hubble-docs-theme manages the Gatsby dependencies for all documentation sites created with the hubble-docs-starter.

Here's why:

- We can remotely maintain Gatsby plugin versions and configurations
- We can add functionality for all existing & new documentation websites

hubble-docs-theme is maintained in the hubble-docs mono-repo

### Built With

The Hubble documentation repository uses

- [Gatsby](https://www.gatsbyjs.org)

<!-- GETTING STARTED -->

## Getting Started

If you scaffolded a new Gatsby website using the hubble-docs-starter, the hubble-docs-theme plugin should already be properly installed. If you're adding the plugin/theme to an existing Gatsby configuration, please follow the steps below.

### Installation

1. Install the package in your project

```sh
npm i @inthepocket/hubble-docs-theme --save
```

2. Configure the plugin in `gatsby-config.js`

```JS
const path = require(`path`);

module.exports = {
  plugins: [
    {
      resolve: `@inthepocket/hubble-docs-theme`,
      options: {
        pagesPath: `${__dirname}/src/markdown-pages`,
        imagesPath: `${__dirname}/src/assets/images`,
        siteMetadata: {
          title: `Hubble documentation`,
          description: `Static site boilerplate generated with Gatsby.`
        }
      }
    }
  ]
};

```

3. Make sure you created the `/src/markdown-pages` and `/src/assets/images` folders in your project.

<!-- USAGE EXAMPLES -->

## Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

_For more examples, please refer to the [Documentation](https://example.com)_

<!-- LICENSE -->

## License

Distributed under the MIT License.
npm package: @inthepocket/itp-css
Description: ITP CSS Framework
Author: In The Pocket
Latest version: 0.1.15

# ITP CSS Framework

[![version][version-badge]][package]
[![MIT License][license-badge]][license]
[![jsDelivr][jsdelivr-badge]][jsdelivr-url]

## Why?

We have created this CSS framework in order to improve the way we author CSS. As our company grows we feel the need for a component-based system that consists out of modular, loosely coupled objects that will help us work more consistently and thus more efficiently. Our framework is built upon the following principles. Please keep these in mind when contributing and/or using this framework.

### Low specificity

A single-depth-class-based architecture based on the BEM naming methodology serving CSS modules that play well with React, Ember, Angular and other component-based approaches to UI Development

### Loosely decoupled

Avoid reliance on other bits.

* Separation of Concerns: let each piece of code solve its own problems
* Single Responsibility Principle: one thing, one thing only, one thing well
* Open/Closed Principle: add via extension, not modification

### Highly composable

We build the bits that build the bits. Make everything opt-in and configurable through custom properties.

## Usage
### npm
```
$ npm install --save @inthepocket/itp-css
```

css<sup>1</sup>:

```css
@import '@inthepocket/itp-css/normalize.css';
```

js<sup>1</sup>:
```
import '@inthepocket/itp-css/normalize.css';
```

css modules<sup>1</sup>:
```
import styles from '@inthepocket/itp-css/modules/grid.module.css';
```

<sup>1</sup> See [Framework structure](docs/framework-structure.md) for more info on what you can import.

### cdn
https://www.jsdelivr.com/package/npm/@inthepocket/itp-css

## Table of contents

* [Naming conventions](docs/naming-conventions.md)
* [Framework structure](docs/framework-structure.md)
* [Roadmap](docs/roadmap.md)
* [Development](docs/development.md)

[license-badge]: https://img.shields.io/npm/l/@inthepocket/itp-css.svg?style=flat-square
[license]: https://github.com/inthepocket/itp-css/blob/master/LICENSE
[package]: https://www.npmjs.com/package/@inthepocket/itp-css
[version-badge]: https://img.shields.io/npm/v/@inthepocket/itp-css.svg?style=flat-square
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/@inthepocket/itp-css
[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/@inthepocket/itp-css/badge
npm package: @inthepocket/itp-rcc-collapse
Description: ITP Collapse base component
Author: In The Pocket NV
Latest version: 0.0.2

## ITP Basic React Collapse / Accordion 🎁

### Why use this over your own implementation?

- Enforced isolation and reusability
- Tests included
- Browser support included (supports ie8 and up)
- Accessibility included
- Shared well-thought-out implementation over projects: this implementation should cover your use case and all future versions of your use case
- Styled examples: if the design can't be built using this component we need to either rethink this implementation or change the design
- Lazy render support included
- Customizable animation included

### API

Extends [rc-collapse](https://github.com/react-component/collapse/blob/master/README.md#api) with stripped styling.

### Develop locally

`npm start`
Go to localhost:3001 and see your changes appearing automatically

### Develop in the ITP Component Storybook

==> Any changes you make here will be automatically reflected inside the design-docs

- Do `npm link` in this repo, this will create a symlink in the global folder on your computer.
- Run `npm run watch`in this repo. Babel will watch for file changes in your src directory and copy changes towards the dist folder.
- Do `npm link <YOUR_PACKAGE_NAME>` inside the itp-react-common-components library.
npm package: @inthepocket/itp-rcc-slider
Description: ITP Slider component
Author: ITP Agency NV
Latest version: 0.0.2

# ITP Slider component
A simple slider component based on [react-compound-slider](https://github.com/sghall/react-compound-slider/).

## Usage
```
$ npm install @inthepocket/itp-rcc-slider
```

Import
```javascript
import Slider from '@inthepocket/itp-rcc-slider';
```

JSX
```jsx
<Slider values={[3]} />
```

## API documentation
### Slider
```jsx
<Slider
  values={[3]}
  domain={[0, 10]}
  step={1}
  onChange={values => console.log(values)}
  right={false}
/>
```

| Property                       | Description                                                                                                      | Type          | Default   | Required |
| ------------------------------ | ---------------------------------------------------------------------------------------------------------------- | ------------- | --------- | -------- |
| ...slider props                | See [react-compound-slider slider docs](https://sghall.github.io/react-compound-slider/#/component-api/slider)   | -             | -         | -        |
| left                           | Boolean value to control whether the left most track is included in the tracks array. <sup>1</sup>               | boolean       | true      | -        |
| right                          | Boolean value to control whether the right most track is included in the tracks array. <sup>1</sup>              | boolean       | true      | -        |
| prefixCss                      | Prefix for css classNames                                                                                        | string        | 'slider'  | No       |
| styles                         | imported css module (if passed, prefixed classNames will be disabled), see [styles property](#styles-property)   | Object        | null      | No       |

<sup>1</sup> See [react-compound-slider Tracks docs](https://sghall.github.io/react-compound-slider/#/component-api/tracks)

#### Styles property
| Property           | Description | Type   | Default | Required |
| ------------------ | ----------- | ------ | ------- | -------- |
| Slider             | -           | string | -       | Yes      |
| Rail               | -           | string | -       | Yes      |
| Track              | -           | string | -       | Yes      |
| Handle             | -           | string | -       | Yes      |
| isHandleActive     | -           | string | -       | No       |

The css module should look like this:

```css
.Slider {}
.Rail {}
.Track {}
.Handle {}
.isHandleActive {}
```

## Development
### Installation
```
$ npm install
```

### Test
```
$ npm run test
```

### Build
Compiles the TypeScript source to ES5.

```
$ npm run build
```
npm package: @inthepocket/npm-license-scraper
Description: Dead simple license scraper and validator with zero dependencies.
Author: In The Pocket
Latest version: 2.4.0

<img src="./banner.png" alt="NPM license scraper by In The Pocket" width="100%">

### 📜 Dead simple license scraper with zero dependencies

[![npm](https://img.shields.io/npm/v/@inthepocket/npm-license-scraper)](https://www.npmjs.com/package/@inthepocket/npm-license-scraper)
![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)

## Introduction

`npm-license-scraper` will scan your `package.json` and `node_modules` to generate a JSON or TypeScript file including the licenses of all open source packages that are being used.

## Usage

```shell
$ npm i -D @inthepocket/npm-license-scraper

# Via npx
$ npx npm-license-scraper

# Directly
$ node node_modules/.bin/npm-license-scraper
```

### Options

- `--export [filename]`: Export to a file. Use a `.ts` extension to generate a typed TypeScript file with `as const`. (default `./licenses.json`)
- `--includeDev`: Include dev dependencies in output (default `false`)
- `--exclude [package|package,package,package]`: Ignore certain packages from the check (e.g submodules, monorepo or private packages)

## JSON output (default)

By default, the tool exports a JSON array with the following shape:

```json
[
  {
    "package": "react",
    "version": "18.0.0",
    "license": "MIT",
    "url": "https://reactjs.org/",
    "isValid": true
  },
  {
    "package": "react-native",
    "version": "0.69.3",
    "license": "MIT",
    "url": "https://npmjs.com/package/react-native",
    "isValid": true
  }
]
```

## TypeScript output

When exporting with a `.ts` extension (`--export=licenses.ts`), the output is a fully typed TypeScript module using `as const`:

```typescript
// Auto-generated by npm-license-scraper
export const licenses = [
  {
    package: "react",
    version: "18.0.0",
    license: "MIT",
    url: "https://reactjs.org/",
    isValid: true,
  },
] as const;

export type License = (typeof licenses)[number];
```

This gives you full autocomplete and type inference when consuming the generated file — all values are literal types rather than widened to `string` or `boolean`.
npm package: @inthepocket/stylelint-config-standard
Description: ## Usage
Latest version: 0.0.5

# @inthepocket/stylelint-config

## Usage

### Install

```sh
npm i -D @inthepocket/stylelint-config-<type>
```

### Configure Stylelint

```json
{
  "extends": ["@inthepocket/stylelint-config-<type>"]
}
```

### Add script in package.json

For example:

```json
{
  "scripts": {
    "stylelint": "stylelint '**/*.{css,scss,sass}' --fix"
  }
}
```

## Development

### Install

```sh
npm i
```

### Releasing a new version

```sh
npm run lerna:version
```

When run, this command does the following:

1. Identifies packages that have been updated since the previous tagged release.
2. Prompts for a new version.
3. Modifies package metadata to reflect new release, running appropriate [lifecycle scripts](#lifecycle-scripts) in root and per-package.
4. Commits those changes and tags the commit.
5. Pushes to the git remote.
6. Publish packages updated since the last release.
npm package: @intheroomglobal/embed
Description: In The Room experience embed
Author: Lee Ellam
Latest version: 1.5.2

# Speakeasy Embed

An easy to use script to embed Speakeasy experiences within a website.

## Usage

Paste the following snippet into your page. Replace the link with a link to your own experience.

```
<convo>
  <link href="https://unpkg.com/@intheroomglobal/embed/embed.min.css" rel="stylesheet" />
  <a href="https://lite.intheroom.global/experience/{EXPERIENCE_ID}?lite-only=1" title="View accessible version of My Awesome Experience"><span>My Awesome Experience</span></a>
  <script src="https://unpkg.com/@intheroomglobal/embed/embed.min.js"></script>
</convo>
```

To maximise your experience, add `data-maximized` attribute to the `convo` element.

To change the aspect ratio of the embed, add `data-aspect-ratio` attribute to the `convo` element, with a valid aspect ratio as the value, e.g. `<convo data-aspect-ratio="16:9">...</convo>`.

To inline an experience, so when interacted with it does not go full screen, add `data-inline` attribute to the `convo` element. Inlined experiences cannot be maximized.
npm package: @inti-ar/evm-chains
Description: Package to get chain data of EVM compatible blockchains
Author: Luciano Nahuel Vitale
Latest version: 1.0.0

# evm-chains

Package to query chain data of EVM compatible chains

## Install

```sh
npm install --save evm-chains

#or

yarn add evm-chains
```

## API

```typescript
function getAllChains(): IChainData[];
function getChain(chainId: number): IChainData;
function getChainByChainId(chainId: number): IChainData;
function getChainByKeyValue(key: string, value: any): IChainData;
function getChainByNetworkId(networkId: number): number;
function convertNetworkIdToChainId(networkId: number): number;
function convertChainIdToNetworkId(chainId: number): number;
```

## Types

```typescript
interface IChainData {
  name: string;
  chainId: number;
  shortName: string;
  chain: string;
  network: string;
  networkId: number;
  nativeCurrency: {
    name: string;
    symbol: string;
    decimals: number;
  };
  rpc: string[];
  faucets: string[];
  infoURL: string;
}
```

## Data Source

[https://github.com/ethereum-lists/chains](https://github.com/ethereum-lists/chains)
npm package: @inti5/graph-sanitizer
Description: Graph sanitizer package.   Provides service for sanitizing nested objects with graph description objects.
Latest version: 1.0.0

## @inti5/graph-sanitizer
Graph sanitizer package.  
Provides service for sanitizing nested objects with graph description objects.

![](https://img.shields.io/badge/Coverage-91%25-83A603.svg?prefix=$coverage$)
npm package: @inti5/metadata-storage
Description: Metadata storage.   Provides service to store metadata for other modules (like `graph-typing`)
Latest version: 1.0.0

## @inti5/metadata-storage
Metadata storage.  
Provides service to store metadata for other modules (like `graph-typing`)

![](https://img.shields.io/badge/Coverage-94%25-83A603.svg?prefix=$coverage$)
npm package: @inti5/object-manager
Description: Object manager package.   Provides service which helps instantiate objects with depenedencies.
Latest version: 1.0.3

## @inti5/object-manager
Object manager package.  
Provides service which helps instantiate objects with depenedencies.

![](https://img.shields.io/badge/Coverage-100%25-83A603.svg?prefix=$coverage$)
npm package: @intility/azure-app-redirect-uris
Description: CLI to add and remove redirect uris from an Azure App Registration.
Author: Intility
Latest version: 1.1.3

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  @intility/azure-app-redirect-uris
</h1>

<p align="center">
  CLI to add and remove redirect uris from an Azure App Registration.
  <br />
  Useful for CI/CD pipelines using branch/review deployments.
</p>

<p align="center">
  <a href="https://github.com/Intility/azure-app-redirect-uris/actions">
    <img alt="pipeline" src="https://github.com/Intility/azure-app-redirect-uris/actions/workflows/publish.yml/badge.svg" style="max-width:100%;" />
  </a>
  <a href="https://www.npmjs.com/package/@intility/azure-app-redirect-uris">
    <img alt="package version" src="https://img.shields.io/npm/v/@intility/azure-app-redirect-uris?label=%40intility%2Fazure-app-redirect-uris" style="max-width:100%;" />
  </a>
</p>

## Usage

```
Usage: npx @intility/azure-app-redirect-uris [options] <appObjectId> <platform> <action> <redirectUri>

CLI to add and remove redirect uris from an Azure App Registration.

Arguments:
  appObjectId    The object ID of the app registration
  platform       Redirect URI platform (choices: "publicClient", "web", "spa")
  action         The action to perform (choices: "add", "remove")
  redirectUri    The redirect URI

Options:
  -V, --version  output the version number
  -h, --help     display help for command
```

The command uses [`DefaultAzureCredential` from `@azure/identity`](https://github.com/Azure/azure-sdk-for-js/blob/main/sdk/identity/identity/README.md#defaultazurecredential) to authenticate.

If authenticating using a Service Principal (clientId & clientSecret/clientCertificate), the app needs the `Application.ReadWrite.OwnedBy` permission (and be owner of the application you want to modify), or `Application.ReadWrite.All`.

### As a GitLab job

```yaml
# Run after deployment
verify:azure:
  image: node:lts
  variables:
    APP_OBJECT_ID: 00000000-0000-0000-0000-000000000000
    URL: http://localhost:3000
    # These variables should be defined in CI/CD settings
    # AZURE_TENANT_ID:
    # AZURE_CLIENT_ID:
    # AZURE_CLIENT_SECRET:
  script:
    - npx @intility/azure-app-redirect-uris $APP_OBJECT_ID spa add $URL

# Run after deployment takedown
stop:azure:
  image: node:lts
  variables:
    APP_OBJECT_ID: 00000000-0000-0000-0000-000000000000
    URL: http://localhost:3000
    # These variables should be defined in CI/CD settings
    # AZURE_TENANT_ID:
    # AZURE_CLIENT_ID:
    # AZURE_CLIENT_SECRET:
  script:
    - npx @intility/azure-app-redirect-uris $APP_OBJECT_ID spa remove $URL
```

## Contributing

To build this project, you can run this command:

```
npm run build
```

Also, you can use `npm run watch` to build on file changes.

Run `node bin/cli.js [arguments/options]` to test the command after compilation.

This project was created with [create-typescript-cli](https://github.com/backrunner/create-typescript-cli).
npm package: @intility/cra-template
Description: TypeScript Intility template for Create React App.
Latest version: 1.1.1
Deprecated: CRA template no longer supported. See the new React template at https://create.intility.app/react.

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  @intility/cra-template
</h1>

This is the Intility TypeScript template for [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template "@intility"` when creating a new app.

For example:

```sh
npx create-react-app my-app --template "@intility"

# or

yarn create react-app my-app --template "@intility"
```

For more information, please refer to [Create Intility App docs](https://create.intility.app).
npm package: @intility/cra-template-js
Description: JavaScript Intility template for Create React App.
Latest version: 1.1.1
Deprecated: CRA template no longer supported. See the new React template at https://create.intility.app/react.

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  @intility/cra-template-js
</h1>

This is the Intility JavScript template for [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template "@intility/js"` when creating a new app.

For example:

```sh
npx create-react-app my-app --template "@intility/js"

# or

yarn create react-app my-app --template "@intility/js"
```

For more information, please refer to [Create Intility App docs](https://create.intility.app).
npm package: @intility/eslint-config-react-compiler
Description: Minimal eslint config with react compiler, for projects with existing biome setup.
Author: herman.jensen@intility.no
Latest version: 1.0.0

# @intility/eslint-config-react-compiler

This package is a minimal eslint config with only the React Compiler. This is intended for users of Biome, which doesn't support the compiler yet.

This is ment as a temporary solution, and once the React team ships support for rust-based tooling, this package can be removed.

If you're already a user of eslint, you should follow the [official React docs](https://github.com/facebook/react/blob/main/packages/eslint-plugin-react-hooks/README.md#installation).

## Installation

```bash
npm install -D eslint @intility/eslint-config-react-compiler@latest
```

## Basic Usage

`eslint.config.js`:

```js
import intilityReactCompilerConfig from "@intility/eslint-config-react-compiler";

export default intilityReactCompilerConfig;
```

Or, if you need to configure eslint further:

```js
import { defineConfig } from "eslint/config";
import intilityReactCompilerConfig from "@intility/eslint-config-react-compiler";

export default defineConfig([
  intilityReactCompilerConfig,
  {
    rules: {},
  },
]);
```

## Vite

Vite setup with compiler and `vite-plugin-checker`:

```ts
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import checker from "vite-plugin-checker";

export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: ["babel-plugin-react-compiler"],
      },
    }),
    checker({
      typescript: true,
      biome: {
        command: "check",
      },
      eslint: {
        lintCommand: "eslint",
        useFlatConfig: true,
      },
    }),
  ],
});
```
npm package: @intility/generator-express
Description: Yeoman CLI to generate a new Node.JS project based on Intility developer standards
Author: Christian Marker / Intility AS
Latest version: 0.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">

<img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>

<h1 align="center">
  Intility Express.JS Project generator
</h1>

<p align="center">
This repository contains a CLI build with Yeoman framework to auto generate a new project.
</p>

<p align="center">
<a href="https://github.com/Intility/generator-intility-node/actions/workflows/npm-publish.yml">
    <img alt="publish cra" src="https://github.com/Intility/generator-intility-node/actions/workflows/npm-publish.yml/badge.svg" style="max-width:100%;">
</a>
</p>
</div>

## Installation

First, install [Yeoman](http://yeoman.io) and generator-intility-node using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).

```bash
npm install -g yo                           # Install Yeoman CLI
npm install -g @intility/generator-express  # Install Intility Express project generator

mkdir <projectName> && cd <projectName>     # Create a new project folder
yo @intility/express                        # Use Yeoman CLI to run the template generator
```

## License

MIT © [Intility AS](https://intility.no)
npm package: @intility/generator-intility-node
Description: Yeoman CLI to generate a new Node.JS project based on Intility developer standards
Author: Christian Marker / Intility AS
Latest version: 0.0.4

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  Intility Node.JS Project generator
</h1>

<p align="center">
This repository contains a CLI build with Yeoman framework to auto generate a new project.
</p>

<p align="center">
<a href="https://github.com/Intility/generator-intility-node/actions/workflows/npm-publish.yml">
    <img alt="publish cra" src="https://github.com/Intility/generator-intility-node/actions/workflows/npm-publish.yml/badge.svg" style="max-width:100%;">
</a>
</p>

## Installation

First, install [Yeoman](http://yeoman.io) and generator-intility-node using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).

```bash
npm install -g yo
npm install -g generator-intility-node
```

Then generate your new project:

```bash
yo intility-node
```

## License

MIT © [Intility AS](https://intility.no)
npm package: @intility/helm-version
Description: Automatically version helm charts with npm version.
Author: Intility
Latest version: 1.3.2

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  @intility/helm-version
</h1>

<p align="center">
  A tool for setting a Helm charts <code>appVersion</code> based on the <code>package.json</code> <code>version</code> field.
  <br />
  To be used with <code>npm version</code>.
</p>

<p align="center">
  <a href="https://github.com/Intility/helm-version/actions">
    <img alt="pipeline" src="https://github.com/Intility/helm-version/actions/workflows/publish.yml/badge.svg" style="max-width:100%;" />
  </a>
  <a href="https://www.npmjs.com/package/@intility/helm-version">
    <img alt="package version" src="https://img.shields.io/npm/v/@intility/helm-version?label=%40intility%2Fhelm-version" style="max-width:100%;" />
  </a>
</p>

## Usage

Install with

```shell
npm install @intility/helm-version
```

Add a `version` script to your `package.json`

```json
{
  "scripts": {
    "version": "helm-version path/to/chart && git add path/to/chart/Chart.yaml"
  }
}
```

You can now call `npm version` as usual to version your app,
and the `appVersion` field will be automatically updated and added to the git commit and tag!

Alternatively, you can run it manually

```shell
helm-version <chart> <prefix>
```

Prefix is optional, and defaults to `v`.
This is because `npm version` prefixes the git tag with `v`.
npm package: @intility/msal-keyvault-cache
Description: A cache for @azure/msal-node that uses Azure KeyVault as a store.
Author: Intility AS
Latest version: 1.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<h1 align="center">
  <img src="https://avatars.githubusercontent.com/u/35199565" width="124px"/><br/>
  @intility/msal-keyvault-cache
</h1>

<p align="center">
  A cache for @azure/msal-node that uses Azure KeyVault as a store. 
</p>

<p align="center">
  <a href="https://github.com/Intility/msal-keyvault-cache/actions">
    <img alt="pipeline" src="https://github.com/Intility/msal-keyvault-cache/actions/workflows/publish.yml/badge.svg" style="max-width:100%;" />
  </a>
  <a href="https://www.npmjs.com/package/@intility/msal-keyvault-cache">
    <img alt="package version" src="https://img.shields.io/npm/v/@intility/msal-keyvault-cache?label=%40intility%2Fmsal-keyvault-cache" style="max-width:100%;" />
  </a>
</p>

## Usage

Install with

```
npm install @intility/msal-keyvault-cache
```

Then, initialize the cache and use it in your client configuration

```js
import { PublicClientApplication } from "@azure/msal-node";
import keyVaultCache from "@intility/msal-keyvault-cache";

let cachePlugin = keyVaultCache("https://YOUR_KEYVAULT_HERE.vault.azure.net/");

let publicClientConfig = {
  auth: {
    clientId: "CLIENT_ID",
    authority: "https://login.microsoftonline.com/TENANT_ID",
  },
  cache: {
    cachePlugin,
  },
};

let publicClientApplication = new PublicClientApplication(publicClientConfig);
```

By default, it will authenticate to the KeyVault by using [`DefaultAzureCredential` from '@azure/identity'](https://github.com/Azure/azure-sdk-for-js/blob/main/sdk/identity/identity/README.md#defaultazurecredential). This means you can authenticate a number of ways. In CI you can use [environment variables](https://github.com/Azure/azure-sdk-for-js/blob/main/sdk/identity/identity/README.md#defaultazurecredential), and locally you can use the Azure CLI.

### Syntax

```js
let cachePlugin = keyVaultCache(keyVaultUrl);
let cachePlugin = keyVaultCache(keyVaultUrl, secretName);
let cachePlugin = keyVaultCache(keyVaultUrl, secretName, credential);
```

### Parameters

#### `keyVaultUrl`

A JavaScript string containing the url to your Azure KeyVault.

#### `secretName` (optional)

- Default Value: `"msal-cache"`

A JavaScript string containing the name of the secret.

#### `credential` (optional)

- Default Value: `new DefaultAzureCredential()`

A [`Credential Class`](https://github.com/Azure/azure-sdk-for-js/blob/main/sdk/identity/identity/README.md#credential-classes) used to authenticate to the Azure KeyVault.

### Return value

A `cachePlugin` that can be used in a `@azure/msal-node` Client Configuration.
npm package: @intility/tailwind-plugin-bifrost
Description: A [Tailwindcss](https://tailwindcss.com/) that adds [Intility Bifrost's](https://bifrost.intility.no/) colors, spacing and box shadows.
Latest version: 2.0.0

# Bifrost Tailwindcss plugin

A [Tailwindcss](https://tailwindcss.com/) that adds [Intility Bifrost's](https://bifrost.intility.no/) colors, spacing and box shadows.

# Installation

```
# yarn
yarn add @intility/tailwind-plugin-bifrost

# npm
npm install @intility/tailwind-plugin-bifrost
```

# Configuration & Usage

```js
// tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [require("@intility/tailwind-plugin-bifrost")],
}
```

```tsx
// MyComponent.tsx

export default function MyComponent() {
  return <div className="text-bfc-theme">Hello Bifrost!</div>
}
```
npm package: @intimate/gelbooru
Description: API Wrapper for gelbooru.com
Author: tepes
Latest version: 0.0.2-draft

# Gelbooru API

## Docs

### v0.0.1

#### Classes

##### class: GelbooruSearch

###### <code>tags: string[]</code> Tags used for search

###### <code>paginator: number</code> Current search result page

###### createSearch(tags: string[]): GelbooruSearch; Returns new instance of GelbooruSearch

###### resetPagination(); Resets paginator

###### hasNext(): boolean; Checks if a next page exists

###### autocomplete(tag: string): Promise<string[]>; Returns a autocomplete list from Gelbooru

##### class: GelbooruImage

###### <code>url: string</code> URL of post

###### <code>tags: string[]</code> Tags associated with post

###### <code>thumbnailurl: string</code> URL of thumbnail

###### <code>id: number</code> ID of post

##### class: RequestFactory

###### new(); Returns new instance of RequestFactory

###### setProxy(url: string); Sets https proxy for [axios](https://www.npmjs.com/package/axios)

###### get(url: string): Promise<AxiosResponse>; Makes a get request

###### post(url: string): Promise<AxiosResponse>; Makes a post request

## Features

- Search by tags ✔
- Autocomplete ✔
- Get max pages
- Return all images associated with requested tags with one function
- Return original image additionally to thumbnail
- Cache results with [Sequelize](https://sequelize.org/) in a [sqlite3](https://www.npmjs.com/package/sqlite3)-Database
- Add support for accounts

## Notice of Non-Affiliation and Disclaimer

We are not affiliated, associated, authorized, endorsed by, or in any way officially connected with [gelbooru.com](https://gelbooru.com), or any of its subsidiaries, its affiliates or authors/creators. The official [Gelbooru](https://gelbooru.com) website can be found at [Gelbooru](https://gelbooru.com)

[@intimate](https://www.npmjs.com/org/intimate) provides several packages with different tools, that helps developer in their every-day life, by simplifying the work that needs to be done. As necessary, [@intimate](https://www.npmjs.com/org/intimate) makes contextual use of the trademarks of [Gelbooru](https://gelbooru.com) to inform the developers about a easy way to get information in various forms from [gelbooru.com](https://gelbooru.com).

Such use by [@intimate](https://www.npmjs.com/org/intimate) in no way indicates any relationship or affiliation of [@intimate](https://www.npmjs.com/org/intimate) to Gelbooru or their creators, or any of its subsidiaries, nor does it signify that Gelbooru has licensed, is the source of, endorses, approves of or sponsors the content from [@intimate](https://www.npmjs.com/org/intimate), through this Site or otherwise.
___

## Support & Liability
No support included or liability

___

<img src="https://cdn.statically.io/gh/yurijserrano/Github-Profile-Readme-Logos/master/programming%20languages/typescript.svg" width="64px" height="64px">


CDNs used:
[Statically](https://statically.io/)
npm package: @intimatemerger/data-table-element
Description: ![Screenshot](./media/screenshot.png)
Latest version: 1.0.8

# DataTableElement
![Screenshot](./media/screenshot.png)

Large data table for Custom Elements

## Features
* [x] Supports >100,000 data
* [x] Search by column
* [x] Filter items
* [x] CSV Download

## Usage
```html
<script src="./dist/polyfill.min.js"></script> <!-- for IE11-->
<script src="./dist/data-table-element.min.js"></script>

<data-table-element></data-table-element>

<script>
  var dataTable = document.querySelector('data-table-element');
  dataTable.tableData = [
    {title: 'タイトル1 1-AAA', category: 1, genre: 'AAA', value: 100, comment: 'XXXXXX-XXXXXXXXX-XXXXXX'},
    {title: 'タイトル2 2-AAA', category: 2, genre: 'AAA', value: 200, comment: 'YYYYYYYYYYY-YYYYYYYYYYY'},
    {title: 'タイトル3 2-BBB', category: 2, genre: 'BBB', value: 0},
  ];

  dataTable.tableColumns = [
    {name: 'title', title: 'タイトル', width: 400},
    {name: 'category', title: 'カテゴリー', width: 200},
    {name: 'genre', title: 'ジャンル', width: 200},
    {name: 'value', title: '値', width: 100},
    {name: 'comment', title: 'コメント', width: 500}
  ];

  dataTable.searchColumns = [
    'title',
    'comment'
  ];

  dataTable.filterColumns = [
    'category',
    'genre'
  ];

  // Customize the format of data to download (Option)
  var formatMap = new Map();
  formatMap.set('FormatA', [
    {name: 'title', title: 'タイトル'},
    {name: 'value', title: '値'}
  ]);

  formatMap.set('FormatB', [
    {name: 'title', title: 'タイトル'},
    {name: 'category', title: 'カテゴリー'},
    {name: 'genre', title: 'ジャンル'},
    {name: 'comment', title: '詳細'}
  ]);

  dataTable.downloadFormatMap = formatMap;
</script>
```

## Attributes

```html
<data-table-element csv="filename.csv"></data-table-element>
```
npm package: @intimatemerger/im-core
Description: [![Code Style: Google](https://img.shields.io/badge/code%20style-google-blueviolet.svg)](https://github.com/google/gts)
Latest version: 0.2.3

# im-core

[![Code Style: Google](https://img.shields.io/badge/code%20style-google-blueviolet.svg)](https://github.com/google/gts)
npm package: @intimefinance/router-sdk
Description: An sdk for routing swaps using Uniswap v2 and Uniswap v3.
Latest version: 1.4.0

# Alpha software

The latest version of the SDK is used in production in the Uniswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Uniswap Swap Router SDK

This SDK is meant to facilitate interactions with the contracts in [swap-router-contracts](https://github.com/Uniswap/swap-router-contracts).
npm package: @intimefinance/v2-sdk
Description: 🛠 An SDK for building applications on top of Uniswap V2
Latest version: 3.0.1

# Uniswap V2 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-v2-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-v2-sdk/actions?query=workflow%3ALint)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![npm version](https://img.shields.io/npm/v/@uniswap/v2-sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/v2-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v2-sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/v2-sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).
npm package: @intl-party/client
Description: Generated client for IntlParty - type-safe translations and runtime utilities
Author: RodrigoEspinosa
Latest version: 1.3.0

# @intl-party/client

This package contains generated type-safe translations and runtime utilities for your IntlParty project. It's automatically generated by running `intl-party generate` and provides a clean API similar to `@prisma/client`.

## Usage

```typescript
import {
  TranslationKey,
  Locale,
  defaultMessages,
  createTranslationFunction,
} from "@intl-party/client";

// Type-safe translation keys
const key: TranslationKey = "common.welcome"; // ✅ TypeScript will validate this

// Type-safe locales
const locale: Locale = "en"; // ✅ Only valid locales are allowed

// Runtime messages
const messages = defaultMessages;
console.log(messages.en.common.welcome); // "Welcome to IntlParty!"

// Create a translation function
const t = createTranslationFunction("en", defaultMessages);
const translated = t("common.welcome"); // "Welcome to IntlParty!"
```

## Runtime Utilities

```typescript
import {
  getLocaleMessages,
  getAllMessages,
  validateTranslationKey,
  getAvailableLocales,
} from "@intl-party/client/runtime";

// Get messages for a specific locale
const enMessages = getLocaleMessages("en");

// Get all messages
const allMessages = getAllMessages();

// Validate translation keys at runtime
const isValid = validateTranslationKey("common.welcome"); // true

// Get available locales
const locales = getAvailableLocales(); // ['en', 'es', 'fr', 'de']
```

## Generation

This package is automatically generated when you run:

```bash
npx intl-party generate
```

The generated files include:

- Type definitions for all translation keys and locales
- Runtime message data
- Utility functions for working with translations
- Validation helpers

## File Structure

```
@intl-party/client/
├── generated/
│   ├── translations.generated.ts    # Type definitions
│   ├── messages.generated.ts        # Runtime message data
│   └── index.generated.ts           # Main exports
├── src/
│   ├── index.ts                     # Main package exports
│   └── runtime.ts                   # Runtime utilities
└── dist/                            # Built files
```
npm package: @intl-schematic/cli
Description: `npm i -D @intl-schematic/cli`
Author: Raiondesu
Latest version: 1.0.0-rc.7

# `@intl-schematic/cli` (WIP)

`npm i -D @intl-schematic/cli`

[`intl-schematic`](/packages/core/), as well as its plugins, defines a JSON-schema API designed specifically to allow type-checking JSON translation documents.

This CLI allows to quickly create such a schema based on the `intl-schematic` plugins you have currently installed.

### Using the CLI

> Broken right now, see [manual definition](/packages/core/README.md#manual-definition).

To quickly define the `translation.schema.json` for your translation documents,
you can run the official [CLI](/packages/cli/) in your project's root:

```bash
npx intl-schematic init
# or provide an optional custom file name
npx intl-schematic init ./locales/my-translation.schema.json
```

And then use it in your translation document:

```json
// en.json
{
  // Path to the schema from the example above
  "$schema": "./translation.schema.json",
  "key": "Translation of my key"
}
```

```js
import translation from './en.json';

const t = createTranslator(() => translation);

// Etc., see example at the start of this file
```

> Note: the `$schema` key will be automatically excluded\
> from type hints for `t()` for your convenience!
npm package: @intl-schematic/plugin-defaults
Description: This is a collection of plugins that should be of use to most applications in need of being localized.
Author: Raiondesu
Latest version: 1.0.0-rc.10

# `@intl-schematic/plugin-defaults`

This is a collection of plugins that should be of use to most applications in need of being localized.

`npm i -s @intl-schematic/plugin-defaults`

## Included plugins

- [`@intl-schematic/plugin-arrays`](/packages/plugins/arrays/)
  - use plain functions directly in translation documents with type-checked parameters
- [`@intl-schematic/plugin-locale`](/packages/plugins/locale/)
  - provider plugin, allows other plugins to use the provided `Intl.Locale` instance
- [`@intl-schematic/plugin-processors`](/packages/plugins/processors/)
  - apply custom and default processors to format the user inputs

This package also exports everything from the included plugins.

### Usage

```ts
import { createTranslator } from 'intl-schematic';
import { defaultPlugins } from '@intl-schematic/plugin-defaults';

const getLocale = () => new Intl.Locale(navigator.language);

// Notice the plugins array parameter
const t = createTranslator(getDocument, defaultPlugins(getLocale));
```

Then use according to the instructions of included plugins.