open-index/open-npm huggingface dataset:
npm package: @guahanweb/hapi-jwt-plugin
Description: Hapi Plugin to enable JWT authorization
Author: Garth Henson
Latest version: 0.0.2

# JWT Plugin for Hapi
[![Build Status](https://travis-ci.org/guahanweb/hapi-jwt-plugin.svg?branch=master)](https://travis-ci.org/guahanweb/hapi-jwt-plugin)

[JSON Web Tokens](https://jwt.io/) provide an RFC compliant way to propogate data through requests.
This plugin leverages Hapi's authorization model and creates a customizable way to validate inbound
authorization headers using JWT.

## Usage
Install and save your dependency:

```sh
$ npm i -S @guahanweb/hapi-jwt-plugin
```

The easiest way to leverage validation is to use the included authorization scheme in your routes:

```javascript
const Hapi = require('hapi');
const server = new Hapi.Server();

server.connection({ port: 3000 });
server.register({
  register: require('@guahanweb/hapi-jwt-plugin'),
  options: {
    secret: 'my app secret',
    typ: 'jwt',
    alg: 'sha256'
  }
}, err => {
  if (err) {
    console.error(err);
    process.exit(1);
  }

  server.route({
    method: 'GET',
    path: '/auth',
    config: {
      auth: 'jwt',
      handler: function (request, reply) {
        reply('ok');
      }
    }
  });

  server.start();
});
```
npm package: @guahanweb/marvel-api
Description: Node.js client to interact with the Marvel Developer API: https://developer.marvel.com
Author: Garth Henson
Latest version: 0.0.4

# Marvel API Node Cient

| Data provided by Marvel. © 2014 Marvel

First of all, I want to thank [Marvel](https://marvel.com) for providing a fantastic [Developer API](https://developer.marvel.com) to expose their rich data sets for us. This project is an attempt to make this API more accessible to those accessing it via [Node.js](https://nodejs.org) while helping the applications operate within the guidelines of the API.

### Features

* **ETag Support:** fully cached response keyed by URL+params replayed on 304 status codes.
* **Export/Import Cache:** allows application to perisist cache as desired
* **Readable API:** logical method signature follows the endpoint pattern

## Installation

Install this module via your package manager.

```sh
# via npm
$ npm install --save @guahanweb/node-marvel-api

# via yarn
$ yarn add @guahanweb/node-marvel-api

```

## Usage

In order to use this, you must configure a Developer account on the [Marvel API](https://developer.marvel.com) website. Once you have generated an access key pair, you will need to use them to initialize the API client.

```javascript
// Initialize your client with your tokens
const Marvel = require('@guahanweb/marvel-api').init({
	public_key: PUBLIC_KEY,
	private_key: PRIVATE_KEY
});
```

Once initialized, the client may be used to retrieve data:

```javascript
// Retrieve list of Characters
//   Endpoint: /characters
Marvel.characters().execute()
	.then(handleResults)
	.catch(console.error);
	
// Retrieve a single character's creators
//   Endpoint: /characters/{characterId}/creators
Marvel.characters(characterId).creators()
	.execute()
	.then(handleResults)
	.catch(console.error);
```

### Query Object

When specifying your query, a query object is returned that can be used to chain subsequent requests. It is the `execute()` method on the Query object that returns a promise that will be resolved with the Response from the API.

If you want to paginate through all the results of a particular query, you might want to use the `.next` iterator on the Query.

```javascript
let query = Marvel.comics({ dateDescriptor: 'thisMonth' });
query.execute().then(handlePage);

function handlePage(res) {
	console.log(`Processing ${res.data.count}/${res.data.total} results`);
	query = query.next;
	if (query !== null) {
		query.execute().then(handlePage);
	} else {
		console.log('done');
	}
}
```

This code will output something like this:

```
Processing 20/142 results
Processing 20/142 results
Processing 20/142 results
Processing 20/142 results
Processing 20/142 results
Processing 20/142 results
Processing 20/142 results
Processing 2/142 results
done
```
npm package: @guahanweb/react-config
Description: React component library to easily bootstrap async configs into your app
Author: Garth Henson
Latest version: 0.1.0

# react-config

### Introduction

`react-config` is intended to provide an easy way to bootstrap async data
into your React application and make it available to any other components.
Current features include:

* Cusomizable `ConfigLoader` component
* Sink for `ConfigLoader` to connect to your Redux state
* Connector to provide loaded configs to any components

## Quick Start

### Install

```
npm install @guahanweb/react-config -D
```

### Import and Configure

```javascript
import { ConfigLoader } from '@guahanweb/react-config';
const config_url = 'https://my.domain.com/configs';

const App = () => (
  <ConfigLoader uri={config_url}>
    {
      config => (<pre className="configs">{JSON.stringify(config, null, 2)}</pre>)
    }
  </ConfigLoader>
);

render(<App />, document.getElementById('root'));
```
npm package: @guaigaihu/common-ng-ui-liandi
Description: Angular 17 で開発された再利用可能な UI コンポーネントライブラリ
Author: guaigaihu
Latest version: 0.0.8

# Common UI コンポーネントライブラリ

Angular 17 で開発された再利用可能な UI コンポーネントライブラリです。

## 特徴

- 📦 すぐに使える Angular コンポーネント
- 🎨 モダンなデザインスタイル
- 🛠 カスタマイズ可能なテーマ
- 📱 レスポンシブデザイン

## インストール

```bash
npm install @guaigaihu/common-ng-ui-liandi
```

## クイックスタート

1. `app.module.ts` または独立コンポーネントで必要なコンポーネントをインポート：

```typescript
import { InputComponent, CheckboxComponent } from '@guaigaihu/common-ng-ui-liandi';

@Component({
  // ...
  imports: [InputComponent, CheckboxComponent]
})
```

2. テンプレートで使用：

```html
<!-- 入力フィールドコンポーネント -->
<lib-input
  label="ユーザー名"
  [(value)]="username"
  placeholder="ユーザー名を入力してください"
></lib-input>

<!-- チェックボックスコンポーネント -->
<lib-checkbox
  label="記憶する"
  [(checked)]="rememberMe"
></lib-checkbox>
```

## コンポーネントドキュメント

### InputComponent 入力フィールドコンポーネント

ラベル付きの入力フィールドコンポーネントで、双方向バインディングをサポートします。

#### プロパティ

| プロパティ名 | 型 | デフォルト値 | 説明 |
|------------|-----|-------------|------|
| label | string | '' | 入力フィールドのラベル |
| value | string | '' | 入力フィールドの値 |
| placeholder | string | '' | プレースホルダーテキスト |
| type | string | 'text' | 入力フィールドのタイプ |
| id | string | '' | 入力フィールドのID |

#### イベント

| イベント名 | パラメータ型 | 説明 |
|-----------|-------------|------|
| valueChange | string | 値が変更された時に発火 |
| blur | FocusEvent | フォーカスが外れた時に発火 |

### CheckboxComponent チェックボックスコンポーネント

カスタムスタイルのチェックボックスコンポーネントです。

#### プロパティ

| プロパティ名 | 型 | デフォルト値 | 説明 |
|------------|-----|-------------|------|
| label | string | '' | チェックボックスのラベル |
| checked | boolean | false | チェック状態 |
| id | string | '' | チェックボックスのID |

#### イベント

| イベント名 | パラメータ型 | 説明 |
|-----------|-------------|------|
| checkedChange | boolean | チェック状態が変更された時に発火 |

## スタイルカスタマイズ

コンポーネントは SCSS 変数でテーマをカスタマイズできます：

```scss
// カスタムテーマカラー
$primary-color: #3B82F6;     // メインカラー
$border-color: #E5E7EB;      // ボーダーカラー
$hover-color: #D1D5DB;       // ホバーカラー
$text-color: #374151;        // テキストカラー
```

## ローカル開発

1. プロジェクトをクローン
```bash
git clone https://github.com/guaigaihu/common-ng-ui-liandi.git
```

2. 依存関係のインストール
```bash
npm install
```

3. ライブラリのビルド
```bash
npm run build:lib
```

## ブラウザサポート

- Chrome (最新版)
- Firefox (最新版)
- Safari (最新版)
- Edge (最新版)

## コントリビューションガイド

1. リポジトリをフォーク
2. フィーチャーブランチを作成 (`git checkout -b feature/AmazingFeature`)
3. 変更をコミット (`git commit -m 'Add some AmazingFeature'`)
4. ブランチにプッシュ (`git push origin feature/AmazingFeature`)
5. プルリクエストを作成

## ライセンス

MIT License