open-index/open-npm huggingface dataset:
npm package: @hansotech/mfair-wsp-mod-cesium-jssdk
Description: MFair-JSSDK-Cesium-Launcher
Latest version: 0.2.5

# Cesium 模飞封装
## 快速上手
#### 引入
```js
import CesiumFair from '@hansotech/mfair-wsp-mod-cesium-jssdk' 
```
## API

#### 初始化
```js
const mapIns = new CesiumFair(container, option);
```

Options 类型参考
```ts
{
  // 切换投影模式（cesium自带）
  sceneModePicker?: boolean; //模式切换按钮

  fullscreenButton?: boolean;//右下角的全屏按钮

  imageryLayers?: Array<ImageryTile | ImageryWms>; // 瓦片

  /** 构建参数: see {@link https://cesium.com/learn/cesiumjs/ref-doc/CesiumTerrainProvider.html} */
  terrain?: any; // 地形

  location?: CesiumLocation; // 初始化位置

  depthTestTerrain?: boolean; // 开启深度缓冲
  globeTransparent?: boolean;  // 地球透明开关
  cameraCollision?: boolean; // 相机和地形碰撞开关

  tiles3d?: Array<Tile3DOption>; // 3dtile 数据

  useBrowserRecommendedResolution?: boolean;

  shouldAnimate?: boolean; // 默认开启动画
}
```

### 使用示例
```js
const config = {
    imageryLayers: [
        {
            type: 'tile',
            option: {
                url: 'http://www.example.com/{z}/{x}/{y}.webp',
                // 这里需要替换成你自己的瓦片地址
                enablePickFeatures: false,
            },
        },
    ],
    terrain: {
        url: 'TERRAIN_URL',
        // 这里需要替换成你自己的地形地址
    },
    depthTestTerrain: true,
    location: {
        center: [113.1433, 23.103, 2500],
        pitch: -90,
    },
    controlAsMapbox: true,
    tiles3d: [
        {
            option: {
                // 这里替换成你的3dtile 地址
                // 3dtile 可一次性加载多个
                url: 'OBLIQUE_URL',
            },
            location: false,
            // 是否聚焦到该图层
        }
    ],
}
const cesiumFair = new CesiumFair(document.getElementById('app'), config);

```


### 销毁
```js
cesiumFair.destroy()
```

### 监听点击事件
```js
cesiumFair.on('click', ({ feature, location }) => {
    // feature为拾取对象
    // location为拾取位置
})
```
npm package: @hansotech/mfair-wsp-mod-mapbox-jssdk
Description: MFair-JSSDK-Mapbox-Launcher
Latest version: 0.1.3

# mapboxGl 模飞封装

## API

#### 初始化
```js
const mapIns = new MapboxFair({
    option: {
        container: '#map'
    }
});
```


### 设置绘图样式
```js

/**
 *
 * @description 设置指定样式层中绘图属性的值
 * @param {string} layerId - 图层ID
 * @param {string} name - 绘图属性名称
 * @param {any} value - 绘图属性值
 * @return map
 *
 * @example
 * map.setPaintProperty('my-layer', 'fill-color', '#faafee');
 *
 */
setPaintProperty(layerId, name, value, option = {})


```
npm package: @hanspeleman/rolling-number
Description: <rolling-number> is an easy-to-use inline Web Component that shows a nice rolling digit animation
Author: hanspeleman
Latest version: 1.2.2

# rolling-number
**&lt;rolling-number&gt; is an easy-to-use inline Web Component**
This easy-to-use web component shows a nice rolling digit animation.

![Rolling Number Screen Recording](rolling-number.gif)

## Information

- The &lt;rolling-number&gt; component can be used out-of-the-box with a monospaced font.
- The webcomponent inherits the font-family from it's parent.
- Depending on the font-family your letterspacing will vary

## Installation

### Self hosted

Add the following to an HTML document:

```html
<script type="module" src="path/to/rolling-number.js"></script>
```

### NPM
```html
npm i @hanspeleman/rolling-number
```

## Usage

Value by fallback
```html
<rolling-number>123</rolling-number>
```
Value w/o fallback
```html
<rolling-number value="123"></rolling-number>
```
Customize roll duration
```html
<rolling-number style="--roll-duration:750ms" value="123"></rolling-number>
```

## Roadmap

- [x] Fixed inline css typo
- [x] Fixed inline css so other non-monospaced fonts are nicely aligned in each digits column
- [x] Add an observer wich will initiate the animation only when it's in view
- [x] Reset the element each time it's out of view
- [ ] Add full support for non-monospaced fonts
- [ ] Add feature the roll n-times
- [ ] ...

[![my github badge](https://img.shields.io/badge/hanspeleman-000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/hanspeleman) ![NPM Version](https://img.shields.io/npm/v/%40hanspeleman%2Frolling-number?style=for-the-badge&include_prereleases=&sort=semver&color=black) [![License](https://img.shields.io/badge/License-MIT-black?style=for-the-badge)](#license)
This repository is based on [@layflags/rolling-number](https://github.com/layflags/rolling-number).
npm package: @hanspoo/daisy-date-picker
Description: Tailwind daisyui react date picker
Author: Hans Poo
Latest version: 1.0.4

# daisy-date-picker

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test daisy-date-picker` to execute the unit tests via [Vitest](https://vitest.dev/).
npm package: @hanspoo/global-types
Description: This is an nx plugin that add some kind global .d.ts definitions.
Author: Hans Poo
Latest version: 0.1.9

# global-types for nx

This is an nx plugin that add some kind global .d.ts definitions.

## How it works

It augments every "tsconfig*.json" file under "apps" or "libs" with an includes entry: ../../types/*.d.ts (any dots as needed).
Then every definition file .d.ts in that folder will be available for all apps and libs.

## Usage

Install the plugin:

```
npm i -D @hanspoo/global-types
```

And run the generator add-lib:

```
nx g @hanspoo/global-types:add-lib
```

## Example

A common use case is to add environment variables to process.env.

When this generator has run, all the definition files under the top level folder _types_ will be global.
In this specific example we'll create some typed environment variables, augmenting the ProcessEnv interface in Node.

```
cd YOUR_WORKSPACE_HOME
mkdir types
touch types/environment.d.ts
```

Put the next content in the file just created; it will add some variables to process.env:

```
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: string;
      DB_DSN: string;
      DEBUG: string;
      MAX_ROWS: string;
    }
  }
}

export {};
```

Then in your code, it will be type safe to use them with dot notation:

```
process.env.NODE
```

Without this, you should use untyped bracket notation to access the variable:

```
process.env["NODE"]
```

Loosing type safety and intellisense in your editor.

## Caveats:

- It doesn't create the types folder, nor the files that should be within it.
- Actually it's focused on integrated monorepos.
- Work only on \*nix operating systems like Linux and MacOS.

## Publishing

Increment manually the version number in package.json.
Execute the next command using the same version number you've put in package.json.

```
./node_modules/.bin/nx publish global-types  --ver=0.1.6 --tag=latest
```