open-index/open-npm huggingface dataset:
npm package: @hiyaio/foyer
Description: A friendly entrance to your site
Author: James Broad
Latest version: 0.0.8

![Foyer banner logo](assets/foyer-text-logo.png)

<div style="height:100px"></div>

# About Foyer

Foyer is a widget that lives in the bottom corner of your site, helping users find information and support in an unobtrusive way.

Foyer has been designed for [Hiya](https://hiya.io) to improve the logged-in customer experience and has now been opened up for broader use.

![Hero](assets/screenshot.png)

## Foyer in action

Here's a demo: **[foyer.hiya.io](https://foyer.hiya.io/)**

## Add Foyer to your site

To add Foyer to your site:

```html
<script src="https://unpkg.com/@hiyaio/foyer/foyer.js"></script>
<script>
  foyer.init({
    items: [
      {
        label: "Help & support",
        href: "https://github.com/hiyaio/foyer.js/issues",
      },
    ],
  });
</script>
```

More examples of how you can configure Foyer can be found in [/demo](/demo).

## Configuration

```javascript
const foyerInitOptions = {
  items: [
    // Standard link option
    {
      label: "Help & support",
      href: "https://example.com/help",
    },
    // Open in new tab/window
    {
      label: "Contact us",
      href: "https://external.example.com/",
      target: "_blank",
    },
    // Subtle, muted styling
    {
      label: "Terms and conditions",
      href: "https://example.com/terms",
      isMuted: true,
    },
    // Custom events
    {
      label: "Live chat",
      onClick: function (event) {
        console.log("Custom logic");
      },
    },
    // Divider
    {
      type: "divider",
    },
  ],
  // Override core colors. CSS can be used but this is simpler
  colors: {
    ctaBackground: "#3b3d4e",
    ctaHoverBackground: "#777785",
    ctaText: "#fff",
    menuBackground: "#f1f1f1f",
    menuItemHoverBackground: "#f2f2f2",
    menuItemMutedText: "#91929c",
  },
};
```

You can programmatically control the opening & closing of the menu:

```javascript
foyer.open();
foyer.close();
```

## Tasks

- [x] Add hosted demo page
- [x] Add dividers
- [x] Add full options documentation to Readme
- [x] Add custom event trigger support for section items
- [x] Add tests
- [ ] ECMAScript module import support
- [ ] Improve demo page design (add favicon & more instructions)

## Developing locally

Looking to develop Foyer for contributing/forking, great! Just run:

```
yarn start
```

This should build and run a demo environment for you to test on http://localhost:1234/.

Check everything still works

```
yarn test
```

### Credits

- Logo graphic: [Reception by Tomi Triyana](https://thenounproject.com/icon/reception-3177734/)
- Screenshot background image: [Planet Volumes](https://unsplash.com/fr/@planetvolumes?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
npm package: @hiyocord/wrangler-configurer
Description: generate wrangler configuration
Author: kurages
Latest version: 1.0.1

# wrangler-configurer

wranglerの設定ファイルの生成を行うコマンドラインユーティリティです。  
`wrangler.config.ts`を読み込み環境変数とマージして`wrangler.jsonc`を出力します。  

Service BindingのIDをVCSで管理したくない[hiyocord](https://github.com/hiyocord)プロジェクト用に開発されました。  
手を加えず利用者の環境にデプロイできるようにします。  

## インストール

```bash
npm install -D @hiyocord/wrangler-configurer
```

## 使い方
プロジェクトルートに`wrangler.config.ts`を配置します。

```ts
// wrangler.config.ts
import type { WranglerConfigGeneratorOptions } from '@hiyocord/wrangler-config-generator'

export default {
  params: {
    name: "my-worker",
    // 他の wrangler 設定...
  }
} satisfies WranglerConfigGeneratorOptions
```

`wrangler-configurer`コマンドで`wrangler.jsonc`を出力します。


## 環境変数

利用者側で自由にパラメータを変更するため、環境変数(`VITE_WRANGLER_ARGS`)に指定されたJSONを
プロジェクト推奨の`wrangler-configurer`で指定された値にマージします。  

## ライセンス

[MITライセンス](./LICENSE)で配布されています。  
ご自由にお使いください。
npm package: @hizokaz/lbutton
Description: Libs for research
Author: hizokaz
Latest version: 0.1.1

# vue-dummy-libs01

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @hizollo/calculator
Description: A calculator written in JavaScript.
Author: HiZollo Organization
Latest version: 1.1.1

# Calculator
用 TypeScript 寫成的簡單計算機。

# 使用方式
```ts
import { Calculator } from "@hizollo/calculator";

const calculator = new Calculator();
const formula = '1 + 2 * 3';
const result = calculator.calculate(formula);
console.log(result); // 7
```

# 支援語法
見[文件](./documents.md)。


# 錯誤系統
## `class CalcError extends Error`
- 額外屬性
  - `code`（`ErrorCodes`）：錯誤代碼
  - `type`（`ErrorTypes`）：錯誤類別
  - `position`（`number`）：出錯位置
  - `args`（`unknown[]`）：出錯參數

# 使用範例
```ts
import { Calculator, CalcError, ErrorCodes } from "@hizollo/calculator";

const calculator = new Calculator();
const formula = 'random thing';

try {
  const result = calculator.calculate(formula);
  console.log(result);
} catch (e) {
  const error = e as CalcError<ErrorCodes>;
  console.log(`${error.message}\nAt: ${error.position}`);
}
```
npm package: @hizollo/games
Description: A package that provides various games for discord.js.
Author: HiZollo Organization
Latest version: 2.5.0

# @hizollo/games
[![npm version](https://img.shields.io/npm/v/@hizollo/games.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/games)
[![Downloads](https://img.shields.io/npm/dt/@hizollo/games.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/games)
[![Last Commit](https://img.shields.io/github/last-commit/HiZollo/Games)](https://github.com/HiZollo/Games)
[![Code Size](https://img.shields.io/github/languages/code-size/HiZollo/Games)](https://github.com/HiZollo/Games)
![License](https://img.shields.io/github/license/HiZollo/Games)

# Introduction
`HiZollo/Games` is a package that provides various games for [discord.js](https://www.npmjs.com/package/discord.js) bots. 

# Features
- **Easy to set up** - only requires a few lines of code to host a game.
- **Various games** - 2048, tic-tac-toe, bulls and cows, and more game included in this package. See our [main guide](./guide/guide.md) for more information.
- **Single player mode** - built-in AI algorithms come to the rescue when there's no one to play with in 3 a.m. morning.

# Requirements
- discord.js version >= `^14.0.3`
- node.js version >= `16.9`

# Installation
```
npm install @hizollo/games
```

# Guide
- [Main Guide](./guide/guide.md)
- [Game Rules](./guide/gamerules.md)
- [String Customization](./guide/strings.md)

# Documentations
- Classes
  - [Basic Structures](./docs/classes/struct.md)
  - [Games](./docs/classes/games.md)
  - [Discord.js Games](./docs/classes/djsgames.md)
- [Interfaces](./docs/interfaces.md) (for TypeScript users)
- [Options](./docs/options.md)
- [Strings](./docs/strings.md)
- [Utilities](./docs/util.md)
- [Misc.](./docs/others.md)
npm package: @hizollo/hzscript
Description: An official implementation of HiZollo Script, written in typescript.
Author: HiZollo Dev Team
Latest version: 1.2.0

# HiZollo Script Compiler
[![npm version](https://img.shields.io/npm/v/@hizollo/hzscript.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/hzscript)
[![Downloads](https://img.shields.io/npm/dt/@hizollo/hzscript.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/hzscript)
[![Last Commit](https://img.shields.io/github/last-commit/HiZollo/HiZollo-Script-Compiler)](https://github.com/HiZollo/HiZollo-Script-Compiler)
[![Code Size](https://img.shields.io/github/languages/code-size/HiZollo/HiZollo-Script-Compiler)](https://github.com/HiZollo/HiZollo-Script-Compiler)
![License](https://img.shields.io/github/license/HiZollo/HiZollo-Script-Compiler)


一個由 HiZollo 官方開發的 HiZollo Script 編譯器，使用 TypeScript 製作。

## 什麼是 HiZollo Script
HiZollo Script 是為了提供一個讓用戶輸入程式執行的介面而被發明的語言，有著簡潔的語法以及容易擴充的特性。

## 如何撰寫 HiZollo Script
只需要一個簡單的文字編輯器，以及一個編譯器和 JavaScript 執行環境就好了。如果沒有人提供你編譯器，或是你想自己設定自己的編譯器，可以參考下方[如何使用](#如何使用)。

有關語法部分，請參見[語法說明](./docs/syntax.md)。

## 如何使用
請參見[使用說明](./docs/guide.md)。

## 文件
請參見[文件](./docs/docs.md)。
npm package: @hizollo/osu-api
Description: A Node.js library for interacting with osu!api, written in TypeScript.
Author: HiZollo Dev Team
Latest version: 1.2.1

# @hizollo/osu-api
[![npm version](https://img.shields.io/npm/v/@hizollo/osu-api.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/osu-api)
[![Downloads](https://img.shields.io/npm/dt/@hizollo/osu-api.svg?maxAge=3600)](https://www.npmjs.com/package/@hizollo/osu-api)
[![Last Commit](https://img.shields.io/github/last-commit/HiZollo/osu-api)](https://github.com/HiZollo/osu-api)
[![Code Size](https://img.shields.io/github/languages/code-size/HiZollo/osu-api)](https://github.com/HiZollo/osu-api)
![License](https://img.shields.io/github/license/HiZollo/osu-api)

## About
This library is a node.js wrapper of [osu!api](https://osu.ppy.sh/wiki/en/osu!api) v1.

## Documentation
You can look up the documentation [here](https://hizollo.github.io/osu-api).

## Installation
```
npm install @hizollo/osu-api
yarn add @hizollo/osu-api
```

## Examples
Import the package:
```ts
// CommonJS
const { Client } = require('@hizollo/osu-api')

// ESM
import { Client } from '@hizollo/osu-api'
```
Create a client to interact with [osu!api](https://osu.ppy.sh/wiki/en/osu!api):
```ts
const osu = new Client({
    apiKey: 'your-osu-api-key'
})
```
Get a user's data:
```ts
const user = await osu.users.getUser({ 
    user: 'Cookiezi'
})
```
Get a player's top 5 play:
```ts
const bp = await osu.users.getUserBest({
    user: '214187',
    type: UserRequestType.Id,
    mode: GameMode.Catch,
    limit: 5
})
```
Fetch a player's banner:
```ts
// Fetch directly
const bannerURL = await osu.users.fetchBanner({
    id: '7823498'
})

// ... or if you have the user object
const bannerURL = await user.fetchBanner();
```

## License
This package is published under the MIT license.
npm package: @hizsh/wc-ship
Description: a simple Webcompoent library
Author: mr.zhou
Latest version: 0.0.5

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

# Web Component

### Vue
非vue3以上版本或者webpack不支持语法时，采用兼容方式引入
>导入节点模块
``` js
import Vue from 'vue';
import App from './App.vue';

import { applyPolyfills, defineCustomElements } from '@hizsh/wc-ship/loader'
```
>告诉 Vue 忽略自定义元素标签
``` js
// Tell Vue to ignore all components defined in the @hizsh/wc-ship
// package. The regex assumes all components names are prefixed
// 'test'
Vue.config.ignoredElements = [/wc-\w*/];
```
>将 Stenciljs 组件代码绑定到窗口对象
``` js
// Bind the custom elements to the window object
applyPolyfills().then(() => {
  defineCustomElements();
});
```
然后这些组件应该在任何 Vue 组件中都可用
``` js
<div>
  <test-stencil-component></test-stencil-component>
</div>
```
上述用于集成 Stencil 自定义元素库的技术已经在使用vue-cliES2015 和 WebPack 作为主要选项创建的 Vue 应用程序上进行了测试。

---
+ 注 wc-ship-location(船位置组件) 组件特殊 需要外部js脚本
``` html
  <script src="//api.shipxy.com/h5/api/plugins/jquery/jquery.min.js"></script>
  <!-- 船讯网api 需要自己申请 -->
  <script src="http://api.shipxy.com/h5/api/?v=3.0"></script>

  <wc-ship-location  style="
    position: absolute;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    text-align: center;
    background-color: #A3CCFF;
    box-sizing: border-box;">
    <h1 slot="search">mr zhou</h1>
  </wc-ship-location>
```

### Framework Integration

各个框架的使用方式参考stencil官方文档[Framework Integration](https://stenciljs.com/docs/overview)
npm package: @hizzyjs/api
Description: Hizzy's official API support
Latest version: 1.0.7

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/api)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/authentication
Description: Hizzy's official authentication support
Latest version: 1.0.9

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/authentication)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/database
Description: Hizzy's official database support
Latest version: 1.0.8

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/database)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/helmet
Description: Hizzy's official helmet support
Latest version: 1.0.6

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/helmet)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/html2react
Description: Hizzy's official html to react support
Latest version: 1.0.1

v# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/html2react)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/images
Description: Hizzy's official image support
Latest version: 1.0.4

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/images)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/language
Description: Hizzy's official language support
Latest version: 1.0.8

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/language)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/sass
Description: Hizzy's official SASS support
Latest version: 1.0.2

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/sass)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/tsclient
Description: Hizzy's official TS(Client) support
Latest version: 1.0.1

# This is an addon of the framework [Hizzy](https://www.npmjs.com/package/hizzy)!

[Click me to view this addon's documentation!](https://hizzyjs.github.io/addons/sass)

[Click me to view Hizzy's documentation](https://hizzyjs.github.io)
npm package: @hizzyjs/types
Description: Instead of installing the "hizzy" package to all of your projects just for their types, install this!
Author: OguzhanUmutlu
Latest version: 1.1.1

# Hizzy Types

Instead of installing the "[hizzy](https://npmjs.com/package/hizzy)" package to all of your projects just for their types, install this!
npm package: @hjc0930/component-demo
Description: A react library developed with dumi
Author: hjc_0827@163.com
Latest version: 0.0.5

# component-demo

[![NPM version](https://img.shields.io/npm/v/component-demo.svg?style=flat)](https://npmjs.org/package/component-demo)
[![NPM downloads](http://img.shields.io/npm/dm/component-demo.svg?style=flat)](https://npmjs.org/package/component-demo)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ npm install

# develop library by docs demo
$ npm start

# build library source code
$ npm run build

# build library source code in watch mode
$ npm run build:watch

# build docs
$ npm run docs:build

# Locally preview the production build.
$ npm run docs:preview

# check your project for potential problems
$ npm run doctor
```

## LICENSE

MIT