open-index/open-npm huggingface dataset:
npm package: @haokeyingxiao/meteor-icon-kit
Description: An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Shopware's product language
Author: shopware AG
Latest version: 5.4.1

[![npm version](https://badge.fury.io/js/@haokeyingxiao%2Fmeteor-icon-kit.svg)](https://badge.fury.io/js/@haokeyingxiao%2Fmeteor-icon-kit)

# meteor-icon-kit

> An icon library and toolkit that follows a minimal, yet highly expressive style perfectly aligned with Haoke's product language

## Prerequisites

This project requires `npm` or `yarn`.
[npm](http://npmjs.org/) and [yarn](https://yarnpkg.com/) are really easy to install.
To make sure you have one of them available on your machine,
try running the following command. This project itself was created with `npm`.

```sh
$ npm -v
8.1.0

$ yarn -v
1.22.15
```

## Table of contents

- [meteor-icon-kit](#meteor-icon-kit)
  - [Prerequisites](#prerequisites)
  - [Table of contents](#table-of-contents)
  - [Installation](#installation)
  - [Usage](#usage)
  - [Vite example](#example)
  - [Built With](#built-with)
  - [Figma library](#figma-library)
  - [License](#license)

## Installation

**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)

To install the meteor-icon-kit, run:

```sh
$ npm install @haokeyingxiao/meteor-icon-kit
```

Or if you prefer using Yarn:

```sh
$ yarn add @haokeyingxiao/meteor-icon-kit
```

## Usage

Start by importing/using the provided styling.
Either utilizing sass/scss:
```scss
@import '@haokeyingxiao/meteor-icon-kit/icons/meteor-icon-kit.scss';
```

Or classic via the css file:

```html
<link rel="stylesheet" href="your-asset-folder/meteor-icon-kit-8e350007463127dbe9f66c60cd6896ca.css">
```

Then, you can use the icons:
```js
import wallet from '@haokeyingxiao/meteor-icon-kit/icons/regular/wallet.svg';
```

### Dynamic colors

Take this pseudo html:
```html
<span class="icon-example">
    <wallet />
</span>
```

By defining the following class structure in `CSS` you can change the color of the svg dynamically:
```CSS
.icon-example {
  display: block;
  color: green;
  
  svg {
    fill: currentColor;

    path,
    use {
      fill: currentColor;
    }
  }
}
```

## Example

Following is an example for a Vue3 project using Vite as a bundler.
We are using the `vite-svg-loader` to load the svg files.

In your `vite.config.js` add the following:
```js
//...
import svgLoader from 'vite-svg-loader';

export default {
  plugins: [
    //...
    svgLoader()
  ],
};

```

This way you can import your svg files as components:
```vue
<template>
  <ActivityIcon />
</template>

<script setup>
import ActivityIcon from '@haokeyingxiao/meteor-icon-kit/icons/regular/activity.svg';
</script>
```

You can find this example as a CodeSandbox template [here](https://codesandbox.io/p/sandbox/meteor-icon-kit-example-revdlr).

## Built With

* Typescript
* Figma API
* VS-Code
* Love :blue_heart: :blue_heart: :blue_heart:


## License

See the [LICENSE](LICENSE.md) file for license rights and limitations (MIT). 

2024 © shopware AG
npm package: @haokeyingxiao/meteor-tokens
Description: Design Tokens for the Meteor Design System used at shopware
Author: shopware AG
Latest version: 0.3.0

This repository contains the Design Tokens for the Meteor Design System at shopware.

> ⚠️ This package is still in early development. It's possible that we release breaking
> changes in minor or patch version. Once the package is stable we'll release a 1.0.0
> version and conform to the semver versioning.

## Installation

```sh
npm install @haokeyingxiao/meteor-tokens
```

## Usage

This packages exposes a handful of files to consume:

- Primitive tokens
- Tokens for the Shopware 6 Administration (light & dark)

As an example we'll show you how to make use of the tokens
for the Shopware 6 Administration.

Import the CSS files that contain the corresponding tokens.

```js
import '@haokeyingxiao/meteor-tokens/administration/light.css';

// If you want to support dark mode
import '@haokeyingxiao/meteor-tokens/administration/dark.css';
```

Now, you're able to make use of the Design Tokens trough
CSS custom properties, like this:

```css
.sw-button {
  background-color: var(--color-interaction-primary-default);
}
```

To switch to the dark mode add the attribute `data-theme="dark"` to
a DOM element as far up in the DOM tree as possible.

```html
<body data-theme="dark">
  <!-- Your application -->
</body>
```

## License

Shopware 6 is completely free and released under the [MIT License](./LICENSE.md).
npm package: @haommo/tea-xyz-quest
Description: Một thư viện giúp bạn tính tổng của 2 số bất kỳ
Author: haommo
Latest version: 1.0.1

- Cài đặt nodejs và npm tại https://nodejs.org/en

- Tải file và lưu ở desktop

- Truy cập github.com tạo repository với tên tea-xyz-quest (Phải để repo public)

- Truy cập https://www.npmjs.com để tạo tài khoản

- Sửa file package.json, theo format
  - name => @username_npm/tea-xyz-quest 
  - author => @username_npm
  - repository => link tới repo github vừa tạo

- Truy cập repo github vừa tạo và upload cả folder vừa sửa lên (vd: https://github.com/.../tea-xyz-quest/upload)

- Mở terminal, gõ lệnh "npm -v" để kiểm tra xem đã cài đặt thành công npm ở bước 1 chưa

- Gõ tiếp lệnh "cd Desktop/tea-xyz-quest" để trỏ tới thư mục code 

- "npm login" => Có 1 đường dẫn để bấm vào sẽ mở trình duyệt dẫn tới web login npm

- Sau khi login thành công gõ lệnh "npm publish --access public" để public package lên npm publish. Truy cập npm để check VD: https://www.npmjs.com/package/@daominhhiep/tea-xyz-quest

- Truy cập app.tea.xyz => Register a New OSS Project

- Tìm kiếm tên package vừa tạo. VD: @daominhhiep/tea-xyz-quest . Bước này có thể mất tới 2-3 ngày để package mới xuất hiện trên hệ thống của tea.xyz

- Sau đó tea sẽ cho 1 file có tên tea.yaml, tải về và quay lại repo github, upload tiếp file đó lên là xong.

- Dự án mẫu thao khảo tại: https://github.com/daominhhiep/tea-xyz-quest
npm package: @haopoboy/skipper-s3
Description: Ahead merged version from official skipper-s3
Author: Mike McNeil
Latest version: 0.1.0

# Ahead merged from official skipper-s3 v0.6.0

Merged:

- ACL: https://github.com/balderdashy/skipper-s3/pull/66/files

# [<img title="skipper-s3 - S3 adapter for Skipper" src="http://i.imgur.com/P6gptnI.png" width="200px" alt="skipper emblem - face of a ship's captain"/>](https://github.com/balderdashy/skipper-s3) S3 Blob Adapter

[![NPM version](https://badge.fury.io/js/skipper-s3.png)](http://badge.fury.io/js/skipper-s3) &nbsp; &nbsp;
[![Build Status](https://travis-ci.org/balderdashy/skipper-s3.svg?branch=master)](https://travis-ci.org/balderdashy/skipper-s3)

S3 adapter for receiving [upstreams](https://github.com/balderdashy/skipper#what-are-upstreams). Particularly useful for handling streaming multipart file uploads from the [Skipper](https://github.com/balderdashy/skipper) body parser.

## Installation

```
$ npm install skipper-s3 --save
```

Also make sure you have skipper itself [installed as your body parser](http://sailsjs.com/documentation/concepts/Middleware?q=adding-or-overriding-http-middleware). This is the default configuration in the [Sails framework](https://sailsjs.com).

## Usage

```javascript
req.file("avatar").upload(
  {
    // Required
    adapter: require("skipper-s3"),
    key: "thekyehthethaeiaghadkthtekey",
    secret: "AB2g1939eaGAdesoccertournament",
    bucket: "my_stuff",
    // Optional
    token: "temporary_sts_creds",
  },
  function whenDone(err, uploadedFiles) {
    if (err) {
      return res.serverError(err);
    }
    return res.ok({
      files: uploadedFiles,
      textParams: req.params.all(),
    });
  }
);
```

For more detailed usage information and a full list of available options, see the Skipper docs, especially the section on "[Uploading to S3](https://github.com/balderdashy/skipper#uploading-files-to-s3)".

## Contribute

See [ROADMAP.md](https://github.com/balderdashy/skipper-s3/blob/master/ROADMAP.md).

Also be sure to check out [ROADMAP.md in the Skipper repo](https://github.com/balderdashy/skipper/blob/master/ROADMAP.md).

To run the tests:

```sh
git clone git@github.com:balderdashy/skipper-s3.git
cd skipper-s3
npm install
KEY=your_aws_access_key SECRET=your_aws_access_secret BUCKET=your_s3_bucket npm test
```

Please don't check in your aws credentials :)

## License

**[MIT](./LICENSE)**
&copy; 2013, 2014-

[Mike McNeil](http://michaelmcneil.com), [Balderdash](http://balderdash.co) & contributors

See `LICENSE.md`.

This module is part of the [Sails framework](http://sailsjs.org), and is free and open-source under the [MIT License](http://sails.mit-license.org/).

![image_squidhome@2x.png](http://i.imgur.com/RIvu9.png)

[![githalytics.com alpha](https://cruel-carlota.pagodabox.com/a22d3919de208c90c898986619efaa85 "githalytics.com")](http://githalytics.com/balderdashy/skipper-s3)
npm package: @haoqimao/create-app
Description: 快速创建项目模板 ## 使用方法
Author: HaoQiMao, Inc.
Latest version: 0.2.3

# create-app

快速创建项目模板
## 使用方法

基础用法

```shell
$ yarn create @haoqimao/app
```

也可以指定项目名称 

```shell
$ yarn create @haoqimao/app demo
```
npm package: @haoqimao/eslint-config-miniprogram
Description: eslint配置，小程序使用的eslint配置
Author: itimebox
Latest version: 1.1.1

# @itimebox/eslint-config-miniprogram

eslint配置，小程序使用的eslint配置

## 更新日志

### v1.0.0-beta.0

1. 相对于v1.0.0-alpha.4，没有任何改动

### v1.0.0-alpha.4

1. `U` 修改为依赖项为 dependencies

### v1.0.0-alpha.2

1. `U` 更新依赖，添加peerDependencies

### v1.0.0-alpha.0

1. `U` 升级依赖 @itimebox/eslint-config-base 的版本

### v0.3.1

1. `F` 修复代码中的书写错误

### v0.3.0

1. `U` 改为依赖新的@itimebox/eslint-config-base版本

### v0.2.0
1. 首次发布到公司内网npm服务
npm package: @haoqimao/tbc-nav
Description: ## 自定义顶部组件
Latest version: 1.0.10

# @itimebox/tbc-nav

## 自定义顶部组件

支持返回按钮，反手首页和首页返回按钮三种模式<br/>
组件支持滚动后变色，详见下方参数

## 参数
|属性|类型|默认值|备注|
|----|----|----|----|
|color|String|#ffffff|文字和边框颜色|
|bgcolor|String|rgba(0,0,0,0)|默认底色为透明色|
|fixedbgcolor|String|''|当导航栏固定时的变换颜色|
|homePath|String|/pages/home|首页的路径|
|left|Boolean|true|true:显示左侧操作区<br/>false:使用slot自定义插槽|
|title|String|''|标题|
|type|String|'1'|1:只有一个返回按钮<br/>2:只有一个首页按钮<br/>3:返回上一页和首页按钮组<br/>其他：使用slot插槽自定义|
|systeminfo|Object|{}|已经存储过此项，传值可优化性能|
|controlType|Number|1|// 1:默认，0：全部自己控制|
|customGoBack|Boolean|false|// 是否自定义返回操作 false:默认|
|needSpacing|Boolean|true|// 是否需要底部的占位 true:默认|

## 事件

```
triggerEvent('size',{
  statusBarHeight, // 顶部状态栏的高度
  navHeight, // 导航栏的高度
  height, // 组件总高度
  navBottom, // 导航栏底部位置
  menuWidth, // 右侧按钮宽度
  menuHeight, // 右侧按钮高度
  menuLeft, // 右侧按钮左侧宽度
  menuRight, // 右侧按钮右侧宽度
})
```

```
triggerEvent('fixed',{
  fixed, // 当前是否为固定顶部
})
```

自定义返回事件
```
triggerEvent('go-back-click',{})
```
npm package: @haoqimao/wx-background-audio
Description: 微信小程序背景音乐播放
Latest version: 0.0.4

# wx-background-audio

#### 介绍
微信小程序背景音乐播放

#### 引用示例
```javascript
  // 直接引用默认实例
  const BackgroundAudio = require('@haoqimao/wx-background-audio')
  // 自定义实例
  const BackgroundAudio = require('@haoqimao/wx-background-audio')
  const BackgroundAudio1 = BackgroundAudio.create({
    key = '', // 当前背景播放唯一标识
    title = '音频', // 音频标题,必填
    startTime = 0, // 音频开始播放的位置（单位：s）
    epname = '', // 专辑名称，分享使用
    singer = '佚名', // 歌手名，分享使用
    coverImgUrl = '', // 封面图 URL，用于做原生音频播放器背景图
    webUrl = '', // 页面链接，原生音频播放器中的分享功能，分享出去的卡片简介，也将使用该值
    protocol = 'http', // 音频协议。默认值为 'http'，设置 'hls' 可以支持播放 HLS 协议的直播音频
  })

```

#### 使用示例
```javascript
const BackgroundAudio from '@haoqimao/wx-background-audio'

// 绑定的事件
const playOn = ()=> {
  return {
    onBeforePlay = null, // 播放回调，非官方回调
    key: rebindKey = null, // 重新绑定key
    onCanplay = null,
    onEnded = null,
    onError = null,
    onNext = null,
    onPause = null,
    onPlay = null,
    onPrev = null,
    onSeeked = null,
    onSeeking = null,
    onStop = null,
    onTimeUpdate = null,
    onWaiting = null,
  }
}

// 播放音乐
BackgroundAudio.play({
  src: this.data.mp3,
  key: this.data.mp3,
  duration: this.data.duration, // 音频的长度（单位：s）
  progress: this.data.progress, // 当前播放进度[0-100]
  ...playOn()
})

// 暂停音乐
BackgroundAudio.pause()

// 绑定事件
BackgroundAudio.on({
  key: this.data.mp3,
  ...this.playOn(),
}).then()

```


#### 暴露属性|方法
|名称|描述|
|---|---|
|duration| 当前音频的长度（单位：s） |
|progress|当前音频的进度 [ 0 - 100 ] |
|currentTime|当前音频的播放位置（单位：s），只有在有合法 src 时返回 |
|src|获取当前播放音频的地址 |
|paused|当前是否暂停或停止 |
|buffered|音频已缓冲的时间<br/>仅保证当前播放时间点到此时间点内容已缓冲 |
|play| 播放音乐 <br />title = '音频', // 音频标题,必填<br />src = '', // 当设置了新的 src 时，会自动开始播放，目前支持的格式有 m4a, aac, mp3, wav。<br />startTime = -1, // 音频开始播放的位置（单位：s）<br />progress = -1, //  音频开始播放的位置（单位：百分比）<br />epname = '', // 专辑名称，分享使用<br />singer = '佚名', // 歌手名，分享使用<br />coverImgUrl = '', // 封面图 URL，用于做原生音频播放器背景图<br />webUrl = '', // 页面链接，原生音频播放器中的分享功能，分享出去的卡片简介，也将使用该值<br />protocol = 'http', // 音频协议。默认值为 'http'，设置 'hls' 可以支持播放 HLS 协议的直播音频<br />key = '', //<br />duration = 0, // 持续时间|
|seek|跳转到指定位置<br/>num: 跳转的位置，单位 s。精确到小数点后 3 位，即支持 ms 级别精确度<br />type: 0:使用百分比跳转；1：使用秒数跳转 |
|stop| 停止音乐 |
|pause| 暂停播放 |
|on| 绑定事件，详情参考 [微信官网](https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html) |
npm package: @haorama/nestjection
Description: Nestjs integration for Objection+Knex
Author: Michael Lazuardy
Latest version: 0.6.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# NESTJECTION

Nestjs database integration for Objection js

This package is use internally for my project, but can be used also if you want to use it.

## Features
- Extended Query Builder
- Extended Objection Relations ( In Progress )
- Model and Pagination Serializer ( for API )

## Installation
```
npm install @haorama/nestjection
```
or
```
yarn add @haorama/nestjection
```

Dont forget to install `knex` and `objection`, they all peer dependencies

## Documentation

Visit [Nestjection Docs](https://nestjection.haorama.com)
npm package: @haorama/nestjs-emittery
Description: Nestjs event emitter alternative using emittery
Author: Michael Lazuardy
Latest version: 0.0.2

# NESTJS Emittery

NESTJS async Event Emitter

## Installation
NPM

```
npm install @haorama/nestjs-emittery
```

YARN
```
yarn add @haorama/nestjs-emittery
```

## Usage
```typescript
import { EmitteryModule } from '@haorama/nestjs-emittery';
import { Module } from '@nestjs/common';

@Module({
  imports: [
    EmitteryModule.forRoot()
  ],
})
export class AppModule {}
```

## Dispatching Events
To dispatch (i.e., fire) an event, first inject `EmitteryService` using standard constructor injection:

```typescript
import {EmitteryService} from '@haorama/nestjs-emittery';

constructor(private emitteryService: EmitteryService) {}
```

Then use it in a class as follows:

```typescript
this.emitteryService.emit(
  'order.created',
  new OrderCreatedEvent({
    orderId: 1,
    payload: {},
  }),
);
```

or directly using class, this will automatically use `constructor.name` as `eventName`:

```typescript
this.emitteryService.emit(
  new OrderCreatedEvent({
    orderId: 1,
    payload: {},
  }),
);

//eventName = 'OrderCreatedEvent'
```

## Listening to Events
To declare an event listener, decorate a method with the @OnEvent() decorator preceding the method definition containing the code to be executed, as follows:

```typescript
import { OnEvent } from '@haorama/nestjs-emittery';

@OnEvent('order.created')
handleOrderCreatedEvent(payload: OrderCreatedEvent) {
  // handle and process "OrderCreatedEvent" event
}

//if using class as name
@OnEvent(OrderCreatedEvent.name)
handleOrderCreatedEvent(payload: OrderCreatedEvent) {
  // handle and process "OrderCreatedEvent" event
}
```
npm package: @haorama/nestjs-storage
Description: NESTJS Storage Manager based on Flydrive
Author: Michael Lazuardy
Latest version: 0.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# NESTJS Storage

NESTJS Storage Manager based on [Flydrive](https://github.com/Slynova-Org/flydrive)

## Installation
NPM

```
npm install @haorama/nestjs-storage @slynova/flydrive
```

YARN
```
yarn add @haorama/nestjs-storage @slynova/flydrive
```

## Install External Driver
Please refer to [Flydrive Documentation](https://github.com/Slynova-Org/flydrive) to install external Drivers

## Registering Module
```typescript
import { StorageModule } from '@haorama/nestjs-storage';
import { Module } from '@nestjs/common';
import { resolve } from 'path';
import { AmazonWebServicesS3Storage } from '@slynova/flydrive-s3';

@Module({
  imports: [
    StorageModule.forRoot({
      config: {
        default: 'local',
        disks: {
          local: {
            driver: 'local',
            config: {
              root: resolve('./static/storage'),//if you're using dir/static/storage as the storage location folder
            }
          },
          s3: {
            driver: 's3',
            config: {
              key: 'key',
              secret: 'secret_access_key',
              region: 'region',
              bucket: 'bucketname,
            }
          }
        }
      },
      drivers: [{name: 's3', driver: AmazonWebServicesS3Storage}]
    }),
    //Your other modules
  ]
})
export class AppModule {}
```

if you're using external driver, `drivers` options are required.
`name` args are `disk` name, and `driver` are the `adapter` class of the external driver.
e.g `AmazonWebServicesS3Storage` are imported from `@slynova/flydrive-s3` for s3 driver adapter

if the configuration options its too long, use other file or contants to handle the configuration or use `forRootAsync`

```typescript
@Module({
  imports: [
    //example using `@nestjs/config`
    StorageModule.forRootAsync({
      useFactory: (config: ConfigService) => {
        return config.get('storage') // please refer to nestjs config to check how to use this
      },
      inject: [ConfigService],
      imports: [ConfigModule],
    })
  ]
})
export class AppModule {}
```

After that `StorageManager` class from flydrive can be use like:

```typescript
import { StorageManager } from '@slynova/flydrive';

@Injectable()
export class BlogService {
  constructor(
    private storage: StorageManager
  ) {}

  async uploadPhoto(content: Buffer) {
    this.storage.disk().put('location', content);
    this.storage.disk('s3').put('location', content)
  }
}
```

### Problem with S3 Public Storage
[check this issue for solution](https://github.com/Slynova-Org/flydrive/issues/139#issuecomment-747839612)
npm package: @haorama/nestjs-stripe
Description: Stripe module for nestjs
Author: Michael Lazuardy
Latest version: 0.1.0

# Stripe Module For Nestjs
Under development

Use this package only for testing purpose

## Features
- Injectable feature from Stripe

## Installation
`npm install --save @haorama/nestjs-stripe`

`yarn add @haorama/nestjs-stripe`

## Usage
Register module in your app / root module

```typescript
import { StripeModule } from "@haorama/nestjs-stripe";

@Module({
  imports: [
    StripeModule.register({
      secretKey: "secretKey",
      stripeConfig: "optional config from Stripe.StripeConfig"
    })
  ],
  controllers: [],
  providers: [],
})
export class AppModule {}
```
After registering module, you can inject the service from stripe package

```typescript
import Stripe from "stripe"

export class MyService {
  constructor(
    private stripe: Stripe
  ) {}

  async findCustomer(id: string) {
    return this.stripe.customers.retrieve(id)
  }
}
```
npm package: @haorama/nestjs-tg
Description: Typegoose Module for nestjs
Author: Michael Lazuardy
Latest version: 0.2.0

# Nestjs Typegoose
Typegoose module for nestjs

it used almost same behavior as @nestjs/mongoose

## Installation
```bash
npm install mongoose @typegoose/typegoose @haorama/nestjs-tg

yarn add mongoose @typegoose/typegoose @haorama/nestjs-tg

pnpm add mongoose @typegoose/typegoose @haorama/nestjs-tg
```

## Usage
```typescript
import { Module } from "@nestjs/common";
import { TypegooseModule } from "@haorama/nestjs-tg";

@Module({
  imports: [
    TypegooseModule.forRoot(
      "mongodb://localhost:27017/test",
    ),
  ],
})
export class AppModule {}
```

## Todos
- Test using different / custom connectionName
npm package: @haorama/silo
Description: Multi filesystem / storage for nodejs
Author: Michael Lazuardy
Latest version: 0.2.0

# Silo
Multi filesystem / storage for nodejs

## Installation

```bash
npm install @haorama/silo

yarn add @haorama/silo

pnpm add @haorama/silo
```

## Usage

Check [Documentation](https://github.com/mlazuardy/silo) available on root repository
npm package: @haoran971010/koishi-plugin-xiaoyuanprivate
Description: a private qq robot
Latest version: 0.0.3

# @haoran971010/koishi-plugin-xiaoyuanprivate

[![npm](https://img.shields.io/npm/v/@haoran971010/koishi-plugin-xiaoyuanprivate?style=flat-square)](https://www.npmjs.com/package/@haoran971010/koishi-plugin-xiaoyuanprivate)

a private qq robot