open-index/open-npm huggingface dataset:
npm package: @hclc/engine-plugins
Description: @hclc/engine-plugins
Author: lin_zhw
Latest version: 1.0.3

# hc-lc-engine-plugins [![][npm-image]][npm-url]

hc-lc-engine-plugins

---

## 使用

### 注册插件
```jsx
import { plugins } from '@alilc/lowcode-engine';
import LowcodePluginHcLcEnginePlugins from 'hc-lc-engine-plugins';

// 注册到引擎
plugins.register(LowcodePluginHcLcEnginePlugins);
```

### 插件属性 & 方法
无对外暴露的属性和方法

### 依赖插件
该插件依赖以下插件：

| 插件名 | 包名 |
| --- | --- |

## 开发
### 环境准备

### 启动
```sh
npm i & npm start
```

### 发布
```sh
npm run pub
```

[npm-image]: https://img.shields.io/badge/hc-lc-engine-plugins
[npm-url]: https://www.npmjs.com/package/hc-lc-engine-plugins
npm package: @hclc/plugin-variable-pane
Description: plugin-variable-pane
Author: lin_zhw
Latest version: 1.0.1

# hclc-plugin-variable-pane [![][npm-image]][npm-url]

plugin-variable-pane

---

## 使用

### 注册插件
```jsx
import { plugins } from '@alilc/lowcode-engine';
import LowcodePluginPluginVariablePane from 'lowcode-plugin-plugin-variable-pane';

// 注册到引擎
plugins.register(LowcodePluginPluginVariablePane);
```

### 插件属性 & 方法
无对外暴露的属性和方法

### 依赖插件
该插件依赖以下插件：

| 插件名 | 包名 |
| --- | --- |

## 开发
### 环境准备

### 启动
```sh
npm i & npm start
```

### 发布
```sh
npm run pub
```
npm package: @hclonely/hexo-github
Description: Display a GitHub repositoy badge with timeline in your post to keep track of version difference.
Author: HCLonely & AKFish
Latest version: 1.0.7

> 由于[原项目](https://github.com/akfish/hexo-github)不在维护，我稍微修复了一下

# hexo-github

Display a GitHub repositoy badge with timeline in your post to keep track of version difference.

![GitHub Badge Animation](/capture.gif?raw=true)

## Motive

When referencing an on-going project in an article, some of the content might became un-true or out-of-date as the project evolves, which would certainly cause some confusions to the readers.

This plugin display a badge with timeline for a GitHub repository that will compare latest commit against the referenced one. It should keep the readers informed.

## Install

`npm install --save @hclonely/hexo-github`

## Usage

Insert `commit` tag in your article:

```markdown
{% commit user repo referenced_commit [auto_expand = true | false] [width = 100%] %}
```

Argument | Description
-------- | -----------
user     | GitHub user name
repo     | GitHub repository name of that user
commit   | Commit sha1 referenced in the article
auto_expand | (Optional, default == false) true of false. Expand the timeline once synced if set to true.
width    | (Optional, default == 100%). Widget's width. It should be a valid CSS width value.

Example:

```markdown
{% commit akfish hexo-math b82e65 %}
```
npm package: @hcm4all/react-org-chart
Description: Simple, high-performance react component for d3 org chart
Author: Fouad Matin
Latest version: 0.1.12

# react-org-chart

### Features

- High-performance D3-based SVG rendering
- Lazy-load children with a custom function
- Handle up to 1 million collapsed nodes and 5,000 expanded nodes

### React Props

| **property**      | **type** | **description**                                                                    | **example**                                                                    |
| ----------------- | -------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| tree              | `Object` | Nested data model with all of the employees in the company (Required)              | { "id": 123, "person": { "name": "Fouad Matin" }, "children": [] } |                                                                 |
| nodeWidth         | `Number` | Width of the component for each individual (Optional)                              | 180                                                                            |
| nodeHeight        | `Number` | Height of the component for each individual (Optional)                             | 100                                                                             |
| nodeSpacing       | `Number` | Spacing between each of the nodes in the chart (Optional)                             | 12                                                                             |
| animationDuration | `Number` | Duration of the animations in milliseconds (Optional)                              | 350                                                                            |
| lineType          | `String` | Type of line that connects the nodes to each other (Optional)                      | “angle” “curve”
npm package: @hcphoon01/leaflet-headless
Description: Leaflet for node.
Author: Jan Pieter Waagmeester
Latest version: 0.3.0

Leaflet-headless
----------------

[Leaflet](http://leafletjs.com) for node.


 - Has Leaflet 1.1.x as dependency.
 - Uses [jsdom](https://github.com/tmpvar/jsdom) to fake ad DOM.
 - Uses `Image` implementation and canvas from [canvas](https://github.com/LearnBoost/node-canvas).
   Note that node-canvas needs some dependencies to be installed: for ubuntu: `sudo apt-get install libcairo2-dev libjpeg8-dev libpango1.0-dev libgif-dev build-essential g++`
 - Tiles, Markers and vector layers work well with [leaflet-image](https://github.com/mapbox/leaflet-image)
 - It's slow (~4s for the `examples/choropleth/` on my machine).


### Example

Run `npm install leaflet-headless` to install the package. Requiring `leaflet-headless` will introduce a global `L` which just works like in the browser.

For vector layers, make sure to use the canvas renderer if you want to use `leaflet-image`:

```JavaScript
var L = require('leaflet-headless');

var map = L.map(document.createElement('div')).setView([52, 4], 10);

var marker = L.marker([52, 4]).addTo(map);

var latlngs = [[52, 4], [54, 4], [54, 6], [52, 6], [52, 4]];
var polyline = L.polyline(latlngs).addTo(map);
```

### Setting map size

Because jsdom does not support `clientWidth`/`clientHeight`, `leaflet-headless` defaults to a map size of 1024x1024px. To adjust this size, use `L.Map.setSize(width, height)`.

```JavaScript
map.setSize(800, 600);
```

### Saving images

`leaflet-headless` adds a convenience function to `L.Map` to save the current map to an image using `leaflet-image`.

`L.Map.saveImage(filename, callback)`: Save image to `filename` and call `callback` when ready.

```JavaScript
map.saveImage('test.png', function (filename) {
    console.log('Saved map image to ' + filename);
});
```

### Other examples:
 - `examples/leaflet-image/`, using [leaflet-image](https://github.com/mapbox/leaflet-image) to output a `.png`.
 - `examples/choropleth/`, [Choropleth tutorial from leafletjs.com](http://leafletjs.com/examples/choropleth.html) using [leaflet-image](https://github.com/mapbox/leaflet-image) to output a `.png`.
 - `examples/mapbox-geojson`, use [mapbox.js](https://github.com/mapbox/mapbox.js) to render a GeoJSON file with [simplestyle](https://github.com/mapbox/simplestyle-spec) styling.

```
~/leaflet-headless$ npm install
[...]
~/leaflet-headless$ cd examples/leaflet-image/
~/leaflet-headless/examples/leaflet-image/$ node index.js
Save to image using leaflet-image...
Saved test.png
```

### Run tests

`npm test`

### Attribution
This is inspired by https://github.com/rclark/server-side-leaflet.