open-index/open-npm huggingface dataset:
npm package: @nightfall-tech/inertia-vue
Description: The Vue 3 adapter for Inertia.js
Author: Georges KABBOUCHI
Latest version: 0.7.2

> **Warning:** Experimental

The Vue 3 adapter for Inertia.js

## Installation

```sh
yarn add @nightfall-tech/inertia-vue
# or
npm install @nightfall-tech/inertia-vue
```

## Usage

## API

## Related

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @nightfall-ui/typography
Description: Typography for the Nightfall UI library.
Author: Stanislav Panchenko
Latest version: 1.1.9

# Nightfall UI - Typography

## Install
###npm
```sh
npm install @nightfall-ui/typography @nightfall-ui/theme @nightfall-ui/hooks @nightfall-ui/css styled-components @types/styled-components
```
npm package: @nightgale/tools
Description: NightGale Tools for development
Author: DEN
Latest version: 1.0.1

# nge tools

通用工具类与 Vue Hooks 函数库

## 安装

```bash
pnpm add -D @nightgale/tools
```

## Hooks

- useDelayedToggle（延时触发）
- useEventListener（事件注册处理）
- useFullscreen（全屏控制）
- useOutSideClick（范围外点击）
- useTimeout（定时器）

## Utils

常用工具类函数

- 事件类
  - composeEventHandlers
  - whenTrigger
  - tryOnScopeDispose
  - noop
- 元素类
  - unrefElement
  - resolveUnref
- 类型判断
  - isFunction
  - isBoolean
  - isNumber
  - isString
  - isSymbol
  - isArray
  - isObject
  - isDate
  - isRegExp
  - isMap
  - isSet
  - isEmpty
  - isIOS
npm package: @nightgale/uni-patch
Description: The patch of UniApp component translation to build
Author: DEN
Latest version: 1.0.1

# uni-patch

UniApp 内置组件编译补丁扩展。

## 安装

```bash
pnpm add -D @@nightgale/uni-patch
```

## 使用

### vite.config

```ts
// vite.config.ts
import { defineConfig } from 'vite'
import Uni from '@dcloudio/vite-plugin-uni'
import UniPatch from '@nightgale/uni-patch'

// It is recommended to put it in front of Uni
export default defineConfig({
  plugins: [
    UniPatch(),
    Uni()
  ],
})
```

### 选项配置

```ts
interface Options {
 /**
  * 手动分包处理，该选项会覆盖 UniApp 中的分包策略
  * @apply build
  */
 manualChunks?: { [chunkAlias: string]: string[] } | (id: string, meta: ManualChunkMeta) => string | NullValue;

 /**
  * 该选项用于指定 chunks 的入口文件模式
  * @apply build
  */
 entryFileNames?: string | ((chunkInfo: PreRenderedChunk) => string);

 /**
  * 该选项用于对代码分割中产生的 chunk 自定义命名
  * @apply build
  */
 chunkFileNames?: string | ((chunkInfo: PreRenderedChunk) => string);

 /**
  * 用于自定义构建结果中的静态资源名称
  * @apply build
  */
 assetFileNames?:  string | ((chunkInfo: PreRenderedAsset) => string);

 /**
  * 覆盖 UniApp 内置模块样式配置
  * @description 支持纯 css 样式文件 与 scss 编译样式文件
  * @example
  * {
  *   '@dcloudio/uni-h5/style/framework/base.css': '@/styles/framework/base.css'
  * }
  */
 buildInCssReplace: Record<string, string>;

 /**
  * 是否输出日志
  * @default false
  */
 debug: boolean;
}
```
npm package: @nightgale/uni-types
Description: uni-app and uni-cloud types  to extend
Author: DEN
Latest version: 1.0.3

# uni-types

基于 UniApp 与 UniCloud 应用开发的类型扩展。

## 安装

```bash
pnpm add -D @@nightgale/uni-types
```

## 使用

### tsconfig.json

在 compilerOptions 的 types 配置中添加 @nightgale/uni-types 即可

```json
{
 "compilerOptions": {
  "types": ["@nightgale/uni-types"]
 }
}
```
npm package: @nightgale/vite-plugin-pages
Description: File system based routing for uni-app applications using Vite
Author: DEN
Latest version: 1.0.2

# vite-plugin-pages

基于 vite 驱动的 uni-app 文件路由系统插件。

## 安装

```bash
pnpm add -D @nightgale/vite-plugin-pages
```

## 使用

### vite.config

```ts
// vite.config.ts
import { defineConfig } from 'vite'
import Uni from '@dcloudio/vite-plugin-uni'
import RoutePages from '@nightgale/vite-plugin-pages'

// It is recommended to put it in front of Uni
export default defineConfig({
  plugins: [
    RoutePages(),
    Uni()
  ],
})
```

现在所有的页面都将被自动找到！

### 选项配置

```ts
interface SubPagesOptions {
 /**
  * 子包的根目录
  * @description 可配置多个子包根目录
  */
 base: string | string[];

 /**
  * 子包目录搜索深度
  * @default 1
  */
 depth: number;
}

interface Options {
 /**
  * UniApp 编译平台类型
  * @default 'h5'
  */
 platform: Platform;

 /**
  * 默认启动首页
  * @default 'pages/index' or 'pages/index/index'
  */
 homePage: string;

 /**
  * 页面搜索路径
  * @default 'src/pages'
  */
 pages: string;

 /**
  * 子包页面搜索路径
  * @default []
  */
 subPackages: string[] | SubPagesOptions;

 /**
  * SFC 文件扩展名
  * @default ['vue', 'nvue', 'uvue']
  */
 extensions: string[];

 /**
  * pages.json 输出地址
  * @default "src"
  */
 outDir: string;

 /**
  * 路由信息块默认解释语言
  * @default 'json5'
  * @description 或通过在SFC单文件中 `<route lang="xxx">` 配置
  */
 routeBlockLang: RouteLang;

 /**
  * 是否输出日志
  * @default false
  */
 debug: boolean;

 /**
  * 需排除的页面
  * @default []
  */
 exclude: string[];

 /**
  * 移除 SFC 文件中 Template 中的注释项
  * @default 'none'
  * @description all: 全部移除，region: 只移除region注释块，none: 不移除
  */
 removeComment: 'all' | 'region' | 'none';

 /**
  * 是否强制开启 UniPage 路由模式，只支持 H5 平台
  * @default false
  * @description 默认根据 pages.json 中 pages 配置是否使用路由模式，
  *              当 pages 页面配置数量 >1 时会自动开启 UniRouter 模式，
  *              也可以通过该配置强制开启 UniRouter 模式
  */
 uniRouter: boolean;

 /**
  * 默认 UniPage 生成的 routes 信息中不带有 name，使用该配置可以为 routes 加上 name，只适合 H5 平台
  * @default false
  * @description 注意：同时也可以使用 VueRouter 的路由名称进行跳转
  */
 routeNamePatch: boolean;
}
```

### route 块

> route 块数据会合拼并覆盖 pages.json 中同名数据

|名称|说明|可选值|默认
|----|----|----|----
|type|页面类型|'page' \| 'home' |'page'
|lang|块默认解释语言|'json5' \| 'json' \| 'yaml' \| 'yml' | json5
|platform|指定平台类型，为空即全平台，只能是或关系，例： h5 \|\| mp| 同UniApp的平台类型 | h5

```html
<!-- 可通过设置 type='home' 为首页 -->
<!-- 暂不支持 UniApp 的条件编译，可通过配置 platform 属性指定平台 -->
<route type="home">
{
  "style": { "navigationBarTitleText": "@nightgale" }
}
</route>
```
npm package: @nightgale/volar-service-pages
Description: The Vue SFC file route block service for Volar
Author: DEN
Latest version: 1.0.1

# volar-service-pages

基于 vscode 的 volar 插件语言服务扩展，在 Vue SFC 文件的 Route 块中提供 UniApp Pages 配置提示

## 安装

```bash
pnpm add -D @nightgale/volar-service-pages
```

## 使用

在项目根目录中创建 volar.config.js，并设置以下配置即可

```js
// volar.config.js
const volarServiceUniPages = require('@nightgale/volar-service-pages')

module.exports = {
  services: [
    volarServiceUniPages(),
  ],
}
```
npm package: @nighthawks/ts-jigsaw
Description: Parts of a jigsaw-puzzle game engine
Author: Maxim Vanden Abeele
Latest version: 0.0.1-beta.2

![npm badge](https://img.shields.io/npm/v/@nighthawks/ts-jigsaw?color=green)
![Unit test workflow](https://github.com/maximva/js-jigsaw/actions/workflows/run-tests.yml/badge.svg)

# ts-jigsaw

[@nighthawks/ts-jigsaw on NPM](https://www.npmjs.com/package/@nighthawks/ts-jigsaw)

Generates a set of puzzle pieces from any image.

![puzzle pieces](./resources/puzzle-pieces.png)

## Project Status
ts-jigsaw is a young project, and as such, there is room for improvement.
If you encounter any problems, feel free to create an issue, or create a pull-request.

## Documentation
The puzzle pieces are drawn with an HTML canvas and exported as an image.

The configuration is quit simple so the example below should be pretty self-explanatory.
You should however know that the image needs to originate from the same server
or that the server of origin needs to add the appropriate cors header. (https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image)

## Example

```javascript
  import {Puzzle} from '@nighthawks/ts-jigsaw'
  
  const getImage = async (url) => {
    return new Promise((resolve, reject) => {
      let img = new Image();
      img.setAttribute('crossorigin', 'anonymous');
      img.onload = () => resolve(img);
      img.onerror = reject;
      img.src = url;
    })
  };
  
  const appendPuzzlePiecesToDrawer = () => {
    getImage("https://i.imgur.com/lBkmEFv.jpeg")
      .then(
        (img) => {
          const columns = 6;
          const rows = 4;
          const width = 600;
  
          const puzzle = new Puzzle(img, rows, columns, width, (width/3)*2);
          
          const puzzlePieceDrawer = document.getElementById('puzzle-piece-drawer');
  
          puzzle.getPuzzlePieces().forEach(puzzlePiece => {
            puzzlePieceDrawer.appendChild(puzzlePiece.image);
          })
        }
     )
  };
  
  window.addEventListener('DOMContentLoaded', appendPuzzlePiecesToDrawer);
```