open-index/open-npm huggingface dataset:
npm package: @ma9pie/lite-ui
Description: React UI library
Author: ma9pie
Latest version: 1.0.0

#  Lite UI
Simple, fast and modern React UI library. [npm](https://www.npmjs.com/package/@ma9pie/lite-ui)

[npm-url]: https://www.npmjs.com/package/@ma9pie/lite-ui
[license-image]: https://img.shields.io/badge/license-MIT-red.svg
[npm-version-image]: https://img.shields.io/npm/v/@ma9pie/lite-ui.svg
[npm-downloads-image]: https://img.shields.io/npm/dt/@ma9pie/lite-ui.svg

[![license-image]][npm-url] [![npm-version-image]][npm-url] [![npm-downloads-image]][npm-url]

### 📄 Documentation
Visit [https://liteui-web.vercel.app](https://liteui-web.vercel.app) to view the full documentation.

### 📦 Installation
```bash
npm i @ma9pie/lite-ui
```

### 👨‍💻 Usage
```javascript
import { Button } from '@ma9pie/lite-ui';
import React from 'react';

const Component = () => {
  return (
    <div>
      <Button color="primary">Button</Button>
    </div>
  );
};

export default Component;
```

### 🤝 Contributing 
Thank you for your interest in the Lite UI project. Your contributions are always welcome.

### 📜 License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @ma_tkuchne/sc5-utilities
Description: Komponenty i serwisy współdzielone między mikrousługami
Author: Media Ambassador
Latest version: 0.0.19

# Sc5User

### Wymagania

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en/) `>=v8.x.x`
- [ESLint](http://eslint.org/)

### Instalacja

Pobranie repozytorium: 

```bash
git clone git@bitbucket.org:amba_rnd/sc5-user-front.git
```
```bash
cd sc5-user-front
```

Instalacja zależności:

```bash
npm install
```

### Zmienne środowiskowe (konfiguracyjne)

Znajdują się w katalogu ***./src/environments***

W katalogu powinny się znajdować dwa pliki:
- Zmienne dla wersji DEV: `environment.ts`
- Zmienne dla wersji PROD: `environment.prod.ts`

Przykładowa konfiguracja dla DEV:
```javascript
export const environment = {
  production: false,
  apiGraphQL: 'http://develop.tkuchne.starcommerce.io/user',
  passwordMaxAge: 90 * 24 * 60 * 60, // 90 days
  tokenKeyName: 'x-jwt-token',
  identityKeyName: 'sc5-user-identity'
};
```

Przykładowa konfiguracja dla PROD:
```javascript
export const environment = {
  production: true,
  apiGraphQL: 'http://develop.tkuchne.starcommerce.io/user',
  passwordMaxAge: 7776000,
  tokenKeyName: 'x-jwt-token',
  identityKeyName: 'sc5-user-identity'
};
```
### Generowanie pliku konfiguracyjnego

Istnieje możliwośc automatycznego generowania pliku konfiguracyjnego.

```bash
node generate-env.js
```

Polecenie wygenruje plik `environment.ts` z domyślnymi wartościami. Jeśli chcemy nadpisać jedną z wartości wystarczy podać odpowiedni parametr.
Polecenie z wszystkimi dostepnymi parametrami:

```bash
node generate-env.js env=prod prod=true api=http://develop.tkuchne.starcommerce.io/user passAge=7776000 tokenKeyName=x-jwt-token identityKeyName=sc5-user-identity
```

### Praca z projektem

Projekt budowany jest z wykorzystaniem Angular CLI. 
Nie polecam instalować tego narzędzia globalnie, ponieważ w poszczególnych projektach może być różna wersja CLI przez co mogą pojawić się problemy z budowaniem projektu.

### Lokalnie

Uruchomienie projektu: `node_modules/.bin/ng serve -o` <br>
Odpalenie testów jednostkowych: `node_modules/.bin/ng test` <br>
Odpalenie testów e2e: `node_modules/.bin/ng e2e`

### Wersja BETA

Aby odpalić wersję beta musi istnieć plik ***./src/environments/environment.ts*** !

Budowa projektu: `./node_modules/.bin/ng build --prod --env dev --base-href /user/` <br>
Odpalenie testów jednostkowych: `node_modules/.bin/ng test --single-run` <br>
Odpalenie testów e2e: `node_modules/.bin/ng e2e`

### Wersja PROD

Aby odpalić wersję produkcyjną musi istnieć plik ***./src/environments/environment.prod.ts*** !

Budowa projektu: `node_modules/.bin/ng build --prod --base-href /user/` <br>
Odpalenie testów jednostkowych: `node_modules/.bin/ng test --single-run` <br>
Odpalenie testów e2e: `node_modules/.bin/ng e2e`
npm package: @maa/monkey-cli
Description: Save a lot of time by generating services, components, tests for Monkey Boilerplate projects
Latest version: 1.1.3

# @monkey/monkey-cli

Save a lot of time by generating services, components, tests for Monkey Boilerplate projects

[![Maintainability](https://api.codeclimate.com/v1/badges/2c2209c30b0d428bab96/maintainability)](https://codeclimate.com/github/monkey/monkey-cli/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/2c2209c30b0d428bab96/test_coverage)](https://codeclimate.com/github/monkey/monkey-cli/test_coverage)
[![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
[![Version](https://img.shields.io/npm/v/@maa/monkey-cli.svg)](https://npmjs.org/package/@maa/monkey-cli)
[![Downloads/month](https://img.shields.io/npm/dm/@maa/monkey-cli.svg)](https://npmjs.org/package/@maa/monkey-cli)
[![License](https://img.shields.io/npm/l/@maa/monkey-cli.svg)](https://github.com/Monkey/monkey-cli/blob/master/package.json)

<!-- usage -->
```sh-session
$ npm install -g @maa/monkey-cli
$ monkey-cli COMMAND
running command...
$ monkey-cli (-v|--version|version)
@maa/monkey-cli/1.1.3 win32-x64 node-v12.13.0
$ monkey-cli --help [COMMAND]
USAGE
  $ monkey-cli COMMAND
...
```
<!-- usagestop -->
<!-- commands -->
* [`monkey-cli add Page`](#monkey-cli-add-page)
* [`monkey-cli help [COMMAND]`](#monkey-cli-help-command)

## `monkey-cli add Page`

Add services, components and more...

```
USAGE
  $ monkey-cli add Page
  $ monkey-cli add Component
  $ monkey-cli add ClassComponent
  $ monkey-cli add FunctionalComponent
  $ monkey-cli add Plugin
  $ monkey-cli add Repository
  $ monkey-cli add Service
```

_See code: [src\commands\add\index.ts](https://github.com/Maa/monkey-cli/blob/v1.1.3/src\commands\add\index.ts)_

## `monkey-cli help [COMMAND]`

display help for monkey-cli

```
USAGE
  $ monkey-cli help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v2.2.2/src\commands\help.ts)_
<!-- commandsstop -->

# :package: Elements

### `monkey-cli add <element>`

Add services, components and more...

```sh
  # monkey2
  $ monkey-cli add Page
  $ monkey-cli add Component

  # monkey
  $ monkey-cli add Page
  $ monkey-cli add ClassComponent
  $ monkey-cli add FunctionalComponent

  # moleculer
  $ monkey-cli add Service
  $ monkey-cli add Repository

  # svelte
  $ monkey-cli add Component
```

<!-- elementsstop -->
<!-- customization -->

# :building_construction: Customization

<!-- customization -->
npm package: @maa/monkey-source-maps
Description: Generate source maps during production build in your project
Latest version: 0.1.1

# Source Maps

Generate source maps during production build in your project

## Installation

```
npm install --save @maa/monkey-source-maps
```

or

```
yarn add @maa/monkey-source-maps
```

### Usage with environment variables

Create a next.config.js

```js
// next.config.js
const withSourceMaps = require('@maa/monkey-source-maps');
module.exports = withSourceMaps({
	webpack(config, options) {
		return config;
	}
});
```

Then you can run a regular build command and source maps will be outputted for the bundles

```bash
npm run build
```

### Configuring plugin

By default devtool is `source-map`. If you want use different devtool type, you can pass it with options.

```js
// next.config.js
const withSourceMaps = require('@maa/monkey-source-maps')({
	devtool: 'hidden-source-map'
});

module.exports = withSourceMaps({
	webpack(config, options) {
		return config;
	}
});
```
npm package: @maa/monkey-workers
Description: Use [Web Workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) in your project using `import`.
Latest version: 0.1.1

# Web Workers

Use [Web Workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) in your project using `import`.

## Installation

```
npm install --save @maa/monkey-workers worker-loader
```

or

```
yarn add @maa/monkey-workers worker-loader
```

## Usage

Create a `next.config.js` in your project

```js
// next.config.js
const withWorkers = require('@maa/monkey-workers');
module.exports = withWorkers({
	/* config options here */
});
```

Optionally you can add your custom Next.js configuration as parameter

```js
// next.config.js
const withWorkers = require('@maa/monkey-workers');
module.exports = withWorkers({
	webpack(config, options) {
		return config;
	}
});
```

You can also pass overriding options to [worker-loader](https://github.com/webpack-contrib/worker-loader#options) using `workerLoaderOptions`

```js
// next.config.js
const withWorkers = require('@maa/monkey-workers');
module.exports = withWorkers({
	workerLoaderOptions: { inline: true }
});
```

Web Worker files are identified by the `.worker.js` or `.worker.ts` extension

Because Workers are transpiled with `worker-loader` you can `import` dependencies just like other project files. See the [worker-loader documentation for examples](https://github.com/webpack-contrib/worker-loader#examples)

```js
// example.worker.js
self.addEventListener('message', event =>
	console.log('Worker received:', event.data)
);
self.postMessage('from Worker');
```

The Worker can then be imported like a normal module and instantiated

```js
// pages/example.js
import React from 'react';

import ExampleWorker from '../example.worker';

export default class extends React.Component {
	state = { latestMessage: null };
	componentDidMount() {
		// Instantiate the Worker
		this.worker = new ExampleWorker();
		this.worker.postMessage('from Host');
		this.worker.addEventListener('message', this.onWorkerMessage);
	}
	componentWillUnmount() {
		// Close the Worker thread
		this.worker.terminate();
	}
	onWorkerMessage = event => this.setState({ latestMessage: event.data });
	render() {
		return <h1>Message from Worker: {this.state.latestMessage}</h1>;
	}
}
```
npm package: @maaaashi/countory-flag
Description: A simple web component to display a country flag
Author: maaaashi
Latest version: 1.0.8
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Countory Flag

![preview](./docs/images/preview.png)

<div align="center">Github repository containing the source code for Countory Flag Component</div>

<p align="center">

<a href="https://twitter.com/pg_maaaashi" rel="nofollow">
  <img src="https://img.shields.io/badge/created%20by-@pg_maaaashi-4BBAAB.svg" alt="created by X@pg_maaaashi">
</a>

# Table of Contents

- [Countory Flag](#countory-flag)
- [Table of Contents](#table-of-contents)
- [Usage](#usage)
  - [script src](#script-src)
  - [npm](#npm)

# Usage

```html
<!-- 日本の国旗 -->
<countory-flag></countory-flag>
<!-- 艶やかなデザインに -->
<countory-flag type="shiny"></countory-flag>
<!-- アメリカの国旗 -->
<countory-flag code="US"></countory-flag>
<!-- 24pxで表示 -->
<countory-flag size=24></countory-flag>
```

## script src

```html
<head>
  <script src="https://maaaashi.github.io/countory-flag/bundle.js"></script>
</head>
<body>
  <countory-flag></countory-flag>
</body>
```

## npm

```
$ npm install @maaaashi/countory-flag
```

```jsx
import '@maaaashi/countory-flag'

<countory-flag></countory-flag>
```
npm package: @maaaashi/country-flag
Description: A simple web component to display a country flag
Author: maaaashi
Latest version: 1.0.1

# country Flag

![preview](./docs/images/preview.png)

<div align="center">Github repository containing the source code for country Flag Component</div>

<p align="center">

<a href="https://twitter.com/pg_maaaashi" rel="nofollow">
  <img src="https://img.shields.io/badge/created%20by-@pg_maaaashi-4BBAAB.svg" alt="created by X@pg_maaaashi">
</a>

# Table of Contents

- [country Flag](#country-flag)
- [Table of Contents](#table-of-contents)
- [Usage](#usage)
  - [script src](#script-src)
  - [npm](#npm)

# Usage

```html
<!-- 日本の国旗 -->
<country-flag></country-flag>
<!-- 艶やかなデザインに -->
<country-flag type="shiny"></country-flag>
<!-- アメリカの国旗 -->
<country-flag code="US"></country-flag>
<!-- 24pxで表示 -->
<country-flag size=24></country-flag>
```

## script src

```html
<head>
  <script src="https://maaaashi.github.io/country-flag/bundle.js"></script>
</head>
<body>
  <country-flag></country-flag>
</body>
```

## npm

```
$ npm install @maaaashi/country-flag
```

```jsx
import '@maaaashi/country-flag'

<country-flag></country-flag>
```
npm package: @maaaashi/long-press-button
Description: A long press button component
Author: maaaashi
Latest version: 0.1.0

# Long Press Button

![usage](./docs/usage.gif)

<div align="center">Github repository containing the source code for Long Press Button Component</div>

<p align="center">

<a href="https://twitter.com/pg_maaaashi" rel="nofollow">
  <img src="https://img.shields.io/badge/created%20by-@pg_maaaashi-4BBAAB.svg" alt="created by X@pg_maaaashi">
</a>

# Table of Contents

- [Long Press Button](#long-press-button)
- [Table of Contents](#table-of-contents)
- [Usage](#usage)
  - [script src](#script-src)
  - [npm](#npm)

# Usage

```html
<!-- default -->
<long-press-button></long-press-button>
<!-- edit duration -->
<long-press-button duration=1000></long-press-button>
<!-- edit text -->
<long-press-button text="クリック" holding-text="Holding..."></long-press-button>

```

## script src

```html
<head>
  <script src="https://maaaashi.github.io/long-press-button/bundle.js"></script>
  <script>
  document.addEventListener('DOMContentLoaded', () => {
    const button = document.querySelector('long-press-button');
    button.onLongPress = () => alert('外部から渡された関数が実行されました！');
  });
</script>
</head>
<body>
  <long-press-button></long-press-button>
</body>
```

## npm

```
$ npm install @maaaashi/long-press-button
```

```jsx
import '@maaaashi/long-press-button'

const longPressButton = document.querySelector('long-press-button');
button.onLongPress = () => alert('外部から渡された関数が実行されました！');

<long-press-button></long-press-button>
```
npm package: @maael/express-bunyan
Description: Bunyan made to work with express as a drop-in middleware.
Author: Matthew Elphick
Latest version: 1.0.0

# express-bunyan

## install

```
npm i --save @maael/express-bunyan
```

## usage

```
const express = require('express')
const expressBun = require('@maael/express-bunyan')
const app = express()

const config = {
  name: 'logger',
  stream: process.stdout,
  env: 'development'
}

const createMiddleware = expressBun(config)

// createMiddleware also exposes the bunyan logger used in the middleware
// access it via .logger

app.logger = createMiddleware.logger

app.use(createMiddleware())

app.listen(4242, () => {
  app.logger.info('Server started')
})
```

### config options

| option      | description                       | default           |
| ------------|-----------------------------------|-------------------|
| name        | name of the logger                | `'logger'`        |
| stream      | stream to pipe the logs to        | `process.stdout`  |
| env         | environment the app is running in | `'development'`   |
npm package: @maafk/mcc
Description: CLI tool for managing multiple Claude Code workspaces on a single GitHub project
Latest version: 0.1.3

# mcc

A CLI tool for managing isolated git clone workspaces, designed for running multiple [Claude Code](https://docs.anthropic.com/en/docs/claude-code) agents on the same GitHub project simultaneously.

Each workspace gets its own directory and feature branch, so agents don't step on each other.

## Install

**Prerequisites:** Node.js 18+, git, and optionally [gh CLI](https://cli.github.com) for PR creation and default branch detection.

```bash
npm install -g @maafk/mcc
```

Or from source:

```bash
git clone https://github.com/maafk/mcc.git
cd mcc
pnpm install
pnpm build
pnpm link --global
```

## Quick Start

```bash
# Register a repo
mcc init https://github.com/your-org/your-project

# Create a workspace — interactive mode prompts for project and branch
mcc start

# Or specify the branch directly
mcc start feature-auth

# Workspaces are cloned into your current directory:
#   ./your-project/feature-auth/
# Open a terminal there and run claude

# See all workspaces
mcc list

# When done, push and create a PR
mcc finish feature-auth

# Clean up the workspace
mcc clean feature-auth
```

## Commands

| Command | Description |
|---------|-------------|
| `mcc init <repo-url>` | Register a GitHub repo (SSH or HTTPS) |
| `mcc start [branch]` | Clone the repo and create a feature branch (interactive if no args) |
| `mcc list` | Show all active workspaces |
| `mcc status` | Show git status and recent commits for each workspace |
| `mcc finish <branch>` | Push the branch, create a PR, optionally clean up |
| `mcc clean <branch>` | Delete a workspace directory and remove from state |
| `mcc projects` | List all registered repos |

### Options

`start`, `finish`, and `clean` accept `-p, --project <name>` to specify which project when you have multiple registered. If omitted with multiple projects, you'll be prompted to select one.

## How It Works

- Workspaces are cloned into your **current directory** as `./<repo>/<branch>/`
- Global state is tracked in `~/.mcc/state.json`
- Each `start` does a fresh `git clone` + `git checkout -b`
- `finish` pushes to origin and uses `gh pr create` if the gh CLI is available

## Development

```bash
pnpm install
pnpm test          # run tests
pnpm test:watch    # run tests in watch mode
pnpm build         # compile TypeScript to dist/
```

## License

[MIT](LICENSE)
npm package: @maai-types/ali-oss
Description: TypeScript definitions for ali oss modules in maai
Author: sean zhu
Latest version: 0.0.2

# @maai-types/ali-oss

阿里云OSS模块的TypeScript类型定义

## 安装

```bash
npm install @maai-types/ali-oss
```

## 使用示例

```typescript
import ossUtils from '@maai/ali-oss';

// 获取文件访问授权
const auth = await ossUtils.buildFileAuth('/path/to/file', 3600);

// 获取文件访问URL
const url = await ossUtils.buildFileUrl('/path/to/file', 3600);

// 获取文件内容
const file = await ossUtils.getFile('/path/to/file', true);

// 创建符号链接
const symlink = await ossUtils.putSymlink('/source/path', '/target/path');
```

## API文档

### OssUtils

#### buildFileAuth(path: string, timeout: number): Promise<OssFileAuth>
生成文件访问授权

参数：
- path: 文件路径
- timeout: 授权有效期(秒)

返回：
```typescript
interface OssFileAuth {
  accessKeyId: string;
  accessKeySecret: string;
  stsToken: string;
  expiration: string;
  requestId: string;
  region: string;
  bucket: string;
  basePath: string;
}
```

#### buildFileUrl(path: string, timeout: number): Promise<string>
生成文件访问URL

参数：
- path: 文件路径
- timeout: URL有效期(秒)

#### getFile(path: string, force: boolean): Promise<OssFile>
获取文件内容

参数：
- path: 文件路径
- force: 是否强制刷新缓存

返回：
```typescript
interface OssFile {
  name: string;
  code: number;
  msg: string;
  key: string;
  metadata: Map<String, String>;
  content: Uint8Array;
}
```

#### putSymlink(sourcePath: string, targetPath: string): Promise<string>
创建符号链接

参数：
- sourcePath: 源文件路径
- targetPath: 目标路径

## 注意事项

1. 使用时需确保已正确配置阿里云OSS相关权限
2. 文件路径需以'/'开头
4. 权限配置文件位于项目目录的.env/oss.json，示例配置如下：
```json
{
  "appKey": "xxxx",
  "appSecret": "xxxx",
  "bucket": "xxxx",
  "region": "cn-zhangjiakou",
  "clientId": "xxxx",
  "clientSecret": "xxxx",
  "roleArn": "xxxx",
  "basePath": "xxxx"
}
```
3. 授权和URL的有效期建议设置为合理值
npm package: @maai-types/maai
Description: TypeScript definitions for maai modules
Author: sean zhu
Latest version: 0.0.12

# @maai-types/maai

为Maai自定义服务端引擎提供的TypeScript类型定义，支持VSCode智能感知和自动完成。

## 特性

- 完整的类型定义，覆盖Maai服务端核心API
- 与VSCode深度集成，提供智能代码补全
- 严格的类型检查，减少运行时错误
- 轻量级，无运行时依赖

## 安装

```bash
npm install @maai/types --save-dev
# 或
yarn add @maai/types -D
```

## 使用

安装后，TypeScript会自动识别类型定义。在代码中导入Maai模块即可获得类型支持：

```typescript
import webUtils from "@maai/utils/web";
import asserts from "@maai/utils/asserts";

const body = webUtils.getBody();
asserts.isNotBlank(body.name, "名称不能为空");

```

## 模块说明

本模块为maai项目提供完整的TypeScript类型定义，包含以下子模块：

- `biz`: 业务相关类型定义
- `utils`: 工具类类型定义

## 类型定义规范

1. 文件命名：
- 使用小写字母和连字符，如`user-auth.d.ts`
- 接口类型使用大驼峰命名，如`UserAuth`

2. 定义要求：
```typescript
// 示例：定义业务接口
interface UserProfile {
  id: string;
  name: string;
  roles: string[];
}
```

3. 导出规则：
- 每个.d.ts文件应在`index.d.ts`中导出
- 避免使用默认导出

## 开发流程

1. 添加新定义：
```bash
# 在biz目录创建新定义文件
touch biz/new-feature.d.ts

# 更新index.d.ts导出
echo 'export * from "./new-feature";' >> index.d.ts
```

2. 版本发布：
- 修改package.json版本号
- 提交git tag
npm package: @maakle/kombo-sdk
Description: This is an unofficial Typescript SDK for the Kombo.dev API
Author: Mathias Klenk
Latest version: 1.8.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Kombo Typescript SDK

> [!WARNING]
> Kombo now offers [an official TypeScript SDK](https://github.com/kombohq/typescript-sdk) ([`@kombo-api/sdk`](https://www.npmjs.com/package/@kombo-api/sdk)).
>
> This package is deprecated and will not receive any further updates.

This is an unofficial Typescript SDK for the [Kombo.dev API](https://kombo.dev)

## Installation

In order to install the package, please run the following command:

```bash
npm install @maakle/kombo-sdk

#or

yarn add @maakle/kombo-sdk

```

## Usage

```typescript
import { Api } from "@maakle/kombo-sdk";

// Create client
const komboApi = new Api<string>({
  securityWorker: (accessToken) =>
    accessToken ? { headers: { Authorization: `Bearer ${accessToken}` } } : {},
});
// Set API Key
komboApi.setSecurityData("API_ACCESS_TOKEN");

// Use client to e.g. fetch all absence types, don't forget to set the integration id in the headers
const result = await komboApi.hris.getHrisAbsenceTypes(
  { page_size: 100 },
  { headers: { "x-integration-id": "INTEGRATION_ID" } }
);
console.log(result.data.data.results);
```


## Development

### How to build a new version of the SDK

Step 0: Download the latest openapi schema (`openapi.json`) from Kombo's Website ([Link](https://api.kombo.dev/openapi.json)). And put it into this folder here

Step 1: Build the Api.ts file with new open api schema
`npx swagger-typescript-api generate -p openapi.json -o sdk`

Step 2: cd into sdk folder, update package.json and bump version e.g. `1.X.0`

Step 3: Run `yarn build` to build new Api.js file in dist folder

Step 4: Run `yarn publish` to publish to npm. You need to define the same version from step 2 and cancel once published