open-index/open-npm huggingface dataset:
npm package: @jupyton/modern-npm-package
Description: An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.
Author: Snyk Labs
Latest version: 0.0.1-development

# modern-npm-package

An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format (CJS). It can be used in Node.js and browser applications.

## Get Started

1. Run `npm install` in your terminal
1. Then run `npm run build`
1. Update the `package.json` file "name" field with your own package name. Example `@username/package-name`
1. Create an account with [npm](https://www.npmjs.com/signup) if you don't have one already. Also be sure to enable [two-factor authentication](https://docs.npmjs.com/configuring-two-factor-authentication)
1. Sign in to your npm account in your terminal with `npm login`
1. Run `npm publish --access=public` to publish your package

### Testing

1. Install developer dependencies using the following command in your terminal `npm i -D mocha @types/mocha chai @types/chai ts-node`
1. Create a new file `.mocharc.json` in the root directory with the following contents:
   ```json
   {
     "extension": ["ts"],
     "spec": "./**/*.spec.ts",
     "require": "ts-node/register"
   }
   ```
1. Create a `tests` folder
1. Create an `index.spec.ts` file in the `tests` folder
1. Write unit tests in the `index.spec.ts` file to test the code in `index.ts`
1. Add a `"test"` property in the `package.json` file and give it a value of `"mocha"`
1. Run `npm test` in your terminal from the root folder of the project
npm package: @juqiao/jq-heatmap-3d
Description: A 3D heatmap web component built with Stencil and Three.js
Latest version: 1.0.12

# jq-heatmap-3d

一个基于 Stencil 和 Three.js 构建的 3D 热力图 Web Component。

## 特性

- 🎯 **3D 可视化**: 使用 Three.js 渲染立体的热力图
- 🔧 **易于集成**: 支持原生 HTML、React、Vue 等框架
- 📱 **响应式**: 自适应容器大小
- ⚡ **高性能**: 基于 Web Components 标准，性能优异
- 🎨 **可定制**: 丰富的配置选项和样式定制

## 安装

```bash
npm install jq-heatmap-3d
```

## 使用方法

### 1. React 中使用

```jsx
import React, { useEffect, useRef } from 'react';
import { defineCustomElements } from 'jq-heatmap-3d/loader';

function HeatmapComponent({ data }) {
  const heatmapRef = useRef(null);

  useEffect(() => {
    defineCustomElements().then(() => {
      if (heatmapRef.current && data) {
        heatmapRef.current.data = data;
        heatmapRef.current.dataWidth = 32;
        heatmapRef.current.dataHeight = 32;
      }
    });
  }, [data]);

  return (
    <jq-heatmap-3d
      ref={heatmapRef}
      style={{ width: '100%', height: '600px', display: 'block' }}
    />
  );
}
```

### 2. Vue 中使用

```vue
<template>
  <jq-heatmap-3d
    ref="heatmapRef"
    :data-width="32"
    :data-height="32"
    :width-interpolation="4"
    :height-interpolation="2"
    :border-padding="4"
    :blur-radius="2"
    :color-scale="2000"
    :height-scale="0.2"
    :smoothness="1"
    :camera-distance="240"
    :x-axis-angle="-45"
    style="width: 100%; height: 600px; display: block;"
    @dataUpdated="handleDataUpdated"
    @renderComplete="handleRenderComplete"
  />
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { defineCustomElements } from 'jq-heatmap-3d/loader'

const heatmapRef = ref(null)

onMounted(async () => {
  await defineCustomElements()
  // 设置数据
  if (heatmapRef.value) {
    heatmapRef.value.data = yourDataArray
  }
})

const handleDataUpdated = (event) => {
  console.log('数据已更新')
}

const handleRenderComplete = (event) => {
  console.log('渲染完成')
}
</script>
```

## 配置选项

| 属性 | 类型 | 默认值 | 描述 |
|-----|------|--------|------|
| `data` | Array | `[]` | 热力图数据数组 |
| `dataWidth` | number | `32` | 数据宽度 |
| `dataHeight` | number | `32` | 数据高度 |
| `widthInterpolation` | number | `4` | 宽度插值 |
| `heightInterpolation` | number | `2` | 高度插值 |
| `borderPadding` | number | `4` | 边框填充 |
| `blurRadius` | number | `2` | 模糊半径 |
| `colorScale` | number | `2000` | 颜色缩放 |
| `heightScale` | number | `0.2` | 高度缩放 |
| `smoothness` | number | `1` | 平滑度 |
| `cameraDistance` | number | `240` | 相机距离 |
| `xAxisAngle` | number | `-45` | X轴角度 |

## 事件

| 事件名 | 描述 |
|--------|------|
| `dataUpdated` | 数据更新时触发 |
| `renderComplete` | 渲染完成时触发 |
| `heatmapError` | 发生错误时触发 |

## 数据格式

数据应该是一个一维数组，表示热力图的数值。例如：

```javascript
// 32x32 的热力图数据 (1024个点)
const data = new Array(1024).fill(0).map((_, i) => {
  const row = Math.floor(i / 32);
  const col = i % 32;
  // 在中心创建一个热点
  const centerX = 16;
  const centerY = 16;
  const distance = Math.sqrt(Math.pow(row - centerY, 2) + Math.pow(col - centerX, 2));
  return Math.max(0, Math.floor(100 - distance * 5));
});
```

## 依赖

- Three.js (^0.177.0)

## 许可证

MIT
npm package: @jurassix/pouchdb-adapter-asyncstorage
Description: asyncstorage adapter for PouchDB
Author: Christoph Stock
Latest version: 6.3.4

![Logo](https://raw.githubusercontent.com/stockulus/pouchdb-react-native/master/static/pouchdb-react-native.png)

pouchdb-adapter-asyncstorage
======

PouchDB adapter using AsyncStorage as its data store. Designed to run in ReactNative. Its adapter name is `'asyncstorage'`.

[![bitHound Overall Score](https://www.bithound.io/github/stockulus/pouchdb-react-native/badges/score.svg)](https://www.bithound.io/github/stockulus/pouchdb-react-native) [![npm Package](https://img.shields.io/npm/dm/pouchdb-adapter-asyncstorage.svg)](https://www.npmjs.com/package/pouchdb-adapter-asyncstorage) [![npm Package](https://img.shields.io/npm/v/pouchdb-adapter-asyncstorage.svg)](https://www.npmjs.com/package/pouchdb-adapter-asyncstorage) [![travis-ci.org](https://travis-ci.org/stockulus/pouchdb-react-native.svg)](https://travis-ci.org/stockulus/pouchdb-react-native) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/) [![license](https://img.shields.io/npm/l/pouchdb-adapter-asyncstorage.svg?maxAge=2592000)](https://opensource.org/licenses/MIT)

### Usage

```bash
npm install pouchdb-adapter-asyncstorage --save
```

```js
import PouchDB from 'pouchdb-core'
PouchDB.plugin(require('pouchdb-adapter-asyncstorage').default)
const db = new PouchDB('mydb', {adapter: 'asyncstorage'})

// use PouchDB
db.get('4711')
  .then(doc => console.log(doc))

```

### Android limit

On Android asyncstorage has a limitation of 6 MB per default, you might want to increase it

```java
// MainApplication.getPackages()
long size = 50L * 1024L * 1024L; // 50 MB
com.facebook.react.modules.storage.ReactDatabaseSupplier.getInstance(getApplicationContext()).setMaximumSize(size);
```

For full API documentation and guides on PouchDB, see [PouchDB.com](http://pouchdb.com/). For details on PouchDB sub-packages, see the [Custom Builds documentation](http://pouchdb.com/custom.html).

---
[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&maxAge=2592000)](https://twitter.com/stockulus) [![GitHub stars](https://img.shields.io/github/stars/stockulus/pouchdb-react-native.svg?style=social&label=Star)](https://github.com/stockulus/pouchdb-react-native)
npm package: @jurassix/pouchdb-adapter-http-react-native
Description: ReactNative: PouchDB adapter using HTTP (e.g. a remote CouchDB) as its data store. Adapted from pouchdb-adapter-http.
Author: Clint Ayres
Latest version: 6.2.7

pouchdb-adapter-http
======

PouchDB adapter using HTTP (e.g. a remote CouchDB or CouchDB-like database) as its data store. Designed to run in either Node or the browser. Its adapter name is `'http'` or `'https'` depending on the protocol.

### Usage

```bash
npm install pouchdb-http
```

```js
var PouchDB = require('pouchdb-http');
var db = new PouchDB('http://127.0.0.1:5984/mydb');
```

For full API documentation and guides on PouchDB, see [PouchDB.com](http://pouchdb.com/). For details on PouchDB sub-packages, see the [Custom Builds documentation](http://pouchdb.com/custom.html).

### Source

PouchDB and its sub-packages are distributed as a [monorepo](https://github.com/babel/babel/blob/master/doc/design/monorepo.md).

For a full list of packages, see [the GitHub source](https://github.com/pouchdb/pouchdb/tree/master/packages).
npm package: @jurassix/pouchdb-fetch-react-native
Description: PouchDB's ajax() method, implemented using Fetch. Adapted from pouchdb-ajax
Author: Clint Ayres
Latest version: 6.2.5

pouchdb-ajax ![semver non-compliant](https://img.shields.io/badge/semver-non--compliant-red.svg)
======

PouchDB's ajax() method.

### Usage

```bash
npm install --save-exact pouchdb-ajax
```

For full API documentation and guides on PouchDB, see [PouchDB.com](http://pouchdb.com/). For details on PouchDB sub-packages, see the [Custom Builds documentation](http://pouchdb.com/custom.html).

### Warning: semver-free zone!

This package is conceptually an internal API used by PouchDB or its plugins. It does not follow semantic versioning (semver), and rather its version is pegged to PouchDB's. Use exact versions when installing, e.g. with `--save-exact`.

### Source

PouchDB and its sub-packages are distributed as a [monorepo](https://github.com/babel/babel/blob/master/doc/design/monorepo.md).

For a full list of packages, see [the GitHub source](https://github.com/pouchdb/pouchdb/tree/master/packages).
npm package: @jurassix/pouchdb-react-native
Description: PouchDB Bundle for ReactNative
Author: Christoph Stock
Latest version: 6.3.8

![Logo](https://raw.githubusercontent.com/stockulus/pouchdb-react-native/master/static/pouchdb-react-native.png)

pouchdb-react-native
======

PouchDB, the ReactNative-only edition. A preset representing the PouchDB code that runs in ReactNative.

The `pouchdb-react-native` preset contains the version of PouchDB that is designed for ReactNative. In particular, it ships with the AsyncStorage adapters as its default adapters. It also contains the replication, HTTP, and map/reduce plugins.

[![bitHound Overall Score](https://www.bithound.io/github/stockulus/pouchdb-react-native/badges/score.svg)](https://www.bithound.io/github/stockulus/pouchdb-react-native) [![npm Package](https://img.shields.io/npm/dm/pouchdb-react-native.svg)](https://www.npmjs.com/package/pouchdb-react-native) [![npm Package](https://img.shields.io/npm/v/pouchdb-react-native.svg)](https://www.npmjs.com/package/pouchdb-react-native) [![travis-ci.org](https://travis-ci.org/stockulus/pouchdb-react-native.svg)](https://travis-ci.org/stockulus/pouchdb-react-native) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/) [![license](https://img.shields.io/npm/l/pouchdb-react-native.svg?maxAge=2592000)](https://opensource.org/licenses/MIT)

### Usage

```bash
npm install pouchdb-react-native --save
```

npm >= 3 / node >= 6 works best, there are some known issues with npm 2

```js
import PouchDB from 'pouchdb-react-native'
const db = new PouchDB('mydb')

// use PouchDB
db.get('4711')
  .then(doc => console.log(doc))

```

For full API documentation and guides on PouchDB, see [PouchDB.com](http://pouchdb.com/). For details on PouchDB sub-packages, see the [Custom Builds documentation](http://pouchdb.com/custom.html).

### Android limit

On Android asyncstorage has a limitation of 6 MB per default, you might want to increase it

```java
// MainApplication.getPackages()
long size = 50L * 1024L * 1024L; // 50 MB
com.facebook.react.modules.storage.ReactDatabaseSupplier.getInstance(getApplicationContext()).setMaximumSize(size);
```

### Sample App
there is a small example app:
https://github.com/stockulus/pouchdb-react-native/tree/master/example

---
[![Twitter URL](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&maxAge=2592000)](https://twitter.com/stockulus) [![GitHub stars](https://img.shields.io/github/stars/stockulus/pouchdb-react-native.svg?style=social&label=Star)](https://github.com/stockulus/pouchdb-react-native)