open-index/open-npm huggingface dataset:
npm package: @latticeframe/react-native-wheel
Description: ## Getting started
Author: hong
Latest version: 1.2.0


# @latticeframe/react-native-wheel

## Getting started

**yarn**: `yarn add @latticeframe/react-native-wheel`

**npm**: `npm install @latticeframe/react-native-wheel --save`

### Mostly automatic installation

`react-native link @latticeframe/react-native-wheel`

### Manual installation

#### Android

1. Open up `android/app/src/main/java/[...]/MainActivity.java`
  - Add `import com.reactlibrary.RNWheelPackage;` to the imports at the top of the file
  - Add `new RNWheelPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
    	include ':latticeframe_react-native-wheel'
    	project(':latticeframe_react-native-wheel').projectDir = new File(rootProject.projectDir, 	'../node_modules/@latticeframe/react-native-wheel/android')
   ```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
    ```
      implementation project(':latticeframe_react-native-wheel')
    ```

## Usage

### Base usage
```
import { WheelPanel } from 'react-native-wheel';

...
<WheelPanel
  style={...}
  title='title'
  options={...}
  value={...}
  onValueChange={...}
/>
...
```
#### Example
[Base usage](./example/panel.tsx)

![base-usage-android](./assets/base-usage-android.gif) ![base-usage-ios](./assets/base-usage-ios.gif)

[multi options usage](./example/panel-multi.tsx)
#### Properties

##### `style`
Type: text styles

Picker panel handle's style, or use children props replace it

#### `visible`
Type: boolean

Picker panel is visible

##### `title`
Type: string

Picker panel title

##### `options`
Type: `[[{label: string, value: string | number}]]`

One or multip options

##### `value`
Type: `Array<string | number>`

Current value

##### `onValueChange`
Type: `(value: Array<string | number>) => void`

### original wheel usage
[original wheel usage](./example/view.tsx)

![original-wheel-usage-android](./assets/original-wheel-usage-android.gif) ![original-wheel-usage-ios](./assets/original-wheel-usage-ios.gif)

#### Properties

##### `style`
Type: text styles

Wheel's style

##### `options`
Type: `[{label: string, value: string | number}]`

Wheel's options

##### `value`
Type: `string | number`

Current value

##### `onValueChange`
Type: `(value: string | number) => void`
npm package: @latticehr/react-org-chart
Description: Simple, high-performance react component for d3 org chart
Author: Fouad Matin
Latest version: 0.1.1

# 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: @latticehr/scim-query-filter-parser
Description: Parser for SCIM V2 filters and paths
Author: Jay Patel
Latest version: 1.0.0

[![Build Status](https://travis-ci.org/jaylattice/scim-query-filter-parser-js.svg?branch=master)](https://travis-ci.org/jaylattice/scim-query-filter-parser-js)

## preface

This library was forked from [scim-query-filter-parser](https://github.com/the-control-group/scim-query-filter-parser-js).

## tl;dr

```js
import { compileFilter, compileSorter } from "scim-query-filter-parser";

const results = [{ userName: "somebody123" }, { userName: "somebody456" }]
  .filter(compileFilter('userName eq "somebody123"'))
  .sort(compileSorter("userName"));
```

## Description

This implements a parser and compiler for the [filtering](https://tools.ietf.org/html/rfc7644#section-3.4.2.2), [sorting](https://tools.ietf.org/html/rfc7644#section-3.4.2.3), and [path](https://tools.ietf.org/html/rfc7644#section-3.5.2) features defined in System for Cross-Domain Identity Management (SCIM) Protocol 2.0. It was originally built for use by [AuthX](https://github.com/the-control-group/authx);

## Methods & Properties

### `compileFilter(input: string): (data: any) => boolean`

Compile a SCIM filter expression into a function.

### `compileSorter(input: string): (a: any, b: any) => -1 | 0 | 1`

Compile a SCIM sort expression into a function.

### `compilePath(input: string): { path: string, filter?: Expression, subpath?: string }`

Compile a SCIM PATCH path into a path, with an optional subpath and filter expression function. The subpath will only be present if there's a filter separating it from the path. Otherwise, the path includes the subpath. The compiled path may then be used to differentiate paths with or without filters, subpaths, etc.
npm package: @latticejs/ag-grid
Description: Standalone Ag Grid Component of Lattice blended with Material UI
Latest version: 1.0.1-beta.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @latticejs/ag-grid

An ag-Grid component to customise the behaviour of the grid.

## Install

```bash
npm install @latticejs/ag-grid --save-dev

```

## Features

- Use ag-Grid to customise Grid.
- Storybook
- ag-Grid with MUI Theme
- No `react-script` usage

## Usage

```javascript
import React, { Component } from 'react';
import LatticeAgGgrid from '@latticejs/ag-grid';
import '@latticejs/ag-grid/styles/lattice-ag-grid-style.css';

export class AgGrid extends Component {
  getGrid(gridObj) {
    console.log(gridObj);
  }
  render() {
    return (
      <LatticeAgGgrid
        animateRows
        enableSorting
        enableFilter
        enableColResize
        rowDragManaged
        pagination
        paginationAutoPageSize
        columnDefs="Pass your column definition"
        rowData="Pass your ag-grid data array coming from api here"
        rowSelection="multiple"
        afterGridCreated={this.getGrid}
      >
      </LatticeAgGgrid>
    );
  }
}

```

The above snippet will render a basic ag-Grid with a material _look'n'feel_. It also support themes (dark, light). 

<!-- start:api -->
## API

### animateRows
> `boolean` | Defaults to `true` 

### enableSorting
> `boolean` | Defaults to `true`
                
### enableFilter
> `boolean` | Defaults to `true`

### enableColResize
> `boolean` | Defaults to `true` 

### rowDragManaged
> `boolean` | Defaults to `true`
        
### pagination
> `boolean` | Defaults to `true`

### paginationAutoPageSize
> `boolean` | Defaults to `true` 

### columnDefs
- Pass your array of objects containing ag-Grid header column names.
        
### rowData
- Set your row data containing array of objects in state and pass it to rowData props .

### rowSelection
> Pass either `multiple` or `single` in this prop.

### afterGridCreated
- This prop is used to get the reference of lattice ag-Grid so that user can use the properties of ag-Grid by using `getGrid()` function.

### gridContainerStyle
- To append inline style to the grid container.
  ```javascript
  gridContainerStyle: {
    height: Pass height..
  }
  ```

You can also pass other props. Here are the reference of props list [references](https://www.ag-grid.com/javascript-grid-properties/).


<!-- end:api -->
npm package: @latticejs/clap
Description: Create Lattice App, the CLI for bootstraping your upcoming lattice app.
Author: GEUT
Latest version: 1.0.1-beta.12

# CLAP 

> Create Lattice App

## Install

:warning: *Lattice is currently being released using the `beta` channel. This means you should consider adding the `@beta` tag to point to the latest versions when installing.*

```bash
npm install -g @latticejs/clap@beta
```

## Usage

```bash
$ clap myLaticceApp
cd myLaticceApp
npm start
```
This will create a copy of `basic` running on `http://localhost:3000`.

## Commands 

### example

> `example [options] <example-name>` | `e [options] <example-name>`

Choose a specific [lattice example](/examples) to bootstrap your project.

Eg:

`$ clap example basic myDemo`

#### Options

##### `-b <branch_name>, --branch=<branch_name>`
Set a branch from latticejs repo. This option will try to download the example from branch_name. See https://github.com/latticejs/lattice/branches.

Eg:

`$ clap example -b feature/add-new-example new-example myDemo`


### list 

> `list` | `ls`

List all the available lattice examples.

Eg:

`$ clap ls`

#### Options

##### `-b <branch_name>, --branch=<branch_name>`
Lists all examples from @latticejs branch_name. See https://github.com/latticejs/lattice/branches.

Eg:

`$ clap ls -b feature/other-example`

## FAQs
npm package: @latticejs/froala-editor
Description: A editor component built upon `froala-editor`.
Latest version: 1.0.1-beta.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @latticejs/froala-editor

A editor component built upon `froala-editor`.

## Install

```bash
npm install @latticejs/froala-editor --save-dev
```

## Usage

```javascript
import React from 'react';
import Editor from '@latticejs/froala-editor';
import '@latticejs/froala-editor/styles/css/style.css';

export default class EditorComponent extends React.Component {
  render() {
    return (
      <Editor />
    )
  }
} 
```

The above snippet will render a basic Editor with a material _look'n'feel_. It also support themes (dark, light).

<!-- start:api -->
### Props 
>  `config`
>  `model`
>  `onModelChange`

<!-- end:api -->

For detailed documentation of props , refer to following link :
https://www.froala.com/wysiwyg-editor/docs/framework-plugins/react .
npm package: @latticejs/gauge
Description: A configurable gauge-like component built upon `canvas-gauges`.
Latest version: 1.0.1-beta.2

# @latticejs/gauge

A configurable gauge-like component built upon `canvas-gauges`.

## Install

```bash
npm install @latticejs/gauge
```

## Usage

```javascript
import React from 'react';
import Gauge from '@latticejs/gauge';

const MyGauge = () => (
  <Gauge value={42} />
);

export default MyGauge; 
```

The above snippet will render a basic gauge with a material _look'n'feel_. It also support themes (dark, light). 


## API


### value 

> `number` | Defaults to 0 

Used to indicate gauge default value.

### settings

> `object` | Defaults to {}

Lattice's Gauge exports the same API configuration as [canvas-gauges](https://canvas-gauges.com/). Use this option to pass any specific configuration.

Different configuration can be found on [canvas-config](https://canvas-gauges.com/documentation/user-guide/configuration). Feel free to learn how to do different things using the [examples]( https://rawgit.com/Mikhus/canvas-gauges/master/examples/radial-component.html).
npm package: @latticejs/map
Description: A configurable map-like component built upon `mapbox`.
Latest version: 1.0.1-beta.4

# @latticejs/map

A configurable map-like component built upon `mapbox`.

## Install

```bash
npm install @latticejs/map --save-dev
```

## Usage

```javascript
import React from 'react';
import LatticeMap from '@latticejs/map';
import Mapboxgl from 'mapbox-gl';
import '@latticejs/map/css/style.css';
import MapboxGeocoder from '@mapbox/mapbox-gl-geocoder';

afterMapLoad = mapObj => {
  let navigation = new Mapboxgl.NavigationControl();
  mapObj.addControl(navigation, 'top-left');
  mapObj.addControl(
    new MapboxGeocoder({
      accessToken: Mapboxgl.accessToken,
      mapboxgl: Mapboxgl
    })
  );

  mapObj.on('render', function(evt) {
    let layers = ['country-label-lg', 'place-city-sm'];
    layers.map(layer => {
      mapObj.setLayoutProperty(layer, 'text-field', [
        'format',
        ['get', 'name_en'],
        {
          'font-scale': 1.2,
          'text-font': ['literal', ['Roboto Bold']]
        }
      ]);
      return null;
    });
  });
};

const MyMap = () => (
  <LatticeMap
    longitude = {5}
    latitude = {34}
    zoom = {1.5}
    accessToken = 'Your access token here..'
    afterMapComplete={this.afterMapLoad}
    height={91}
    width={100}
  />;
);

export default MyMap; 
```

The above snippet will render a basic Map with a material _look'n'feel_. It also support themes (dark, light).


### Props 
>  `longitude`
>  `latitude`
>  `zoom`
>  `accessToken`
>  `afterMapComplete`
>  `height`
>  `width`

you can also pass other props, Here are the refrence of props list [reference](https://docs.mapbox.com/mapbox-gl-js/api/). Use this option to pass any specific configuration.


### Get Map Object
- You can also get the Map object to add other controls or customization.
- use `getMap()` it will return the map object on which you can add other controls like marker, navigation ect.

## Ex:- 
`
  afterMapLoad = (mapObj) => {
    let navigation = new Mapboxgl.NavigationControl();
    mapObj.addControl(navigation, 'top-left');
    mapObj.addControl(
      new MapboxGeocoder({
        accessToken: Mapboxgl.accessToken,
        mapboxgl: Mapboxgl
      })
    );

    mapObj.on('render', function(evt) {
      let layers = ['country-label-lg', 'place-city-sm'];
      layers.map(layer => {
        mapObj.setLayoutProperty(layer, 'text-field', [
          'format',
          ['get', 'name_en'],
          {
            'font-scale': 1.2,
            'text-font': ['literal', ['Roboto Bold']]
          }
        ]);
        return null;
      });
    });
  }
`

- We are passing `afterMapComplete={this.afterMapLoad}` as props
- Once Map creation functionality completed it return `mapObj`.
- In `afterMapLoad()` we have added `Navigation`and `Search` control.
- You can also get more [Example](https://docs.mapbox.com/mapbox-gl-js/examples/) for reference.
npm package: @latticejs/mui-recharts
Description: This module will add a `material-ui` wrapper for `recharts` chart components.
Latest version: 1.0.1-beta.3

# @latticejs/mui-recharts

This module will add a `material-ui` wrapper for `recharts` chart components. 

## Install

`@latticejs/mui-recharts` requires both `@material-ui/core` and `recharts` to be installed in your project:

```bash
npm install @material-ui/core recharts
```

Then install `@latticejs/mui-recharts`:

```bash
npm install @latticejs/mui-recharts
```

## Usage

Just use any of the `recharts` components thru `@latticejs/mui-recharts`. This will wrap the components and return a styled chart using your `mui-theme` defaults.

### Example: Basic Line Chart 

> with recharts:

```jsx
import React from 'react';
import { LineChart, Line, Tooltip } from 'recharts';

export class BasicLineChart extends React.Component {
  render () {
    const { data, ...props } = this.props;
    return (
      <LineChart data={data} {...props}>
        <Tooltip />
        <Line dataKey="pv" stroke="#8884d8" />
        <Line dataKey="uv" stroke="#82ca9d" />
      </LineChart>      
    );
  }
}

```

> with @latticejs/mui-recharts

```diff
import React from 'react';
- import { LineChart, Line } from 'recharts';
+ import { LineChart, Line } from '@latticejs/mui-recharts';

export class BasicLineChart extends React.Component {
  render () {
    const { data, ...props } = this.props;
    return (
      <LineChart data={data} {...props}>
        <Tooltip />
        <Line dataKey="pv" stroke="#8884d8" />
        <Line dataKey="uv" stroke="#82ca9d" />
      </LineChart>      
    );
  }
}

```
<!-- start:api -->
## API
**mui-recharts** exports same API configuration as [recharts](http://recharts.org).

<a href="http://recharts.org/#/en-US/api" target="_blank">Refer to the official API</a>
<!-- end:api -->

## FAQs

// TBD
npm package: @latticejs/recharts-sunburst
Description: A recharts API-compatible sunburst component
Latest version: 1.0.1-beta.3

# @latticejs/recharts-sunburst

A recharts API-compatible sunburst component

## Install

`@latticejs/recharts-sunburst` requires `recharts` to be installed in your project:

```bash
npm install recharts
```

Then install `@latticejs/recharts-sunburst`:

```bash
npm install @latticejs/recharts-sunburst
```

## Usage

Sunburst expects a similar to what recharts/treemap use. Also a proper dataKey will be needed. 

### Example: Basic Sunburst 

> Basic sunburst:

```jsx
import React from 'react';
import { Sunburst } from '@latticejs/recharts-sunburst';

export class BasicSunburst extends React.Component {
  render () {
    const { data, width, height } = this.props;
    return (
      <Sunburst 
        width={width}
        height={height}
        data={data}
        dataKey="size"
        ratio={4 / 3}
        />
    );
  }
}

```

> with a tooltip:

```jsx
import React from 'react';
- import { Sunburst } from '@latticejs/recharts-sunburst';
- import { Tooltip } from './myTooltip';

export class SunburstWithTooltip extends React.Component {
  render () {
    const { data, width, height } = this.props;
    return (
      <Sunburst 
        width={width}
        height={height}
        data={data}
        dataKey="size"
        ratio={4 / 3}
        >
        <Tooltip />
    </Sunburst>
    );
  }
}
```

A sample dataset looks like this:

```javascript
const data = [
  {
    children: [
      { name: 'Data', size: 20544 },
      { name: 'DataList', size: 19788 },
      { name: 'DataSprite', size: 10349 },
      { name: 'EdgeSprite', size: 3301 },
      { name: 'NodeSprite', size: 19382 },
      {
        name: 'render',
        children: [
          { name: 'ArrowType', size: 698 },
          { name: 'EdgeRenderer', size: 5569 },
          { name: 'IRenderer', size: 353 },
          { name: 'ShapeRenderer', size: 2247 }
        ]
      },
      { name: 'ScaleBinding', size: 11275 },
      { name: 'Tree', size: 7147 },
      { name: 'TreeBuilder', size: 9930 }
    ]
  }
];
```

<!-- start:api -->
## API

### dataKey

> `string` | defaults to `value`

Key used to reference data into `data` prop.

### nameKey

> `string` | defaults to `name`

Key used to reference names into `data` prop.

### isAnimationActive

> `boolean` | defaults to `false`

Indicates wether to animate the sunburst.

### isUpdateAnimationActive

> `boolean` | defaults to `false`

Indicates wether to animate the sunburst on data update.

### animationBegin

> `number` | defaults to `0`

Animation delay time.

### animationDuration

> `number` | defaults to `600`

Animation duration.

### animationEasing

> `string` | defaults to `ease-out`

Animation timing function.

<!-- end:api -->


## FAQs

// TBD
npm package: @latticejs/storybook-readme
Description: Storybook readme addon helpers.
Latest version: 1.0.1-beta.1

# @latticejs/storybook-readme
Private set of storybook readme addon helpers to be used within @latticejs packages.

## Api
* [`withReadme`](#withReadme)

### `withReadme`

> `function(readme: String) => (function(sections: Array))`
Adds a `Readme` section tab for your Storybook.

Returns another function to be used as storybook HOC that injects some sections (joined) from `readme` passed as argument. See [Usage](#Usage) for more info.

You must include the tags `<!-- start:section_name -->` and `<!-- end:section_name -->` to indicate the start and the end of your readme section to be included.

## Usage

### `withReadme`

To load some sections of your readme:
```jsx
import { withReadme } from '@latticejs/storybook-readme';
import Readme from 'path/to/your/README.md';

const loadSections = withReadme(Readme);
const withSomeReadmeSections = loadSections(['api', 'usage']);

export default ({ storiesOf }) => {
  storiesOf('components', module)
    .add(
      'basic',
      withSomeReadmeSections(() => (
        <Basic />
      ))
    );
};

```

To load all the content of Readme:
```jsx
import { withReadme } from '@latticejs/storybook-readme';
import Readme from 'path/to/your/README.md';

const withAllReadme = withReadme(Readme);

export default ({ storiesOf }) => {
  storiesOf('components', module)
    .add(
      'basic',
      withAllReadme(() => (
        <Basic />
      ))
    );
};

```
npm package: @latticelabs/qrcode
Description: A Vue.js component to generate QRCode.
Author: Joshua Lee
Latest version: 0.0.1

# @latticelabs/qrcode

A Vue.js component to generate [QRCode](https://en.wikipedia.org/wiki/QR_code).

[中文](./README-zh_cn.md)

## install

the `@latticelabs/qrcode` component can use in you Vue.js app.

```bash
npm install --save @latticelabs/qrcode # yarn add qrcode.vue
```

```
dist/
|--- qrcode.cjs.js         // CommonJS
|--- qrcode.esm.js         // ES module
|--- qrcode.browser.js     // UMD for browser or require.js or CommonJS
|--- qrcode.browser.min.js // UMD Minimum size
```

## Usage

e.g.

```javascript
import { createApp } from 'vue'
import QrcodeVue from '@latticelabs/qrcode'

const bindingParams = new BindingQrCodeParamsBuilder()
      .setData({
        姓名: "张三",
        学号: "2019212",
      })
      .setCallbackUrl("https://did.com/callback")
      .setHash("0x120981291821")
      .build();

createApp({
  data: {
    value: bindingParams.encode(),
  },
  template: '<qrcode-vue :value="value"></qrcode-vue>',
  components: {
    QrcodeVue,
  },
}).mount('#root')
```

Or single-file components with a `*.vue` extension:

```html
<template>
  <qrcode-vue :value="value" :size="size" level="H" />
</template>
<script>
  import QrcodeVue from '@latticelabs/qrcode'

  const bindingParams = new BindingQrCodeParamsBuilder()
      .setData({
        姓名: "张三",
        学号: "2019212",
      })
      .setCallbackUrl("https://did.com/callback")
      .setHash("0x120981291821")
      .build();

  export default {
    data() {
      return {
        value: bindingParams.encode(),
        size: 300,
      }
    },
    components: {
      QrcodeVue,
    },
  }
</script>
```

## Component props

### `value`

- Type: `string`
- Default: `''`

The value content of qrcode.

### `size`

- Type: `number`
- Default: `100`

The size of qrcode element.

### `render-as`

- Type: `string('canvas' | 'svg')`
- Default: `canvas`

Generate QRcode as `canvas` or `svg`. The prop `svg` can work on SSR.

### `margin`

- Type: `number`
- Default: `0`

Define how much wide the quiet zone should be.

### `level`

- Type: `string('L' | 'M' | 'Q' | 'H')`
- Default: `H`

qrcode Error correction level (one of 'L', 'M', 'Q', 'H'). Know more, [wikipedia: QR_code](https://en.wikipedia.org/wiki/QR_code#Error_correction).

### `background`

- Type: `string`
- Default: `#ffffff`

The background color of qrcode.

### `foreground`

- Type: `string`
- Default: `#000000`

The foreground color of qrcode.

### `class`

- Type: `string`
- Default: `''`

The class name of qrcode element.
npm package: @latticelabs/rs-freebsd-x64
Description: This is the **x86_64-unknown-freebsd** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-freebsd-x64`

This is the **x86_64-unknown-freebsd** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-linux-arm-gnueabihf
Description: This is the **armv7-unknown-linux-gnueabihf** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-linux-arm-gnueabihf`

This is the **armv7-unknown-linux-gnueabihf** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-linux-arm64-musl
Description: This is the **aarch64-unknown-linux-musl** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-linux-arm64-musl`

This is the **aarch64-unknown-linux-musl** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-linux-x64-gnu
Description: This is the **x86_64-unknown-linux-gnu** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-linux-x64-gnu`

This is the **x86_64-unknown-linux-gnu** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-linux-x64-musl
Description: This is the **x86_64-unknown-linux-musl** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-linux-x64-musl`

This is the **x86_64-unknown-linux-musl** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-win32-arm64-msvc
Description: This is the **aarch64-pc-windows-msvc** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-win32-arm64-msvc`

This is the **aarch64-pc-windows-msvc** binary for `@latticelabs/rs`
npm package: @latticelabs/rs-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@latticelabs/rs`
Latest version: 0.0.9

# `@latticelabs/rs-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@latticelabs/rs`
npm package: @latticelabs/sdk
Description: 晶格链JS/TS SDK
Author: Jotyy
Latest version: 1.0.3-dev14

# Lattice.js

[![Version](https://img.shields.io/badge/version-v1.0.0-yellow)](http://image.jotyy.cn/logo.svg)
[![TypeScript](https://img.shields.io/badge/-typescript%20-blue)](http://image.jotyy.cn/logo.svg)
[![CQ](https://img.shields.io/badge/codequality-high-green)](http://image.jotyy.cn/logo.svg)
[![Doc](https://img.shields.io/badge/api-docs-orange)](http://192.168.1.20:9098/api)
[![Coverage](https://img.shields.io/badge/coverage-100%25-green)](http://image.jotyy.cn/logo.svg)

用于快速实现与晶格链交互的 JS/TS 库。

## 文档

[📚 查看完整文档](http://192.168.1.20:9098)

## 功能

- 通过 Http、WebSocket 等方式连接晶格链
- 事务订阅机制
- 完全支持 TypeScript
- 完善的 Api 文档

## 安装

通过 npm/yarn 安装 `@latticelabs/sdk` 。

```bash
  npm i @latticelabs/sdk
```

## 使用示例

```javascript
import { Wallet, Lattice } from '@latticelabs/sdk';

const providerUrl = 'http://localhost:8080';
const wallet = Wallet.createRandom(
  'password',
  Cryptography.NIST,
  Language.ZH_CN
);
const lattice = new Lattice(providerUrl);

lattice.getAccounts();
```

## 技术栈

- TypeScript
- Nodejs
- EventEmitter
- cross-fetch
- ws

## 测试

通过以下命令运行测试：

```bash
  npm run test
```

## 规划

- 浏览器支持
- React Native 支持

## 技术支持

如您需要技术支持，发送邮件至 jotyy318@gmail.com 或发起一个 issue。

## 作者

- [@jotyy](https://www.github.com/jotyy)
npm package: @latticexyz/persona
Description: Persona
Author: Lattice
Latest version: 1.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Persona

Deployment:

- Gnosis Chain (100): `0xa2a9df8aec7b12790b4d044cd9502cc2168ff975`
- Optimism on Gnosis Chain (300): `0xf6e8240f65e5438c211141594e3f89fac6140d67`
- Kovan (42): `0xbe4d1737f924081644efd90e99bccfb9547a081a`
- Optimism Kovan (69): `0x424a7b9070d17bf4a3f88a648803ba66ca4dec6b`
npm package: @latticexyz/registry
Description: Registry
Author: Lattice
Latest version: 1.2.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Registry
Deployment:
- Gnosis Chain (100): `0xd09db679008186b1952bd471d87765bcad78963b`
- Staging: Kovan (42): `0xeec1d7f6774553ef999f8692433d493755d8c79e`
npm package: @latticexyz/stressoor
Description: `npm install @latticexyz/stressoor`
Latest version: 0.6.3

# stressoor.js

`npm install @latticexyz/stressoor`

Stressoor.js makes it simple to write complete, rigorous blockchain stress-tests.

We implemented fundamental stressing, measuring, and reporting primitives so you don't have to code them up from scratch.

Stressoor.js is made to build on top of. If you just want to stress-test a chain or see an example of this library in use, check out [chain-stress-tests](https://github.com/latticexyz/chain-stress-tests).

## Stressoor 101 [WIP]

The `Stressoor` object initializes a set number of deterministically generated wallets. We call, `Stressoor.stress(stressFunc, nCalls, ...)` to cyclically iterate through them until the desired number of calls have been made.

The stressoor will call a `stressFunc` with each of those wallets.

You will generally be abstracted away from this by the `runStressTest()` function. It takes some functions and configurations objects as parameters and creates a `StressFunc` that looks something like this:

```javascript
async function stress(wallet, callIdx, walletIdx) => {
    // create the call context
    const callContext = { wallet, callIdx, walletIdx };
    // generate call parameters, paramsFunc can return any value
    const params = await paramsFunc(callContext, testContext);
    // call metricsFunc
    // among other things, meticsFunc will call callFunc with
    // (params, callContext, testContext)
    const metrics = await metricsFunc(callFunc, params, callContext, testContext);
    // pass the new data to every report object
    for (let ii = 0; ii < reports.length; ii++) {
      reports[ii].newMetric(params, metrics, callContext, testContext);
    }
  };
```

See the actual code for `runStressTest` [here](/src/Core.ts).

The wallets the stressoor initializes are instances of an [ethers.js](https://github.com/ethers-io/ethers.js) `Wallet` wrapped to optionally keep track of its nonce internally (so they can send multiple transactions in the same block).
npm package: @lattis-dev/cli
Description: Search any website's facts, capabilities, and actions from the command line
Latest version: 0.2.0

# @lattis-dev/cli

Search any website's facts, capabilities, and actions from the command line.

Lattis pre-indexes websites into structured data that AI agents can use — real prices, working URLs, API endpoints, not hallucinated guesses. This CLI lets you search across all indexed sites instantly.

## Install

```bash
npm install -g @lattis-dev/cli
```

Or use without installing:

```bash
npx @lattis-dev/cli search "compare credit cards"
```

Or via shell script:

```bash
curl -fsSL https://lattis.dev/install.sh | sh
```

## Use with Claude Code / Cursor (MCP)

Add to your Claude Code settings (`~/.claude/settings.json`):

```json
{
  "mcpServers": {
    "lattis": {
      "command": "npx",
      "args": ["-y", "@lattis-dev/cli", "mcp"]
    }
  }
}
```

Or for Cursor, add to `.cursor/mcp.json`:

```json
{
  "mcpServers": {
    "lattis": {
      "command": "npx",
      "args": ["-y", "@lattis-dev/cli", "mcp"]
    }
  }
}
```

This gives your AI 4 tools: `lattis_search`, `lattis_list_sites`, `lattis_get_items`, `lattis_get_page`.

## Use with any AI (pipe mode)

```bash
# Pipe structured JSON into your agent
lattis search "PostHog pricing" --agent | your-agent

# Or use as context in a prompt
echo "Based on this data: $(lattis site posthog.com --agent)" | llm
```

## CLI Commands

### Search across all indexed sites

```bash
lattis search "analytics for my startup"
```

```
20 results across 10 sites

[FACT        ] PostHog free tier includes 1M events/month, 5K session replays
  PostHog (posthog.com) — https://posthog.com

[CAPABILITY  ] Product search with dietary filters at helloyumi.com/shop?diet={value}
  YUMI (helloyumi.com) — https://helloyumi.com/shop

[ACTION      ] Sign up for PostHog free: go to app.posthog.com/signup
  PostHog (posthog.com) — https://app.posthog.com/signup
```

### List indexed sites

```bash
lattis sites
```

### View a specific site

```bash
lattis site posthog.com
```

### Get items with type filter

```bash
lattis items cal.com --type=action
```

### Submit a site for indexing

```bash
lattis analyze https://example.com
```

### Compact JSON for LLM consumption

```bash
lattis search "book a meeting" --agent
```

Returns minimal JSON optimized for token efficiency — pipe it into your agent.

## Environment

| Variable | Default | Description |
|---|---|---|
| `LATTIS_API_URL` | `https://api.lattis.dev` | Override API endpoint |

## What is Lattis?

Lattis crawls any website and extracts three types of structured data:

- **Facts** — specific data points (prices, specs, limits)
- **Capabilities** — what users can do (search URLs, filter patterns, forms)
- **Actions** — how to accomplish goals (step-by-step with URLs, code samples)

AI agents get real, current, actionable data instead of hallucinating.

Learn more at [lattis.dev](https://lattis.dev)
npm package: @lattln/editorjs-formdep-svgicons
Description: SVG Icons for EditorJS custom form block tools
Author: Lin Latt
Latest version: 1.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lattln/editorjs-formdep-svgIcons
  npm package dependency for @latt/editorjs-formTools/"customTools"

## All available icons 
* trashCan_Icon 
* radio_Icon 
* Input_Icon
* selection_Icon
* calendar_Icon 
* likert_icon
* checkBox_icon 
* add_icon 
* remove_icon
* fileUpload_icon 
* cloudUpload_icon 
* draggable_icon 
* clickable_icon 
* add_table 
* sub_table
npm package: @lattln/editorjs-formdep-utils
Description: Utility functions for EditorJS custom form block tools
Author: Lin Latt
Latest version: 1.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @lattln/editorjs-formdep-utils
Utility function for EditorJS Custom form block tools.

## All Utilities


```
setUpPlaceHolder
- Function to set up a placeholder for input elements.
```
```
deleteBlockBtn
- Function to create a delete button for blocks.
```
```
SvgImg
- Function to create an SVG image element.
```
```
createRenderOption
- Function to create render options for settings.
```
```
initalQuestion
- Initial placeholder text for questions.
```
```
initalOption
- Initial placeholder text for options.
```
```
initalRating
- Initial placeholder text for ratings.
```
npm package: @laturge/simple-draco
Description: Wrapper for Draco3D
Author: Laturge
Latest version: 1.0.1

# Simple Draco 3D

Wrapper for [draco3d](https://github.com/google/draco)

### Example
```js
var data = {
    indices: [0,1,2],
    attributes:{
        POSITION: [0,0,0, 1,0,0, 0,1,0]
    }
};

var encodedBuffer = SimpleDraco.encodeData(data);
var decodedMesh = SimpleDraco.decodeBuffer(encodedBuffer);
var decodedData = SimpleDraco.meshToData(decodedMesh);
```
npm package: @laturge/three-mesh-processing
Description: three.js mesh processing library
Author: Laturge
Latest version: 1.0.0

# Three.js mesh processing

## Using

```js
var data = {
    attributes:{
        POSITION: [-1,0,0,  -1,1,0, 1,0,0],
    },
    indices: [0,1,2]
};

var geometry = MP.Geometry.fromData(data);

MP.Octree.slice(geometry, 500, (geometry, position, level, id, isFinal)=>{
 ///...
});
``
npm package: @latviancoder/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.1.8

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.