open-index/open-npm huggingface dataset:
npm package: @reidelsaltres/pureper
Description: Minimal library extracted from the Pureper SPA foundation — utilities and base classes for components/pages.
Author: ReiDelsAltres
Latest version: 0.2.34

# Pureper

pre-alpha — this library is in an early, pre-alpha stage and is under active development; APIs and behavior may change as the project evolves.

This package provides the core foundation utilities extracted from the Pureper SPA project (component lifecycle base classes, Triplet helper, Router, ServiceWorker helper, Fetcher, Theme, and selected helpers).

License
MIT
npm package: @reidjs/vue3d
Description: View 3d models in vue
Author: reidjs
Latest version: 0.0.2

# vue3d
Easily view interactive 3d models in any vue app.


![Demo](demo.gif)
# Setup
1. Install @reidjs/vue3d


`npm i @reidjs/vue3d`

1. Import the `ModelViewer` component
```html
<script setup>
    import { ModelViewer } from "@reidjs/vue3d"
</script>

<template>
    <ModelViewer src="/plant.glb" auto-rotate camera-controls></ModelViewer>
<template>
```

# Docs
This package wraps google's [model-viewer](https://modelviewer.dev/) with vue, so refer to their docs for usage.

# Local development

Install issue
to install google model viewer you need:
    "@google/model-viewer": "^3.1.1",
    "three": "^0.151.2",
in package.json

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Run Unit Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:unit
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```
npm package: @reidond/vite-plugin-vue2
Description: Vite plugin for Vue2
Author: underfin
Latest version: 1.9.1

# vite-plugin-vue2

[![NPM version](https://img.shields.io/npm/v/vite-plugin-vue2?color=a1b858&label=)](https://www.npmjs.com/package/vite-plugin-vue2)

## Install

```bash
npm install vite-plugin-vue2 -D
```

```js
// vite.config.js
import { createVuePlugin } from 'vite-plugin-vue2'

export default {
  plugins: [
    createVuePlugin(/* options */)
  ],
}
```

## [Options](https://github.com/underfin/vite-plugin-vue2/blob/master/src/index.ts#L26)

### `vueTemplateOptions`

Type: `Object`<br>

Default: `{ compilerOptions :{ whitespace: 'condense' }   }`

**Note {  whitespace: 'condense' } behavior**

* A whitespace-only text node between element tags is removed if it contains new lines. Otherwise, it is condensed into a single space.

* Consecutive whitespaces inside a non-whitespace-only text node are condensed into a single space.


Using condense mode will result in smaller compiled code size and slightly improved performance. However, it will produce minor visual layout differences compared to plain HTML in certain cases,if you want to keep whitespace  behavior, please set `{ whitespace: 'preserve' }`

The options for `@vue/component-compiler-utils`.

### `jsx`

Type: `Boolean`<br>
Default: `false`

The options for jsx transform.

### `jsxOptions`

Type: `Object`<br>

The options for `@vue/babel-preset-jsx`.

### `target`

Type: `String`<br>

The options for esbuild to transform script code

## Todo

- SSR Build
- Sourcemap
npm package: @reiebenezer/gdspark-interpreter
Description: Internal interpreter utilities for running GDSpark command flows in frontend applications.
Latest version: 1.2.0

# GDSpark Interpreter

Internal interpreter utilities for running GDSpark command flows in frontend applications.

## Installation

```bash
npm install @reiebenezer/gdspark-interpreter
```

## Package API

The package currently exposes these public entrypoints:

- `Interpreter` from `@reiebenezer/gdspark-interpreter`
- `generateFlights` from `@reiebenezer/gdspark-interpreter/scenario`
- shared types from `@reiebenezer/gdspark-interpreter/types`

## Flight Generation

The flight directory is randomly generated, with booking dates up to 5 days ahead of current date. 
Does not include the current day in the list.

## Basic Usage

```ts
import { Interpreter } from '@reiebenezer/gdspark-interpreter';
import type { TestConstraints } from '@reiebenezer/gdspark-interpreter/types';

const constraints: TestConstraints = {
  expectedANQuery: {
    dateOfFlight: new Date('2026-04-10'),
    origin: 'MNL',
    destination: 'CEB',
  },
  expectedPNR: {
    names: [],
    segments: [],
  },
};

const interpreter = Interpreter(constraints, 12345);
```

- The first argument is a `TestConstraints` object used by the interpreter flow.
- The second argument is an optional seed used to generate deterministic flight scenarios.

## Handling Commands

Pass raw command strings to `handleInput()`.

```ts
interpreter.handleInput('AN10APRMNLCEB');
interpreter.handleInput('SS1Y1');
interpreter.handleInput('NM1DELA CRUZ/JUAN MR');
interpreter.handleInput('APM09171234567');
interpreter.handleInput('APEjuan@example.com');
```

The interpreter parses each command internally and updates its reactive state.

## Listening For State Changes

Use `addListener()` to receive the latest displayed flights and PNR state whenever the interpreter changes.

```ts
const stopListening = interpreter.addListener(({ displayedFlights, pnr }) => {
  console.log('Flights:', displayedFlights);
  console.log('PNR:', pnr);
});
```

The listener receives:

- `displayedFlights`: `Flight[] | undefined`
- `pnr`: `PNR`

`addListener()` returns an unsubscribe function.

## Listening For Logs

Use `addLogListener()` to react to runtime warnings and validation errors.

```ts
const stopLogListener = interpreter.addLogListener((log) => {
  console.log(log.type, log.text);
});
```

The log payload has this shape:

```ts
interface Log {
  type: 'warn' | 'err' | 'info';
  text: string;
}
```

`addLogListener()` also returns an unsubscribe function.

## Scenario Utilities

If you need direct access to generated flights for debugging or UI previews, import `generateFlights()` from the scenario entrypoint.

```ts
import { generateFlights } from '@reiebenezer/gdspark-interpreter/scenario';

const flights = generateFlights(12345);
```

## Notes

- `ER` is not implemented yet.
- This package is intended for internal use with GDSpark.
npm package: @reiebenezer/gdspark-parser
Description: GDSpark command lexer/parser library
Latest version: 0.1.8

# gdspark-cli

CLI parser for GDS-style commands. It tokenizes and parses input into an AST JSON output.

## Requirements

- [Bun](https://bun.com)

## Install

```bash
bun install
```

## Run

Start interactive mode:

```bash
bun run index.ts
```

Then enter one command per line. The CLI prints parsed AST JSON for each line.

Exit commands:
- `exit`
- `quit`
- `:q`

## Commands Covered

The parser currently supports:

- `AN` availability lookup
- `SS` sell/select from availability
- `NM` passenger name input
- `APM` passenger mobile
- `APE` passenger email
- `TKTL` ticketing time limit
- `ER` end/save record
- `XE` cancel segment
- `FXP` pricing on selected booking class (WIP)
- `FXB` lowest available pricing (WIP)
- `TTK` ticket issuance with quantity (WIP)

## Syntax Notes

- `AN`: `ANDDMMMOOODDD` with optional `/AIRLINE`
- Example: `AN15SEPILOMNL`, `AN15SEPILOMNL/A5J`
- `SS`: compact format `SS<passengerCount><bookingClass><flightNumber>`
- Example: `SS1Y3`, `SS2T5`
- `NM`: one or more entries in `<count><SURNAME>/<Given>/<Given>` format, comma-separated for multiple entries; trailing title is supported
- Example: `NM1SMITH/John Mr`, `NM1SMITH/John,1ROXAS/Peter`
- `APM` / `APE`: value must be attached directly to the command code
- Example: `APM09171234567`, `APEsomeone@gmail.com`
- `TKTL`: compact date format `TKTLDDMMM`
- Example: `TKTL05MAR`
- `XE`: segment number must be attached directly to the command code
- Example: `XE2`
- `TTK`: requires `/T<n>-<quantity>`
- Example: `TTK/T1-3`

## Examples

```text
AN15SEPILOMNL
AN15SEPILOMNL/A5J
SS1Y3
NM2SMITH/John/Peter Mr
APM09171234567
APEr@r.com
TKTL05MAR
ER
XE2
FXP
FXB
TTK/T1-3
```
npm package: @reignmodule/util-pkg
Description: Read the package.json file
Author: Reign
Latest version: 1.0.5

# @reignmodule/util-pkg

![NPM Publish package util-pkg](https://github.com/reigncl/reign-utils/workflows/NPM%20Publish%20package%20util-pkg/badge.svg)

Read the package.json file

## How to use

Install with [npm](https://www.npmjs.com/).

```sh
$ npm i @reignmodule/util-pkg
```

Import `@reignmodule/util-pkg` in your code.

```ts
import * as pkg from '@reignmodule/util-pkg'

console.log(`Package Name: ${pkg.pkgName}`) // Package Name: @reignmodule/util-pkg
console.log(`Package Version: ${pkg.pkgVersion}`) // Package Version: 1.0.0
console.log(`${pkg.pkgName}@${pkg.pkgVersion}`) // @reignmodule/util-pkg@1.0.0
```
npm package: @reiiyuki/timemachine
Description: Test your time critical app by overriding the native Javascript Date function
Author: Johannes Schickling
Latest version: 0.3.2

timemachine [![Build Status](https://travis-ci.org/schickling/timemachine.png?branch=master)](https://travis-ci.org/schickling/timemachine)
===========

Test your time-dependent app by monkey patching the `Date` function and **overriding your system time**. Timemachine is compatible with global namespaces, RequireJS, CommonJS and NodeJS.

## Installation

### Bower
```sh
$ bower install timemachine
```

### NPM
```sh
$ npm install timemachine
```

## Usage

### Config
```js
timemachine.config({
  dateString: 'December 25, 1991 13:12:59'
});

console.log(new Date()); // December 25, 1991 13:12:59
```

Parameter 		| Description										| Default
---				| ---												| ---
`dateString`	| Date you want set as a string						| `Thu, 01 Jan 1970 00:00:00 GMT`
`timestamp`		| Date you want set as a timestamp					| `0`
`difference`	| Time offset in milliseconds						| `0`
`tick`			| Whether the system clock should continue ticking	| `false`
`keepTime`		| Whether the system time should be kept			| `false`

### Reset
```js
timemachine.reset();
console.log(new Date()); // Your real system time
```
npm package: @reiiyuki/vconsole-webpack-plugin
Description: webpack plugin for vConsole
Author: diamont1001
Latest version: 1.7.2

# vconsole-webpack-plugin
webpack plugin for [vConsole](https://github.com/WechatFE/vConsole)

帮助开发者在移动端进行调试，本插件是在 [vConsole](https://github.com/WechatFE/vConsole) 的基础上封装的 `webpack` 插件，通过 `webpack` 配置即可自动添加 `vConsole` 调试功能，方便实用。

## 安装

```bash
npm install vconsole-webpack-plugin --save-dev
```

## 使用

`webpack.conf.js` 文件配置里增加以下插件配置即可

```js
// 引入插件
var vConsolePlugin = require('vconsole-webpack-plugin'); 

module.exports = {
    ...

    plugins: [
        new vConsolePlugin({
            filter: [],  // 需要过滤的入口文件
            enable: true // 发布代码前记得改回 false
        }),
        ...
    ]
    ...
}
```

`vConsole` 作为一个调试模块，注定了需要在发布前把它去掉，为了避免人为操作失误而影响线上功能，这里建议配置如下：

`package.json` 文件配置：

```json
scripts: {
    "dev": "webpack -w --debug",
    "prod": "webpack -p"
}
```

`webpack.conf.js` 配置：

```js
// 引入插件
var vConsolePlugin = require('vconsole-webpack-plugin'); 

// 接收运行参数
const argv = require('yargs')
    .describe('debug', 'debug 环境') // use 'webpack --debug'
    .argv;

module.exports = {
    ...

    plugins: [
        new vConsolePlugin({enable: !!argv.debug}),
        ...
    ]
    ...
}
```

这样，在开发的时候运行 `npm run dev`，发布的时候运行 `npm run prod` 即可。

`webpack-dev-server` 的配套用法：

用法其实跟上面一样，只是别忘记在启动脚本的时候增加 `--debug` 即可。如下：

```js
  // package.json
  "scripts": {
    ...
    "start:dev": "webpack-dev-server --debug",
    ...
  },
```

## 例子参考: [webpack-demo](https://github.com/diamont1001/webpack-demo/tree/master/example1)

## 直接使用 vconsole

当然，有时候一些页面想临时添加 `vconsole` 来调试一下，可以直接使用：

```htmls
<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>
<script>
	window.vConsole = new window.VConsole();
</script>
```
npm package: @reijii/rutypo
Description: Russian typograf
Author: Lev Rogozhin
Latest version: 0.0.1

# RuTypo

_Version 0.0.1_

Простейший типограф для русских текстов для nodejs. Хорошо подходит для коротких текстов, заголовков.

## Особенности

- расстановка кавычек-ёлочек и лапок;
- расстановка неразрывных пробелов в числах;
- расстановка неразрывных пробелов рядом с короткими словами;
- правильная расстановка дефисов и тире;
- связывание непереносимых конструкций (телефоны, короткие конструкции с дефисом, сокращения типа "ж/д" и т. д.);
- установка неразрывного пробела после знака номера;
- возможна замена UTF-8 символов из набора на хтмл энтити.

## Установка

_pacckage.json_: `"rutypo": "rogozhin/rutypo.git"`

github:
```bash
	git clone git@github.com:rogozhin/rutypo.git
```

## Использование

```js
const typo = require('./rutypo');

console.log(typo('конструкции с дефисом, сокращения типа "ж/д" и т. д.', { entity: 'all' }));
// конструкции с&nbsp;дефисом, сокращения типа &laquo;ж&#8288;/&#8288;д&raquo; и&nbsp;т.&nbsp;д.
```

Второй параметр — объект с настройками типографирования:

| Параметр | Тип | Значения | Описание | 
| --- | --- | --- | --- |
| entity | array\|string | 'all'\|'special'\|['space', 'hidden', 'quot', 'dash'] | Настройка замены UTF-8 символов на хтмл энтити: 'all' — все; 'special' — непечатные; массив - набор конкретных групп. |
npm package: @reijovosu/react-range-slider
Description: small react range slider component
Author: Reijo Vosu
Latest version: 1.0.1

# react-range-slider

![](https://user-images.githubusercontent.com/378124/87159763-89d76b00-c2ca-11ea-8435-8817a321ff0c.png)

##Install

using npm: 
`npm install @reijovosu/react-range-slider`

or using yarn:
`yarn add @reijovosu/react-range-slider`

## Usage

### Simple

```javascript
import React from 'react';
import Slider from '@reijovosu/react-range-slider';

const App = () => {
    return <Slider
       min="10"
       max="110"
       minValue="30"
       maxValue="95"
       onChange={(v) => console.log(v)}
    />;
}

export default App;
```

### Full

```javascript
import React from 'react';
import Slider from '@reijovosu/react-range-slider';
import sliderStyles from './slider.module.css';

const sliderProps = {
    min: 0,
    max: 110,
    minValue: 30,
    maxValue: 95,
    stylesObj: {
        midline: {
            backgroundColor: '#0000FF'
        }
    },
    moduleStyles: sliderStyles,
    onChange: (v) => console.log(v),
    onChangeActive: (v) => console.log(v),
    display: (v) => <b>{v}</b>
}
const App = () => {
    return <Slider {...sliderProps} />;
}

export default App;
```

## Configuration props

- **min** - minimum scale amount
- **max** - maximum scale amount
- **minValue** - minimum slider value
- **maxValue** - maximum slider value
- **onChange** - event that fires after sliding ends
	- returns `{min: min, max: max, minValue: minValue, maxValue: maxValue}`
- onChangeActive that event that fires when sliding 
	- returns `{min: min, max: max, minValue: minValue, maxValue: maxValue}`
- stylesObj - object for styling slider.
  
Examle: [https://github.com/reijovosu/react-range-slider/blob/master/src/styles.js](https://github.com/reijovosu/react-range-slider/blob/master/src/styles.js)

- moduleStyles - css module file.

Example: [https://github.com/reijovosu/react-range-slider/blob/master/src/default.module.css](https://github.com/reijovosu/react-range-slider/blob/master/src/default.module.css)