open-index/open-npm huggingface dataset:
npm package: @ljo-hamburg/gutenberg-image-selector
Description: Image Selector Control for Gutenberg
Author: Kim Wittenburg
Latest version: 0.1.3

# gutenberg-image-selector

![Build](https://github.com/ljo-hamburg/gutenberg-image-selector/workflows/Build/badge.svg)
![Lint](https://github.com/ljo-hamburg/gutenberg-image-selector/workflows/Lint/badge.svg)
![npm](https://img.shields.io/npm/v/@ljo-hamburg/gutenberg-image-selector)

A simple image selection control to be used in the `InspectorControls` of a Gutenberg block.

## Installation

Install the package via npm

```shell
npm install --save @ljo-hamburg/gutenberg-image-selector
```

## Usage

After importing the package you can use the image selector in your block:

```jsx
import ImageSelector from "@ljo-hamburg/gutenberg-image-selector"
...
<InspectorControls>
  <ImageSelector
    imageID={imageID}
    authMessage="You are not permitted to upload images."
    label="Select Background Image"
    removeLabel="Remove Background Image"
    onChange={(imageID) => setAttributes({ imageID })}
  />
</InspectorControls>
```

The component supports the following props:

- `imageID`: The ID of the image that should be displayed, or `null` if no image is currently selected.
- `authMessage`: This message is displayed to users that are not permitted to upload images.
- `label`: This label is displayed on the butten when no image is selected.
- `removeLabel` (optional): This label is displayed on the button allowing the user to remove the selected image. If this is unspecified no removal button is displayed.
- `title`: The title of the image selection dialog.
- `onChange`: A function that is called when the user selects an image. When the image is removed this function is called with a `null` argument.
npm package: @ljobse/appsettings-loader
Description: This allows you to automatically map environment variables typed into your application.
Author: LJobse
Latest version: 1.0.0

# Appsettings json config loader

## A simple tool to load config data

This allows you to automatically map environment variables typed into your application.

- By overwriting the saved file during the build (CLI, intended for Frontend applications)
- By setting the values at runtime (import, intended for Backend applications)

## Install

```bash
# with npm
npm install @ljobse/appsettings-loader

# or with Yarn
yarn add @ljobse/appsettings-loader
```

# CLI

The CLI allows you to overwrite properties in the json file from the current process.env context.

```bash
$ appsettings-loader ./config/appsettings.json
```

# Lib

The library allows you to load the current process.env variables into an imported js(on) object.

```javascript
var newSettings = applyEnvConfig(require("./config/appsettings.json"));
```

- Nesting is supported by dot separation `.` and double underscores `__`.
- Types are inherited
- Case insensitive
- Omits underscores `_`

### Real world example

Environment on cloud provider or locally is set with the variables you need to load into your application.

```dosini
#process.env

DATABASE_NAME=server_db
```

```json
//# src/config/config.json
{
  "databaseName": "postgres"
}
```

```typescript
//# src/config/index.ts

import { applyEnvConfig } from "@ljobse/appsettings-loader";
import appsettings from "./config.json";

const config = applyEnvConfig(appsettings);

export { config };
```

```typescript
//# src/app.ts

import { config } from "./config";

console.log(config.databaseName);
// => "server_db"
```

### Array support

JSON arrays are supported in the values as well.

In your config you can define the structure of the array.

```json
{
  "app": { "arr": [{ "foo": "bar" }] }
}
```

The env variable should look like this to override:

```
APP__ARR=[{"foo":"baz"}]
```

and then the result will be:

```typescript
//# src/app.ts

import { config } from "./config";

console.log(config.app.arr);
// => [{ foo: "baz" }]
```
npm package: @ljreaux/qr-code-generator
Description: A simple CLI QR Code Generator.
Author: Larry Reaux
Latest version: 1.2.0

# QR Code Generator

This is a simple QR code generator using node.js. Allows you to enter a url, file name, and file type using your CLI. The file is then saved in the CWD.

Link to the NPM page [here](https://www.npmjs.com/package/@ljreaux/qr-code-generator).

install command
```terminal
npm i @ljreaux/qr-code-generator
```

run command
```terminal
createQR
```
npm package: @ljtang2009/lint-configuration
Description: [![🧪 Test](https://github.com/ljtang2009/lint-configuration/actions/workflows/test.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/test.yml)
Author: Logan Tang
Latest version: 1.0.0

# lint-configuration

[![🧪 Test](https://github.com/ljtang2009/lint-configuration/actions/workflows/test.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/test.yml)

[![🧹 Lint](https://github.com/ljtang2009/lint-configuration/actions/workflows/lint.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/lint.yml)

[![📢 Publish to GitHub And NPM](https://github.com/ljtang2009/lint-configuration/actions/workflows/publish-github-npm.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/publish-github-npm.yml)

[![🔀 Sync mirror to Gitee](https://github.com/ljtang2009/lint-configuration/actions/workflows/sync-gitee.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/sync-gitee.yml)

[![codecov](https://codecov.io/gh/ljtang2009/lint-configuration/graph/badge.svg?token=tnzJK8PqsW)](https://codecov.io/gh/ljtang2009/lint-configuration)

[![👮 Audit](https://github.com/ljtang2009/lint-configuration/actions/workflows/audit.yml/badge.svg)](https://github.com/ljtang2009/lint-configuration/actions/workflows/audit.yml)
npm package: @ljtang2009/lint-use
Description: Collection of Lint Utilities
Author: Logan Tang
Latest version: 1.3.1

# lint-use

[![logo-light]][offical-website]
[![logo-dark]][offical-website]

[![📖 Doc][doc-badge]][offical-website]

[![📦 Build][github-action-build-image]][github-action-build-url]
[![✅ Test][github-action-Test-image]][github-action-Test-url]
[![📤 Deploy Docs][github-action-deploy-docs-image]][github-action-deploy-docs-url]
[![🔀 Sync mirror to Gitee][github-action-sync-mirror-to-gitee-image]][github-action-sync-mirror-to-gitee-url]

[![NPM version][npm-image]][npm-url]
[![codecov][codecov-image]][codecov-url]
[![Commitizen friendly][commitizen-image]][commitizen-url]

## 🚀 Features

- provide ESLint rules config
- provide typescript-eslint config and rules
- provide @stylistic/eslint-plugin config and rules
- provide eslint-plugin-jsonc config and rules
- provide Stylelint config and rules
- provide stylelint-config-clean-order config
- provide stylelint-prettier config and rules
- provide prettier config
- provide markdownlint config

[doc-badge]: https://img.shields.io/badge/docs-brightgreen
[offical-website]: https://lint-use.netlify.app/
[github-action-build-image]: https://github.com/ljtang2009/lint-use/actions/workflows/build.yml/badge.svg
[github-action-build-url]: https://github.com/ljtang2009/lint-use/actions/workflows/build.yml
[github-action-Test-image]: https://github.com/ljtang2009/lint-use/actions/workflows/test.yml/badge.svg
[github-action-Test-url]: https://github.com/ljtang2009/lint-use/actions/workflows/test.yml
[github-action-deploy-docs-image]: https://github.com/ljtang2009/lint-use/actions/workflows/deploy-docs.yml/badge.svg
[github-action-deploy-docs-url]: https://github.com/ljtang2009/lint-use/actions/workflows/deploy-docs.yml
[github-action-sync-mirror-to-gitee-image]: https://github.com/ljtang2009/lint-use/actions/workflows/sync-gitee.yml/badge.svg
[github-action-sync-mirror-to-gitee-url]: https://github.com/ljtang2009/lint-use/actions/workflows/sync-gitee.yml

[npm-image]: http://img.shields.io/npm/v/@ljtang2009/lint-use.svg?style=flat-square
[npm-url]: http://npmjs.org/package/@ljtang2009/lint-use

[codecov-image]: https://codecov.io/gh/ljtang2009/lint-use/graph/badge.svg?token=PJP8KHQJ0Q
[codecov-url]: https://codecov.io/gh/ljtang2009/lint-use
[commitizen-image]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]: http://commitizen.github.io/cz-cli/

Collection of Lint Utilities.

[logo-light]: https://lint-use.netlify.app/images/logo/light.png#gh-light-mode-only
[logo-dark]: https://lint-use.netlify.app/images/logo/dark.png#gh-dark-mode-only
npm package: @ljtcomp/map
Description: A map component library based on mapboxgljs for business level encapsulation
Author: liujintao
Latest version: 1.0.6-beta.2

# 地图组件

基于 mapboxgl.js 封装的常用项目级别的离线地图组件，方便基础地图交互和数据加载

## 文档

参考 example.js 文件进行基础功能的使用

## 地图基础组件项目封装日志

地图初始化 --100%
地图基础图层加载，自定义样式表达式预置调研，悬浮图层事件交互布置优化 --100%

标点添加，自定义 vue 方案布置 --100%
地图控件封装，path 面包屑控件布置 --100%
图片，视频数据源图层布置 --100%

json 数据，图片视频资源配置项添加 --100%
计算质心方案，展示地图名称文本图层，以及动态展示处理 --100%
地图 level 层级下钻限制 处理逻辑 --100%
区块颜色设置功能布置,地图事件配置项入口布置 --100%

配置项优化，开发模式生产模式分离 0418
地图默认携带数据以及资源处理 --

- V1.0.2 开放用例和静态数据文件 --已打包
- V1.0.3 地图面包屑逻辑优化，事件逻辑优化处理 --已打包
- V1.0.6 地图边界选取功能布置添加 --已打包
- 地区过滤 filter 自定义处理
- element-plus 添加，全局自定义样式 map 空间前缀

自定义动态图层背景 --
useMap 组件复用 map 上下文逻辑处理 --
数据聚合拓展处理 --

mapbox-draw 功能拓展添加
自定义图层，threebox 接入，模型导入
引线精灵悬浮框 地图点转换加外层精灵图片或 dom
threejs 飞线，边框路径，盾牌特效
在线地图服务配置

#### 其他

git config --global i18n.logoutputencoding utf-8