open-index/open-npm huggingface dataset:
npm package: @legendaryhosts/vue-particles
Description: Vue.js component for particles backgrounds
Author: keith@legendaryhosts.com
Latest version: 1.0.10

# vue-particles

Customized version of vue-particles that allows multiple instances of particles on a single page.

### Vue.js component for particles backgrounds ✨
### SSR compatible - Tested with <a href="https://nuxtjs.org/" target="_blank">Nuxt.js</a>

------------------------------
<a href="http://vue-particles.netlify.com/" target="_blank"><img src="https://cloud.githubusercontent.com/assets/3135968/25576433/9e63f3fe-2e67-11e7-9074-7bd9458ed691.png" alt="particles.js generator" /></a>
## Demo and Usage
<a href="http://vue-particles.netlify.com/" target="_blank">http://vue-particles.netlify.com/</a>
npm package: @legendaryrob/countrify
Description: A package to assist in the disection of ISO-3166-1(country) and ISO-3166-2(subdivision) ISO standards.
Author: Ruberto Paluo
Latest version: 2.1.1

# @legendaryrob/countrify

[![npm (scoped)](https://img.shields.io/npm/v/@legendaryrob/countrify.svg)](https://github.com/Ruberto/countrify) [![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@legendaryrob/countrify.svg)](https://github.com/Ruberto/countrify)

## Install
`$ npm install @legendaryrob/countrify`

## Usage
```javascript
const countrify = require("@legendaryrob/countrify")

// Finding names

countrify.getName("USD");
//=> "United States of America"

countrify.getName("US");
//=> "United States of America"


// Getting Alpha3 codes

countrify.getAlpha3("South Africa");
//=> "SAF"

countrify.getAlpha3("SA");
//=> "SAF"

// Getting Alpha2 codes

countrify.getAlpha3("South Africa");
//=> "SA"

countrify.getAlpha3("SAF");
//=> "SA"

// Getting a list of all the countries

countrify.allCountriesList();
//=> ['Andorra', 'United Arab Emirates', 'Afghanistan'...]

// Getting a list of all the subdivisions for country

countrify.getSubdivisionsList('South Africa', 'en');
//=> ['Eastern Cape', 'Free State', 'Gauteng'...]

// are able to swap out the country name with alpha2/alpha3
countrify.getSubdivisionsList('SAF', 'en');
//=> ['Eastern Cape', 'Free State', 'Gauteng'...]

// are able to swap out the country name with alpha2/alpha3
countrify.getSubdivisionsList('SAF', 'fr');
//=> ['Cap oriental', 'État-Libre', 'Gauteng'...]

```
npm package: @legendarythedev/dev-options-checker
Description: Check if the Android developer mode is enabled
Author: Guillaume Lazaro
Latest version: 0.0.4

# @capacitor-community/dev-options-checker

Check if the Android developer mode is enabled

## Install

```bash
npm install @capacitor-community/dev-options-checker
npx cap sync
```

## API

<docgen-index>

* [`checkDevOptions()`](#checkdevoptions)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### checkDevOptions()

```typescript
checkDevOptions() => Promise<{ enabled: boolean; }>
```

Returns true if the developer mode is enabled on Android

**Returns:** <code>Promise&lt;{ enabled: boolean; }&gt;</code>

--------------------

</docgen-api>
npm package: @legendzd/mapbox-gl-easy-connect
Description: 简易连接离线mapbox地图
Author: LegendZd
Latest version: 1.1.3

# Mapbox 简易配置项目简介

本项目聚焦于 Mapbox 的简易配置，旨在帮助开发者快速上手并运用 Mapbox 相关功能。通过提供简洁明了的配置示例和步骤说明，降低了使用 Mapbox 进行地图开发的门槛。无论是创建自定义地图样式、添加地图标记，还是实现地图交互功能，本项目都提供了相应的解决方案，让开发者能够高效地完成基于 Mapbox 的地图开发任务。

### 使用 npm 配置 Mapbox

如果你想在项目中使用 Mapbox，可以通过 npm 来安装相关依赖。以下是具体步骤：

#### 1. 初始化项目
如果你还没有项目，可以使用以下命令初始化一个新的 npm 项目：
#### 2. 安装 Mapbox 相关依赖
在项目初始化完成后，你可以使用以下命令来安装 Mapbox GL JS 库：

### 使用 Vue 和 mapbox-gl-easy-connect 进行 Mapbox 配置示例

以下是一个使用 Vue 3 和 `mapbox-gl-easy-connect` 库进行 Mapbox 初始化配置的代码示例：
```typescript
<template>
    <div ref="mapboxContainer" class="size-full"></div>
</template>

<script setup lang='ts'>
import {initMap} from 'mapbox-gl-easy-connect'
import { onMounted, ref } from 'vue'

const mapboxContainer = ref()
const init = () => {
    initMap({
        container: mapboxContainer.value, // 容器
    })
}
onMounted(() => {
    init()
})
</script>
```
npm package: @leggnom/data-bridge
Description: ```typescript const bridge = new DataBridge(     DataBridge.webScoketEngine("wss://my-host.com/channel") );
Author: LegGnom
Latest version: 1.1.0

## WebSocket

```typescript
const bridge = new DataBridge(
    DataBridge.webScoketEngine("wss://my-host.com/channel")
);

// call instance A
bridge.call("my message", "Hello world").then((message) => {
    console.log(message);
    // Hi
});

// subscribe others instances
bridge.registreHandler("my message", (message) => {
    console.log(message);
    // Hello world
    return "Hi";
});
```

## ObjectEvent

```typescript
const bridgeA = new DataBridge(DataBridge.objectEventEngine());

const bridgeB = new DataBridge(DataBridge.objectEventEngine());

bridgeA.call("my message", "Hello world").then((message) => {
    console.log(message);
    // Hi
});

bridgeB.registreHandler("my message", (message) => {
    console.log(message);
    // Hello world
    return "Hi";
});
```

## PostMessage

### postMessage only self tab

```typescript
const bridgeA = new DataBridge(DataBridge.postMessageEngine());

const bridgeB = new DataBridge(DataBridge.postMessageEngine());

bridgeA.call("my message", "Hello world").then((message) => {
    console.log(message);
    // Hi
});

bridgeB.registreHandler("my message", (message) => {
    console.log(message);
    // Hello world
    return "Hi";
});
```

### postMessage -> Parent / Child

parent

```typescript
const bridge = new DataBridge(
    DataBridge.postMessageEngine(
        document.querySelector(".frame").contentWindow,
        window
    )
);
```

iframe

```typescript
const bridge = new DataBridge(DataBridge.postMessageEngine(parent, window));
```

### postMessage cross tab

```typescript
const bridge = new DataBridge(
    DataBridge.postMessageEngine(new BroadcastChannel("my channel"))
);

// call tab A
bridge.call("my message", "Hello world").then((message) => {
    console.log(message);
    // Hi
});

// subscribe others tabs
bridge.registreHandler("my message", (message) => {
    console.log(message);
    // Hello world
    return "Hi";
});
```
npm package: @leggnom/json-migration
Description: ```typescript const enigne = new Migration();
Author: LegGnom
Latest version: 1.0.7

## Simple usage

```typescript
const enigne = new Migration();

engine.input({ num: 1 });

engine.version(1).up((data) => ({ ...data, str: "add props" }));

console.log(engine.data);
// return {num: 1, str: 'add props'}

console.log(engine.get());
// return {__meta: {version: 1, updated_at: '2025-01-06T00:01:46.170Z'}, __data: {num: 1, str: 'add props'}}
```
npm package: @legible-sync/example-console
Description: Console example application using LegibleSync framework
Author: Mauro Stepanoski
Latest version: 1.3.1

# @legible-sync/example-console

[![npm version](https://badge.fury.io/js/%40legible-sync%2Fexample-console.svg)](https://badge.fury.io/js/%40legible-sync%2Fexample-console)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

Console-based example application demonstrating the LegibleSync framework.

## Running the Example

From the root of the monorepo, run:

```bash
npm run dev:console
```

This will demonstrate:
- User registration with validation
- Synchronization rules execution
- Flow auditing and tracing
- State persistence

## What It Does

The console example shows a complete user registration flow:

1. **User Registration**: Creates a new user account
2. **Password Validation**: Ensures password meets requirements
3. **JWT Generation**: Creates authentication tokens
4. **State Persistence**: Saves data using RDF/SPARQL patterns
5. **Flow Auditing**: Shows complete execution trace

## Code Structure

```
src/
├── concepts/          # Business logic modules
│   ├── User.ts       # User management
│   ├── Password.ts   # Password handling
│   ├── JWT.ts        # Token generation
│   └── Persistence.ts # RDF storage
├── syncs/            # Synchronization rules
│   └── registration.sync.ts
├── utils/            # Utilities
│   └── audit.ts      # Flow auditing
└── index.ts          # Main application
```

## Learning Points

- How to define and register concepts
- Creating synchronization rules
- Flow management and auditing
- State persistence patterns
- Error handling and validation

## Related Packages

- [@legible-sync/core](https://www.npmjs.com/package/@legible-sync/core) - Framework core
- [@legible-sync/example-express](https://www.npmjs.com/package/@legible-sync/example-express) - REST API example

## License

MIT License - Copyright (c) 2025 Mauro Stepanoski

## Links

- [GitHub Repository](https://github.com/mastepanoski/legiblesync)
- [Framework Documentation](https://github.com/mastepanoski/legiblesync/tree/main/packages/core)