open-index/open-npm huggingface dataset:
npm package: @mjstahl/called
Description: Simple abstraction for communicating that a specific function has been called.
Latest version: 0.5.3

# called
Simple abstraction for communicating that a specific function has been called.

## Installation

```sh
$ npm install --save @mjstahl/called
```

## Usage

```js
const called = require('@mjstahl/called')
```

`called(<toExecute: Function>) -> <wrapped: Function>`

Take a single Function argument and returns a wrapped Function that is
semantically equivalent and accepts the same number of arguments.

```js
  const add = called(function (x, y) {
    return x + y
  })
  add(2, 3)

  //-> 5
```

`.subscribe(<callback: Function>) -> <unsubscribe: Function>`

Accepts a callback function as an argument and returns an unsubscribe function
used to remove the callback function as a listener.

The callback function should accept two arguments. The 0th argument will be
an instance of Error if an error occurred in the wrapper function. If no error
occurred, the error argument will be null, and the 1st argument will be the
result of the wrapper function's execution.

```js
  const add = called(function (x, y) {
    return x + y
  })
  const unsubscribe = add.subscribe(function (err, result) {
    const output = (err) ? `Uh oh ${err}` : `Hello ${result}`
    console.log(output)
  })
  add(2, 3)

  //-> 5
  //-> Hello 5

  unsubscribe()
  add(2, 3)

  //-> 5
```
npm package: @mjstahl/elementree
Description: Finite State Machines + JS Template Literals
Author: Mark Stahl
Latest version: 0.7.3
Deprecated: This package has been deprecated. Use the 'elementree' package instead.

# Elementree
"Make everything as simple as possible, but not simpler."

We think that might look something like **Pushdown Automata + JS Template Literals**.
At least for web development.

## A Simple Toggle Example

```js
const { attach, prepare, render } = require('@mjstahl/elementree')

function template (model, app) {
  return render`
    <body>
      <p>${model.value}</p>
      <button onclick=${toggle}>
        Toggle
      </button>
    </body>
  `

  function toggle () {
    model.to(model.actions.TOGGLE)
  }
}

const state = {
  initial: 'hello',
  hello: {
    value: 'Hello',
    TOGGLE: 'goodbye'
  },
  goodbye: {
    value: 'Goodbye',
    TOGGLE: 'hello'
  }
}

prepare(template, state)
attach('body')
```
npm package: @mjstahl/fluentstores
Description: Fluent interface for Window.localStorage and Window.sessionStorage
Author: Mark Stahl
Latest version: 0.4.3

# fluentstores
Fluent interface for Window.localStorage and Window.sessionStorage.

## Installation

```js
$ npm install --save @mjstahl/fluentstores
```

```js
const storage = require('@mjstahl/fluentstores');

// localStorage
storage.local

// sessionStorage
storage.session
```

## Storage

`Storage.setItem(name: DOMString, value: DOMString) -> Storage`

When passed a key name and value, will add that key to the storage, or update that key's value if it already exists.

```js
storage.local
  .setItem('bgcolor', 'yellow')
  .setItem('font', 'Helvetica')
  .setItem('image', 'cats.png');

window.localStorage.length //-> 3
```

`Storage.removeItem(name: DOMString) -> Storage`

When passed a key name, will remove that key from the storage.

```js
storage.local
  .removeItem('bgcolor')
  .removeItem('font');

window.localStorage.length //-> 1
```

`Storage.clear() -> Storage`

When invoked, will empty all keys out of the storage.

```js
storage.local
  .clear()
  .setItem('bgcolor', 'yellow')
  .getItem('bgcolor') //-> 'yellow'
```
npm package: @mjstahl/jtml
Description: Templating engine using JavaScript's tagged template literals.
Latest version: 0.2.1
Deprecated: This package has been deprecated. Use '@mjstahl/boring' instead.

# jtml
Templating engine using JavaScript's tagged template literals.

## Installation
```sh
$ npm install --save @mjstahl/jtml
```

## Usage

### Express

After installing the `jtml` package, we set the location of the views and
the engine Express will use to render those views.

```js
  app.set('views', './views')
  app.set('view engine', 'jtml')
```

Next create a file named `index.jtml` in the `./views` directory with the following
content:

```js
<html>
  <head>
    <title>${title}</title>
  </head>
  <body>
    <h1>${message}</h1>
  </body>
</html>
```

Now we can configure a route that will render the `index.jtml` file.

```js
  app.get('/', (req, res) => {
    res.render('index', {
      title: 'Your first JTML template',
      message: 'Looking good!'
    })
  })
```
npm package: @mjstahl/occurred
Description: Simple abstractions for communicating that something happened
Latest version: 0.4.1

# Occurred
Simple abstractions for communicating that something happened.

## Installation

```js
$ npm install --save @mjstahl/occurred
```

## Usage

### called

https://www.npmjs.com/package/@mjstahl/called

```js
const { called } = require('@mjstahl/occurred')
```

`called(<toExecute: Function>) -> <wrapped: Function>`

Take a single Function argument and returns a wrapped Function that is
semantically equivalent and accepts the same number of arguments.


`.subscribe(<callback: Function>) -> <unsubscribe: Function>`

Accepts a callback function as an argument and returns an unsubscribe function
used to remove the callback function as a listener.

The callback function should accept two arguments. The 0th argument will be
an instance of Error if an error occurred in the wrapper function. If no error
occurred, the error argument will be null, and the 1st argument will be the
result of the wrapper function's execution.
npm package: @mjstahl/other-index
Description: Simple HTTP server to serve a single file other than index.html. Used for development testing.
Author: Mark Stahl
Latest version: 0.2.2

# other-index
Simple HTTP server to serve a single file other than index.html. Used for development testing.

The idea behind this was when developing a web client your production and development
HTML files would be different. You would develop with one, and deploy the other.

## Installation

```sh
$ npm install --save-dev @mjstahl/other-index
```

Assuming you have a development.html and a production.html, you would specify two
different scripts in your package.json.

```json
"scripts": {
  "develop": "other-index development.html",
  "start": "other-index production.html 3000"
}
```

## Use

```js
other-index [file] [port]
```

File will default to `./` if one is not specified. Port will default to `8080` if not specified.
npm package: @mjsz-vbr-elements/core
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/elements
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/extended
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/gamecenter
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/internal
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/liga
Description: Data visualization for MJSZ VBR
Author: Ákos Stegner
Latest version: 2.43.2

# MJSZ VBR Elements V2

A Magyar Jégkorong Szövetség versenybírósági rendszer adatainak megjelenítése / Data visualization for HIHF VBR system

## Részletes információ / Informations:

[Dokumentáció/Documentation](https://api.icehockey.hu/widgets/docs/v2/)
npm package: @mjsz-vbr-elements/nuxt
Description: Nuxt module for Data visualization for MJSZ VBR
Latest version: 0.0.4

# @mjsz-vbr-elements/nuxt

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Nuxt module for Data visualization from MJSZ VBR

A használathoz hozzá kell adni két alap csomagot (`@mjsz-vbr-elements/nuxt` `@mjsz-vbr-elements/core`) és a kivánt elemenket (`@mjsz-vbr-elements/elements`):

```bash
# Using npm
npm install @mjsz-vbr-elements/nuxt @mjsz-vbr-elements/core @mjsz-vbr-elements/elements

# Using pnpm
pnpm add @mjsz-vbr-elements/nuxt @mjsz-vbr-elements/core @mjsz-vbr-elements/elements
```

A további elérhető csomagokat [itt](#elérhető-package-ek) találod. Ha újabb csomagot szeretnél hozzáadni csak telepítened kell és máris eléehető lesz az alkalmazásban.

```ts [nuxt.config.ts]
// nuxt.config.ts
export default defineNuxtConfig({
  modules: ["@mjsz-vbr-elements/nuxt"],

  mjszVbrElements: {
    apiKey: process.env.NUXT_VBR_API_KEY,
  },
});
```

## Elérhető package-ek:

| Típus      | Link                                                                                         |
| ---------- | -------------------------------------------------------------------------------------------- |
| Core       | [@mjsz-vbr-elements/core](https://www.npmjs.com/package/@mjsz-vbr-elements/core)             |
| Elements   | [@mjsz-vbr-elements/elements](https://www.npmjs.com/package/@mjsz-vbr-elements/elements)     |
| Extended   | [@mjsz-vbr-elements/extended](https://www.npmjs.com/package/@mjsz-vbr-elements/extended)     |
| Liga       | [@mjsz-vbr-elements/liga](https://www.npmjs.com/package/@mjsz-vbr-elements/liga)             |
| GameCenter | [@mjsz-vbr-elements/gamecenter](https://www.npmjs.com/package/@mjsz-vbr-elements/gamecenter) |

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@mjsz-vbr-elements/nuxt/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@mjsz-vbr-elements/nuxt
[npm-downloads-src]: https://img.shields.io/npm/dm/@mjsz-vbr-elements/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@mjsz-vbr-elements/nuxt
[license-src]: https://img.shields.io/npm/l/@mjsz-vbr-elements/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@mjsz-vbr-elements/nuxt
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @mjt.qz/avue-form-design
Description: 基于Avue的表单设计器，可以减少页面开发工作量，极大提升效率。
Author: MJT.QZ
Latest version: 0.0.152

## 简介

基于Avue的表单设计器，可以减少页面开发工作量，极大提升效率。


## 依赖

element-ui 2.13.2+

```sh
$ npm i element-ui
```

@smallwei/avue 2.6.16+

```sh
$ npm i @smallwei/avue
```

或自行引入cdn

## 安装

### 组件

```sh
$ npm i @mjt.qz/avue-form-design
或
$ yarn add @mjt.qz/avue-form-design
```

## 使用

```
import AvueFormDesign from '@sscfaith/avue-form-design'

Vue.use(AvueFormDesign)
```

```
<avue-form-design style="height: 86vh;"
                  :options="options"
                  storage
                  @submit="handleSubmit"></avue-form-design>
```

### 属性

| 参数 | 说明 | 类型 | 默认值 |
| ------ | ------ | ------ | ------ |
| options | 字段配置 | Object/String | { column: [] } |
| storage | 开启本地存储功能，防止浏览器刷新丢失json | Boolean | false |
| asideLeftWidth | 左工具栏宽度 | String/Number | '270px' |
| asideRightWidth | 右工具栏宽度 | String/Number | '380px' |
| showAvueDoc（已废弃，请使用toolbar） | 是否显示Avue文档 | Boolean | false |
| showGithubStar | 是否显示GitHub Star | Boolean | true |
| toolbar | 顶部工具栏 | Array | ['avue-doc', 'import', 'generate', 'preview', 'clear'] |
| undoRedo | 是否开启撤销重做功能 | Boolean | true |
| includeFields | 左侧展示字段 | Array | fieldsConfig.js中配置的字段 |
| customFields | 自定义组件 | Array | [使用方法](https://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22) |

### options字段配置

<a href="https://avuejs.com/doc/form/form-doc" target="_blank">Avue文档</a>

| 属性 | 说明 | 类型 | 可选值 | 默认值 |
| ------| ------ | ------ | ------ | ------ |
| column | Avue字段 | Array | - | [] |
| labelPosition | 字段位置 |  String | 'left'/'center'/'right' | - |
| labelWidth | 字段宽度 | Number | - | - |
| gutter | 字段间隔 | Number | - | 0 |
| menuBtn | 表单按钮 | Boolean | true/false | true |
| submitBtn | 显示提交按钮 | Boolean | true/false | true |
| submitText | 提交按钮文本 | String | - | '提交' |
| emptyBtn | 显示清空按钮 | Boolean | true/false | true |
| emptyText | 清空按钮文本 | String | - | '清空' |
| tabs | 多分组转标签 | Boolean | true/false | false |
| detail | 详情模式 | Boolean | true/false | false |
| readonly | 全局只读 | Boolean | true/false | false |
| disabled | 全局禁用 | Boolean | true/false | false |

### 事件

| 名称 | 说明 | 回调参数 |
| ------ | ------ | ------ |
| submit | 生成json回调 | 当前配置的json |

### 方法

| 名称 | 说明 | 参数 | 返回 |
| ------ | ------ | ------ | ------ |
| getData | 获取当前编辑器的JSON | type: 'string'/'json' | Promise |

### 插槽
| 名称 | 说明 |
| ------ | ------ | 
| toolbar | 顶部工具栏右侧插槽 | 
| toolbar-left | 顶部工具栏左侧插槽 | 

### Avue插件

#### 富文本

```
import AvueUeditor from 'avue-plugin-ueditor'

Vue.use(AvueUeditor)
```
npm package: @mjunaid/funcli
Description: NPM package to say bye-bye to boredom, without leaving the terminal!
Author: muhammad-junaid1
Latest version: 2.2.0

# funcli
NPM package to say bye-bye to boredom, without leaving the terminal!


### Usage: 
  `funcli [random] [content]`

_[content] can be either a 'joke', 'fact', or 'quote'_

### Description:
  Get random jokes, quotes, facts, etc., or select a specific category.

### Options:
  `<content>`                   _<pre>Get content (i.e joke, fact, quote) from a specific category</pre>_
  
  `random <content>`            _<pre>Get random content (i.e joke, fact, quote)</pre>_

### Examples:
  `$ funcli random joke`      <pre>Get a random joke. </pre><br/>
  `$ funcli random quote`     <pre>Get a random quote.</pre> <br/>
  `$ funcli random fact`      <pre>Get a random fact.</pre> <br/>
  `$ funcli joke`             <pre>Get a joke by selecting a specific category</pre> <br/>
npm package: @mjvesa/brute-force
Description: A tool for creating flex box container layouts
Author: Matti Vesa
Latest version: 0.1.0

Brute force
===========
Draw rects, press button, get flexbox CSS properties


Usage
-----
Import `brute-force.js` in you rapplication. Add the
element on your page. Set your listener as the `flexboxCssUpdate`
property which receives a string of CSS properties when
they are created.