open-index/open-npm huggingface dataset:
npm package: @mpt/freecad-sketch-to-icon
Description: This package provides an API or CLI to clean up and minimize a FreeCAD sketch that was exported as a "Flattened SVG" for use as an icon.
Author: Max J. Polster
Latest version: 1.1.0

This package provides an API or CLI to clean up and minimize a FreeCAD sketch that was exported as a "Flattened SVG" for use as an icon.

```bash
npm i -g @mpt/freecad-sketch-to-icon

# Example CLI usage:
freecad-sketch-to-icon -i ./input.svg -o ./output.svg
```

```js
// Example API usage:
import { sketchToIcon } from "@mpt/freecad-sketch-to-icon";

const output = sketchToIcon({
  input: await readFile("./input.svg", "utf-8"),
});
```

## Changelog

### **1.1.x**
+ Add support for `<circle>` elements.
npm package: @mpt/line-map
Description: Convert between line/column and offsets
Author: Max J. Polster
Latest version: 1.0.0

# @mpt/line-map
Convert between lines/columns and offsets.

## Why?
+ Has a one-to-one mapping between positions and offsets:
    + For every position there is exactly one offset and vice versa.
    + Converting positions and offsets that do not exist will return undefined.
+ Position objects are compatible with vscode's extension api.
+ Can be used to find all line start offsets in a string.
+ Supports custom line separators.
    + By default `\n` is used, which will also work with `\r\n`.
+ Conversions using an existing line map are very fast:
    + Converting position to offset has a complexity of `O(1)`.
    + Converting offset to position has a time complexity of `O(log n)` where n is the number of lines.
+ Exports both CommonJS and ES modules.

## Usage
```ts
import { LineMap } from "@mpt/line-map";

const map = new LineMap("\n  Hello World!\n");

map.getPosition(4);
// => { line: 1, character: 1 }

map.getOffset({ line: 1, character: 1 });
// => 4

map.offsets
// => [0, 1, 16]

map.text
// => "\n  Hello World!\n"
```
npm package: @mpth/react-no-ssr
Description: React component to wrap non SSR components.
Author: MPTH
Latest version: 1.0.1

# @mpth/react-no-ssr
> React component to wrap non SSR components, speeding up the eventloop while rendering pages SSR. Works with React >= 16.5.0

When working with Server Side Rendering(SSR) enabled apps, you have to deal with client only components. This wrapper makes it simple to work with those components.
[npmjs.com/package/@mpth/react-no-ssr](https://www.npmjs.com/package/@mpth/react-no-ssr)

### Installation

```
yarn add @mpth/react-no-ssr
```

### Usage

`Foo` is our **client only** component:

```js
import React from 'react';
import NoSSR from '@mpth/react-no-ssr';
import Foo from '../modules/foo';
import Bar from '../modules/bar';

const Page = () => (
  <>
    <h1>Page</h1>
    <Bar />
    <NoSSR>
      <Foo />
    </NoSSR>
  </>
);
```

Then, `<Foo />` component is only rendered on the client just after it's mounted.

### Render a Component on SSR

Usually, we need to add some loading text or similar until `<Foo />` component starts to render. Here's how to do it.

```js
const Loading = () => (<div>Loading...</div>);
const Page = () => (
  <>
    ....
    <NoSSR fallback={<Loading />}>
      <Foo />
    </NoSSR>
  </>
);
```

Now `<Loading />` component will be rendered until `<Foo />` component is rendered to the DOM.

[![Codecov Coverage](https://img.shields.io/codecov/c/github/maapteh/react-no-ssr/master.svg?style=flat-square)](https://codecov.io/gh/maapteh/react-no-ssr/)
npm package: @mptool/enhance
Description: Lifetime enhance for QQ/Wechat miniapp
Author: Mr.Hope
Latest version: 0.12.0

# @mptool/enhance

[![Author: Mr.Hope](https://img.shields.io/badge/作者-Mr.Hope-blue.svg?style=for-the-badge)](https://mister-hope.com) [![License](https://img.shields.io/npm/l/@mptool/enhance.svg?style=for-the-badge)](https://github.com/@mptool/enhance/@mptool/enhance/blob/main/LICENSE)

<!-- markdownlint-restore -->

[![Version](https://img.shields.io/npm/v/@mptool/enhance.svg?style=flat-square&logo=npm) ![Downloads](https://img.shields.io/npm/dm/@mptool/enhance.svg?style=flat-square&logo=npm) ![Size](https://img.shields.io/bundlephobia/min/@mptool/enhance?style=flat-square&logo=npm)](https://www.npmjs.com/package/@mptool/enhance)

[![DeepScan grade](https://deepscan.io/api/teams/9792/projects/17760/branches/417299/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=9792&pid=17760&bid=417299)
![CodeQL](https://github.com/miniapp-tool/mptool/actions/workflows/codeql-analysis.yml/badge.svg)
[![codecov](https://codecov.io/gh/miniapp-tool/mptool/branch/main/graph/badge.svg?token=TNYMbGlxQ9)](https://codecov.io/gh/miniapp-tool/mptool)
![Test](https://github.com/miniapp-tool/mptool/actions/workflows/test.yml/badge.svg)

一套完整的通信框架 ![Alpha](https://img.shields.io/badge/-Alpha-yellow)

- 打通任意页面和组件之间的通信
- 额外的生命周期，支持页面间互相调用进行预加载处理
- 组件与页面之间的相互引用
- 支持热更新页面逻辑 (TODO)

## [文档地址](https://miniapp-tool.github.io)
npm package: @mptool/file
Description: File enhance plugin for QQ/Wechat miniapp
Author: Mr.Hope
Latest version: 0.12.0

# @mptool/file

[![Author: Mr.Hope](https://img.shields.io/badge/作者-Mr.Hope-blue.svg?style=for-the-badge)](https://mister-hope.com) [![License](https://img.shields.io/npm/l/@mptool/file.svg?style=for-the-badge)](https://github.com/@mptool/file/@mptool/file/blob/main/LICENSE)

<!-- markdownlint-restore -->

[![Version](https://img.shields.io/npm/v/@mptool/file.svg?style=flat-square&logo=npm) ![Downloads](https://img.shields.io/npm/dm/@mptool/file.svg?style=flat-square&logo=npm) ![Size](https://img.shields.io/bundlephobia/min/@mptool/file?style=flat-square&logo=npm)](https://www.npmjs.com/package/@mptool/file)

[![DeepScan grade](https://deepscan.io/api/teams/9792/projects/17760/branches/417299/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=9792&pid=17760&bid=417299)
![CodeQL](https://github.com/miniapp-tool/mptool/actions/workflows/codeql-analysis.yml/badge.svg)
[![codecov](https://codecov.io/gh/miniapp-tool/mptool/branch/main/graph/badge.svg?token=TNYMbGlxQ9)](https://codecov.io/gh/miniapp-tool/mptool)
![Test](https://github.com/miniapp-tool/mptool/actions/workflows/test.yml/badge.svg)

轻量的小程序增强框架。

@mptool/file: 一套简单的文件与存储 API ![Alpha](https://img.shields.io/badge/-Alpha-yellow)

## [文档地址](https://miniapp-tool.github.io)
npm package: @mptool/skyline-enhance
Description: Lifetime enhance for Wechat dist 3.0 miniapp
Author: Mr.Hope
Latest version: 0.12.0

# @mptool/skyline-enhance

[![Author: Mr.Hope](https://img.shields.io/badge/作者-Mr.Hope-blue.svg?style=for-the-badge)](https://mister-hope.com) [![License](https://img.shields.io/npm/l/@mptool/skyline-enhance.svg?style=for-the-badge)](https://github.com/@mptool/skyline-enhance/@mptool/skyline-enhance/blob/main/LICENSE)

<!-- markdownlint-restore -->

[![Version](https://img.shields.io/npm/v/@mptool/skyline-enhance.svg?style=flat-square&logo=npm) ![Downloads](https://img.shields.io/npm/dm/@mptool/skyline-enhance.svg?style=flat-square&logo=npm) ![Size](https://img.shields.io/bundlephobia/min/@mptool/skyline-enhance?style=flat-square&logo=npm)](https://www.npmjs.com/package/@mptool/skyline-enhance)

[![DeepScan grade](https://deepscan.io/api/teams/9792/projects/17760/branches/417299/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=9792&pid=17760&bid=417299)
![CodeQL](https://github.com/miniapp-tool/mptool/actions/workflows/codeql-analysis.yml/badge.svg)
[![codecov](https://codecov.io/gh/miniapp-tool/mptool/branch/main/graph/badge.svg?token=TNYMbGlxQ9)](https://codecov.io/gh/miniapp-tool/mptool)
![Test](https://github.com/miniapp-tool/mptool/actions/workflows/test.yml/badge.svg)

一套完整的通信框架 ![Alpha](https://img.shields.io/badge/-Alpha-yellow)

- 打通任意页面和组件之间的通信
- 额外的生命周期，支持页面间互相调用进行预加载处理
- 组件与页面之间的相互引用
- 支持热更新页面逻辑 (TODO)

## [文档地址](https://miniapp-tool.github.io)
npm package: @mptr/ngx-color-picker
Description: > Pure Angular color picker library.
Author: mptr, Ivan Pintar
Latest version: 16.1.1

# ngx-color-picker
> Pure Angular color picker library.


[![npm version](https://badge.fury.io/js/%40iplab%2Fngx-color-picker.svg)](https://www.npmjs.com/package/@iplab/ngx-color-picker)
[![Build Status](https://travis-ci.org/pIvan/ngx-color-picker.svg?branch=master)](https://travis-ci.org/pIvan/ngx-color-picker)

# Demo
more detailed instructions can be found
[here](https://pivan.github.io/ngx-color-picker/)


# Description

- It's an Angular color picker
- Compatible with Angular 5+ versions
- No external dependency
- Simple to configure
- Easy to use


# Tested with

- Firefox (latest)
- Chrome (latest)
- Chromium (latest)
- Edge
- IE11


## Installing / Getting started

```shell
npm install @iplab/ngx-color-picker --save
```

Use the following snippet inside your app module: 
```shell
import { ColorPickerModule } from '@iplab/ngx-color-picker';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
...
...

@NgModule({
    imports: [
        BrowserModule,
        ColorPickerModule,
        BrowserAnimationsModule // or use NoopAnimationsModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}
```

Use the following snippet inside your template: 
```shell
<chrome-picker [(color)]="#fff"></chrome-picker>
```


## Developing

### Built With: 
- Angular
- RxJS

### Setting up Dev

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.


[Angular CLI](https://github.com/angular/angular-cli) must be installed before building ngx-color-picker project.

```shell
npm install -g @angular/cli
```

```shell
git clone https://github.com/pIvan/ngx-color-picker.git
cd ngx-color-picker/
npm install
npm run start
```
Open "http://localhost:4200" in browser


## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [link to tags on this repository](https://github.com/pIvan/ngx-color-picker/tags).

## Tests

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.


[Angular CLI](https://github.com/angular/angular-cli) must be installed before testing ngx-color-picker project.

```shell
npm install -g @angular/cli
```


```shell
git clone https://github.com/pIvan/ngx-color-picker.git
cd ngx-color-picker/
npm install
npm run test
```

## Contributing

### Want to help?

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our [contributing guide](https://github.com/pIvan/ngx-color-picker/blob/master/CONTRIBUTING.md) and then check out one of our [issues](https://github.com/pIvan/ngx-color-picker/issues).



## Licensing

ngx-color-picker is freely distributable under the terms of the [MIT license](https://github.com/pIvan/ngx-color-picker/blob/master/LICENSE).