open-index/open-npm huggingface dataset:
npm package: @super_studio/ecforce-nextra-theme-blog
Description: A Nextra theme for blogs.
Author: Shu Ding
Latest version: 0.1.0

# nextra-theme-blog

A blog site theme for [Nextra](https://github.com/shuding/nextra).

## Example

[site-icp9uk8zq.vercel.app](https://site-icp9uk8zq.vercel.app)
npm package: @super_studio/ecforce_ui_albers
Description: ecforce の design system `albers` のコンポーネントライブラリです。
Latest version: 5.8.0

# ecforce ui albers

ecforce の design system `albers` のコンポーネントライブラリです。

## インストール

```bash
npm install @super_studio/ecforce_ui_albers
```

```bash
yarn add @super_studio/ecforce_ui_albers
```

## セットアップ

### Tailwind v4 の場合

アプリのメインの CSS ファイルに以下を追記します。

```css
@import 'tailwindcss';
@import '@super_studio/ecforce_ui_albers/theme/theme.css';
@import '@super_studio/ecforce_ui_albers/theme/shadcn.css'; /* <- 任意 */
@import '@super_studio/ecforce_ui_albers/theme/react-datepicker.css';
@import '@super_studio/ecforce_ui_albers/theme/react-datepicker-overrides.css';

@source "../../node_modules/@super_studio/ecforce_ui_albers";
```

> [!NOTE]
> shadcn のプリセットを入れることで、テーマのエイリアスクラスを使用できるようになります。例えば、`bg-primary`、`text-muted-foreground` など。

### Tailwind v3 の場合

CSS をプロジェクトにインポートします。

```bash
@import '@super_studio/ecforce_ui_albers/index.css';
```

#### カラートークンを導入

`tailwind.config`に`colors`をインポートします。

```bash
import { colors } from "@super_studio/ecforce_ui_albers/theme/colors";
```

`theme`内に`colos`を追加して完了です。

```bash
const config: Config = {
  theme: {
    extend: {
      colors,
    }
  }
};
```

プロジェクト側で Tailwind CSS を導入し、Button コンポーネント等の背景色が反映されない場合は、プロジェクト側の `tailwind.config.js` に以下を追記してください。

```bash
module.exports = {
  corePlugins: {
    preflight: false,
  }
}
```

## 使い方

簡単な使用例になります。

```bash
import React from "react";
import { Button } from "@super_studio/ecforce_ui_albers";
// サブディレクトリからもimportできます。
// import { Button } from "@super_studio/ecforce_ui_albers/Button";

function App() {
  return (
    <Button size="medium" variant="primary">
      albers
    </Button>
  );
}
```

> Server Components 内で使用する場合は以下のようにサブディレクトリからコンポーネントをインポートしてください。

```bash
import { Button } from "@super_studio/ecforce_ui_albers/Button";
```

以下コンポーネントはイベントハンドラ等の関数 props が実運用上必要なため、Server Components 内では使用できません。Client Components 内でご利用ください。

- BlockPicker
- DatePicker
- Dialog
- DropdownContent
- DropZone
- FlashMessage
- Modal
- Notification
- Pagination
- SearchField
- SearchSelect
- SegmentedControl
- Tab
- TableSortLabel

## 追加の任意設定

### Barrel インポートのサジェストを防ぐ

vscode の json 設定に追加してください。

```jsonc
{
  // ...
  "typescript.preferences.autoImportSpecifierExcludeRegexes": [
    // 子フォルダーからのインポートがサジェストされるように
    "^@super_studio/ecforce_ui_albers$"
  ]
}
```

### Barrel インポートを linter エラーにする

eslint の設定に以下を追加してください。

```js
{
  // ...
  "no-restricted-imports": [
    "error",
    {
      name: "@super_studio/ecforce_ui_albers",
      message:
        '個別のフォルダーからインポートしてください。e.g. `"@super_studio/ecforce_ui_albers/TextLink"`',
    },
  ],
}
```

## ライセンス

albers は MIT ライセンスで公開されています。
npm package: @superabdo/super-toolkit
Description: A collection of advanced React hooks and utilities for building modern web apps.
Author: Super
Latest version: 1.0.0

# 🧠 super-set

A modern, lightweight **React tools library** that includes powerful **hooks** and **utility functions** designed to make your development faster, cleaner, and smarter.

Built with ❤️ using TypeScript.

---

## 🚀 Features

- 🪝 **Reusable React Hooks** — debouncing, throttling, media queries, click outside, previous state tracking, etc.  
- ⚡ **Utility Helpers** — server/client safe debounce and throttle functions.  
- 🧩 **TypeScript Support** — full type definitions out of the box.  
- 💎 **SSR Compatible** — safely handles client/server environments (Next.js friendly).  
- 🔍 **Lightweight & Tree-shakable** — optimized builds with no runtime dependencies.

---

## 📦 Installation

```bash
npm install super-set
# or
yarn add super-set
# or
pnpm add super-set
npm package: @superadvisor/bus-sqs
Description: An AWS SQS transport adapter for @node-ts/bus-core.
Latest version: 1.0.19-sa.6

# @superadvisor/bus-sqs

A fork of [`@node-ts/bus-sqs`](https://github.com/node-ts/bus) which utilizes AWS SDK v3 with additional conveniences.

An Amazon SQS transport adapter for [@node-ts/bus](https://bus.node-ts.com)

🔥 View our docs at [https://bus.node-ts.com](https://bus.node-ts.com) 🔥

🤔 Have a question? [Join our Discord](https://discord.gg/Gg7v4xt82X) 🤔

## Installation

Install packages and their dependencies

```bash
npm i @node-ts/bus-sqs @node-ts/bus-core
```

Once installed, configure Bus to use this transport during initialization:

```typescript
import { Bus } from '@node-ts/bus-core'
import { SqsTransport, SqsTransportConfiguration } from '@node-ts/bus-sqs'

const sqsConfiguration: SqsTransportConfiguration = {
  awsRegion: process.env.AWS_REGION,
  awsAccountId: process.env.AWS_ACCOUNT_ID,
  queueName: `my-service`,
  deadLetterQueueName: `my-service-dead-letter`
}
const sqsTransport = new SqsTransport(sqsConfiguration)

// Configure Bus to use SQS as a transport
const run = async () => {
  await Bus
    .configure()
    .withTransport(sqsTransport)
    .initialize()
}
run.catch(console.error)
```

## Development

Local development can be done with the aid of docker to run the required infrastructure. To do so, run:

```bash
docker run -e SERVICES=sqs,sns -e DEFAULT_REGION=us-east-1 -p 4566-4583:4566-4583 localstack/localstack
```
This will create a localstack instance running and exposing a mock sqs/sns that's compatible with the AWS-SDK. This same environment is used when running integration tests for the `SqsTransport`.