open-index/open-npm huggingface dataset:
npm package: @heapup/create-smartkit
Description: Create sui dapps with one command
Author: syen
Latest version: 0.1.4

# create-smartkit

Get up and running quickly with [smartkit](https://smartkit.vercel.app) by using the `create-smartkit` CLI.

## Installation

```bash
npm init @heapup/smartkit
# or
pnpm create @heapup/smartkit
# or
yarn create @heapup/smartkit
# or
bun create @heapup/smartkit
```
npm package: @heapup/smartkit
Description: Connect to the Sui network in a simple way
Author: HeapUp
Latest version: 0.3.0

# SmartKit

SmartKit is a react library that allows your dapp to connect to the sui network in a simple way.

## Quick Start

Manual install npm packages to your dapp project

```shell
# recommend
pnpm i @heapup/smartkit @heapup/smartkit-hooks @mysten/sui.js

# or
yarn i @heapup/smartkit @heapup/smartkit-hooks @mysten/sui.js

# or
npm i @heapup/smartkit @heapup/smartkit-hooks @mysten/sui.js
```

Config providers

```tsx
import '@heapup/smartkit/styles.css'
import { SmartKitProvider } from '@heapup/smartkit'
import { SmartKitClientProvider, createConfig } from '@heapup/smartkit-hooks'
import { getFullnodeUrl, SuiClient } from '@mysten/sui.js/client'

const client = new SuiClient({
  url: getFullnodeUrl('mainnet')
})

const config = createConfig({
  suiClient: client
})

export default function Providers({ children }: React.PropsWithChildren) {
  return (
    <SmartKitClientProvider config={config}>
      <SmartKitProvider theme="default" mode="auto">
        {children}
      </SmartKitProvider>
    </SmartKitClientProvider>
  )
}
```

add `ConnectButton` component to your sui dapp

```tsx
<ConnectButton label="Try it out" showAvatar showBalance />
```
npm package: @heapup/smartkit-hooks
Description: Connect to the Sui network in a simple way
Author: HeapUp
Latest version: 0.2.9

# SmartKit Hooks

Built on `@mystan/sui.js` and `@mysten/wallet-standard`, these React hooks provide functions such as connecting to a wallet, querying on-chain data, and sending transactions.

see all hooks on [https://smartkit.vercel.app/docs](https://smartkit.vercel.app/docs)
npm package: @heapup/tsx
Description: - Support prettier eslint - Installing the Code Runner plugin in VSCode allows for directly running TypeScript files.
Author: lybenson
Latest version: 1.2.3

# TypeScript StartKit

- Support prettier eslint
- Installing the Code Runner plugin in VSCode allows for directly running TypeScript files.

## Install

```shell
bun i @heapup/tsx -g
# or
pnpm i @heapup/tsx -g
```

## Update

```shell
bun update @heapup/tsx -g
# or
pnpm update @heapup/tsx -g
```

## Usage

```
tsx
```
npm package: @hearly-knowledgebase/widget
Description: Embeddable AI chat widget powered by Hearly
Latest version: 0.1.1

# @hearly-knowledgebase/widget

Embeddable AI chat widget powered by [Hearly](https://knowledge.hearlyhq.com).

## Install

```bash
npm install @hearly-knowledgebase/widget
```

## Usage

```tsx
import { HearlyWidget } from '@hearly-knowledgebase/widget';

function App() {
  return (
    <HearlyWidget
      apiKey="your-api-key"
      theme={{ mode: 'auto' }}
      content={{
        title: 'Ask a question',
        subtitle: 'AI-powered answers',
      }}
    />
  );
}
```

CSS is injected automatically at runtime. If you prefer to load styles explicitly (e.g. for SSR or CSP reasons):

```tsx
import '@hearly-knowledgebase/widget/styles.css';
```

## Props

| Prop | Type | Description |
|------|------|-------------|
| `apiKey` | `string` | **Required.** Your Hearly API key |
| `subTenantId` | `string` | Optional sub-tenant identifier |
| `uniqueIdentifiers` | `string[]` | Filter documents by identifiers |
| `topK` | `number` | Number of sources to retrieve (default: 8) |
| `theme` | `WidgetTheme` | Appearance customization |
| `content` | `WidgetContent` | Text/copy customization |
| `behavior` | `WidgetBehavior` | Behavior settings |
| `position` | `WidgetPosition` | Positioning on screen |
| `defaultOpen` | `boolean` | Start with chat open |
| `onOpen` | `() => void` | Callback when chat opens |
| `onClose` | `() => void` | Callback when chat closes |

## Peer Dependencies

- `react >= 18`
- `react-dom >= 18`
npm package: @hearsay/core
Description: Hearsay SDK — voice interviews, telemetry, session replay, feedback widget
Latest version: 0.10.0

# @hearsay/core

The SDK for [Hearsay](https://tryhearsay.com) — AI-powered in-product feedback with voice interviews, telemetry, session replay, and an embedded feedback widget.

## Install

For React/Next.js apps (recommended):

```bash
npm install @hearsay/react
```

`@hearsay/react` includes `@hearsay/core` as a dependency — no need to install both.

## Usage

```tsx
import { Hearsay } from '@hearsay/react';

export default function HearsayWidget() {
  return <Hearsay apiKey="hsk_pub_..." />;
}
```

The `<Hearsay />` component handles the full SDK lifecycle — no `useEffect` needed.

For vanilla JavaScript apps using ESM imports:

```bash
npm install @hearsay/core
```

```javascript
import { Hearsay } from '@hearsay/core';

Hearsay.init({
  apiKey: 'hsk_pub_...',
  remoteConfig: true,
});
```

## Common configuration

```javascript
import { Hearsay } from '@hearsay/core';

Hearsay.init({
  apiKey: 'hsk_pub_...',

  widget: {
    position: 'bottom-right', // also bottom-left, top-right, top-left
    buttonText: 'Feedback',
    theme: {
      colors: { primary: '#6366f1' },
    },
  },

  collector: {          // Telemetry
    console: true,
    network: true,
    clicks: true,
    errors: true,
    performance: true,
  },

  triggers: [           // When to show the widget
    { type: 'exit-intent' },
    { type: 'scroll', scrollDepth: 80 },
  ],

  debug: true,
});
```

## API

```javascript
hearsay.show();                           // Show widget
hearsay.show({ question: 'How was checkout?' });
hearsay.hide();                           // Hide widget
hearsay.identify('user-123', { email: 'user@example.com', plan: 'pro' });
hearsay.track('purchase_completed');      // Custom events
hearsay.addTrigger({ type: 'event', eventName: 'upgrade_clicked' });
hearsay.on((event) => console.log(event));
hearsay.grantConsent();                   // GDPR consent mode
hearsay.revokeConsent();
hearsay.hasConsent();
hearsay.destroy();                        // Clean up
```

## Related packages

- [`@hearsay/react`](https://www.npmjs.com/package/@hearsay/react) — React provider, hooks, and components

## Links

- [Dashboard](https://app.tryhearsay.com)
- [GitHub](https://github.com/tryhearsay/hearsay)

## License

MIT
npm package: @hearsay/react
Description: React hooks and components for Hearsay SDK
Latest version: 0.10.0

# @hearsay/react

React bindings for [Hearsay](https://tryhearsay.com) — drop-in component, provider, hooks, and UI components for AI-powered in-product feedback.

## Install

```bash
npm install @hearsay/react
```

`@hearsay/react` includes `@hearsay/core` as a dependency — no need to install it separately.

## Quick start — Hearsay component

The simplest way to add Hearsay to your React app:

```tsx
'use client'; // Required for Next.js App Router

import { Hearsay } from '@hearsay/react';

export default function HearsayWidget() {
  return (
    <Hearsay
      apiKey="hsk_pub_..."
    />
  );
}
```

The component handles init and cleanup automatically. All SDK configuration options are accepted as props. Config is read on initial mount; only `apiKey` changes trigger re-initialization.

## HearsayProvider

For programmatic control via hooks, wrap your app with `HearsayProvider`:

```tsx
import { HearsayProvider } from '@hearsay/react';

function App() {
  return (
    <HearsayProvider config={{
      apiKey: 'hsk_pub_...',
    }}>
      <YourApp />
    </HearsayProvider>
  );
}
```

### Hooks

```tsx
import { useHearsay, useIdentify, useHearsayEvent } from '@hearsay/react';

function FeedbackButton() {
  const hearsay = useHearsay();

  return (
    <button onClick={() => hearsay?.show({ question: 'How was checkout?' })}>
      Give feedback
    </button>
  );
}
```

### Event listening

```tsx
import { useHearsayEvent } from '@hearsay/react';

function Analytics() {
  useHearsayEvent((event) => {
    console.log('Hearsay event:', event.type);
  });

  return null;
}
```

## Exports

- `Hearsay` — Drop-in component (no useEffect needed)
- `HearsayProvider` — Context provider for hooks
- `useHearsay` — Access the SDK instance, or `null` before client hydration
- `useIdentify` — Identify the current user
- `useHearsayEvent` — Subscribe to SDK events
## Peer dependencies

- `react` >= 18

## Related packages

- [`@hearsay/core`](https://www.npmjs.com/package/@hearsay/core) — Main SDK

## Links

- [Dashboard](https://app.tryhearsay.com)
- [GitHub](https://github.com/tryhearsay/hearsay)

## License

MIT
npm package: @hearten/formable-react
Description: Dynamic and schemable react forms
Author: hearten/formable-react
Latest version: 0.0.1-alpha.1

# formable-react

> Dynamic and schemable react forms

[![NPM](https://img.shields.io/npm/v/formable-react.svg)](https://www.npmjs.com/package/formable-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save formable-react
```

## Usage

```tsx
import * as React from 'react'

import MyComponent from 'formable-react'

class Example extends React.Component {
  render () {
    return (
      <MyComponent />
    )
  }
}
```

## License

MIT © [hearten/formable-react](https://github.com/hearten/formable-react)
npm package: @heartfulnessinstitute/gatsby-plugin-hfn-profile
Description: Gatsby plugin for React-Redux with built-in server-side rendering support with Login and Profile APIs for MySRCM / Heartfulness Profile
Author: Sree Hari Nagaralu
Latest version: 0.6.32

# @heartfulnessinstitute/gatsby-plugin-hfn-profile

> A [Gatsby](https://github.com/gatsbyjs/gatsby) plugin for
> [react-redux](https://github.com/reduxjs/react-redux) with
> built-in server-side rendering support, mysrcm login and profile apis

## Install

`npm install --save @heartfulnessinstitute/gatsby-plugin-hfn-profile redux-firestore react-redux-firebase react-redux redux firebase react-firebaseui`

## How to use

`./src/state/rootReducer.js` // same path you provided in gatsby-config

```javascript
function reducer(state = initialState, action) {
  //...
  switch (action.type) {
    // case SET_A:
    //  return {...state, a: action.value}
    // ...
    default:
      return state
  }
}

export default reducer
```

`./gatsby-config.js`

```javascript
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-hfn-profile`,
      options: {
        // [required] - path to your rootReducer module
        pathToRootReducerModule: "./src/state/rootReducer",
        // [optional] - options passed to `serialize-javascript`
        // info: https://github.com/yahoo/serialize-javascript#options
        // will be merged with these defaults:
        serialize: {
          space: 0,
          // if `isJSON` is set to `false`, `eval` is used to deserialize redux state,
          // otherwise `JSON.parse` is used
          isJSON: true,
          unsafe: false,
          ignoreFunction: true,
        },
        // [optional] - if true will clean up after itself on the client, default:
        cleanupOnClient: true,
        // [optional] - name of key on `window` where serialized state will be stored, default:
        windowKey: "__PRELOADED_STATE__",
      },
    },
  ],
}
```

## License

MIT
npm package: @hearthstonejs/vanillatypes
Description: Hearthstone Card Types
Author: LunarTides
Latest version: 5.3.0

## Hearthstone Types
This is some types for a [Hearthstone Card API](https://hearthstonejson.com) that i use in [Hearthstone.js](https://github.com/LunarTides/Hearthstone.js).
This should be compatible with that api.

The npm package is [here](https://www.npmjs.com/package/@hearthstonejs/vanillatypes)
npm package: @heartlandone/banner-ui
Description: My Account Banner Components
Author: Janey.Ding
Latest version: 0.2.5

# My Account Components

### To install Banner UI, run the following command prompt in your terminal:
```
npm install @heartlandone/banner-ui
```

### Usage
Include the follwing lines in your file(s)

```
 <my-account-compagin access-token="token content" env="DEV|STAGE|PROD"></my-account-compagin>

  <my-account-notification access-token="token content" env="DEV|STAGE|PROD"></my-account-notification>
```