open-index/open-npm huggingface dataset:
npm package: @interchainjs/cosmos-msgs
Description: Cosmos message codecs
Author: Cosmology
Latest version: 0.0.11

# @interchainjs/cosmos-msgs

<p align="center">
  <img src="https://user-images.githubusercontent.com/545047/188804067-28e67e5e-0214-4449-ab04-2e0c564a6885.svg" width="80">
</p>

<p align="center" width="100%">
  <!-- <a href="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml">
    <img height="20" src="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml/badge.svg" />
  </a> -->
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-MIT"><img height="20" src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-Apache"><img height="20" src="https://img.shields.io/badge/license-Apache-blue.svg"></a>
</p>


Cosmos message codecs (including Stargate and CosmWasm messages)

## Usage

```sh
npm install @interchainjs/cosmos-msgs
```

Make `Encoder` and `Converter` used by `Cosmos` signers (taking `MsgSend` as example)

```ts
import { MsgSend } from "@interchainjs/cosmos-msgs/cosmos/bank/v1beta1/tx";
import { toConverter, toEncoder } from "@interchainjs/cosmos/utils";
import { AminoSigner } from "@interchainjs/cosmos/amino";

const encoder = toEncoder(MsgSend);
const converter = toConverter(MsgSend);

const signer = new AminoSigner(<AUTH>, [encoder], [converter], <rpc-endpoint>);
```

- See [@interchainjs/auth](/packages/auth/README.md) to construct `<AUTH>`
- See [@interchainjs/cosmos](/packages/cosmos/README.md) to construct different `<signer>`s

## License

MIT License (MIT) & Apache License

Copyright (c) 2024 Cosmology (https://cosmology.zone/)
npm package: @interchainjs/cosmos-query
Description: Query implementation generated by telescope for cosmos chains
Author: Cosmology
Latest version: 0.0.8

# @interchainjs/cosmos-query

<p align="center">
  <img src="https://user-images.githubusercontent.com/545047/188804067-28e67e5e-0214-4449-ab04-2e0c564a6885.svg" width="80">
</p>

<p align="center" width="100%">
  <!-- <a href="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml">
    <img height="20" src="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml/badge.svg" />
  </a> -->
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-MIT"><img height="20" src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-Apache"><img height="20" src="https://img.shields.io/badge/license-Apache-blue.svg"></a>
</p>


Query implementation generated by telescope for cosmos chains

## Usage

```sh
npm install @interchainjs/cosmos-query
```

Make queries (taking querying `validators` as example)

```ts
import { RpcQuery } from "@interchainjs/cosmos-query/rpc";

const rpcQuery = new RpcQuery(<rpc-endpoint>);
const { validators } = await rpcQuery.validators({
    status: bondStatusToJSON(BondStatus.BOND_STATUS_BONDED),
});
```

## Implementations

- **query**
  - **rpc query client** from `@interchainjs/cosmos-query/rpc`

## License

MIT License (MIT) & Apache License

Copyright (c) 2024 Cosmology (https://cosmology.zone/)
npm package: @interchainjs/ethermint
Description: <p align="center">   <img src="https://user-images.githubusercontent.com/545047/188804067-28e67e5e-0214-4449-ab04-2e0c564a6885.svg" width="80"> </p>
Author: Cosmology
Latest version: 0.0.1-beta.11

# @interchainjs/ethermint

<p align="center">
  <img src="https://user-images.githubusercontent.com/545047/188804067-28e67e5e-0214-4449-ab04-2e0c564a6885.svg" width="80">
</p>

<p align="center" width="100%">
  <!-- <a href="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml">
    <img height="20" src="https://github.com/cosmology-tech/interchainjs/actions/workflows/run-tests.yaml/badge.svg" />
  </a> -->
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-MIT"><img height="20" src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
   <a href="https://github.com/cosmology-tech/interchainjs/blob/main/LICENSE-Apache"><img height="20" src="https://img.shields.io/badge/license-Apache-blue.svg"></a>
</p>

Transaction codec and client to communicate with any injective blockchain.

## Usage

```sh
npm install @interchainjs/ethermint
```

Taking `direct` signing mode as example.

```ts
// import * from "@interchainjs/ethermint"; // Error: use sub-imports, to ensure small app size
import { DirectSigner } from "@interchainjs/ethermint/direct";

const signer = new DirectSigner(<AUTH>, <ENCODER>[], <RPC_ENDPOINT>); // **ONLY** rpc endpoint is supported for now
const result = await signer.signAndBroadcast(<MESSAGE>[]);
console.log(result.hash); // the hash of TxRaw
```

- See [@interchainjs/auth](/packages/auth/README.md) to construct `<AUTH>`
- See `@interchainjs/ethermint-msgs`(on progress) to construct `<ENCODER>`s and `<CONVERTER>`s, and also different message types.

## Implementations

- **direct signer** from `@interchainjs/ethermint/direct`
- **amino signer** from `@interchainjs/ethermint/amino`
- **eip712 signer** from `@interchainjs/ethermint/eip712`

## License

MIT License (MIT) & Apache License

Copyright (c) 2024 Cosmology (https://cosmology.zone/)
npm package: @interconnectit/hadrian
Description: HadrianJS Framework
Author: interconnect/it
Latest version: 1.2.0

# Hadrian

[![build status](https://img.shields.io/travis/interconnectit/hadrian-js.svg?style=flat-square)](https://travis-ci.org/interconnectit/hadrian-js)
[![code style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

This is where your description should go. Try and limit it to a paragraph or two.

## Install

Via NPM

``` bash
$ npm install --save @interconnectit/hadrian
```

Via CDN

``` html
<script src="//unpkg.com/@interconnectit/hadrian/dist/hadrian.min.js"></script>
```

## Usage

``` js
hadrian()
    .on({user: {subscription: 'gold'}}, function () {
        $('.popup_subscription_gold').show()
    })
    .on({user: {subscription: 'silver'}}, function () {
        $('.popup_subscription_silver').show()
    })
    ...
    .evaluate({
        post_id: 1,
        post_title: 'Lorem ipsum dolor sit amet',
        ...
    })
```

## Testing

``` bash
$ npm run test
```

## Contributing

Please see [Contributing Guide](CONTRIBUTING.md) and [Code of Conduct](CODE_OF_CONDUCT.md) for details.

## Security

If you discover any security related issues, please email support@interconnectit.com instead of using the issue tracker.

## Credits

- [interconnect/it](https://interconnectit.com)
- [All Contributors](../../contributors)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
npm package: @interdan/admin-parts
Description: Set of components and utils for Interdan admin dashboards
Author: olehrb
Latest version: 0.0.36

# React Package Boilerlplate

Basic package boilerlplate for modular react npm-packages

## Steps to create a library:

1. Create modular app structure in *src*
1. All your components should have *.tsx* extension
1. Write some tests
1. Rename your library in **package.json** of your library
1. Update *repository* field in **package.json**
1. Add **package.json** files for parts of the app, which could be used separately to *parts* folder
1. For better experience, you should add root *index.ts* file, which will export all the parts
1. Update *README* to describe your package
1. Create some examples to show how your package can be used, to add library as a dependency for the example:
  1. Add `"library-name": "link:$relative-path-to-library"` to the dependencies of your example
  1. Run `yarn`

## Using library
You can import either whole library: `import lib from 'library-name;`, or a separated part of the library: `import FeatureName from 'library-name/parts/FeatureName';`

## Using scss:
You can use *scss* preprocessor for your components out of the box:

1. Use `import './style.scss';` in the components, which need to be styled
1. All styles will be bundeled to *css/main.css*
1. Include the library styles on client(for example if you use webpack for your client app):
  1. Add `@import(~package-name/css/index.css);` in main css file if you want to import all styles from the library
  1. Add `@import(~package-name/css/FeatureName/index.css);` in main css file if you want to import styles only for specific part of the library

## Adding envs to example:
Because *example* is based 0n *create-react-app* it is possible to use custom envs as suggested [here](https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables)

## Building:
Run `yarn build` to prepare your library to be deployed

## Releasing:
Run `yarn release:$type` to release your app (where **$type** can be: patch, minor or major)

## Development
Run `yarn start` to start your application

## Running test
Run `yarn test` to run tests once
Run `yarn test:watch` to rerun tests each time any file changes
npm package: @interdan/auth-provider
Description: Authorization utils
Author: olehrb
Latest version: 1.0.10

# React Package Boilerlplate

Basic package boilerlplate for modular react npm-packages

## Steps to create a library:

1. Create modular app structure in *src*
1. All your components should have *.tsx* extension
1. Write some tests
1. Rename your library in **package.json** of your library
1. Update *repository* field in **package.json**
1. Add **package.json** files for parts of the app, which could be used separately to *parts* folder
1. For better experience, you should add root *index.ts* file, which will export all the parts
1. Update *README* to describe your package
1. Create some examples to show how your package can be used, to add library as a dependency for the example:
  1. Add `"library-name": "link:$relative-path-to-library"` to the dependencies of your example
  1. Run `yarn`

## Using library
You can import either whole library: `import lib from 'library-name;`, or a separated part of the library: `import FeatureName from 'library-name/parts/FeatureName';`

## Using scss:
You can use *scss* preprocessor for your components out of the box:

1. Use `import './style.scss';` in the components, which need to be styled
1. All styles will be bundeled to *css/main.css*
1. Include the library styles on client(for example if you use webpack for your client app):
  1. Add `@import(~package-name/css/index.css);` in main css file if you want to import all styles from the library
  1. Add `@import(~package-name/css/FeatureName/index.css);` in main css file if you want to import styles only for specific part of the library

## Adding envs to example:
Because *example* is based 0n *create-react-app* it is possible to use custom envs as suggested [here](https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables)

## Building:
Run `yarn build` to prepare your library to be deployed

## Releasing:
Run `yarn release:$type` to release your app (where **$type** can be: patch, minor or major)

## Development
Run `yarn start` to start your application

## Running test
Run `yarn test` to run tests once
Run `yarn test:watch` to rerun tests each time any file changes
npm package: @interdan/brand-config-core
Description: Core utilities and types for brand configuration
Latest version: 1.0.1

# BrandConfig Core

A TypeScript library for managing brand configurations, themes, and multi-language content in React applications.

## Installation

```bash
npm install brandconfig-core
```

## Features

- 🎨 **Dynamic Brand Theming** - Switch between brand themes at runtime
- 🌍 **Multi-language Support** - Load brand data for different languages
- ⚛️ **React Integration** - Ready-to-use hooks and components
- 📦 **TypeScript Support** - Full type safety with TypeScript
- 🚀 **Lightweight** - Minimal dependencies

## Quick Start

### 1. Wrap your app with BrandProvider

```tsx
import { BrandProvider } from 'brandconfig-core';

function App() {
  return (
    <BrandProvider apiBase="/api" assetsBase="/assets">
      <YourApp />
    </BrandProvider>
  );
}
```

### 2. Use brand switching

```tsx
import { BrandSwitcher, useBrandContext } from 'brandconfig-core';

function Header() {
  const { currentBrand } = useBrandContext();
  
  return (
    <header>
      <h1>Current Brand: {currentBrand}</h1>
      <BrandSwitcher />
    </header>
  );
}
```

### 3. Display brand icons

```tsx
import { BrandIcon } from 'brandconfig-core';

function Logo() {
  return (
    <BrandIcon 
      brandCode="opel" 
      type="public" 
      className="logo"
    />
  );
}
```

## API Reference

### Hooks

#### `useBrands(apiBase?: string)`
Fetches and manages brand configuration data.

#### `useBrandTheme(initialBrand?: string, assetsBase?: string)`
Manages dynamic brand theme switching.

#### `useApiConfig(apiBase?: string)`
Fetches API configuration.

#### `useBrandsByLanguage(language: SupportedLanguage, apiBase?: string)`
Fetches language-specific brand data.

### Components

#### `<BrandProvider>`
Context provider for brand configuration.

#### `<BrandSwitcher>`
Dropdown component for switching between brands.

#### `<BrandIcon>`
Component for displaying brand icons.

### Utilities

#### `fetchBrands(apiBase?: string)`
Fetches brand configuration from API.

#### `loadBrandTheme(brandCode: string, assetsBase?: string)`
Dynamically loads CSS theme for a brand.

#### `getBrandByCode(brands: Brand[], code: string)`
Gets a brand by its code.

## Development

```bash
# Install dependencies
npm install

# Build the library
npm run build

# Watch mode for development
npm run dev

# Clean build artifacts
npm run clean
```

## License

MIT
npm package: @interdan/cloudinary-widget
Description: Widget to select and upload resources from cloudinary
Author: olehrb
Latest version: 1.0.3

# React Package Boilerlplate

Basic package boilerlplate for modular react npm-packages

## Steps to create a library:

1. Create modular app structure in *src*
1. All your components should have *.tsx* extension
1. Write some tests
1. Rename your library in **package.json** of your library
1. Update *repository* field in **package.json**
1. Add **package.json** files for parts of the app, which could be used separately to *parts* folder
1. For better experience, you should add root *index.ts* file, which will export all the parts
1. Update *README* to describe your package
1. Create some examples to show how your package can be used, to add library as a dependency for the example:
  1. Add `"library-name": "link:$relative-path-to-library"` to the dependencies of your example
  1. Run `yarn`

## Using library
You can import either whole library: `import lib from 'library-name;`, or a separated part of the library: `import FeatureName from 'library-name/parts/FeatureName';`

## Using scss:
You can use *scss* preprocessor for your components out of the box:

1. Use `import './style.scss';` in the components, which need to be styled
1. All styles will be bundeled to *css/main.css*
1. Include the library styles on client(for example if you use webpack for your client app):
  1. Add `@import(~package-name/css/index.css);` in main css file if you want to import all styles from the library
  1. Add `@import(~package-name/css/FeatureName/index.css);` in main css file if you want to import styles only for specific part of the library

## Adding envs to example:
Because *example* is based 0n *create-react-app* it is possible to use custom envs as suggested [here](https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables)

## Building:
Run `yarn build` to prepare your library to be deployed

## Releasing:
Run `yarn release:$type` to release your app (where **$type** can be: patch, minor or major)

## Development
Run `yarn start` to start your application

## Running test
Run `yarn test` to run tests once
Run `yarn test:watch` to rerun tests each time any file changes
npm package: @interdao/core
Description: 🌏 InterDAO is a universal DAO solution that projects on Solana can seamlessly construct their owned DAO.
Author: Tu Phan
Latest version: 2.1.1

# interDAO

🌏 InterDAO is a universal DAO solution that projects on Solana can seamlessly construct their owned DAO.

## Installation

```
npm i @interdao/core
```
npm package: @interdead/efbd-scale
Description: Hexagonal EFBD scale domain, application services, and adapters.
Author: InterDead Core
Latest version: 0.1.5

## Introduction

`@interdead/efbd-scale` is the hexagonal EFBD (Echoed Big Five of Dread) scale package. It ingests triggers from mini-games, persists axis scores, and exposes query helpers for host runtimes. Axis definitions align with the PsyFramework methodology used across the metaverse.

### Axes

Updated axis codes aligned with the narrative glossary:

- `EBF-SOCIAL`
- `EBF-MIND`
- `EBF-DECLINE`
- `EBF-EXPOSURE`
- `EBF-ABANDON`

The canonical persisted form uses the hyphenated strings above. In TypeScript, `AxisCode` uses underscore identifiers (for example, `AxisCode.EBF_SOCIAL`) but each enum value is the hyphenated string (for example, `"EBF-SOCIAL"`).

All scoring operations apply a `+1` increment per trigger and clamp at a ceiling of `100`.

## Installation

```bash
npm install @interdead/efbd-scale
```

## Usage Examples

```ts
import {
  AxisCode,
  InMemoryScaleRepository,
  InMemoryTriggerLogRepository,
  ScaleIngestionService,
  ScaleQueryService,
  SystemClock,
  ConsoleLogger
} from "@interdead/efbd-scale";

const repository = new InMemoryScaleRepository();
const triggerLog = new InMemoryTriggerLogRepository();
const clock = new SystemClock();
const logger = new ConsoleLogger();

const ingestion = new ScaleIngestionService(repository, triggerLog, clock, logger);
const query = new ScaleQueryService(repository, clock);

await ingestion.recordTriggers({
  profileId: "player-1",
  triggers: [
    { axis: AxisCode.EBF_SOCIAL, source: "mini-game-alpha" },
    { axis: AxisCode.EBF_MIND, source: "mini-game-beta" }
  ]
});

const snapshot = await query.fetchSnapshot("player-1");
console.log(snapshot.axisScores.get(AxisCode.EBF_SOCIAL)?.value); // -> 1
```

## Additional Notes

- Use `registerEfbdScale(container, options)` to attach the ingestion and query services to your host IoC container. Provide `IScaleRepository` and `ITriggerLogRepository` adapters suited for your runtime.
- Schemas and KV key formats live in the Core docs: [D1 schemas](../docs/data/schemas.md) and [KV conventions](../docs/data/kv-conventions.md).
- Testing commands:
  - `npm test`
  - `npm run typecheck`
npm package: @interdead/identity-core
Description: Headless identity kernel that wires Discord OAuth with portable storage adapters using a hexagonal/ports-and-adapters layout.
Author: InterDead Core
Latest version: 0.1.8

## Introduction

`@interdead/identity-core` is a headless identity kernel that wires Discord OAuth with portable storage adapters using a hexagonal/ports-and-adapters layout. The package keeps presentation concerns out of the core while exposing services and factories that host applications can register in their own containers.

## Installation

```bash
npm install @interdead/identity-core
```

## Usage Examples

```ts
import { createIdentityCore, ProfileMetadata } from '@interdead/identity-core';

const identity = createIdentityCore({
  discord: {
    clientId: process.env.IDENTITY_DISCORD_CLIENT_ID!,
    clientSecret: process.env.IDENTITY_DISCORD_CLIENT_SECRET!,
    redirectUri: process.env.IDENTITY_DISCORD_REDIRECT_URI!
  },
  cloudflare: bindings,
  sessionStore,
  eventBus,
  logger
});

const profile = new ProfileMetadata({ profileId: 'player-123', displayName: 'Visitor' });
await identity.linkService.beginDiscordLogin('discord_state', 'nonce');
const aggregate = await identity.linkService.completeDiscordLogin('player-123', 'code-from-callback', profile);
```

## Additional Notes

- Features: Discord login with optional Cloudflare persistence or local-only storage; domain-driven aggregate tracking; ports for prompts, events, and EFBD scale sync; factory helper `createIdentityCore` to wire services quickly.
- Configuration:
  - **Discord**: provide OAuth client credentials and redirect URI via `IDENTITY_DISCORD_CLIENT_ID`, `IDENTITY_DISCORD_CLIENT_SECRET`, and `IDENTITY_DISCORD_REDIRECT_URI`. Custom endpoints are supported for staging.
  - **Cloudflare**: pass D1/KV bindings to enable persistence. Omit to rely on in-memory local storage.
  - **Feature flags**: skip Discord or scale synchronization by omitting those adapters when calling `createIdentityCore`.
- Testing: `npm test`.
- Errors are wrapped in `IdentityCoreError` to avoid leaking raw fetch/D1 exceptions. Consumers can catch and map these errors to UI states.
- Data contracts and bindings live in the Core docs: [D1 schemas](../docs/data/schemas.md) and [Cloudflare bindings](../docs/operations/cloudflare-bindings.md).
npm package: @intereact/ripple
Description: Adds a ripple effect to a React component
Author: David Strömbäck
Latest version: 1.1.1

# @intereact/ripple &middot; [![](https://img.shields.io/npm/v/@intereact/ripple.svg)](https://www.npmjs.com/package/@intereact/ripple) [![Build Status](https://travis-ci.com/davidstromback/intereact-ripple.svg?branch=master)](https://travis-ci.com/davidstromback/intereact-ripple) [![Coverage Status](https://coveralls.io/repos/github/davidstromback/intereact-ripple/badge.svg?branch=master)](https://coveralls.io/github/davidstromback/intereact-ripple?branch=master) [![](https://img.shields.io/github/license/davidstromback/intereact-ripple.svg)](https://github.com/davidstromback/intereact-ripple/blob/master/LICENSE.md)
Adds a ripple effect to a React component. Each time the element is pressed, 
a ripple originates from the mouse position and scales to cover the entire
element. When the mouse is released, the ripple fades away. 

[DEMO](https://davidstromback.github.io/intereact-ripple)

## Features
* Only 2 dependencies: React and React DOM
* Supports multiple ripples at once
* Can dynamically scale ripples to cover or be contained within the surface
* Ripples can be rendered at a lower resolution to improve performance

## Installation
```
npm install --save @intereact/ripple
```

## Usage
```
import Ripple from '@intereact/ripple'

<Ripple>
    { (ripples) => (
        <button style={{ position: 'relative' }}>
            { ripples }
            Click me
        </button>
    ) }
</Ripple>
```

## Props
| Property | Description | Type | Default |
|----------|-------------|------|---------|
| children | A render function | (ripples) => node | - |
| enterDuration | Set the duration (in ms) of the enter transition | number | 400 |
| exitDuration | Set the duration (in ms) of the exit transition | number | 400 |
| size | Set the ripple size | 'cover' \| 'contain' \| number | 'cover' |
| color | Set the ripple color | string | 'rgba(255,255,255,0.2)' |
| center | If true, ripples always appear at the center of the surface | boolean | false |
| renderScale | Improve performance by rendering ripples at a lower resolution | number | 1 |
| className | Set the ripple container classname | string | - |
| rippleClassName | Set the ripple classname  | string | - |
| style | Override ripple container inline styles | object | - |
| rippleStyle | Override ripple inline styles | object | - |