open-index/open-npm huggingface dataset:
npm package: @lbh7/react-amap-require-script
Description: 基于 React 封装的高德地图组件。AMap Component Based On React.
Author: Kenny Wong
Latest version: 1.0.7

@lbh7/react-amap-require-script
===

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
[![npm version](https://img.shields.io/npm/v/@lbh7/react-amap-require-script.svg)](https://www.npmjs.com/package/@lbh7/react-amap-require-script)
[![Downloads](https://img.shields.io/npm/dm/@lbh7/react-amap-require-script.svg?style=flat)](https://www.npmjs.com/package/@lbh7/react-amap-require-script)

用于加载高德地图其它 SDK 依赖，官方示例中的 css, js加载。

```jsx
import { APILoader } from '@lbh7/react-amap';
// 或者单独安装使用
import { APILoader } from '@lbh7/react-amap-require-script';
```

### 基本用法

```jsx mdx:preview
import React, { useState, useRef, useEffect } from 'react';
import { Map, APILoader, MassMarks, requireScript } from '@lbh7/react-amap';

const Example = (props) => {
  const [show, setShow] = useState(true);
  const [points, setPoints] = useState([]);
  const map = useRef()
  const marker = useRef()
  useEffect(() => {
    if(points.length === 0) {
      requireScript('https://a.amap.com/jsapi_demos/static/citys.js', 'citys_id').then(() => {
        if(citys && Array.isArray(citys)) {
          setPoints(citys);
        }
      });
    }
  });
  return (
    <>
      <button onClick={() => setShow(!show)}>
        {show ? '隐藏' : '显示'}
      </button>
      <div style={{ width: '100%', height: '300px' }}>
        <Map zoom={4}>
          <MassMarks
            visiable={show}
            data={points}
            onMouseMove={(evn) => {
              if (!map.current) {
                map.current = evn.target.getMap();
                if (!marker.current) {
                  marker.current = new AMap.Marker({ content: ' ', map: map.current });
                }
              }
              if (marker.current) {
                marker.current.setPosition(evn.data.lnglat);
                marker.current.setLabel({content: evn.data.name})
              }
            }}
          />
        </Map>
      </div>
    </>
  );
}

const Mount = () => (
  <APILoader akey="a7a90e05a37d3f6bf76d4a9032fc9129">
    <Example />
  </APILoader>
);

export default Mount;
```

### API

```typescript
/**
 * load SDK by css tag
 */
export declare function requireCss(src: string): Promise<void>;
/**
 * load SDK by script tag
 */
export declare function requireScript(src: string, id?: string): Promise<void>;
```
npm package: @lbh7/react-amap-scale-control
Description: 比例尺插件。位于地图右下角，用户可控制其显示与隐藏。继承自 `AMap.Control`。
Author: Kenny Wong
Latest version: 1.0.7

ScaleControl 比例尺控件
===

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
[![npm version](https://img.shields.io/npm/v/@lbh7/react-amap-scale-control.svg)](https://www.npmjs.com/package/@lbh7/react-amap-scale-control)
[![Downloads](https://img.shields.io/npm/dm/@lbh7/react-amap-scale-control.svg?style=flat)](https://www.npmjs.com/package/@lbh7/react-amap-scale-control)

比例尺插件。位于地图右下角，用户可控制其显示与隐藏。继承自 `AMap.Control`

```jsx
import { ScaleControl } from '@lbh7/react-amap';
// 或者单独安装使用
import { ScaleControl } from '@lbh7/react-amap-scale-control';
```

### 基本用法

```jsx mdx:preview
import ReactDOM from 'react-dom';
import React, { useState } from 'react';
import { Map, APILoader, ScaleControl } from '@lbh7/react-amap';

const Demo = () => {
  const [show, setShow] = useState(true);
  return (
    <>
      <button onClick={() => setShow(!show)}>
        {show ? '关闭' : '开启'}
      </button>
      <div style={{ width: '100%', height: '300px' }}>
        <Map zoom={6}>
          <ScaleControl
            visiable={show}
            offset={[60, 10]}
            position="RT"
          />
          {show && (
            <ScaleControl
              visiable={show}
              offset={[20, 10]}
              position="RB"
            />
          )}
        </Map>
      </div>
    </>
  );
}

const Mount = () => (
  <APILoader akey="a7a90e05a37d3f6bf76d4a9032fc9129">
    <Demo />
  </APILoader>
);

export default Mount;
```


### Props

| 参数 | 说明 | 类型 | 默认值 |
| ----- | ----- | ----- | ----- |
| visiable | 覆盖物是否可见。 | `boolean` | - |
| position | 控件停靠位置 `{ top: 5; left: 5; right: 5; bottom: 5 }` 或者 'LT': 左上角, 'RT': 右上角, 'LB': 左下角, 'RB': 右下角。 | `string/object` | - |
| offset | 相对于地图容器左上角的偏移量，正数代表向右下偏移。默认为 `AMap.Pixel(10,10)` | `[number, number]` | - |
npm package: @lbh7/react-amap-tool-bar-control
Description: 地图操作工具条插件。可支持方向导航、位置定位、视野级别缩放、视野级别选择等操作。
Author: Kenny Wong
Latest version: 1.0.7

ToolBarControl 工具条控件
===

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
[![npm version](https://img.shields.io/npm/v/@lbh7/react-amap-tool-bar-control.svg)](https://www.npmjs.com/package/@lbh7/react-amap-tool-bar-control)
[![Downloads](https://img.shields.io/npm/dm/@lbh7/react-amap-tool-bar-control.svg?style=flat)](https://www.npmjs.com/package/@lbh7/react-amap-tool-bar-control)

地图操作工具条插件。可支持方向导航、位置定位、视野级别缩放、视野级别选择等操作。继承自 AMap.Control [相关示例](https://lbs.amap.com/api/jsapi-v2/example/map-componets/map-with-function-control/)

```jsx
import { ToolBarControl } from '@lbh7/react-amap';
// 或者单独安装使用
import { ToolBarControl } from '@lbh7/react-amap-tool-bar-control';
```

### 基本用法

```jsx mdx:preview
import ReactDOM from 'react-dom';
import React, { useState, useRef } from 'react';
import { Map, APILoader, ToolBarControl } from '@lbh7/react-amap';

const Demo = () => {
  const [show, setShow] = useState(true);
  return (
    <>
      <button onClick={() => setShow(!show)}>
        {show ? '关闭' : '开启'}
      </button>
      <div style={{ width: '100%', height: 600 }}>
        <Map>
          <ToolBarControl visiable={show} offset={[10, 10]} position="RT" />
          {show && (
            <ToolBarControl
              visiable={show}
              offset={[60, 10]}
              position="LT"
            />
          )}
        </Map>
      </div>
    </>
  );
}

const Mount = () => (
  <APILoader akey="a7a90e05a37d3f6bf76d4a9032fc9129">
    <Demo />
  </APILoader>
);

export default Mount;
```

### Props

[更多参数设置](https://github.com/uiwjs/react-amap/blob/268303de813050c7a02bb247930090ce5f162042/src/types/control.d.ts#L54)

| 参数 | 说明 | 类型 | 默认值 |
| ----- | ----- | ----- | ----- |
| visiable | 覆盖物是否可见。 | `boolean` | - |
| position | 控件停靠位置 `{ top: 5; left: 5; right: 5; bottom: 5 }` 或者 'LT': 左上角, 'RT': 右上角, 'LB': 左下角, 'RB': 右下角。 | `string| object` | - |
| offset | 相对于地图容器左上角的偏移量，正数代表向右下偏移。默认为 `AMap.Pixel(10,10)` | `[number, number]` | - |
npm package: @lbh7/react-amap-types
Description: 基于 React 封装的高德地图组件。AMap Component Based On React.
Author: Kenny Wong
Latest version: 1.0.7

@lbh7/react-amap-types
===

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
[![npm version](https://img.shields.io/npm/v/@lbh7/react-amap-types.svg)](https://www.npmjs.com/package/@lbh7/react-amap-types)
[![Downloads](https://img.shields.io/npm/dm/@lbh7/react-amap-types.svg?style=flat)](https://www.npmjs.com/package/@lbh7/react-amap-types)

此包包含高德地图 [API](https://lbs.amap.com/api/javascript-api/summary) 的类型定义。

```shell
$ npm i @lbh7/react-amap-types
```

### 基本用法

```tsx
/// <reference path="@lbh7/react-amap-types" />
```
npm package: @lbh7/react-amap-utils
Description: 基于 React 封装的高德地图组件。AMap Component Based On React.
Author: Kenny Wong
Latest version: 1.0.7

@lbh7/react-amap-utils
===

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
[![npm version](https://img.shields.io/npm/v/@lbh7/react-amap-utils.svg)](https://www.npmjs.com/package/@lbh7/react-amap-utils)
[![Downloads](https://img.shields.io/npm/dm/@lbh7/react-amap-utils.svg?style=flat)](https://www.npmjs.com/package/@lbh7/react-amap-utils)

```jsx
import { useSetStatus, useVisiable, usePrevious } from '@lbh7/react-amap-utils';
```

### useSetStatus

对实例有 setStatus 更改状态的处理

### useVisiable

针对 Overlay 类型的组件，有公共的是否显示 对象处理，通过参数 `visiable` 来控制执行 `show()` or `hide()`

### usePrevious

获取上一轮的 props 或 state

### useEventProperties

### useSettingProperties
npm package: @lbhindsberg/brc
Description: a package to help read through browser JS
Author: Lasse Hindsberg
Latest version: 1.0.0

# Better Readability Console
*A package to help read through your browser JavaScript.*

This package was created cause, I sometimes have issues seeing specific console logs.
therefore I added this simple package to help with that issue.

## Usage
Install the package with `npm install @lbhindsberg/brc`.

```javaScript
var brc = require("@lbhindsberg/brc)

BRC("%c I am easier to read."); // BRC = BetterReadabilityConsole
```
*Shortened function to BRC for faster usage.*

**Important remember to use `%c` Before each string, to allow styling.**
npm package: @lbhindsberg/rainbow-log
Description: Creates a colourful console log
Author: Lasse Bruun Hindsberg
Latest version: 2.0.0

# Rainbow-log
This package makes a colourful console log.

## Usage
Install with `npm i @lbhindsberg/rainbow-log `

```javascript
var rainbowLog = require("@lbhindsberg/rainbow-log");

rainbowLog("I am a rainbow :o)");
```
npm package: @lbingxin/icon-cli
Description: icon-cli
Author: LBINGXIN
Latest version: 1.0.1

# @lbingxin/icon-cli

一款增加摸鱼时间的神器，自动从 iconfont 下载图标，并自动发布为 npm 包

## 使用方式

### 安装

#### npm

```
npm i @lbingxin/icon-cli -g
```

#### npm

```
yarn add @lbingxin/icon-cli -g
```

### 具体使用

#### 查看版本号

```
icon-cli -v
```

#### 更新图标并发布 npm 包

```
icon-cli update <user_name> <password> <project_id>

// eg: icon-cli update 183**9032 123456 3726883
```

| 属性       | 说明                   | 默认值 |
| ---------- | ---------------------- | ------ |
| user_name  | iconfont 账号名        | -      |
| password   | iconfont 密码          | -      |
| project_id | iconfont 对应仓库的 id | -      |

![对应仓库](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1d90226c67f5409eb0713dfb9824db70~tplv-k3u1fbpfcp-watermark.image?)
npm package: @lbingxin/ts-cli
Description: 创建一个支持 ts, 代码规范和 git 提交规范的 cli 基础项目
Author: LBINGXIN
Latest version: 1.0.1

# ts-cli

## 简介

创建一个支持 ts, 代码规范和 git 提交规范的 cli 基础项目

## 安装依赖

### npm 方式

```
npm i -g @lbingxin/ts-cli
```

### yarn 方式

```
yarn global add @lbingxin/ts-cli
```

## 使用方式

### 查看版本

```
ts-cli -v
```

### 创建项目

`<app-name>` 为自定义属性，根据自己的项目名称而定，比如 `my-project`

```
ts-cli create <app-name>
```
npm package: @lbingxin/uni-perms-loader
Description: uni-app 自定义权限指令替换
Author: LBINGXIN
Latest version: 1.0.0

# uni-perms-loader

## 简介

一个 webpack 自定义 loader，用于 uni-app 自定义指令 v-perms:xxx 转 v-if="$perms('xxx')"，让 uni-app 具有自定义指令开发体验实现按钮权限。

## 安装依赖

### npm 方式

```
npm i -D @lbingxin/uni-perms-loader
```

### yarn 方式

```
yarn add @lbingxin/uni-perms-loader -D
```

## 使用方式

### vue.config.js 配置

```js
// vue.config.js
module.exports = {
  // 为.vue文件新增一个uni-perms-loader的loader
  chainWebpack: (config) => {
    config.module
      .rule("vue")
      .test(/\.vue$/)
      .use("@lbingxin/uni-perms-loader")
      .loader("@lbingxin/uni-perms-loader")
      .end();
  },
};
```

### 按钮权限判断方式实现

```js
// src/utils/index.js

// 这边是假数据，不同团队对于权限的数据定义都不大一样，我列举的算是最简单的一种，不大需要
// 去考虑不同页面按钮名称重复，用当前页面路由进行区分
const data = {
  "/pages/index/index": {
    add: "新增",
    edit: "编辑",
  },
  "/pages/me/index": {
    add: "新增",
    auth: "授权",
  },
};
const checkPermission = (key) => {
  // 获取所有路由栈
  const pages = getCurrentPages();
  const len = pages.length;
  // 获取当前页面路由 route的值例如 pages/index/index
  const { route } = pages[len - 1];
  // 判断当前页面是否包含对应按钮的权限
  return !!data[`/${route}`][key];
};
export default checkPermission;
```

### $perms 方法挂载

```js
// main.js

// 将实现按钮权限判断的函数挂载到全局的$perms上

import checkPermission from "./utils/index";
Vue.prototype.$perms = checkPermission;
```
npm package: @lblanco/server-side-table
Description: Adds server side handlers form gregnb/mui-datatables
Author: LucasBlanco
Latest version: 1.1.3

# @lblanco/server-side-table

> Adds server side handlers for gregnb/mui-datatables

[![NPM](https://img.shields.io/npm/v/@lblanco/server-side-table.svg)](https://www.npmjs.com/package/@lblanco/server-side-table) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @lblanco/server-side-table
```

## Example

https://lucasblanco.github.io/server-side-table/

## Usage

```tsx
import React from 'react'

import {
  serverSideFilter,
  serverSideHandler,
  serverSideOrder,
  serverSidePaginator,
  useServerSide,
  localizationOptions
} from '@lblanco/server-side-table'

import MUIDataTable from 'mui-datatables'
const fetchFn = (params: string) =>
  fetch('https://jsonplaceholder.typicode.com/todos?' + params)
    .then((res) => res.json())
    .then((data) => ({
      data: data as any[],
      total: 200
    }))

const baseTableHandler = serverSideHandler({
  paginator: serverSidePaginator({ label: '_page', firstPageNro: 1 }),
  filter: serverSideFilter('q'),
  order: serverSideOrder(
    ({ name, direction }) => `_sort=${name}&_order=${direction}`
  )
})

const App = () => {
  const { data, serverSideProps } = useServerSide<any>({
    requestFn: fetchFn,
    tableHandler: baseTableHandler
  })

  const columns = [
    {
      name: 'id',
      label: '#'
    },
    {
      name: 'title',
      label: 'Titulo'
    },
    {
      name: 'completed',
      label: 'Completado'
    }
  ]

  return (
    <MUIDataTable
      title='TODOS'
      data={data}
      columns={columns}
      {...serverSideProps}
    />
  )
}
```

## License

MIT © [LucasBlanco](https://github.com/LucasBlanco)
npm package: @lblanco/simple-store
Description: minimal store for react projects using context.
Author: LucasBlanco
Latest version: 1.0.3

# @lblanco/simple-store

> minimal store for react projects using context.

[![NPM](https://img.shields.io/npm/v/@lblanco/simple-store.svg)](https://www.npmjs.com/package/@lblanco/simple-store) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @lblanco/simple-store
```

## Example

https://lucasblanco.github.io/simple-store/

## Usage

```tsx
import React from 'react'

import SimpleStoreProvider from '@lblanco/simple-store'

interface Store {
  name: string
}

const App = () => {
  const initialStore = {
    name: 'Lucas'
  }

  return (
    <SimpleStoreProvider initialValue={initialStore}>
      <Child />
    </SimpleStoreProvider>
  )
}
```

```tsx
import React from 'react'

import { useSimpleStore } from '@lblanco/simple-store'

const Child = () => {
  const [store, updateStore] = useSimpleStore<Store>()

  const updateName = (name) => {
    updateStore((state) => {
      state.name = name
    })
  }

  return (
    <input
      type='text'
      value={store.name}
      onChange={(e) => updateName(e.target.value)}
    />
  )
}
```

## License

MIT © [LucasBlanco](https://github.com/LucasBlanco)
npm package: @lblod/embeddable-say-editor
Description: Notule editor which may be embedded in another application.
Author: redpencil.io
Latest version: 6.2.1

# embeddable-say-editor

This README outlines the details of collaborating on this Ember application.
A short introduction of this app could easily go here.

## Prerequisites

You will need the following things properly installed on your computer.

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/)
- [pnpm](https://pnpm.io/)
- [Ember CLI](https://cli.emberjs.com/release/)

## Installation

- `git clone <repository-url>` this repository
- `cd embeddable-say-editor`
- `pnpm install`

## Running / Development

- `pnpm start`
- Visit your app at [http://localhost:4200](http://localhost:4200).
- Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).

### Code Generators

Make use of the many generators for code, try `ember help generate` for more details

### Running Tests

- `pnpm test`
- `pnpm test:ember --server`

### Linting

- `pnpm lint`
- `pnpm lint:fix`

### Building

- `pnpm ember build` (development)
- `pnpm build` (production)

### Deploying

Specify what it takes to deploy your app.

## Further Reading / Useful Links

- [ember.js](https://emberjs.com/)
- [ember-cli](https://cli.emberjs.com/release/)
- Development Browser Extensions
  - [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
  - [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
npm package: @lblod/ember-address-search
Description: Addon that provides a service to search for addresses
Author: redpencil.io
Latest version: 1.0.0

# @lblod/ember-address-search

This addon provides methods to get addresses from existing registries.

It works together with the backend service [adressenregister-fuzzy-search-service](https://github.com/lblod/adressenregister-fuzzy-search-service), to which it makes calls to suggest or find addresses.

## Compatibility

- Ember.js v4.12 or above
- Embroider or ember-auto-import v2

## Installation

```
ember install @lblod/ember-address-search
```

## Usage

The addon can be used by importing the following service in your controller:
```
@service addressRegister;
```

### Methods

The addresses described below are objects with the following properties :
```
{
  uri, // only after `findAll`
  addressRegisterId,
  fullAddress,
  street,
  housenumber,
  busNumber,
  zipCode,
  municipality,
  country
}
```

The service provides the following methods:
- `suggest(fuzzyString)`: does a fuzzy search based on a given string. Returns an array of addresses.
- `findAll(suggestion)`: tries to find all the addresses matching a suggestion. Returns an array of addresses.
- `isEmpty(address)`: returns `true` if the address is empty, `false` otherwise.

## Roadmap

- Fix the continuous integration to push new versions to the npm registry. In the meantime, `npm publish` is our friend.
- If a decision is made to use the same display for address selection across the LBLOD applications, we could create a component using this service in [ember-appuniversum](https://github.com/appuniversum/ember-appuniversum).

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-environment-banner
Description: The default blueprint for ember-cli addons.
Latest version: 0.6.0

# @lblod/ember-environment-banner

This ember addon is an implementation of an environment banner which is to be used in different LBLOD applications.
It provides an Ember component which adds a banner to your page.


## Compatibility

* Ember.js v3.28 or above
* Ember CLI v3.28 or above
* Node.js v16 or above


## Installation

```
ember install ember-environment-banner
```


## Usage

You can add an instance of the environment banner to your page this way:
```hbs
<EnvironmentBanner
  @applicationName='Ember Environment Banner'
  @environmentName={{this.environmentName}}
  @skin={{@skin}}
  @message={{@message}}
/>
```
The component expects two, and accepts three arguments:
* `@applicationName` - the application name which should be displayed in the banner.
* `@environmentName` - the environment name, which should be displayed in the banner.
* `@message` - a string that can be written in the _application.hbs_ file, or can be configured in the application controller (optional).
* `@skin` - a skin that can be added as a string (skin name) in the _application.hbs_ file, or can be configured in the application controller (optional).

The banner automatically extracts the version of the host app and displays it.
Additionally, the banner can also display installed packages and their versions through a modal.
You can configure which packages are shown by providing a list of glob patterns to the addon. The addon can be configure in the `config/environment.js` file of your host app.

Example of such a configuration:
```js
'@lblod/ember-environment-banner': {
      paths: ['ember*'],
},
```
The above example config will allow the addon to pick up packages that start with `ember`.

By default, the environment-banner displays the  `@lblod/ember-rdfa-editor` packages.

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.


## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-generic-model-plugin-utils
Description: The default blueprint for ember-cli addons.
Latest version: 0.1.3

@lbod/ember-generic-model-plugin-utils
==============================================================================

Utils and helpers are gathered here, which assists ember-rdfa-editor-plugins
to work with a meta-model

Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-generic-model-plugin-utils
```


Usage
------------------------------------------------------------------------------

See short description.
Inlude reference into `dependencies` of package.json in addon.
Utils can e.g be imported in your addon like:
```
import { findPropertiesWithRange } from '@lblod/ember-generic-model-plugin-utils/utils/meta-model-utils';
```


Contributing
------------------------------------------------------------------------------

### Installation

* `git clone <repository-url>`
* `cd ember-generic-model-plugin-utils`
* `npm install`

### Linting

* `npm run lint:hbs`
* `npm run lint:js`
* `npm run lint:js -- --fix`

### Running tests

* `ember test` – Runs the test suite on the current Ember version
* `ember test --server` – Runs the test suite in "watch mode"
* `ember try:each` – Runs the test suite against multiple Ember versions

### Running the dummy application

* `ember serve`
* Visit the dummy application at [http://localhost:4200](http://localhost:4200).

For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-mock-login
Description: The default blueprint for Embroider v2 addons.
Author: redpencil.io
Latest version: 0.14.0

# @lblod/ember-mock-login

[Short description of the addon.]

## Compatibility

- Ember.js v4.8 or above
- Embroider or ember-auto-import v2

## Installation

```
ember install ember-mock-login
```

## Usage

[Longer description of how to use the addon in apps.]

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

## Releasing a new version
We use [`release-it`](https://github.com/release-it/release-it) to handle our release flow and [`lerna-changelog`](https://github.com/lerna/lerna-changelog) to generate the changelog for that release.

### Prerequisites
- Both `release-it` and `lerna-changelog` require a Github [personal access token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token) to work properly.
- All PRs that need to show up in the changelog need a descriptive title and [correct label](https://github.com/lerna/lerna-changelog).

### Previewing the changelog (optional)
If you want to preview the changelog that will be generated before starting the release flow you can run the following command:

`GITHUB_AUTH=your-access-token npx lerna-changelog`

### Creating a new release
Simply run `GITHUB_AUTH=your-access-token pnpm release` and follow the prompts.

After the new tag is created and pushed Woodpecker will take care of publishing the package to npm.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-aanwezigen-plugin
Description: The default blueprint for ember-cli addons.
Latest version: 0.7.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ember-rdfa-editor-aanwezigen-plugin
==============================================================================

[Short description of the addon.]


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.12 or above
* Ember CLI v2.13 or above
* Node.js v10 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-aanwezigen-plugin
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-agenda-plugin
Description: Plugin responsible to manage the agenda and behandeling van agendapunt for a zitting
Author: redpencil.io
Latest version: 0.5.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@lblod/ember-rdfa-editor-agenda-plugin
==============================================================================

Plugin responsible for managing agenda.


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.12 or above
* Ember CLI v2.13 or above
* Node.js v10 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-agenda-plugin
```


Usage
------------------------------------------------------------------------------
Add
```
<span property="ext:insertAgendaText">voeg lijst met agenda toe.</span>
```
A card will show up. When save RDFA output in document.

Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-article-structure-plugin
Description: The default blueprint for ember-cli addons.
Author: vlaanderen.be
Latest version: 0.4.1

# ember-rdfa-editor-article-structure-plugin


Plugin that provides some helpers for interacting with besluit inside GN

*Note*: this plugin uses the new plugin architecture. It needs to be passed to the editor for inititialization.

```
    <Rdfa::RdfaEditor
      class="au-c-rdfa-editor"
      @profile={{@profile}}
      @rdfaEditorInit={{this.rdfaEditorInit}}
      @editorOptions={{this.editorOptions}}
      @toolbarOptions={{this.toolbarOptions}}
      @plugins={{array 'besluit'}
    />


```


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above


Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-rdfa-editor-article-structure-plugin
```


## Usage
The plugin card will trigger when the cursor is inside any html element with type `besluit:Besluit`

## Commands 

### Insert article command
This command allows the user to insert a new article

This command has 2 optional arguments:
 - content: Allows you to specify the content of the new article inserted
 - number: Allows you to specify the number of the new article inserted
If the number of the article is not specified the command will try to generate it based on the previous article numbers, if there are no more articles or they don't have a number a placeholder will be inserted

Example of complete command:
`this.args.controller.executeCommand('insert-article', this.args.controller, 'Content of the article', 1);`


## License
This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-besluit-plugin
Description: The default blueprint for ember-cli addons.
Author: vlaanderen.be
Latest version: 0.5.7

# ember-rdfa-editor-besluit-plugin


Plugin that provides some helpers for interacting with besluit inside GN

*Note*: this plugin uses the new plugin architecture. It needs to be passed to the editor for inititialization.

```
    <Rdfa::RdfaEditor
      class="au-c-rdfa-editor"
      @profile={{@profile}}
      @rdfaEditorInit={{this.rdfaEditorInit}}
      @editorOptions={{this.editorOptions}}
      @toolbarOptions={{this.toolbarOptions}}
      @plugins={{array 'besluit'}
    />


```


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above


Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-rdfa-editor-besluit-plugin
```


## Usage
The plugin card will trigger when the cursor is inside any html element with type `besluit:Besluit`

## Commands 

### Insert article command
This command allows the user to insert a new article

This command has 2 optional arguments:
 - content: Allows you to specify the content of the new article inserted
 - number: Allows you to specify the number of the new article inserted
If the number of the article is not specified the command will try to generate it based on the previous article numbers, if there are no more articles or they don't have a number a placeholder will be inserted

Example of complete command:
`this.args.controller.executeCommand('insert-article', this.args.controller, 'Content of the article', 1);`


## License
This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-besluit-type-plugin
Description: RDFa editor plugin to change the type of a besluit
Author: redpencil.io
Latest version: 1.0.0-alpha.1

ember-rdfa-editor-besluit-type-plugin
==============================================================================

RDFa editor plugin to change the type of a besluit


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-besluit-type-plugin
```

## Configuration
### Dispatcher configuration
The plugin will automatically be added in the `default` and `all` editor profiles in `app/config/editor-profiles.js`. Add the plugin name `rdfa-editor-besluit-type` to other editor profiles if you want to enable the plugin in these profiles, too.

Once the plugin is configured in the appropriate editor profiles in `app/config/editor-profiles.js` it will be automatically be picked up by the rdfa-editor.




Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-bijzonder-comite-aanstelling-plugin
Description: The default blueprint for ember-cli addons.
Latest version: 0.2.10
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@lblod/ember-rdfa-editor-bijzonder-comite-aanstelling-plugin
==============================================================================

Plugin responsible for managing bijzonder comite during installation

Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-bijzonder-comite-aanstelling-plugin
```


Usage
------------------------------------------------------------------------------
Add
```
<span property="ext:insertComiteAanstellingText">beheer aanstelling</span>
```


Contributing
------------------------------------------------------------------------------

### Installation

* `git clone <repository-url>`
* `cd ember-rdfa-editor-bijzonder-comite-aanstelling-plugin`
* `npm install`

### Linting

* `npm run lint:hbs`
* `npm run lint:js`
* `npm run lint:js -- --fix`

### Running tests

* `ember test` – Runs the test suite on the current Ember version
* `ember test --server` – Runs the test suite in "watch mode"
* `ember try:each` – Runs the test suite against multiple Ember versions

### Running the dummy application

* `ember serve`
* Visit the dummy application at [http://localhost:4200](http://localhost:4200).

For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-citaten-plugin
Description: RDFa editor plugin to insert citaten in the editor.
Author: redpencil.io
Latest version: 1.0.0-alpha.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lblod/ember-rdfa-editor-citaten-plugin

RDFa editor plugin to insert references to a legal resource or legal expression into the document.

## Compatibility

* Ember.js v3.24 or above
* Ember CLI v3.24 or above
* Node.js v12 or above

## Installation

```bash
ember install @lblod/ember-rdfa-editor
ember install @lblod/ember-rdfa-editor-citaten-plugin
```

## Configuration

To enable this plugin on the editor, add `citaten-plugin` to the `@plugins` collection. E.g.:

```handlebars
<RdfaEditorWithDebug
  @plugins={{array 'citaten-plugin'}}
  ...
  >
  <h1>My app</h1>
</RdfaEditorWithDebug>
```

## Using the plugin

This plugin can be triggered by typing one of the following in the correct RDFa context (the `besluit:motivering` inside a `besluit:Besluit`).

* [specification]**decreet** [words to search for] *(e.g. "gemeentedecreet wijziging")*
* **omzendbrief** [words to search for]
* **verdrag** [words to search for]
* **grondwetswijziging** [words to search for]
* **samenwerkingsakkoord** [words to search for]
* [specification]**wetboek** [words to search for]
* **protocol** [words to search for]
* **besluit van de vlaamse regering** [words to search for]
* **gecoordineerde wetten** [words to search for]
* [specification]**wet** [words to search for] *(e.g. "kieswet wijziging", or "grondwet")*
* **koninklijk besluit** [words to search for]
* **ministerieel besluit** [words to search for]
* **genummerd besluit** [words to search for]

You should be able to add a reference manually by clicking on the `Insert` > `Insert reference` item in the Insert menu located on the top right of the editor. This will open the advanced search window. **Note** that this will only be avaliable in the proper context (see above in this section).

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-console-logger-plugin
Description: Demo plugin which logs basic content to the console
Author: redpencil.io
Latest version: 0.6.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lblod/ember-rdfa-editor-console-logger-plugin

This is a plugin for the editor-plugin-system which logs the information it has received to the console.

## Installation
```
ember install @lblod/ember-rdfa-editor
ember install @lblod/ember-rdfa-editor-console-logger-plugin
```

## Configuration
The plugin will automatically be added in the `default` and `all` editor profiles in `app/config/editor-profiles.js`. Add the plugin name `rdfa-editor-console-logger-plugin` to other editor profiles if you want to enable the plugin in these profiles, too.

Once the plugin is configured in the appropriate editor profiles in `app/config/editor-profiles.js` it will be automatically be picked up by the rdfa-editor.
npm package: @lblod/ember-rdfa-editor-date-manipulation-plugin
Description: Plugin responsible for automatically manipulating a date according to an RDFa instructive.
Author: redpencil.io
Latest version: 0.3.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ember-rdfa-editor-date-manipulation-plugin
==============================================================================

plugin responsible for automatically manipulating a date according to an RDFA instructive .


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-rdfa-editor-date-manipulation-plugin
```


Usage
------------------------------------------------------------------------------
An instructive is an RDFA snippet you insert in your template.

Currently the following snippet should be inserted:
```
<span property="a:specificProperty" datatype="dateplugin:date" content=""></span>
```
and will result, once triggered by the eventProcessor, in:
```
<span property="a:specificProperty" datatype="dateplugin:date" content="2018-09-17">
  17 september 2018
</span>
```

The text value of the span is moment.js long format date, localized.
The config of moment.js should be provided by the parent app, in the config/environment.js:

```
let ENV = {
    moment: {
      includeLocales: ['nl'],
  }
}
```

If used in `datatype="dateplugin:dateTime"`, current datetime will be set.

Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-date-overwrite-plugin
Description: Overwrite date by means of date picker 
Author: redpencil.io
Latest version: 0.3.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@lblod/ember-rdfa-editor-date-overwrite-plugin
==============================================================================

Easy update of xsd:date or xsd:dateTime in an editor-document.


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.12 or above
* Ember CLI v2.13 or above
* Node.js v10 or above


Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-rdfa-editor-date-overwrite-plugin
```
The plugin will automatically be added in the default and all editor profiles in app/config/editor-profiles.js. Add the plugin name rdfa-editor-date-manipulation-plugin to other editor profiles if you want to enable the plugin in these profiles, too.


Usage
------------------------------------------------------------------------------

Looks for the following RDFA:
```
<span property="ns:aProperty" datatype="xsd:date" content="2012-12-12">12 december 2012</span>
```
Once found, hint is registered. User can click in date, and this plugin will suggest to overwrite it.

Provides a datepicker as help.

Recommended to use this plugin in conjunction with [ember-rdfa-editor-date-plugin](https://github.com/lblod/ember-rdfa-editor-date-plugin) to allow insertion of new dates.


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-date-plugin
Description: RDFa editor plugin to insert semantic dates in the editor
Author: redpencil.io
Latest version: 0.9.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lblod/ember-rdfa-editor-date-plugin

Plugin to insert semantic dates in an RDFa editor

Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------
```
ember install @lblod/ember-rdfa-editor
ember install @lblod/ember-rdfa-editor-date-plugin
```

Configuration
------------------------------------------------------------------------------

The plugin will automatically be added in the `default` and `all` editor profiles in `app/config/editor-profiles.js`. Add the plugin name `rdfa-editor-date-plugin` to other editor profiles if you want to enable the plugin in these profiles, too.


Once the plugin is configured in the appropriate editor profiles in `app/config/editor-profiles.js` it will be automatically be picked up by the rdfa-editor.

There are some defaults set, but you can add other supported date formats in the config of the host application. E.g.
```
APP: {
    '@lblod/ember-rdfa-editor-date-plugin': {
        allowedInputDateFormats: ['DD/MM/YYYY', 'DD-MM-YYYY',  'DD.MM.YYYY'],
        outputDateFormat: 'D MMMM YYYY',
        moment: {
          includeLocales: ['nl']
        }
    }
}
```
Please note, we have some preprocessing of data. You can customize these too through config.
Note: Using custom formats might affect performance, if you don't update the preprocessing formats. See code how.


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-dbpedia-fetcher-plugin
Description: The default blueprint for ember-cli addons.
Latest version: 0.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ember-rdfa-editor-dbpedia-fetcher-plugin
==============================================================================

[Short description of the addon.]


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-dbpedia-fetcher-plugin
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-dbpedia-info-plugin
Description: The default blueprint for ember-cli addons.
Latest version: 0.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ember-rdfa-editor-dbpedia-info-plugin
==============================================================================

[Short description of the addon.]


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-dbpedia-info-plugin
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-document-tasklist-plugin
Description: The default blueprint for ember-cli addons.
Latest version: 0.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@lblod/ember-rdfa-editor-document-tasklist-plugin
==============================================================================

Plugin for extracting information about a tasklist linked to a document and publishing it.


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------

```
ember install ember-rdfa-editor-document-tasklist-plugin
```


Usage
------------------------------------------------------------------------------
This plugin will scan RDFA content of the document and check whether there is
info availible about a tasklist linked with the document.
It just keeps track WHETHER there is a task-list associated the template.
Not the eventual completion of the tasklist.

To tell the plugin to publish the data, insert the following in your plugin.
```
<div class="ext_tasklist_data" typeof="ext:TasklistData" resource="http://task/list/data">
  <div property="ext:idInSnippet" content="a-uuid">a-uuid</div>
  <meta property="ext:tasklistDataTasklist" resource="http://uri/of/task/list" typeof="ext:Tasklist"/>
  <div property="ext:tasklistDataState" content="initialized">initialized</div>
</div>

<div id="a-uuid" property="ext:tasklistDataHintText">Insert your task list.</div>
```
* The plugin will notify the hintsregsitry once it finds `property="ext:tasklistDataHintText"`.
* You are in charge of making sure `<div property="ext:idInSnippet" content="u-uuid">a-uuid</div>` and ` id="a-uuid"` are in sync and unique.
* The variable state should be defined in template as 'intialized'. This will change to 'syncing' once the user inserted a tasklist.
* Currently, in most of the editor cases, template-plugin will make sure ID's are managed.
* `class="ext_tasklist_data"` is optional, but makes your `ext:TasklistData` invisible.

In host app:  styles/app.scss:
```
@import 'ember-rdfa-editor-document-tasklist-plugin';
```

The availible information is a property of the service and called `tasklistData = A()`.

TODO
------------------------------------------------------------------------------
* Heavy copy pasting of https://github.com/lblod/ember-rdfa-editor-template-variables-manager-plugin
* Documenting


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lblod/ember-rdfa-editor-document-title-plugin
Description: A plugin to extract title from an rdfa-editor-document.
Author: redpencil.io
Latest version: 0.3.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ember-rdfa-editor-document-title-plugin
==============================================================================

A plugin to extract title from rdfa-editor-document


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.4 or above
* Ember CLI v2.13 or above
* Node.js v8 or above


Installation
------------------------------------------------------------------------------

```
ember install @lblod/ember-rdfa-editor-document-title-plugin
```


Usage
------------------------------------------------------------------------------

Current implementation just checks for a Zitting with dct:Title.
Then sets property 'title' in the service rdfa-editor-document-title-plugin.
Use an observer on this property to track changes.


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).