open-index/open-npm huggingface dataset:
npm package: @jarunik/german-language-plugin
Description: German Language Option for Profile
Author: Jarunik
Latest version: 1.0.0

# German Language Plugin

> German translations for the [ARK Desktop Wallet](https://ark.io/wallet).

## Installation

Install this plugin directly through the Plugins Manager of the Desktop Wallet. Alternatively you can clone or [download](https://github.com/jarunik/german-language-plugin/archive/master.zip) this repository and unzip it into `~/.ark-desktop/plugins/`.

Don't forget to switch the language in your profile to activate the translation.

## Credits

- [Jarunik](https://github.com/jarunik)
- [All Contributors](../../contributors)

## License

[MIT](LICENSE) © [Jarunik](https://github.com/jarunik)
npm package: @jarunwang/vite-vscode-link
Description: 通过 shift+右键点击页面元素,快速在 vscode 中定位代码位置 vue
Author: JarunWang
Latest version: 0.0.6

## 通过 shift+左键点击页面元素,快速在 vscode 中定位代码位置 Vite
![Animation](https://user-images.githubusercontent.com/22042837/177247094-17215a38-ddfa-4e7e-9758-47b2a052b263.gif)
## 引入
``` 
    // 引入只需如下三步
    //1、install package
    yarn add @jarunwang/vue-code-link --dev
    //2、vite.config.js
    import { openCodeServer, addCodeLocation } from '@jarunwang/vue-code-link';
    export default ({ command, mode }: ConfigEnv): UserConfig => {
        ...
        const isBuild = command === 'build';
        const codePlugins = !isBuild ? [openCodeServer(), addCodeLocation()] : [];
        return {
            base: VITE_PUBLIC_PATH,
            root,
            resolve: {
            alias: [
                {
                    find: 'vue-i18n',
                    replacement: 'vue-i18n/dist/vue-i18n.cjs.js'
                },
                ...
            ],
            ...
            plugins:[...codePlugins,...]
            ...
        }
    }

    //3、main.js
    import { openCodeClient } from '@jarunwang/vue-code-link'
    openCodeClient.init()
```

## 编辑器命令加入环境变量 vscode
- 使用 command + shift + p (注意 window 下使用 ctrl + shift + p ) 然后搜索 code，选择 install 'code' command in path。

## 注意事项
- 插件会自动根据生成与开发环境决定是否启用,不会对生产环境造成任何影响
- 只支持 vue + vite + vscode ,[webpack版本](https://www.npmjs.com/package/@linzhinan/vue-code-link)
- 该项目看到了一位前端大佬的文章，[文章链接](https://mp.weixin.qq.com/s/AZQTK_lk8BxxWZCDU5P_Yg) 。文章里有详细的设计思路和代码片段。 网上查找到一个[webpack版本](https://www.npmjs.com/package/@linzhinan/vue-code-link)，整合后增加一个vite版
npm package: @jarunwang/vue-vscode-link
Description: 通过 shift+右键点击页面元素,快速在 vscode 中定位代码位置 vue
Author: JarunWang
Latest version: 0.0.6

![Animation](https://user-images.githubusercontent.com/62974111/174468768-dcacbfaa-3565-4608-bbb3-9a1b81da4ff0.gif)

# 通过 shift+左键点击页面元素,快速在 vscode 中定位代码位置

# 引入

```
    引入只需如下三步
    //1、install package
    npm install -s @jarunwang/vue-code-link
    //2、vue.config.js
    const { vueCodeLinkServer, vueCodeLinkLoaderConfig } = require('@jarunwang/vue-code-link')
    module.exports = {
        ...
        devServer: {
          ...
          //添加监听服务
          before: vueCodeLinkServer.before
        },
        ...
        chainWebpack(config) {
          //添加vue-code-link处理器
          vueCodeLinkLoaderConfig.addVueCodeLinkLoader(config)
          ...
        }
    }
    //3、main.js
    import { vueCodeLinkClient } from '@jarunwang/vue-code-link'
    vueCodeLinkClient.init()
```

# 编辑器设置/setEditor

- 新增支持 webstorm

```
 //修改vue.config.js
  const { vueCodeLinkServer,vueCodeLinkServerConfig,vueCodeLinkLoaderConfig } = require('@jarunwang/vue-code-link')
  vueCodeLinkServerConfig.setEditor("webstorm")
```

# 编辑器命令加入环境变量

## vscode 的 code 命令

- vscode 的定位功能是基于 vscode 的 code 命令实现的，所以请确认 code 命令是否有效(cmd 或 shell 里直接执行 code)
- 若 code 命令找不到请如下操作: \
   方案 1 \
  使用 command + shift + p (注意 window 下使用 ctrl + shift + p ) 然后搜索 code，选择 install 'code' command in path。 \
   方案 2 \
  也可直接手动将 code 命令的路径添加到环境变量中

## webstorm

直接手动将 webstorm 命令的路径添加到环境变量中

# 使用

shift+鼠标左键点击页面元素即可

# 注意事项

- 插件会自动根据生成与开发环境决定是否启用,不会对生产环境造成任何影响
- 暂时只支持 vue + webpack + vscode/webstorm
- 代码定位精确到行，但定位只限于项目 src 目录下的代码,后续会考虑添加可定位目录的配置
- 该项目借鉴了一位前端大佬的文章，[文章链接](https://mp.weixin.qq.com/s/AZQTK_lk8BxxWZCDU5P_Yg)。文章里有详细的设计思路和代码片段。
  本来打算直接用大佬的项目，但是对方说暂时只在他们公司内部使用，故本人自己写了一个简单版的。
npm package: @jarusll/path
Description: A wrapper class for node's `path` module.
Author: Suraj Yadav
Latest version: 0.6.2

# Path
A wrapper class for node's `path` module.

# Documentation
- I represent a filepath in system.
- You can import me by 
    - `import Path from '@jarusll/path'`
- You can use me by
    - `new Path(PATH_STRING)`
    - `Path.fromString(PATH_STRING)`
    - `PATH_STRING.asPath()`

![Class Diagram](https://www.plantuml.com/plantuml/png/PP3H3i8W34NV-GeUsL_CnFYgKN-WCgOO1alR6Otntns5QQ8lDt3lkMdJbXYGfo4e6u187nXzF3-LrXfe1tmnZNffLTDiI5OvFSw6_4LiYiGuMKveI81SQ2GZ1lPMzvY6qlqZH3ojJfJ2nCuqrTYxC5TlNsFjqUKPZu-pyI77ykj-qbuoURexkqW-nOMz9XyDv1MsMBOgu0X8Imdh-6EgXWXGuVDvLEjYDv_m3G00)

### TODO
### DONE
- [x] Add `relativeTo` and `extension` messages. Did not add `resolve`, too confusing
- [x] Add unit tests
- [x] Add `join` and `parse`
- [x] Add UML diagram
- [x] Add `asPath` message for String in IIFE. Dint had to, it automatically imported itself
- [x] Bundling? for fun. Added with `rollup`
npm package: @jarusll/point
Description: I represent a geometric point.
Author: Suraj Yadav
Latest version: 1.0.2

# Point
I represent a geometric point.

- You can use me by 
    - `new Point(x, y)`
    - `Point.fromArray([x, y])`
    - `Point.with(x, y)`

![Class Diagram](./uml/Point.svg)

# TODO
- [ ] Add more point messages
# DONE
npm package: @jarusll/user-avatar
Description: A user avatar web component
Author: Suraj Yadav
Latest version: 1.2.0

I am a `user-avatar` web component.

You can use me by 
- `import 'user-avatar'`
- `<user-avatar name="NAME" image="IMAGE_URL" title="HEADING"></user-avatar>`

I look like
- ![Preview](https://raw.githubusercontent.com/jarusll/user-avatar/master/preview.png)
npm package: @jarvannnn/utils
Description: 内置工具包
Author: 蒋亚辉
Latest version: 1.5.1

# utils
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/BestJarvan/utils-tools)
[![npm](https://img.shields.io/bundlephobia/min/@jarvannnn/utils/0.0.11)](https://www.npmjs.com/package/@jarvannnn/utils)

[doc文档](https://bestjarvan.github.io/utils-tools/)

##### 使用说明

```
// 通过npm安装
npm i --save @jarvannnn/utils
```

#### 调试说明
```
npm i

// 自动启动vue2方便调试、新增方法
npm run serve

// 跑单测
npm run test

// 打包生成文档
npm run build
```

![代码补全](https://fastly.jsdelivr.net/gh/BestJarvan/pic-imgs/imgs/202201171509895.png)

### 前言
1. 项目中经常会用到某些方法，比如格式化时间戳，比如判断环境等等。  
笔者最初是把这些方法抽离出来写成公共方法，但由于后期项目扩展每次都要复制这个工具文件很是麻烦且效率低下，发布npm包正好解决了这个痛点，正好借此机会重构成ts文件并发布npm包。  

2. 本工具内置`vue2.x + ts`，方便开发中调试代码。  
本工具包内部集成了`lodash`的一些方法，详见[文档](https://bestjarvan.github.io/utils-tools/docs/interfaces/lodashtool.html)或者`src/core/lodash-tool`  

3. 本工具使用`typedoc`根据注释自动生成文档，可搜索方法

4. 本项目npm包单元测试通过率100%，同时经过公司多个项目沉淀，且稳定运行，大家如有需要可直接下载拓展使用

[博客传送门](https://bestjarvan.gitee.io/2020/04/14/npm/Typescript+verdaccio/index.html)

本文只简要介绍下整个流程，具体项目[GitHub](https://github.com/BestJarvan/utils-tools)，欢迎Start、Fork。thx~   XD


### 插件
> 本工具包使用下列插件规范开发，定制团队开发规范
- eslint
- tslint
- prettier
- commitlint
- husky

### 目录结构
```
.
├── LICENSE
├── README.md
├── docs // typedoc生成的文档
│   ├── assets
│   ├── globals.html
│   ├── index.html
│   └── interfaces
├── gulpfile.js // gulp+rollup配置文件
├── package.json
├── public // vue相关
├── home // vue调试页面
├── src // 代码模块
│   ├── core // 核心代码块
│   │   ├── env.ts
│   │   └── ***.ts
│   ├── index.ts // 入口文件
│   ├── tools
│   │   └── index.ts
│   └── types // 声明文件
│       └── index.ts
├── test // 单元测试
│   ├── core // 核心代码单元测试
│   │   ├── env.spec.ts
│   │   └── ***.spec.ts
│   └── index.spec.ts
├── tsconfig.json // ts配置
├── tslint.json // tslint配置
├── .prettierrc // prettier配置
├── .lintstagedrc // lintstage配置
└── typedoc.json // typedoc配置
```

### 100%测试通过率

![测试结果](https://fastly.jsdelivr.net/gh/BestJarvan/pic-imgs/imgs/202201171509157.png)

### 文档输出
1. 配置typedoc
```
// package.json  scripts片段
{
  "build": "npm run lint && gulp && typedoc",
}
// typedoc 自动识别根目录下typedoc.json配置文件

```

#### 版本说明

```
----------|------------------------
版本号     |  备注
----------|------------------------
v0.0.1    | 基础搭建
v0.1.0    | 新增vue2.x调试
v0.1.2    | 修复bug，维护更新
v1.1.0    | 优化math方法，新增thumbnail, formatToNumber, dealNumber, getGuid方法
v1.1.1    | 开启命名空间
v1.1.2    | 修复thumbnail方法判断，若传入空数组报错的bug
v1.1.3    | 修复throttle、debounce，标识变量移动到函数内部，thumbnail方法支持更大图片格式
v1.1.5    | 新增方法，正常迭代
v1.2.0    | 新增isWxImg，envInfo，isThirdPC方法，兼容多平台和企微头像识别
v1.2.1    | 修复toFixed方法遇见0.1浮点数计算精度出错问题
v1.2.3    | 拓展thumbnail方法
v1.3.0    | 植入lodash方法
v1.3.3    | 拓展lodash方法
v1.3.4    | 节流防抖，新增修饰符
v1.3.5    | envInfo，isThirdPC优化展示方法，返回当前环境
v1.3.6    | thumbnail: 支持API 导入进来的图片不渲染缩略图
v1.4.0    | hexToRgba: 新增16进制转rgba方法
v1.4.1    | thumbnail: 新增1080
v1.5.0    | lodash: 新增_padStart, _padEnd
----------|------------------------
```

#### 参与贡献

1.  新建 feature/xxx 分支
2.  提交代码
3.  新建 Merge Request