open-index/open-npm huggingface dataset:
npm package: @iamzzg/data-view
Description: Vue Large screen data display component library
Author: Dragon
Latest version: 2.10.0

[ENGLISH](./README_EN.md)

<p align="center">
  <img src="./icon.png">
</p>
<h1 align="center">DataV</h1>
<p align="center">
    <a href="https://github.com/DataV-Team/datav/blob/master/LICENSE">
      <img src="https://img.shields.io/github/license/DataV-Team/datav.svg" alt="LICENSE" />
    </a>
    <a href="https://www.npmjs.com/package/@jiaminghi/data-view">
      <img src="https://img.shields.io/npm/v/@jiaminghi/data-view.svg" alt="LICENSE" />
    </a>
</p>

## DataV 是干什么的?

- DataV 是一个基于**Vue**的数据可视化组件库（当然也有[React 版本](https://github.com/DataV-Team/DataV-React)）
- 提供用于提升页面视觉效果的**SVG**边框和装饰
- 提供常用的**图表**如折线图等
- 飞线图/轮播表等其他组件

### npm 安装

```shell
$ npm install @jiaminghi/data-view
```

### 使用

```js
import Vue from "vue";
import DataV from "@jiaminghi/data-view";

Vue.use(DataV);

// 按需引入
import { borderBox1 } from "@jiaminghi/data-view";
Vue.use(borderBox1);
```

详细文档及示例请移步[HomePage](http://datav.jiaminghi.com).

### UMD 版

`UMD`版可直接使用`script`标签引入，`UMD`版文件位于项目`dist`目录下，引入后将自动把所有组件注册为**Vue 全局组件**，引入`DataV`前请确保已引入`Vue`。

[UMD 版使用示例](./umdExample.html)

### TODO

- **地图组件**
- **TS**重构组件库底层依赖

### 致谢

组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有 BUG 可及时提交[issue](https://github.com/DataV-Team/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。

### 反馈

![Feedback](./QQGroup.png)

### Demo

Demo 页面使用了全屏组件，请 F11 全屏后查看。

- [施工养护综合数据](http://datav.jiaminghi.com/demo/construction-data/index.html)

![construction-data](./demoImg/construction-data.jpg)

- [机电运维管理台](http://datav.jiaminghi.com/demo/manage-desk/index.html)

![manage-desk](./demoImg/manage-desk.jpg)

- [机电设备电子档案](http://datav.jiaminghi.com/demo/electronic-file/index.html)

![electronic-file](./demoImg/electronic-file.jpg)

## 修改成兼容 vue3 版改动

基于 DataV 2.10.0 版本的打包改动
由于 vue3 兼容 vue2 option API,且 datav 源码采用的 vue2api 在 vue3 中也兼容,改动内容如下

1. `decoration3` 和 `decoration6` 组件源码里将 `template` 的 `v-for` 绑定在 `rect` 上
2. 增加了打包成 `esm`,`iife`,`cjs` 格式,将依赖其余的库如`@jiaminghi/charts` 也打包进去(为了在 `vite` 中可以直接将使用 `esm` 格式,如果不打包,由于依赖的其他库作者是打包成 umd 模块,在开发过程中 vite 需要单独配置这些依赖或者单独引入才能进行依赖预购建成 esm 模块)
3. 修改了 rollup.config.mjs 和 rollup.terse 人.config.mjs 中的配置,增加了`esm`,`iife`,`cjs`入口文件,

## Vue2 版使用方式

和原来一样,只不过包名变成@iamzzg/data-view

## Vue3 版使用方式

`datav` 打包成 `vue3` 的版本在 `dist/vue3` 文件夹下

1. `umd` 使用方式
   未托管到 cdn,可以直接复制`dist/vue3/datav.map.vue.js`

```html
<script src="dist/vue3/datav.map.vue.js"></script>
<script>
  // app是createApp()的返回值
  app.use(datav);
</script>
```

2. `esm` 使用方式
   安装

```bash
npm i @iamzzg/data-view
```

全局注册

```js
import datav from "@iamzzg/data-view/dist/vue3/datav.map.vue.esm";

app.use(datav);
```

按需导入,和 vue2 方式一致

```js
import { borderBox1 } from "@iamzzg/data-view/dist/vue3/datav.map.vue.esm";
app.use(borderBox1);
```
npm package: @iamzzg/tiny
Description: Reomve all spaces from a string
Author: dragon
Latest version: 2.0.0

# @iamzzg/tiny

![npm (scoped)](https://img.shields.io/npm/v/@iamzzg/tiny)
![npm](https://img.shields.io/npm/v/1.0.0)

it's the tynest

## Install

---

```bash
$ npm install @iamzzg/tiny -S
```

Usage

---

```javascript
const tiny = require("@iamzzg/tiny");

tiny("So much Better");
```
npm package: @ian-p1nt0/envsync-ci-plugin
Description: EnvSync CI/CD integration plugins
Author: Ian Pinto
Latest version: 0.1.1

# @ian-p1nt0/envsync-ci-plugin

CI/CD integration plugins for EnvSync.

## Overview

The CI plugin package provides integration functionality for running EnvSync validation in CI/CD pipelines.

## Features

- **GitHub Actions Integration**: Native GitHub Actions support
- **GitLab CI Integration**: Native GitLab CI support
- **Exit Codes**: Proper exit codes based on severity
- **Detailed Annotations**: Issue annotations in CI logs
- **Configurable Thresholds**: Fail on specific severity levels

## Installation

```bash
npm install @ian-p1nt0/envsync-ci-plugin
```

## Usage

### GitHub Actions

```typescript
import { runGitHubAction } from '@ian-p1nt0/envsync-ci-plugin';

await runGitHubAction({
  baselineSnapshot: 'production.snapshot.json',
  failOn: 'high',
});
```

**Workflow Example:**

```yaml
name: Environment Validation

on: [push, pull_request]

jobs:
  validate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '18'
      - run: npm ci
      - run: npm install -g @ian-p1nt0/envsync
      - run: envsync validate --fail-on high
```

### GitLab CI

```typescript
import { runGitLabCI } from '@ian-p1nt0/envsync-ci-plugin';

await runGitLabCI({
  baselineSnapshot: 'production.snapshot.json',
  failOn: 'high',
});
```

**Pipeline Example:**

```yaml
environment-validation:
  stage: test
  image: node:18
  script:
    - npm install -g @ian-p1nt0/envsync
    - envsync validate --fail-on high
  only:
    - merge_requests
    - main
```

## API

### `runGitHubAction(options): Promise<void>`

Runs EnvSync validation in GitHub Actions.

**Options:**
- `baselineSnapshot: string` - Path to baseline snapshot file
- `failOn?: 'critical' | 'high' | 'medium' | 'low'` - Fail threshold (default: 'high')

### `runGitLabCI(options): Promise<void>`

Runs EnvSync validation in GitLab CI.

**Options:**
- `baselineSnapshot: string` - Path to baseline snapshot file
- `failOn?: 'critical' | 'high' | 'medium' | 'low'` - Fail threshold (default: 'high')

## CI Output Features

### GitHub Actions
- Formatted output groups
- Error/warning annotations
- Set output variables (has_drift, severity, total_issues)
- Proper exit codes

### GitLab CI
- Formatted console output
- Colored severity levels
- Detailed drift lists
- Proper exit codes

## Part of EnvSync

This is the CI/CD integration package of the EnvSync ecosystem:

- **[@ian-p1nt0/envsync](https://www.npmjs.com/package/@ian-p1nt0/envsync)** - Main CLI tool
- **[@ian-p1nt0/envsync-core](https://www.npmjs.com/package/@ian-p1nt0/envsync-core)** - Core detection engine
- **[@ian-p1nt0/envsync-sync](https://www.npmjs.com/package/@ian-p1nt0/envsync-sync)** - Synchronization engine
- **[@ian-p1nt0/envsync-ci-plugin](https://www.npmjs.com/package/@ian-p1nt0/envsync-ci-plugin)** - CI/CD integrations

## License

MIT

## Repository

[https://github.com/iAn-P1nt0/EnvSync](https://github.com/iAn-P1nt0/EnvSync)
npm package: @ian-p1nt0/envsync-core
Description: EnvSync core detection engine - Environment parity validator
Author: Ian Pinto
Latest version: 0.1.1

# @ian-p1nt0/envsync-core

Core detection engine for EnvSync - Environment Parity Validator.

## Overview

The core package provides the fundamental functionality for capturing environment snapshots and detecting drift between environments.

## Features

- **Environment Snapshot Capture**: Complete state capture including:
  - Node.js version and platform information
  - npm/yarn/pnpm dependencies with lockfile validation
  - Native binary modules (.node files) with ABI compatibility
  - Environment variables with sensitive data redaction
  - Docker images, containers, and compose configurations
  - System information

- **Drift Detection**: Comprehensive comparison with:
  - Semantic versioning analysis
  - Severity assessment (critical, high, medium, low)
  - Category-based grouping (nodejs, dependency, envvar, docker, binary)
  - Detailed impact and recommendation generation

- **Binary Compatibility**: Platform, architecture, and Node.js ABI validation

## Installation

```bash
npm install @ian-p1nt0/envsync-core
```

## Usage

```typescript
import { captureSnapshot, compareSnapshots } from '@ian-p1nt0/envsync-core';

// Capture environment snapshot
const snapshot = await captureSnapshot({
  redactSensitive: true,
  includeDocker: true,
  includeNativeModules: true,
});

// Compare two snapshots
const local = await captureSnapshot();
const remote = deserializeSnapshot(remoteSnapshotJson);
const report = compareSnapshots(local, remote);

console.log(`Drift detected: ${report.hasDrift}`);
console.log(`Severity: ${report.severity}`);
console.log(`Total issues: ${report.summary.total}`);
```

## API

### `captureSnapshot(options?): Promise<EnvironmentSnapshot>`

Captures a complete environment snapshot.

**Options:**
- `redactSensitive?: boolean` - Redact sensitive environment variables (default: true)
- `includeDocker?: boolean` - Include Docker information (default: true)
- `includeNativeModules?: boolean` - Include native modules (default: true)

### `compareSnapshots(local, remote): DriftReport`

Compares two environment snapshots and returns a drift report.

### `serializeSnapshot(snapshot): string`

Serializes a snapshot to JSON string.

### `deserializeSnapshot(data): EnvironmentSnapshot`

Deserializes a snapshot from JSON string.

## Part of EnvSync

This is the core package of the EnvSync ecosystem:

- **[@ian-p1nt0/envsync](https://www.npmjs.com/package/@ian-p1nt0/envsync)** - Main CLI tool
- **[@ian-p1nt0/envsync-core](https://www.npmjs.com/package/@ian-p1nt0/envsync-core)** - Core detection engine
- **[@ian-p1nt0/envsync-sync](https://www.npmjs.com/package/@ian-p1nt0/envsync-sync)** - Synchronization engine
- **[@ian-p1nt0/envsync-ci-plugin](https://www.npmjs.com/package/@ian-p1nt0/envsync-ci-plugin)** - CI/CD integrations

## License

MIT

## Repository

[https://github.com/iAn-P1nt0/EnvSync](https://github.com/iAn-P1nt0/EnvSync)
npm package: @ian-p1nt0/envsync-sync
Description: EnvSync environment synchronization engine
Author: Ian Pinto
Latest version: 0.1.1

# @ian-p1nt0/envsync-sync

Environment synchronization engine for EnvSync.

## Overview

The sync package provides functionality for automatically synchronizing environments to fix detected drift.

## Features

- **One-Click Sync**: Automatically fix environment drift
- **Dry-Run Mode**: Preview changes before applying
- **Auto-Fix Capability**: Unattended synchronization
- **Rollback Mechanism**: Safety rollback for failed syncs
- **Category-Based Filtering**: Sync only specific categories
- **Safety Confirmations**: User confirmation before making changes

## Installation

```bash
npm install @ian-p1nt0/envsync-sync
```

## Usage

```typescript
import { EnvironmentSync } from '@ian-p1nt0/envsync-sync';
import { compareSnapshots } from '@ian-p1nt0/envsync-core';

// Get drift report from core package
const report = compareSnapshots(localSnapshot, remoteSnapshot);

// Create sync instance
const sync = new EnvironmentSync();

// Sync with options
const result = await sync.sync(report, {
  autoFix: false,      // Require confirmation
  dryRun: false,       // Actually apply changes
  categories: ['dependency', 'envvar'],  // Only sync these
});

console.log(`Succeeded: ${result.summary.succeeded}`);
console.log(`Failed: ${result.summary.failed}`);
```

## API

### `EnvironmentSync.sync(driftReport, options?): Promise<SyncResult>`

Synchronizes the local environment to match the remote.

**Options:**
- `autoFix?: boolean` - Auto-fix without confirmation (default: false)
- `dryRun?: boolean` - Preview changes only (default: false)
- `categories?: DriftCategory[]` - Only sync specific categories
- `maxSeverity?: DriftSeverity` - Only sync up to this severity

**Returns:**
- `SyncResult` with success status and action details

## Sync Actions

The sync engine can handle:

- **Dependencies**: Install/update/remove npm packages
- **Environment Variables**: Show required changes (manual intervention)
- **Docker**: Pull missing images
- **Native Modules**: Rebuild for compatibility
- **Node.js Version**: Show upgrade instructions (manual intervention)

## Safety Features

- User confirmation required by default
- Dry-run mode for previewing changes
- Rollback point creation
- Error handling with detailed messages
- Category and severity filtering

## Part of EnvSync

This is the synchronization package of the EnvSync ecosystem:

- **[@ian-p1nt0/envsync](https://www.npmjs.com/package/@ian-p1nt0/envsync)** - Main CLI tool
- **[@ian-p1nt0/envsync-core](https://www.npmjs.com/package/@ian-p1nt0/envsync-core)** - Core detection engine
- **[@ian-p1nt0/envsync-sync](https://www.npmjs.com/package/@ian-p1nt0/envsync-sync)** - Synchronization engine
- **[@ian-p1nt0/envsync-ci-plugin](https://www.npmjs.com/package/@ian-p1nt0/envsync-ci-plugin)** - CI/CD integrations

## License

MIT

## Repository

[https://github.com/iAn-P1nt0/EnvSync](https://github.com/iAn-P1nt0/EnvSync)
npm package: @ian-regcheq/vue-bootstrap-select
Description: A vue version of bootstrap select
Latest version: 0.4.5


[![AUR version](https://img.shields.io/npm/v/@alfsnd/vue-bootstrap-select.svg)](https://github.com/Sandalf/vue-bootstrap-select)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/react.svg)](https://github.com/Sandalf/vue-bootstrap-select)

# @alfsnd/vue-bootstrap-select
A vue version of [bootstrap select](https://github.com/snapappointments/bootstrap-select/)

# Demo

[![Edit Vue Bootstrap Select Demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ovq821j566)

# Install

```shell
npm install @alfsnd/vue-bootstrap-select --save
```

# Usage

```js
import VSelect from '@alfsnd/vue-bootstrap-select'

export default {
  name: 'app',
  components: {
    VSelect
  },
  data() {
    return {
      selectedValue: null
    };
  }
}
```

```html
<template>
  <div id="app">
    <v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" v-model="selectedValue" />
  </div>
</template>
```

### Passing options

The `options` prop accepts arrays of strings

```html
  <v-select :options="['Item 1', 'Item 2']" />
```
And arrays of objects

```html
<v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" />
```

## Props

| parameter      | description                                                                                                                                    | type                                   | default      | acceptable value |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ------------ | ---------------- |
| disabled | disables select | Boolean | false   | |
| disabledProp | allows to disable specific options. If an option has this prop set to a truthy value it will disable the option. | String | disabled |  |
| labelNotFound | text displayed when no option is found in the search results | String | No results matched ||
| labelSearchPlaceholder | placeholder text for search input | String | Search | |
| options | list of options | Array | [] | |
| searchable | display search input | Boolean | false |  |
| showDefaultOption | sets the select title is set as an option | Boolean | false | |
| textProp | the option's prop that is displayed as the option's text | String | text | |
| valueProp | the option's prop that is used to find the selected value | String | value |
| filterFunction | a function that can be used to do own filtering | Function (options, searchValue) => filteredOptions | lowercase string comparison |
npm package: @ian-sun/rollup-plugin-sass
Description: A Rollup plugin for seamless integration between Rollup and Sass.
Author: Ian Sun
Latest version: 1.0.3

[npm]: https://img.shields.io/npm/v/@ian-sun/rollup-plugin-sass
[npm-url]: https://www.npmjs.com/package/@ian-sun/rollup-plugin-sass
[size]: https://packagephobia.now.sh/badge?p=@ian-sun/rollup-plugin-sass
[size-url]: https://packagephobia.now.sh/result?p=@ian-sun/rollup-plugin-sass

[![npm][npm]][npm-url]
[![size][size]][size-url]

# @ian-sun/rollup-plugin-sass

A Rollup plugin for seamless integration between Rollup and Sass.

## Install

Using npm:

```console
npm install --save-dev @ian-sun/rollup-plugin-sass
```

## Usage

Create a `rollup.config.js` [configuration file](https://www.rollupjs.org/guide/en/#configuration-files) and import the plugin:

```js
// rollup.config.js
import sass from '@ian-sun/rollup-plugin-sass';

export default {
  input: 'input.js',
  output: {
    dir: 'output',
  },
  plugins: [sass()],
};
```

Then call `rollup` either via the [CLI](https://www.rollupjs.org/guide/en/#command-line-reference) or the [API](https://www.rollupjs.org/guide/en/#javascript-api).

## Options

### `exclude`

Type: `string` | `Array<string>`<br>
Default: `null`

A [minimatch pattern](https://github.com/isaacs/minimatch), or array of patterns, which specifies the files in the build the plugin should _ignore_. By default no files are ignored.

### `include`

Type: `string` | `Array<string>`<br>
Default: `["**/*.sass", "**/*.scss"]`

A [minimatch pattern](https://github.com/isaacs/minimatch), or array of patterns, which specifies the files in the build the plugin should operate on. By default all `sass` and `scss` files are targeted.

### `functions`

Type: `Record<string, Function>`<br>
Default: `null`

The Sass [functions](https://sass-lang.com/documentation/js-api#functions) option, which defines additional built-in Sass functions that are available in all stylesheets.

## License

[LICENSE (MIT)](/LICENSE)
npm package: @ian-sun/rollup-plugin-string
Description: A Rollup plugin which imports files as string.
Author: Ian Sun
Latest version: 1.0.5

[npm]: https://img.shields.io/npm/v/@ian-sun/rollup-plugin-string
[npm-url]: https://www.npmjs.com/package/@ian-sun/rollup-plugin-string
[size]: https://packagephobia.now.sh/badge?p=@ian-sun/rollup-plugin-string
[size-url]: https://packagephobia.now.sh/result?p=@ian-sun/rollup-plugin-string

[![npm][npm]][npm-url]
[![size][size]][size-url]

# @ian-sun/rollup-plugin-string

A Rollup plugin which imports files as string.

## Install

Using npm:

```console
npm install --save-dev @ian-sun/rollup-plugin-string
```

## Usage

Create a `rollup.config.js` [configuration file](https://www.rollupjs.org/guide/en/#configuration-files) and import the plugin:

```js
// rollup.config.js
import string from '@ian-sun/rollup-plugin-string';

export default {
  input: 'input.js',
  output: {
    dir: 'output',
  },
  plugins: [string()],
};
```

Then call `rollup` either via the [CLI](https://www.rollupjs.org/guide/en/#command-line-reference) or the [API](https://www.rollupjs.org/guide/en/#javascript-api).

## Options

### `exclude`

Type: `string` | `Array<string>`<br>
Default: `null`

A [minimatch pattern](https://github.com/isaacs/minimatch), or array of patterns, which specifies the files in the build the plugin should _ignore_. By default no files are ignored.

### `include`

Type: `string` | `Array<string>`<br>
Default: `null`

A [minimatch pattern](https://github.com/isaacs/minimatch), or array of patterns, which specifies the files in the build the plugin should operate on. By default all files are targeted.

## License

[LICENSE (MIT)](/LICENSE)