open-index/open-npm huggingface dataset:
npm package: @jpgpereira/capacitor-image-cache
Description: [![npm](https://img.shields.io/npm/v/capacitor-image-cache.svg)](https://www.npmjs.com/package/capacitor-image-cache) [![npm](https://img.shields.io/npm/dt/capacitor-image-cache.svg?label=npm%20downloads)](https://www.npmjs.com/package/capacitor-image-cac
Author: João Pereira
Latest version: 0.0.13

# Image Cache Core

[![npm](https://img.shields.io/npm/v/capacitor-image-cache.svg)](https://www.npmjs.com/package/capacitor-image-cache)
[![npm](https://img.shields.io/npm/dt/capacitor-image-cache.svg?label=npm%20downloads)](https://www.npmjs.com/package/capacitor-image-cache)
[![Build Status](https://travis-ci.org/triniwiz/capacitor-image-cache.svg?branch=master)](https://travis-ci.org/triniwiz/capacitor-image-cache)

`npm i capacitor-image-cache`


```ts
import { ImageCache } from 'capacitor-image-cache';

const cache = new ImageCache();

const { value } = await cache.get({src:"someSrc"}) // checks if the image is in cache and returns the image if not download, store then return

const { value } = await cache.clear() // Clear entire cache returns a boolean

const { value } = await cache.clearItem({src:"someSrc"}) // Clear item cache returns a boolean

const { value } = await cache.hasItem({src:"someSrc"}) // check if cache has item returns a boolean

```

# Cached Image

[![npm](https://img.shields.io/npm/v/st-cached-image.svg)](https://www.npmjs.com/package/st-cached-image)
[![npm](https://img.shields.io/npm/dt/st-cached-image.svg?label=npm%20downloads)](https://www.npmjs.com/package/st-cached-image)
[![Build Status](https://travis-ci.org/triniwiz/st-cached-image.svg?branch=master)](https://travis-ci.org/triniwiz/st-cached-image)

# Cached Image 

## Install
**[Capacitor Image Cache](https://www.npmjs.com/package/capacitor-image-cache)** is require for this package
* `npm i capacitor-image-cache st-cached-image`

## Usage



```html
<st-cached-image src="https://i.annihil.us/u/prod/marvel/i/mg/e/e0/537bafa34baa9.jpg"></st-cached-image>
```

**If using with ionic**

```
import 'st-cached-image/dist/cached-image';
```

Update the following file since ionic ignores the file

`youAppDir/node_modules/@ionic/app-scripts/config/copy.config.js`


```js
copyStCachedImage: {
    src: ['{{ROOT}}/node_modules/st-cached-image/dist/cached-image**/*'],
    dest: '{{BUILD}}'
  }
```
npm package: @jpgs-cli-dev/-list-component-t-t
Description: 列表组件
Latest version: 1.3.1

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-card
Description: 卡片组件
Latest version: 1.0.0

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-order
Description: 订单组件
Latest version: 2.0.3

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-product
Description: 这是一个商品组件
Latest version: 0.0.1

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-test
Description: 这是一个测试组件
Latest version: 1.0.5

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-test1
Description: 测试1号
Latest version: 1.0.0

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-test3
Description: ceshi
Latest version: 1.0.0

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jpgs-cli-dev/component-user
Description: 用户组件
Latest version: 1.0.0

# JPGS 业务组件库

### 提供一个业务组件库在编辑器和 H5 页面中都可以使用

该组件包导出两种格式的模块，供不同情况下使用

```javascript
  // umd 格式
  "main": "dist/jpgs-components.umd.js",
  // es modules 格式
  "module": "dist/jpgs-components.esm.js",
```

## 安装和使用

```bash
// 安装
npm install jpgs-components --save
```

```javascript
import JPGS from 'jpgs-components'
// 加载样式
import 'jpgs-components/dist/jpgs-components.css'

const app = createApp(App)
// 全局引入 目前包括 FinalPage, LText, LImage , Lshape三个组件
app.use(JPGS)

app.mount('#app')
```

### 渲染最终页面

```javascript
setup() {
  // 使用 finalPage 组件进行渲染，使用我们预定义好的数据结构
  const testData = {
    // 页面上面一个个组件的属性
    components: [
      {id: '123', name: 'l-text', props: { text: 'hello', top: '0', left: '20px'}},
      {id: '234', name: 'l-image', props: { imageSrc: 'http://vue-maker.oss-cn-hangzhou.aliyuncs.com/vue-marker/5f6338e666336111f73d220c.png', top: '30px', left: '20px'}},
      {id: '235', name: 'l-shape', props: { backgroundColor: 'red', top: '50px', left: '20px', width: '100px', height: '100px'}},
      // 这是一个链接
      {id: '345', name: 'l-text', props: { backgroundColor: "#1890ff", color: "#ffffff", text: "按钮内容",  width: "100px", actionType: "to", url: "http://www.baidu.com", top: '200px', left: '150px',
      }}
    ]
  }
  return {
    testData
  }
}
```

```html
<final-page :components="testData.components"></final-page>
```

## 最终页面效果

![最终页面效果](./result.png)
npm package: @jphilippakos/ts-tools
Description: handy typesafe tools for common tasks
Author: Tzannetos Philippakos
Latest version: 1.1.0

# ts-tools
Handy utilities for typescript projects

### TsMapper:
   maps from a source object to a target class
   
    interface ISource { firstName: string; lastName: string; dob: string; favoriteColor: string;}
    interface ITarget { name: string; dob: Date; favoriteColor: string; }
    class Target implements ITarget {
      public name: string;
      public dob: Date;
      public favoriteColor: string = 'green'
    }
    
    const mapper = new TsMapper<ITarget, ISource>(Target)
      .prop('name', src => src.firstName + ' ' + src.lastName)
      .prop('date', src => (src, prop) => new Date(src[prop]))
      .copy(['favoriteColor'])
      .mappedPropsOnly();
      
    let result = mapper.map({ 
      firstName: 'John',
      lastName: 'Doe',
      dob: 'January 1, 1980',
      favoriteColor: 'red'
    });
    
Alternatively, for the same outcome:
    
     const mapper = new TsMapper<ITarget, ISource>(Target)
      .prop('name', src => src.firstName + ' ' + src.lastName)
      .prop('date', src => (src, prop) => new Date(src[prop]))
      .ignore('firstName', 'lastName');
      
To prevent overriding of default values (i.e keep green as favorite color):

    const mapper = new TsMapper<ITarget, ISource>(Target)
      .prop('name', src => src.firstName + ' ' + src.lastName)
      .prop('date', src => (src, prop) => new Date(src[prop]))
      .ignore('firstName', 'lastName');
      .cancelOverride()
      
### tsMerge
A type safe version of Javascript's Object.assign. Useful for making changes to an object while maintaining immutability.
This function takes one or more parameters. It will make a new instance of the first argument's parent class.
It will then perform an Object.assign using this new object as the target, and all arguments as sources.
All arguments following the first, must be partial matches of the target's type.
   
    class TargetType {
        get fullName() {
            return first + ' ' + last;
        }
   
        constructor(public first: string, public last: string) { }
    }
  
    const original = new TargetType('John', 'Doe');
    const altered = tsMerge(original, { first: 'Jane' });
   
   
##### Any ideas?
If you have a functionality you would like to see added to this library, please feel free to open an issue.
npm package: @jphilipstevens/tslint-base-config
Description: ## Installation
Latest version: 2.0.0

# TSLint Config

## Installation

```sh
npm install @jphilipstevens/tslint-base-config --save-dev
```

## Usage

In `tslint.json`:

```json
{
  "extends": "@jphilipstevens/tslint-base-config"
}
```

## Rules

* [TSLint](https://www.npmjs.com/package/tslint)
* [TSLint ESLint Rules](https://www.npmjs.com/package/tslint-eslint-rules)
* [TSLint Config Prettier](https://www.npmjs.com/package/tslint-config-prettier)

## Peer Dependencies
This package  has peer dependencies for the tslint, Typescript (inherited from tslint), and the rules
```json
"peerDependencies": {
    "tslint": "^5.5.0",
    "tslint-config-prettier": "^1.17.0",
    "tslint-eslint-rules": "^5.4.0",
    "typescript": "^2.2.0 || ^3.0.0"
  }
```
npm package: @jpinho/lambda-server-timing
Description: Enables Lambdas to return responses with Server-Timing Header allowing to to pass request-specific timings from the backend to the browser.
Author: Nishu Goel
Latest version: 0.1.0

## Lambda Server-Timing Middleware

Enables Lambdas to return responses with Server-Timing Header allowing to to pass request-specific timings from the backend to the browser.

Allows a server to communicate performance metrics about the request-response cycle to the user agent. It also standardizes a JavaScript interface to enable applications to collect, process, and act on these metrics to optimize application delivery.

![banner](https://github.com/NishuGoel/lambda-server-timing/assets/26349046/0afba8b2-88fc-4f11-a648-ab1d943d4639)

# Install

```
$ npm install lambda-server-timing
```

# Usage

```js
// within a lambda context
withServerTimings({ enabled: true })

// when you just want to capture the Server-Timing header value for your own usage purpose
getServerTimings()
```

This will attach a Server-Timing header to your response headers with the timings recorded for requests.

The header looks like:

```
HTTP/1.1 200 OK

Server-Timing: db;dur=53, app;dur=47.2
```

And once succesfully returned as a response header, it is shown in the Timings tab under Networks in the Chrome Devtools.
The visual example of it looks like:

![Visual Server-Timing header](https://github.com/NishuGoel/svelte-i18next/assets/26349046/5009ec62-7fe8-429d-8a5b-f338ad28225e)

This now enables developers to look throught the performance problems of their apps for not just the frontend and but also the backend.

The package also exposes the timer methods `startTime` and `endTime` so you can measure your methods on a regular basis and improve accordingly.

# Usage - startTime/endTime

```js
startTime('abbr', "getAbbreviatedResponse");

getAbbreviatedResponse({
   ...
});

endTime('abbr');
```
npm package: @jpintoribeiro/vue-i18next
Description: i18next forked wrapper for vue
Author: Joel Ribeiro
Latest version: 0.4.3-development

# vue-i18next

[![Build Status](https://travis-ci.org/panter/vue-i18next.svg?branch=master)](https://travis-ci.org/panter/vue-i18next)
[![Coverage Status](https://coveralls.io/repos/github/panter/vue-i18next/badge.svg?branch=master)](https://coveralls.io/github/panter/vue-i18next?branch=master) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

> Forked Internationalization for vue using the i18next i18n ecosystem. forked initial repo <https://panter.github.io/vue-i18next/>

# Introduction

18next goes beyond just providing the standard i18n features such as (plurals, context, interpolation, format). It provides you with a complete solution to localize your product from web to mobile and desktop.

**vue-i18next** is the vue support for i18next and provides:

- Component based localization
- Component interpolation
- Lazy load namespaces
- Namespaced translation for components

### Requirements

- vue >= **2.0.0**
- i18next >= **6.0.1**

## Documentation

See [here](http://panter.github.io/vue-i18next/)

## Init

```javascript
import Vue from 'vue';
import i18next from 'i18next';
import VueI18Next from '@panter/vue-i18next';

Vue.use(VueI18Next);

i18next.init({
  lng: 'de',
  resources: {
    ...
  }
});

const i18n = new VueI18Next(i18next);
new Vue({
  ...
  i18n: i18n,
});
```

## Changelog

Detailed changes for each release are documented in the [releases](https://github.com/panter/vue-i18next/releases).

## Issues

Please make sure to read the [Issue Reporting Checklist](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md##using-the-issue-tracker) before opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @jpitlor/docusaurus-plugin-asyncapi
Description: AsyncAPI Plugin for DocusaurusV3
Author: Jordan Pitlor
Latest version: 1.0.6

# Docusaurus AsyncAPI Plugin

This package is not meant to be used independently.

Use the [AsyncAPI preset](https://www.npmjs.com/package/@jpitlor/docusaurus-preset-asyncapi)
npm package: @jpitlor/docusaurus-preset-asyncapi
Description: AsyncAPI preset for DocusaurusV3
Author: Jordan Pitlor
Latest version: 1.0.6

# @jpitlor/docusaurus-preset-asyncapi

AsyncAPI integration for Docusaurus V3.

## Installation

```bash
npm install @jpitlor/docusaurus-preset-asyncapi
```

## Usage

```js
// docusaurus.config.ts

const config = {
  presets: [
    [
      "@jpitlor/docusaurus-preset-asyncapi",
      {
        specs: [
          {
            spec: "./path/to/asyncapi.yml",
            route: "/route/on/website",
          },
        ],
        // See defaults for ConfigInterface at:
        // https://github.com/asyncapi/asyncapi-react/blob/master/library/src/config/default.ts
        config: {
          show: {
            sidebar: true,
          },
        },
      },
    ],
  ],
}

module.exports = config;
```
npm package: @jpitlor/docusaurus-theme-asyncapi
Description: AsyncAPI Theme for DocusaurusV3
Author: Jordan Pitlor
Latest version: 1.0.6

# Docusaurus AsyncAPI Theme

This package is not meant to be used independently.

Use the [AsyncAPI preset](https://www.npmjs.com/package/@jpitlor/docusaurus-preset-asyncapi)
npm package: @jpjuni0r/mantra-core
Description: Core API for Mantra
Latest version: 1.8.1
Deprecated: deprecate

#mantra-core

Core API for Mantra.

### Introduction

This repo contains the core APP api where we create an mantra app and initialize it.

Also, this package contains exported functions from both [`react-komposer`](https://github.com/kadirahq/react-komposer) and [`react-simple-di`](https://github.com/kadirahq/react-simple-di).
That's purely for the ease of use.

### Installation

```
npm i --save mantra-core react
```

### App API

```js
import MyComp from './myComp';
import {createApp} from 'mantra-core';

// Here's a simple Mantra Module
const module = {
  routes(injectDeps) {
    const InjectedComp = injectDeps(MyComp);
    // load routes and put `InjectedComp` to the screen.
  },
  load(context, actions) {
    // do any module initialization
  },
  actions: {
    myNamespace: {
      doSomething: (context, arg1) => {}
    }
  }
};

const context = {
  client: new DataClient()
};

const app = createApp(context);
app.loadModule(module);
// app.loadModule(someOtherModule);
app.init();
```
npm package: @jplochocki/mediawiki2html
Description: MediaWiki wiki markup to HTML converter
Author: Jacek Płochocki
Latest version: 0.0.1

# mediawiki2html
![Travis-CI](https://www.travis-ci.org/jplochocki/mediawiki2html.svg?branch=master)

MediaWiki wiki markup converter to HTML (ALPHA, do not use)
npm package: @jplorg/jpl
Description: JPL interpreter
Author: Aaron Burmeister
Latest version: 2.0.0

# [JPL - JSON Processing Language](../docs/index.md) - JavaScript implementation

## Code example

```js
import jpl from '@jplorg/jpl';

(async () => {
  const inputs = [null];

  const results = await jpl.run('"Hello, 🌎!"', inputs);

  console.log(...results);
})();
```

## REPL

The package provides a CLI REPL, which can be used as a language playground.

```sh
> jpl-repl # or `npm --prefix js start`

Welcome to JPL v1.0.0.
Type ":h" for more information.

> "Hello, \('🌎', 'JPL')!"
"Hello, 🌎!", "Hello, JPL!"
>
```

## Extending JPL

TODO: inform about the runtime API, functions, JPLTypes and different error types
npm package: @jplorg/lib-date-time
Description: JPL Date and time
Author: Aaron Burmeister
Latest version: 1.0.1

# [JPL Date and time](../docs/index.md) - JavaScript implementation

## Usage

```js
// TODO:
import jpl from '@jplorg/jpl';
import libDateTime from '@jplorg/lib-date-time';

(async () => {
  await libDateTime.install();

  const inputs = [null];

  const results = await jpl.run('date.now() | date.format("yyyy")', inputs);

  console.log(...results);
})();
```