open-index/open-npm huggingface dataset:
npm package: @stable-spin/react
Description: A helper for displaying spinners
Author: Nils Haberkamp
Latest version: 1.1.1

# @stable-spin/react

A React hook to display spinners in user friendly way.

## Highlights

- Prevents the flickering of loading spinners
- Easy to use API

## Overview

Sometimes, network requests are too fast. The user clicks on a button, the loading spinner is visible for just 50-100ms, you've got a flickering loading spinner. This is a bad user experience.

To solve the issue we do not show the loading spinner if the request finishes in under 100ms. If the request takes longer than 100ms we display a spinner for at least 200ms. If we don't do that and the request finishes after 150ms, we'll have the flickering spinner again. That's why we show it for at least 200ms.

There already exist a popular [package for React](https://github.com/smeijer/spin-delay). But, I decided to create my own package, to support other frameworks like [Vue](https://www.github.com/haberkamp/stable-spin/tree/main/packages/vue), Svelte and Angular.

### Author

Hey, I'm Nils. In my spare time [I write about things](https://www.haberkamp.dev/) I learned or I create open source packages, that help me (and hopefully you) to build better apps.

## Usage

```ts
export function MyComponent() {
  const data = useState<MyData | undefined>(undefined);
  const [isLoading, setIsLoading] = useState(false);

  const showSpinner = useStableSpin(false);

  useEffect(() => {
    setIsLoading(true);

    fetch('https://my-endpoint.com')
        .then(res => res.json())
        .then(res => setData(res))
        .finally(() => setIsLoading(false))
  }, [])

  if (showSpinner) {
    return <Spinner />
  }

  return (
    // your template...
  );
}
```

## Installation

You can install the package just with your favorite package manager like: npm, yarn, or pnpm.

Using npm:

```bash
npm install @stable-spin/react
```

Using yarn:

```bash
yarn add @stable-spin/react
```

Using pnpm:

```bash
pnpm i @stable-spin/react
```

## Feedback and Contributing

I highly appreceate your feedback! Please create an [issue](https://github.com/Haberkamp/stable-spin/issues/new), if you've found any bugs or want to request a feature.
npm package: @stable-spin/vue
Description: A helper for displaying spinners
Author: Nils Haberkamp
Latest version: 1.0.2

# @stable-spin/vue

A Vue composable to display spinners in user friendly way.

## Highlights

- Prevents the flickering of loading spinners
- Works with React, Vue, Svelte and Angular
- Easy to use API

## Overview

Sometimes, network requests are too fast. The user clicks on a button, the loading spinner is visible for just 50-100ms, you've got a flickering loading spinner. This is a bad user experience.

To solve the issue we do not show the loading spinner if the request finishes in under 100ms. If the request takes longer than 100ms we display a spinner for at least 200ms. If we don't do that and the request finishes after 150ms, we'll have the flickering spinner again. That's why we show it for at least 200ms.

There are also other packages for [React](https://www.github.com/haberkamp/stable-spin/tree/main/packages/react), Svelte and Angular.

### Author

Hey, I'm Nils. In my spare time [I write about things](https://www.haberkamp.dev/) I learned or I create open source packages, that help me (and hopefully you) to build better apps.

## Usage

```vue
<template>
  <span v-if="showSpinner">Loading...</span>

  <div v-else>
    <!-- Your content -->
  </div>
</template>

<script setup lang="ts">
import { useStableSpin } from "@stable-spin/vue";

const isLoading = ref(false);
const showSpinner = useStableSpin(isLoading);

onMounted(() => {
  isLoading.value = true;

  fetch("https://my-endpoint.com")
    .then((res) => res.json())
    .then((res) => (isLoading.value = false));
});
</script>
```

## Installation

You can install the package just with your favorite package manager like: npm, yarn, or pnpm.

Using npm:

```bash
npm install @stable-spin/vue
```

Using yarn:

```bash
yarn add @stable-spin/vue
```

Using pnpm:

```bash
pnpm i @stable-spin/vue
```

## Feedback and Contributing

I highly appreceate your feedback! Please create an [issue](https://github.com/Haberkamp/stable-spin/issues/new), if you've found any bugs or want to request a feature.
npm package: @stablecoin.xyz/core
Description: Core TypeScript SDK for SBC Account Abstraction infrastructure
Author: Stable Coin Inc.
Latest version: 1.6.2

# @stablecoin.xyz/core

Core SDK for the SBC App Kit – Account Abstraction for gasless transactions, paymaster integration, and smart account management.

## Installation

```bash
npm install @stablecoin.xyz/core
# or
yarn add @stablecoin.xyz/core
# or
pnpm add @stablecoin.xyz/core
```

## Usage Example

```typescript
import { SbcAppKit } from '@stablecoin.xyz/core';
import { baseSepolia } from 'viem/chains';

const kit = new SbcAppKit({
  apiKey: 'your-api-key',
  chain: baseSepolia,
  wallet: 'auto',
});

// Connect wallet, get account info, send user operations, etc.
```

For full documentation and advanced usage, see the [main SBC App Kit README](https://github.com/stablecoinxyz/app-kit#readme).
npm package: @stablecoin.xyz/react
Description: React hooks and components for SBC Account Abstraction
Author: Stable Coin Inc.
Latest version: 0.6.1

# @stablecoin.xyz/react

React bindings for the SBC App Kit – Account Abstraction for gasless transactions, paymaster integration, and smart account management in React apps.

## Installation

```bash
npm install @stablecoin.xyz/react @stablecoin.xyz/core
# or
yarn add @stablecoin.xyz/react @stablecoin.xyz/core
# or
pnpm add @stablecoin.xyz/react @stablecoin.xyz/core
```

## Usage Example

```tsx
import { SbcProvider, WalletButton } from '@stablecoin.xyz/react';
import { baseSepolia } from 'viem/chains';

const config = {
  apiKey: 'your-api-key',
  chain: baseSepolia,
  wallet: 'auto',
};

<SbcProvider config={config}>
  <WalletButton>Connect Wallet</WalletButton>
</SbcProvider>
```

For full documentation and advanced usage, see the [main SBC App Kit README](https://github.com/stablecoinxyz/app-kit#readme).
npm package: @stablecoin/cli
Description: CLI for the Stablecoin Platform API
Author: Social Protocol Labs LLC
Latest version: 0.1.3

# @stablecoin/cli

Scriptable CLI for the Stablecoin API surface, including payments, wallets, apps, contracts, API keys, and compliance workflows.

## Install

```bash
npm install -g @stablecoin/cli
```

## Configure

```bash
stablecoin config set-key sk_live_...
stablecoin config set-env sandbox
```

## Common Workflows

```bash
# scaffold a new project
npx create-stablecoin-app my-app

# configure your key
stablecoin config set-key sk_live_...

# list your apps
stablecoin apps list --json

# generate + deploy a contract
stablecoin contracts launch --spec @spec.json

# check compliance queue
stablecoin compliance approvals list --my-queue

# create an API key
stablecoin api-keys create --name prod --tier professional
```

## Global Flags

- `--json` for piping into `jq` or scripts
- `--env sandbox|production` to override configured environment
- `--api-key <key>` for ephemeral or CI-driven auth

## Config Resolution

- Primary config path: `~/.stablecoin/config.json`
- Upgrade fallback: `~/.stablecoinroadmap/config.json`
- Environment variables override file config.

## Environment Variables

| Variable | Description |
| --- | --- |
| `STABLECOIN_API_KEY` | Bearer token for the SDK and CLI. Treat this like a secret. |
| `STABLECOIN_ENV` | Environment override for sandbox or production flows. |
| `STABLECOIN_BASE_URL` | Optional API base URL override for local or preview environments. |

## Public Docs

- [Developers](https://www.stablecoinroadmap.com/developers)
- [API Reference](https://www.stablecoinroadmap.com/docs/api-reference)
- [Authentication](https://www.stablecoinroadmap.com/docs/authentication)

## Security Notes

- Keep `STABLECOIN_API_KEY` out of source control and CI logs.
- Start in sandbox before using production credentials or live payment flows.
- Review generated contracts and deployment approvals before shipping to mainnet.
- Use least-privilege API keys and rotate them when team membership changes.
npm package: @stablecoin/sdk
Description: Node.js and browser SDK for the Stablecoin Platform API
Author: Social Protocol Labs LLC
Latest version: 0.1.2

# @stablecoin/sdk

TypeScript SDK for Stablecoin payments, wallets, apps, projects, API keys, and compliance workflows.

## Install

```bash
npm install @stablecoin/sdk
```

## Quickstart

```ts
import { Stablecoin } from "@stablecoin/sdk";

const client = new Stablecoin({
  apiKey: process.env.STABLECOIN_API_KEY,
});

const payment = await client.payments.create({
  amount: "1000.00",
  stablecoin: "USDC",
  toAddress: "0x742d35Cc6634C0532925a3b844Bc9e7595f2bD18",
  chain: "base",
  metadata: { orderId: "order_123" },
});

console.log(payment.id, payment.status);
```

## Available Resources

- `payments`
- `wallets`
- `balances`
- `apps`
- `projects`
- `apiKeys`
- `compliance`
- `agent`
- `agentPayments`

## Environment Variables

| Variable | Description |
| --- | --- |
| `STABLECOIN_API_KEY` | Bearer token for the SDK and CLI. Treat this like a secret. |
| `STABLECOIN_ENV` | Environment override for sandbox or production flows. |
| `STABLECOIN_BASE_URL` | Optional API base URL override for local or preview environments. |

## Example Endpoints

| Method | Path | Description |
| --- | --- | --- |
| `POST` | `/v1/payments` | Initiate a new payment |
| `POST` | `/v1/agent-payments/requests` | Submit a scoped agent payment request |
| `POST` | `/v1/agent-payments/execute` | Execute an approved scoped payment |
| `GET` | `/v1/payments/:id` | Retrieve payment details |
| `GET` | `/v1/wallets` | List treasury wallets |
| `GET` | `/v1/apps` | List your deployed apps |
| `POST` | `/v1/projects` | Create a stablecoin project |
| `POST` | `/v1/compliance/approvals` | Submit a deployment approval |

## Public Docs

- [Developers](https://www.stablecoinroadmap.com/developers)
- [API Reference](https://www.stablecoinroadmap.com/docs/api-reference)
- [Authentication](https://www.stablecoinroadmap.com/docs/authentication)

## Security Notes

- Keep `STABLECOIN_API_KEY` out of source control and CI logs.
- Start in sandbox before using production credentials or live payment flows.
- Review generated contracts and deployment approvals before shipping to mainnet.
- Use least-privilege API keys and rotate them when team membership changes.