open-index/open-npm huggingface dataset:
npm package: @bbgse/inspect
Description: Inspect utility for Node.js
Author: bbgse
Latest version: 5.3.1

# inspect

[![Build](https://github.com/bbgse/inspect/actions/workflows/build.yml/badge.svg)](https://github.com/bbgse/inspect/actions/workflows/build.yml)

`inspect` turns the object you give it into a string. It's similar to Node.js' `util.inspect()` function.

`inspect` was created from a fork of [chaijs/loupe](https://github.com/chaijs/loupe).

## Installation

### Node.js

    $ npm install @bbgse/inspect

## Usage

```js
import inspect from "@bbgse/inspect";
```

```ts
inspect({ foo: "bar" }); // => "{ foo: 'bar' }"
inspect(1); // => '1'
inspect("foo"); // => "'foo'"
inspect([1, 2, 3]); // => '[ 1, 2, 3 ]'
inspect(/Test/g); // => '/Test/g'

// ...
```

## License

### The MIT License (MIT)

Copyright © 2023 `bbgse`

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
npm package: @bbjxl/wxc-dialog
Description: MinUI 小程序组件 - 对话框
Author: Min Team
Latest version: 1.0.15

# wxc-dialog

> MinUI 小程序组件 - 对话框

## Install

``` bash
$ min install @bbjxl/wxc-dialog
```

## API

### Dialog【props】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`           | 【说明】标题文案<br>【类型】`String`<br>【默认值】`""`   |
|`title-color`      | 【说明】标题颜色<br>【类型】`String`<br>【默认值】`#000000`    |
|`content`         | 【说明】内容 <br>【类型】`String`<br>【默认值】`""`       |
|`content-color`    | 【说明】内容颜色<br>【类型】`String`<br>【默认值】`#888888`      |
|`confirm-text`     | 【说明】确认按钮文案 <br>【类型】`String`<br>【默认值】`""`               |
|`confirm-color`    | 【说明】确认按钮文案颜色<br>【类型】`String`<br>【默认值】`#ff5777`  |
|`cancel-text`      | 【说明】取消按钮文案   <br>【类型】`String`<br>【默认值】`""`           |
|`cancel-color`     | 【说明】取消按钮文案颜色<br>【类型】`String`<br>【默认值】`#666666`  |
|`image`           | 【说明】显示的图片链接     <br>【类型】`String`<br>【默认值】`""`              |

## Link
||地址|
|--|---|
||dialog 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#dialog](https://meili.github.io/min/docs/minui/index.html#dialog)<br>|
||dialog 组件源码 <br> [https://github.com/bbjxl/minui/tree/master/packages/wxc-dialog](https://github.com/bbjxl/minui/tree/master/packages/wxc-dialog)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![dialog](https://s10.mogucdn.com/mlcdn/c45406/171107_1a6e68g65akjebkb73gab3bi37jj8_480x480.jpg_225x999.jpg)

### Dialog【methods】

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`show`         | 【说明】显示弹窗<br>【params】void<br>【return】void        |
|`hide`			| 【说明】隐藏弹窗<br>【params】void<br>【return】void		|


##  ChangeLog

#### v1.0.3（2018.01.04）

- 修复点击蒙层即关闭 dialog 的问题

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @bbjxl/wxc-input
Description: 输入框组件 - 小程序组件
Latest version: 1.0.6

# wxc-input

> 输入框组件 - 小程序组件

## Install

``` bash
$ min install @bbjxl/wxc-input
```


## API

### Input

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`title`               | [说明]：输入框前面的标题。若 `src` 或 `icon` 同时指定，`title` 的优先级最高，`src` 次之，`icon` 最低。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`src`                 | [说明]：输入框前面的图标，自定义图片链接。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon`                | [说明]：输入框前面的图标，类型见 `wxc-icon` 组件。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`icon-color`          | [说明]：输入框前面的图标颜色，与 `icon` 一同使用。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`mode`                | [说明]：输入框边框模式。<br>[类型]：`String`<br>[可选值]：`wrapped`，有边框包裹；`normal`，只有下边框；`none`，无边框。<br>[默认值]：`normal` <br>|
|`right`               | [说明]：输入框文本是否向右对齐。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`error`               | [说明]：是否显示为输入框错误情况下的样式。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`value`               | [说明]：输入框的内容。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`type`                | [说明]：input 的类型。<br>[类型]：`String`<br>[可选值]：`text, number, idcard, digit`<br>[默认值]：`"text"` <br>|
|`password`            | [说明]：是否是密码类型。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`placeholder`         | [说明]：输入框为空时占位符。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`placeholder-style`   | [说明]：指定 `placeholder` 的样式。<br>[类型]：`String`<br>[默认值]：`""` <br>|
|`disabled`            | [说明]：是否禁用。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`maxlength`           | [说明]：最大输入长度，设置为 -1 的时候不限制最大长度。<br>[类型]：`Number`<br>[默认值]：`140` <br>|
|`cursor-spacing`      | [说明]：指定光标与键盘的距离，单位 px。<br>[类型]：`Number`<br>[默认值]：`0` <br>|
|`focus`               | [说明]：获取焦点。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`confirm-type`        | [说明]：设置键盘右下角按钮的文字。<br>[类型]：`String`<br>[可选值]：`send, search, next, go, done`<br>[默认值]：`done` <br>|
|`confirm-hold`        | [说明]：点击键盘右下角按钮时是否保持键盘不收起。<br>[类型]：`Boolean`<br>[默认值]：`false` <br>|
|`cursor`              | [说明]：指定focus时的光标位置。<br>[类型]：`Number`<br>[默认值]：`0` <br>|
|`selection-start`     | [说明]：光标起始位置，自动聚集时有效，需与selection-end搭配使用。<br>[类型]：`Number`<br>[默认值]：`-1` <br>|
|`selection-end`       | [说明]：光标结束位置，自动聚集时有效，需与selection-start搭配使用。<br>[类型]：`Number`<br>[默认值]：`-1` <br>|
|`adjust-position`     | [说明]：键盘弹起时，是否自动上推页面。<br>[类型]：`Boolean`<br>[默认值]：`true` <br>|
|`bind:input`          | [说明]：当键盘输入时，触发input事件，event.detail = {value, cursor}，处理函数可以直接 return 一个字符串，将替换输入框的内容。|
|`bind:focus`          | [说明]：输入框聚焦时触发，event.detail = { value, height }，height 参数在基础库 1.9.90 起支持         |
|`bind:blur`           | [说明]：输入框失去焦点时触发，event.detail = {value: value}|
|`bind:confirm`        | [说明]：点击完成按钮时触发，event.detail = {value: value}|

## ChangeLog

#### v1.0.0（2018-3-29）

- 初始版本
npm package: @bbjxl/wxc-progress
Description: MinUI 小程序组件 - 进度条
Author: Min Team
Latest version: 1.0.8

# wxc-progress

> MinUI 小程序组件 - 进度条

## Install

``` bash
$ min install @bbjxl/wxc-progress
```

## API

### Progress【props】

| 属性 | 描述 |
| --- | --- |
| percent | [必填] 进度百分比 |
| stroke-width | [可选] 进度条线的宽度，单位 rpx，默认值 16 |
| active-color | [可选] 高亮态进度条的颜色，支持纯色与线性渐变色。默认值 "#ffca49, #ffb262"。若只填一个色值，则进度条显示为该纯色值。 |
| background-color | [可选] 进度条背景色，默认值 "#e5e5e5" |
| radius | [可选] 圆角角度，单位 rpx, 默认值 15|

## Link
||地址|
|--|---|
||progress 组件文档 <br> [https://meili.github.io/min/docs/minui/index.html#progress](https://meili.github.io/min/docs/minui/index.html#progress)<br>|
||progress 组件源码 <br> [https://github.com/bbjxl/minui/tree/master/packages/wxc-progress](https://github.com/bbjxl/minui/tree/master/packages/wxc-progress)<br>|
||MinUI 组件库 <br> [https://github.com/meili/minui](https://github.com/meili/minui) <br>|

## Preview
![progress](https://s10.mogucdn.com/mlcdn/c45406/171107_5f3k62j3l78g2kh8ggdle7g3e9jd7_480x480.jpg_225x999.jpg)

##  ChangeLog

#### v1.0.2（2017.11.02）

- update .npmignore

#### v1.0.1（2017.10.24）

- 初始版本
npm package: @bbki.ng/config
Description: Shared configuration for bbki.ng monorepo
Latest version: 1.0.9

# @bbki.ng/config

Shared configuration for bbki.ng monorepo.

## ESLint Configurations

### Web (React + TypeScript)

```javascript
// eslint.config.js
import webConfig from '@bbki.ng/config/eslint/web';

export default webConfig;
```

### Node.js

```javascript
// eslint.config.js
import nodeConfig from '@bbki.ng/config/eslint/node';

export default nodeConfig;
```

### Cloudflare Workers

```javascript
// eslint.config.js
import cloudflareConfig from '@bbki.ng/config/eslint/cloudflare';

export default cloudflareConfig;
```

## Prettier Configuration

```json
// .prettierrc.json
"@bbki.ng/config/prettier"
```
npm package: @bbmail-click/ionic-core
Description: Base components for Ionic
Author: Ionic Team
Latest version: 4.6.2-beta1

# @ionic/core

[Ionic](https://ionicframework.com/) is an open source App Development Framework that makes it easy to build top quality Native and Progressive Web Apps with web technologies.

The Ionic Core package contains the Web Components that make up the reusable UI building blocks of Ionic Framework. These components are designed to be used in traditional frontend view libraries/frameworks (such as [Stencil](https://stenciljs.com/), React, Angular, or Vue), or on their own through traditional JavaScript in the browser.


## Features

* Tiny, highly optimized components built with [Stencil](https://stenciljs.com/)
* Styling for both iOS and Material Design
* No build or compiling required
* Simply add the static files to any project
* Lazy-loaded components without configuration
* Asynchronous rendering
* Theming through CSS Variables


## How to use

### Vanilla HTML

Easiest way to start using Ionic Core is by adding a script tag to the CDN:

```html
<script type="module" src="https://unpkg.com/@ionic/core@4.6.2/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://unpkg.com/@ionic/core@4.6.2/dist/ionic/ionic.js"></script>
<link href="https://unpkg.com/@ionic/core@4.6.2/css/ionic.bundle.css" rel="stylesheet">
```

Any Ionic component added to the webpage will automatically load. This includes writing the component tag directly in HTML, or using JavaScript such as `document.createElement('ion-toggle')`.

Additionally, within this package is a `dist/ionic.js` file and accompanying `dist/ionic/` directory. These are the same files which are used by the CDN, and they're available in this package so they can be apart of an app's local development.


## Framework Bindings

The `@ionic/core` package can by used in simple HTML, or by vanilla JavaScript without any framework at all. Ionic also has packages that make it easier to integrate Ionic into a framework's traditional ecosystem and patterns. (However, at the lowest-level framework bindings are still just using Ionic Core and Web Components).

* [@ionic/angular](https://www.npmjs.com/package/@ionic/angular)


## How to contribute

[Check out the CONTRIBUTE guide](CONTRIBUTING.md)

## Related

* [Ionic Documentation](https://ionicframework.com/docs/)
* [Ionic Worldwide Slack](http://ionicworldwide.herokuapp.com/)
* [Ionic Forum](https://forum.ionicframework.com/)
* [Ionicons](http://ionicons.com/)
* [Stencil](https://stenciljs.com/)
* [Stencil Worldwide Slack](https://stencil-worldwide.herokuapp.com/)
* [Capacitor](https://capacitor.ionicframework.com/)


## License

* [MIT](https://raw.githubusercontent.com/ionic-team/ionic/master/LICENSE)
npm package: @bbn/codemirror-lang-bbn-cp
Description: bbn-cp template support for the CodeMirror code editor
Author: Marijn Haverbeke
Latest version: 1.0.0

<!-- NOTE: README.md is generated from src/README.md -->

# @codemirror/lang-vue [![NPM version](https://img.shields.io/npm/v/@codemirror/lang-vue.svg)](https://www.npmjs.org/package/@codemirror/lang-vue)

[ [**WEBSITE**](https://codemirror.net/) | [**ISSUES**](https://github.com/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/c/next/) | [**CHANGELOG**](https://github.com/codemirror/lang-vue/blob/main/CHANGELOG.md) ]

This package implements Vue template support for the
[CodeMirror](https://codemirror.net/) code editor.

The [project page](https://codemirror.net/) has more information, a
number of [examples](https://codemirror.net/examples/) and the
[documentation](https://codemirror.net/docs/).

This code is released under an
[MIT license](https://github.com/codemirror/lang-json/tree/main/LICENSE).

We aim to be an inclusive, welcoming community. To make that explicit,
we have a [code of
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
to communication around the project.

## API Reference

<dl>
<dt id="user-content-vue">
  <code><strong><a href="#user-content-vue">vue</a></strong>(<a id="user-content-vue^config" href="#user-content-vue^config">config</a>&#8288;?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a> = {}) → <a href="https://codemirror.net/docs/ref#language.LanguageSupport">LanguageSupport</a></code></dt>

<dd><p>Vue template support.</p>
<dl><dt id="user-content-vue^config">
  <code><strong><a href="#user-content-vue^config">config</a></strong></code></dt>

<dd><dl><dt id="user-content-vue^config.base">
  <code><strong><a href="#user-content-vue^config.base">base</a></strong>&#8288;?: <a href="https://codemirror.net/docs/ref#language.LanguageSupport">LanguageSupport</a></code></dt>

<dd><p>Provide an HTML language configuration to use as a base. <em>Must</em>
be the result of calling <code>html()</code> from <code>@codemirror/lang-html</code>,
not just any <code>LanguageSupport</code> object.</p>
</dd></dl></dd></dl></dd>
<dt id="user-content-vuelanguage">
  <code><strong><a href="#user-content-vuelanguage">vueLanguage</a></strong>: <a href="https://codemirror.net/docs/ref#language.LRLanguage">LRLanguage</a></code></dt>

<dd><p>A language provider for Vue templates.</p>
</dd>
</dl>
npm package: @bbob/vue2
Description: A BBCode to Vue2 Renderer part of @bbob
Author: Nikolay Kostyurin
Latest version: 4.3.1

# @bbob/vue2
[![install size](https://packagephobia.now.sh/badge?p=@bbob/vue2)](https://packagephobia.now.sh/result?p=@bbob/vue2) [![Known Vulnerabilities](https://snyk.io/test/github/JiLiZART/bbob/badge.svg?targetFile=packages%2Fbbob-vue2%2Fpackage.json)](https://snyk.io/test/github/JiLiZART/bbob?targetFile=packages%2Fbbob-vue2%2Fpackage.json)

> Converts @bbob/parser AST tree to Vue 2


```shell
npm i @bbob/vue2 @bbob/preset-vue
```

```js
import Vue from 'vue'
import VueBbob from '@bbob/vue2';

Vue.use(VueBbob);
```

```html
<template>
  <div class="vue2">
    <h2>Generated vue2 here</h2>
    <bbob-bbcode container="div" :plugins="plugins">{{ bbcode }}</bbob-bbcode>
  </div>
</template>
<script>
  import Vue from 'vue'
  import preset from '@bbob/preset-vue'
  
  export default Vue.extend({
    name: 'App',
    data() {
      return {
        bbcode: 'Text [b]bolded[/b] and [i]Some Name[/i]',
        plugins: [
          preset()
        ],
      }
    }
  })
</script>
```
npm package: @bbon/formatter
Description: Format the entered values.
Author: Pon Cheol Ku
Latest version: 1.2.9

# @bbon/formatter

[![](https://shields.io/npm/v/@bbon/formatter)](https://www.npmjs.com/package/@bbon/formatter) [![](https://shields.io/npm/dt/@bbon/formatter)](https://www.npmjs.com/package/@bbon/formatter) [![Build and tag](https://github.com/bbonkr/bbon-formatter/actions/workflows/build-and-tag.yml/badge.svg)](https://github.com/bbonkr/bbon-formatter/actions/workflows/build-and-tag.yml) [![publish NPM](https://github.com/bbonkr/bbon-formatter/actions/workflows/publish-npm.yml/badge.svg)](https://github.com/bbonkr/bbon-formatter/actions/workflows/publish-npm.yml)


값을 형식화된 문자열로 처리하기 위한 기능을 제공합니다.

## 설치 Installation

```sh
$ npm install @bbon/formatter
```

```sh
$ yarn add @bbon/formatter
```

## 사용 Usage

### numberWithDelimiter

구분자로 구분된 숫자를 출력합니다.

```typescript
import { StringFormatter } from '@bbon/formatter';

const formatter = new StringFormatter();
const numberValue = 1000;
const formattedValue = formatter.numberWithDelimiter(numberValue);

console.info(formattedValue); // '1,000'
```

### fileSize

파일 크기를 읽기 편하게 출력합니다.

```typescript
import { StringFormatter } from '@bbon/formatter';

const formatter = new StringFormatter();
const numberValue = 2.05 * 1024;
const formattedValue = formatter.fileSize(numberValue, formatter.formattedValue, ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB']);

console.info(formattedValue); // '2.05 KB'
```
npm package: @bbsakura/renovate-config
Description: A shareable Renovate config for BBSakura Networks
Author: Yuya Kusakabe
Latest version: 1.1.95

# @bbsakura/renovate-config

[![npm version](https://badge.fury.io/js/%40bbsakura%2Frenovate-config.svg)](https://badge.fury.io/js/%40bbsakura%2Frenovate-config)

[Renovate Shareable Config Presets](https://docs.renovatebot.com/config-presets/) for BBSakura Networks.

## Usage

* `default`

```json
{
  "extends": ["@bbsakura"]
}
```

* `go`

```json
{
  "extends": ["@bbsakura:go"]
}
```

* `npm`

```json
{
  "extends": ["@bbsakura:npm"]
}
```

## Settings

See the settings in [package.json](https://github.com/bbsakura/renovate-config/blob/master/package.json) and [Configuration Options](https://renovatebot.com/docs/configuration-options/) in Renovate Docs

## License

MIT License
npm package: @bccfilkom/designsystem
Description: a Design System by Basic Computing Community
Latest version: 1.0.6

<b><h1 align="center">🤖 BCC - Design System</h1></b>
<p align="center">Design System is a set of components that have been standardized by a guideline to reduce redundancy and make all components consistent both in language and visually.</p>


## Installation
BCC-Design System is available at [npmjs: @bccfilkom/designsystem](https://www.npmjs.com/package/@bccfilkom/designsystem)

```bash
# with NPM
npm install @bccfilkom/designsystem

# with YARN
yarn add @bccfilkom/designsystem
```

## Usage
This is a quick example of using BCC - Design System component

```jsx
import * as React from 'react';
import ReactDOM from 'react-dom';
import {Button} from '@bccfilkom/designsystem';


function App() {
  return (
    <Button onClick={() => console.log("Hello world")}>Hello World</Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));
```


## Contributing

Please read our [Contributing Guidelines](CONTRIBUTING.md) to get started on developing.

This project is bound by a [Code of Conduct](CODE_OF_CONDUCT.md).


## License

Copyright (c) 2021 bccdesignsystem and/or contributors. All rights reserved.
npm package: @bcharityfi/uikit
Description: Set of UI components for bcharity defi website
Latest version: 1.0.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @bcherny/undux
Description: Facebook-specific wrapper for Undux
Author: Boris Cherny
Latest version: 0.0.1
Deprecated: use undux-fb

# undux (fb-specific version) [![Build Status][build]](https://circleci.com/gh/bcherny/undux) [![npm]](https://www.npmjs.com/package/@bcherny/undux) [![mit]](https://opensource.org/licenses/MIT) [![flow]](https://flow.org/)

[build]: https://img.shields.io/circleci/project/bcherny/undux.svg?branch=master&style=flat-square
[npm]: https://img.shields.io/npm/v/@bcherny/undux.svg?style=flat-square
[mit]: https://img.shields.io/npm/l/@bcherny/undux.svg?style=flat-square
[flow]: https://img.shields.io/badge/Flow-%E2%9C%93-007ACC.svg?style=flat-square

> You probably want [the main Undux package](https://github.com/bcherny/undux).

## TODO

- [ ] Generate flowdefs from src/index.js

## License

MIT
npm package: @bcodes/dom-log
Description: Log JSON stringified model objects to the DOM - side by side option, terminal styled
Author: briancodes
Latest version: 2.2.3

# DomLog

`npm install @bcodes/dom-log`

## Log stringified objects to the DOM

 This little library stringifies model objects and appends them to the `#app` element

 ```typescript
 import { DomLog } from '@bcodes/dom-log';
 // Supports method chaining and grouped output
 DomLog
  .log(a)
  .log(b)
  .log(c)
  .log(d)
  .sideBySide(4);
  ```

 Particularly useful for [StackBlitz](https://stackblitz.com/) and [CodeSandbox](https://codesandbox.io) projects 
 
 [![Edit es6-dom-log-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/es6-dom-log-demo-howwq?fontsize=14)

---

Continuous trips to the `console` were getting me down 😢

<p align="center">
  <img alt="console.log" height="200px" src="https://user-images.githubusercontent.com/15702512/60741364-ffdf1e80-9f60-11e9-9ab3-3d677528fd8b.png">
</p>

The data displays in readable form, and happiness returns 👍

<p align="center">
  <img alt="DomLog" src="https://user-images.githubusercontent.com/15702512/60740553-19cb3200-9f5e-11e9-8523-89182890226b.png">
</p>

## Map & Set

Map and Set are stringified as Array representations of their Iterator objects

---

## API

```typescript
   /**
   * Outputs JSON.stringified objects to the DOM 
   * Value replacer preserves NaN, undefined, Infinity, -Infinity
   *
   * @param {*} args
   */
  log: (...args: any[]) => DomLog;

  /**
   * Move the last number of logged outputs side by side
   *
   * @param {number} [num=2]
   */
  sideBySide: (num?: number) => DomLog;

  /**
   * Clear the current logging
   */ 
  clear: () => DomLog;

  /**
   * Log with console.log also
   *
   * @param {boolean} [value=true]
   */
  setLogToConsole: (value?: boolean) => DomLog;

  /**
   * Set the id of the DOM element to attach logs
   *
   * @param {string} [id='app']
   */
  setElementId: (id?: string) => DomLog;

  /** 
   * Apply default background color to HTML element 
   */
  applyBackgroundAll: () => DomLog;

  /**
   * Set the css font size e.g. 0.9em
   *
   * @param {string} [value='0.9em']
   */
  setFontSizeCss: (value?: string) => DomLog;

  /**
   * Scrolls the logged item into view
   *
   * @param {boolean} [value=true]
   */
  scrollIntoView: (value?: boolean) => DomLog;
  ```
npm package: @bconnorwhite/can-use-dom
Description: Typed version of can-use-dom to check if you can use the DOM
Author: Connor White
Latest version: 2.0.0

<!--BEGIN HEADER-->
<div id="top" align="center">
  <h1>@bconnorwhite/can-use-dom</h1>
  <a href="https://npmjs.com/package/@bconnorwhite/can-use-dom">
    <img alt="npm" src="https://img.shields.io/npm/v/@bconnorwhite/can-use-dom.svg">
  </a>
  <a href="https://github.com/bconnorwhite/can-use-dom">
    <img alt="typescript" src="https://img.shields.io/github/languages/top/bconnorwhite/can-use-dom.svg">
  </a>
  <a href="https://coveralls.io/github/bconnorwhite/can-use-dom?branch=master">
    <img alt="Coveralls Status" src="https://img.shields.io/coveralls/github/bconnorwhite/can-use-dom.svg?branch=master">
  </a>
</div>

<br />

<blockquote align="center">Typed version of can-use-dom to check if you can use the DOM</blockquote>

<br />

_If I should maintain this repo, please ⭐️_
<a href="https://github.com/bconnorwhite/can-use-dom">
  <img align="right" alt="GitHub stars" src="https://img.shields.io/github/stars/bconnorwhite/can-use-dom?label=%E2%AD%90%EF%B8%8F&style=social">
</a>

_DM me on [Twitter](https://twitter.com/bconnorwhite) if you have questions or suggestions._
<a href="https://twitter.com/bconnorwhite">
  <img align="right" alt="Twitter Follow" src="https://img.shields.io/twitter/url?label=%40bconnorwhite&style=social&url=https%3A%2F%2Ftwitter.com%2Fbconnorwhite">
</a>

---
<!--END HEADER-->

<br />

## Installation

```sh
yarn add @bconnorwhite/can-use-dom
```

```sh
npm install @bconnorwhite/can-use-dom
```

```sh
pnpm add @bconnorwhite/can-use-dom
```

## API

```js
import canUseDOM from "@bconnorwhite/can-use-dom";

console.log(canUseDOM); // boolean
```

<!--BEGIN FOOTER-->

<br />

<h2>Dev Dependencies</h2>

- [autorepo](https://www.npmjs.com/package/autorepo): Autorepo abstracts away your dev dependencies, providing a single command to run all of your scripts.


<br />

<h2 id="license">License <a href="https://opensource.org/licenses/MIT"><img align="right" alt="license" src="https://img.shields.io/npm/l/@bconnorwhite/can-use-dom.svg"></a></h2>

[MIT](https://opensource.org/licenses/MIT)
<!--END FOOTER-->
npm package: @bconnorwhite/json-types
Description: Type checking for json objects
Author: Connor White
Latest version: 1.0.5

# @bconnorwhite/json-types
![dependencies](https://img.shields.io/david/bconnorwhite/json-types)
![typescript](https://img.shields.io/github/languages/top/bconnorwhite/json-types)
![npm](https://img.shields.io/npm/v/@bconnorwhite/json-types)

Type checking for json objects

```
yarn add @bconnorwhite/json-types
```

## API
```ts
import { isJSONObject, JSONObject, JSONValue, JSONArray } from "@bconnorwhite/json-types";

isJSONObject(object?: JSONValue): boolean;

type JSONObject = {
  [key in string]?: JSONValue
};

type JSONValue = string | number | boolean | null | JSONObject | JSONArray;

interface JSONArray extends Array<JSONValue> {};

```
npm package: @bcostaaa01/remainder
Description: Alerts the remainder of a given number
Latest version: 5.0.0

# 🧮 Remainder

![npm (scoped)](https://img.shields.io/npm/v/@bcostaaa01/remainder)
![npm bundle size](https://img.shields.io/bundlephobia/min/remainder)

This is a package that logs the remainder of a number of the user's choice.

## ⚒️ How to install remainder

```npm i @bcostaaa01/remainder```

## 👩‍💻 How to use the remainder package

```
- First, import the library and store it in a variable called [remainder]
- Second, use remainder() and pass in two numbers of your choice to check what the remainder of the first one is

var remainder = require("@bcostaaa01/remainder")

remainder(10, 3)
// 1
```
npm package: @bcpros/bitcore-p2p-doge
Description: Interface to the bitcoin P2P network for bitcore
Latest version: 9.0.9

# Bitcore P2P DOGE

[![NPM Package](https://img.shields.io/npm/v/bitcore-p2p-doge.svg?style=flat-square)](https://www.npmjs.org/package/bitcore-p2p-doge)

**The peer-to-peer networking protocol for DOGE.**

`bitcore-p2p-doge` adds Dogecoin protocol support for Bitcore.

See [the main bitcore repo](https://github.com/bitpay/bitcore) for more information.

## Getting Started

```sh
npm install bitcore-p2p-doge
```

In order to connect to the Dogecoin network, you'll need to know the IP address of at least one node of the network, or use [Pool](./docs/pool.md) to discover peers using a DNS seed.

```javascript
var Peer = require('bitcore-p2p-doge').Peer;

var peer = new Peer({host: '127.0.0.1'});

peer.on('ready', function() {
  // peer info
  console.log(peer.version, peer.subversion, peer.bestHeight);
});
peer.on('disconnect', function() {
  console.log('connection closed');
});
peer.connect();
```

Then, you can get information from other peers by using:

```javascript
// handle events
peer.on('inv', function(message) {
  // message.inventory[]
});
peer.on('tx', function(message) {
  // message.transaction
});
```

Take a look at this [guide](./docs/peer.md) on the usage of the `Peer` class.

## Contributing

See [CONTRIBUTING.md](https://github.com/bitpay/bitcore/blob/master/CONTRIBUTING.md) on the main bitcore repo for information about how to contribute.

## License

Code released under [the MIT license](https://github.com/bitpay/bitcore/blob/master/LICENSE).

Copyright 2013-2019 BitPay, Inc. Bitcore is a trademark maintained by BitPay, Inc.
npm package: @bdbchgg/winget
Description: A winget wrapper library to make working with the Winget CLI easier
Author: Dominik Biedebach
Latest version: 1.0.1

# @bdbchgg/winget

A winget wrapper library to make working with the Winget CLI easier.

---

## Documentation

For detailed documentation on the available functions and how to use them, please refer to [docs.md](docs.md).

---

## About

`@bdbchgg/winget` is a lightweight and user-friendly wrapper around the Windows Package Manager (Winget) CLI. It simplifies the process of searching, listing, and managing packages by providing a programmatic interface. This library is designed to make it easier for developers to integrate Winget functionality into their Node.js applications.

### Features

- Search for packages using Winget.
- Parse and process Winget CLI outputs.
- Easy-to-use TypeScript interfaces for better type safety.

---

## Contribute

We welcome contributions! Please check out our [CONTRIBUTE](CONTRIBUTE.md) file for guidelines on how to get started.

---

## Maintainer

- **Dominik Biedebach** ([GitHub](https://github.com/bdbch))

---

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
npm package: @bdeco/core
Description: BDCashProtocol Javascript Library for build Blockchain enabled applications.
Author: BDCashProtocol Ecosystem
Latest version: 1.2.0

# BDCash-Core NPM

<h2 style="text-align: center;"><a id="user-content-bdcash-identity-framework" class="anchor" href="https://github.com/BDCashProtocol/bdcash-identity-framework/new/master?readme=1#bdcash-identity-framework" aria-hidden="true"></a><strong>BDCash Core</strong></h2>
<p style="text-align: center;">JS implementation of main wallet features.</p>


<br>This is the main client side library of BDCash Blockchain, written in NodeJS.

You can use this version by installing it directly from npm:

```npm install --save @bdeco/core```

# Use your own Nodesh

To override the Nodesh list you've to rewrite the array like this:

```
let BDCashCore = require('@bdeco/core')
let bdcash = new BDCashCore
bdcash.staticnodes = true
bdcash.mainnetNodesh = ['http://localhost:3001', 'https://anothernode.com']
```

# BDCash-Core CLI (WIP)

If you want to use the module as a CLI you have to run:

```sudo npm link```

Then you'll be able to run commands like:
```bdcash getinfo```

This feature is a work in progress and will be released soon.