open-index/open-npm huggingface dataset:
npm package: @happygloss/through2
Description: **Installation**
Latest version: 1.5.2

# through2-simplified

**Installation**

```
yarn add @happygloss/through2
```

**Usage**

```
import Through2, {BufferEncoding } from '@happygloss/through2'
import { TransformCallback } from 'stream'

// unknown is a type-safe variant of any, provide the this context as a type param.
function transform(this: Through2, chunk: unknown, enc: BufferEncoding, callback: TransformCallback) {
  const updated = chunk.toString() + '!'
  this.push(updated)
  callback()
}

const through2 = new Through2(transform)
```

**Development**

We use `Readable` and `Transform` streams when testing the code, we don't rely on other modules such as spigot, from, concat when testing. To test the code, use:

```
yarn test
```

To run tests with coverage:

```
yarn cover
```
npm package: @happyhacking/sign
Description: A s3 and oss sign
Author: Timothy
Latest version: 1.0.1

# sign

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Yet another Signature for S3 and OSS

## Installation

```
yarn add @happyhacking/sign
```

## Usage

```
import HackingSign from '@happyhacking/sign'

const options = {
  accessKeyId: '6MKOqxGiGU4AUk44',
  accessKeySecret: 'ufu7nS8kS59awNihtjSonMETLI0KLy',
  directory: 'demo/',
}

const oss = new HackingSign(options)

const key = 'z54AY7Jzpp.gif'
const signed = oss.sign('z54AY7Jzpp.gif')

const data = new FormData();
data.append('OSSAccessKeyId', signed.accessKeyId);
data.append('key', signed.key);
data.append('policy', signed.policy);
data.append('signature', signed.signature);
data.append('success_action_status', '201');
data.append('file', FILE);

...PUT YOUR HTTP REQUEST LOGICAL CODE HERE
```

[build-badge]: https://img.shields.io/travis/ygmpkk/hacking_sign/master.png?style=flat-square
[build]: https://travis-ci.org/ygmpkk/hacking_sign

[npm-badge]: https://img.shields.io/npm/v/@happyhacking/sign.png?style=flat-square
[npm]: https://www.npmjs.org/package/@happyhacking/sign

[coveralls-badge]: https://img.shields.io/coveralls/ygmpkk/hacking_sign/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/ygmpkk/hacking_sign
npm package: @happyhackingspace/banner
Description: React component for adding a Happy Hacking Space banner to your site
Author: lachlanjc
Latest version: 0.0.2

# `@happyhackingspace/banner`

> React component for adding a [Happy Hacking Space](https://happyhacking.space) banner to your club site

[![npm](https://img.shields.io/npm/v/@happyhackingspace/banner.svg)](https://www.npmjs.com/package/@happyhackingspace/banner) [![Build Status](https://travis-ci.org/happyhackingspace/banner.svg?branch=master)](https://travis-ci.org/hackclub/banner)

## Install

Use npm or yarn as follows:

```bash
npm install --save @happyhackingspace/banner
yarn add @happyhackingspace/banner
```

## Usage

Place `<Banner />` anywhere on your site homepage.

```jsx
import React from 'react'
import Banner from '@happyhackingspace/banner'

export default () => (
  <main>
    <Banner />
    <h1>Hacking High School Happy Hacking Space</h1>
  </main>
)
```

### Custom props

```jsx
<Banner year={2020} style={{ width: '256px' }} />
```

<table>
  <tr>
    <th>Prop</th>
    <th>Effect</th>
  </tr>
  <tr>
    <td><code>year</code></td>
    <td>Number, one of <code>2016</code> to <code>2024</code>. Default: current year</td>
  </tr>
  <tr>
    <td><code>style</code></td>
    <td>Object, for custom styles</td>
  </tr>
</table>

## License

MIT © [Hack Club](https://hackclub.com)
npm package: @happyhackingspace/markdown
Description: Render Markdown to HTML, Happy Hacking Space-style
Author: Lachlan Campbell
Latest version: 0.0.1

# `@hackclub/markdown`

Render Markdown to HTML, Hack Club-style. Used primarily on the [Hack Club Workshops](https://hackclub.com/workshops/) site.

```sh
yarn add @hackclub/markdown
# npm i @hackclub/markdown
```

[**Try the demo**](https://markdown.hackclub.com)

## Usage

This package does not include any frontend code, such as React or CSS.

This package is designed for rendering at build or otherwise on a server, not client-side—
the bundle size is significant & it’s not been optimized for performance.

Always use with `await`.

```js
import fs from 'fs'
import md from '@hackclub/markdown'

const getReadme = async () => (
  const text = fs.readFileSync('./README.md', 'utf8')
  return await md(text, '/README.md', '/static')
)
```

| Param       | Default        | Description                                                     |
| ----------- | -------------- | --------------------------------------------------------------- |
| input       | Req’d!         | String. The Markdown text to transform.                         |
| filePath    | `'/README.md'` | String. The Markdown’s path (for fixing relative image links).  |
| imagePrefix | `'/'`          | String. A prefix for the path to relative images.               |
| removeTitle | `false`        | Bool. Remove starting `h1` (if titles are rendered separately). |

If you need to parse frontmatter, we recommend using [gray-matter](https://npm.im/gray-matter)
alongside `@hackclub/markdown`, but it’s not included in this package.

***

Partially based on the [Next.js documentation site](https://github.com/zeit/next-site/pull/473/files#diff-879732a0915babd1688248ad1144c2d4).

MIT License
npm package: @happyhackingspace/meta
Description: Generate meta tags for Happy Hacking Space pages
Latest version: 0.0.3

# @happyhackingspace/meta

React component for generating Open Graph/etc meta tags for Happy Hacking Space pages.
Designed for Next.js but framework-agnostic.

Not recommended for non-Happy Hacking Space sites—you’ll get Happy Hacking Space favicons :)

## Usage

```bash
yarn add @happyhackingspace/meta
# npm i @happyhackingspace/meta
```

Example for [hackathons.happyhacking.space](https://hackathons.happyhacking.space):

```js
// import Head from 'next/head'

<Meta
  as={Head} // component to wrap tags in, defaults to React.Fragment
  name="Happy Hacking Space" // site name
  title="Hackathons" // page title
  description="List of upcoming high school hackathons" // page description
  image="https://hackathons.happyhacking.space/card.png" // large summary image URL
  color="#ec3750" // theme color
  manifest="/site.webmanifest" // link to site manifest
/>
```

All props are optional. If you include multiple times, the tags from the last
instance will be used.

MIT License
npm package: @happyhackingspace/theme
Description: Happy Hacking Space’s theme for Theme UI websites
Author: Lachlan Campbell
Latest version: 0.0.2

# @hackclub/theme

[Theme UI](https://theme-ui.com) theme for [Hack Club](https://hackclub.com)

```bash
yarn add @hackclub/theme
# npm i @hackclub/theme
```

Check out theme: [**theme.hackclub.com**](https://theme.hackclub.com)

## Usage

```js
import { ThemeProvider } from 'theme-ui'
import theme from '@hackclub/theme'

export default ({ children }) => (
  <ThemeProvider theme={theme}>{children}</ThemeProvider>
)
```

### Fonts

This package also bundles 3 CSS files that include Hack Club’s webfonts:
`reg.css`, `reg-bold.css`, & `reg-ital-bold.css`.
To use, just import straight from the package:

```js
import '@hackclub/theme/fonts/reg-bold.css'
```

(In a Next.js project, [place](https://nextjs.org/docs/basic-features/built-in-css-support) in the `pages/_app.js` file.)

MIT License
npm package: @happyhyep/reacture
Description: React + Vite + Tailwind + ESLint + Prettier template
Author: happyhyep
Latest version: 1.0.6

# 🧩 @happyhyep/reacture

[🇰🇷 한국어](#-한국어-ver) | [🇺🇸 English](#-english-ver)

---

## 🇺🇸 English ver

A fully-configured starter template for React projects with TypeScript, Vite, TailwindCSS, ESLint, and Prettier.

> Stop copying boilerplate. Start building faster with a single command.

---

### ✨ Features

- ✅ Vite-powered fast dev server
- ✅ TailwindCSS preconfigured
- ✅ ESLint + Prettier ready
- ✅ TypeScript + path aliases
- ✅ Folder structure and naming conventions enforced by ESLint
- ✅ Husky + lint-staged for safe commits
- ✅ Default `.vscode/settings.json` for team consistency

---

### ⚙️ Getting Started

#### 🔧 Requirements

- Node.js >= 18.12.0
- pnpm >= 10

#### 🚀 Create your project

```bash
mkdir my-app
cd my-app
npx @happyhyep/reacture
pnpm install
pnpm dev
```

pnpm not installed? Install it [here](https://pnpm.io/installation)

#### 📝 Optional: Change project name

After installation, you can change the project name in `package.json`:

```json
{
  "name": "your-project-name"
}
```

---

#### 🧱 Folder Structure

```
my-app/
├── src/
│   ├── features/
│   ├── pages/
│   ├── shared/
│   └── App.tsx
├── .husky/
├── .vscode/
├── .prettierrc
├── eslint.config.js
├── tailwind.config.js
├── tsconfig.json
├── postcss.config.ts
└── vite.config.ts
```

---

#### 📦 Installed DevDependencies

```
pnpm
vite
typescript
eslint
prettier
tailwindcss
husky
lint-staged
@vitejs/plugin-react
vite-tsconfig-paths
eslint-plugin-project-structure
```

---

#### 🧑‍💻 Contributing

This template is open source!
Feel free to suggest improvements or submit a PR.

---

#### 🪪 License

MIT © 2025 happyhyep

---

## 🇰🇷 한국어 ver

React 프로젝트를 시작할 때마다 반복되는 설정 작업, 더는 필요 없습니다.
이 템플릿은 Vite, TypeScript, TailwindCSS, ESLint, Prettier가 완벽히 사전 구성되어 있어 단 한 줄 명령어로 프로젝트 세팅이 완료됩니다.

----

### ✨ 주요 기능

- ✅ Vite 기반 빠른 개발 환경
- ✅ TailwindCSS 사전 구성
- ✅ ESLint + Prettier 통합
- ✅ TypeScript + 경로 별칭(tsconfig.paths)
- ✅ ESLint 기반 폴더 구조 & 네이밍 컨벤션 검사
- ✅ 커밋 전 자동 검사(Husky + Lint-staged)
- ✅ .vscode/settings.json 기본 설정 포함

---

### ⚙️ 설치 방법

**사전 조건**
- Node.js 18.12 이상
- pnpm 10 이상

**설치 명령어**

```bash
mkdir my-app
cd my-app
npx @happyhyep/reacture
pnpm install
pnpm dev
```

pnpm이 없다면 [설치 링크](https://pnpm.io/installation)를 참고하세요.

#### 📝 선택사항: 프로젝트 이름 변경

설치 후 `package.json`에서 프로젝트 이름을 변경할 수 있습니다:

```json
{
  "name": "your-project-name"
}
```

---

### 🧱 템플릿 폴더 구조

```bash
my-app/
├── src/
│   ├── features/
│   ├── pages/
│   ├── shared/
│   └── App.tsx
├── .husky/
├── .vscode/
├── .prettierrc
├── eslint.config.js
├── tailwind.config.js
├── tsconfig.json
├── postcss.config.ts
└── vite.config.ts
```

----

### 📦 함께 설치되는 개발 도구
```
pnpm
vite
typescript
eslint
prettier
tailwindcss
husky
lint-staged
@vitejs/plugin-react
vite-tsconfig-paths
eslint-plugin-project-structure
```

----

### 🤝 기여 안내

오픈소스 프로젝트로 누구나 자유롭게 PR 및 피드백을 줄 수 있습니다.
더 좋은 개발 경험을 위해 함께 만들어나가요!

----

### 🪪 라이선스

MIT © 2025 happyhyep
npm package: @happyinc/nodefetch
Description: ```bash     npm i  ```
Author: Tobias
Latest version: 0.2.0

# NodeJS fetch

![Version](https://img.shields.io/npm/v/@happyinc/nodefetch)
![Size](https://img.shields.io/bundlephobia/min/@happyinc/nodefetch)
![License](https://img.shields.io/npm/l/@happyinc/nodefetch)

> Fetch Wrapper that can Fetch Promises in varius ways like brower, XMLHttpRequest or NodeJS

##### Includes methods: Post, Get, Delete, Put

---

### Install 

1. ```bash
    npm i @happyinc/nodefetch
    ```
2.  Locate the YOUR-FILE.js folder.

3.    In the nodeFetch function shown below, place the              address you want to Fetch.

---

### How to use

1. Write this in **YOUR-FILE.js**
    ```js
    if(typeof exports === "object") {
        var myFetch = require("@happyinc/nodefetch");
    }

    myFetch.init({
        address: "https://reqres.in/api/users?page=2",
        key: "1234"
    });

    myFetch.get("1").then(result => console.log(result))

    ```

2. Write the address which you want to fetch from. (In this example the address is: https://reqres.in/api/users?page=2 )

3. After **myFetch.** you can choose rather you want to get, put, post or del(delete). (In this example we use get)

4. In the parantheses after get, you write what you want to get.

5. In the console, write **node** & **YOUR-FILE.js**
---
npm package: @happyiterating/slate
Description: A completely customizable framework for building rich text editors.
Latest version: 0.28.2


This package contains the core logic of Slate. It's separated further into a series of directories:

- [**Changes**](./src/changes) — containing the changes that are used to alter a Slate document.
- [**Constants**](./src/constants) — containing constants that are used in Slate's codebase.
- [**Models**](./src/models) — containing the models that define Slate's data structure.
- [**Operations**](./src/operations) — containing the low-level operations that create Slate changes.
- [**Schemas**](./src/schemas) - containing the core schema that ships with Slate by default.
- [**Utils**](./src/utils) — containing a few private convenience modules.

Feel free to poke around in each of them to learn more!
npm package: @happyiterating/slate-react
Description: A set of React components for building completely customizable rich-text editors.
Latest version: 0.8.2


This package contains the React-specific logic for Slate. It's separated further into a series of directories:

- [**Components**](./src/components) — containing the React components for rendering Slate editors.
- [**Constants**](./src/constants) — containing a few private constants modules.
- [**Plugins**](./src/plugins) — containing the React-specific plugins for Slate editors.
- [**Utils**](./src/utils) — containing a few private convenience modules.

Feel free to poke around in each of them to learn more!
npm package: @happyjayxin/ubutton
Description: My simple Button.
Latest version: 0.3.0

# U-Button

Vue button with simple style.

## Demo

[U-Button](https://happyjayxin.github.io/UButton/)

## Install

NPM

```
npm install @happyjayxin/ubutton
```

CDN

```html
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/npm/@happyjayxin/ubutton@0.3.0/dist/u-button.css"
/>
<script src="https://cdn.jsdelivr.net/npm/@happyjayxin/ubutton"></script>
```

Global install as a vue plugin

```js
import Vue from 'vue';
import UButton from '@happyjayxin/ubutton';
import '@happyjayxin/ubutton/dist/u-button.css';
Vue.use(UButton);
```

```js
// You can set default global options.
Vue.use(UButton, {
  theme: '#f00', // Button theme
  outline: true,
  round: '1'
});
```

Or import UButton as a local component

```html
<script type="text/ecmascript-6">
  import { UButton } from "@happyjayxin/ubutton";
  import "@happyjayxin/ubutton/dist/u-button.css";

  export default {
    components: { UButton }
  };
</script>
```

## Usage

```html
<template>
  <div id="app">
    <u-button @click="sayHello" theme="#079992">Hello u-button</u-button>
  </div>
</template>

<script>
  export default {
    name: 'app',
    methods: {
      sayHello() {
        alert('Hello');
      }
    }
  };
</script>
```

[See more Example Code](https://github.com/HappyJayXin/UButton/blob/master/src/App.vue)

## Using with Nuxt

Create the file `~/plugins/vue-u-button`

```js
import Vue from 'vue';
import UButton from '@happyjayxin/ubutton';
import '@happyjayxin/ubutton/dist/u-button.css';
Vue.use(UButton);
```

Then add the file path inside the plugins key of our `nuxt.config.js`

```js
export default {
  plugins: ['~/plugins/vue-u-button']
};
```

## Attributes

Props

| 屬性     | 說明                                         | 類型    | 預設   |
| -------- | -------------------------------------------- | ------- | ------ |
| disabled | 禁用按鈕。                                   | Boolean | false  |
| theme    | 客製按鈕主題色，參數必須為 Hex 十六進位。    | String  | #000   |
| href     | 跳頁選項。                                   | String  | -      |
| target   | 打開連結方式，和 HTML a 標籤的 target 相同。 | String  | \_self |
| loading  | 按鈕進入載入中狀態。                         | Boolean | false  |
| round    | 按鈕邊框圓角，可選值為 `0`、`1`、`2`、`3`。  | String  | '0'    |
| outline  | 改變按鈕樣式為外框按鈕                       | Boolean | false  |

Event

| 名稱  | 說明     | 回傳 |
| ----- | -------- | ---- |
| click | 點擊事件 | -    |

## License

This software is licensed under the [MIT](https://github.com/HappyJayXin/UButton/blob/master/LICENSE).