open-index/open-npm huggingface dataset:
npm package: @sma.gob.cl/azure-maps
Description: SMA Vue wrapper for Azure Maps v8
Author: sma-gob-cl
Latest version: 0.1.0

### AZURE MAPA
Para poder editar y subir los cambios se debe hacer un build, para luego poder subir los cambios como se muestra en el siguiente ejemplo

**npm run build-full**

Una vez hecho esto se debe tomar el archivo dist y reemplazarlo por el anterior. En caso de querer publicar, se deben seguir los siguientes pasos.

1.- npm run build-full
2.- npm login (Se debe tener cuenta)
3.- npm publish

### INTEGRAR AZURE MAPA

Para poder integrar AZURE mapas se deben seguir los siguientes pasos


1.- npm install @vue-azure-maps/azure-mapa
2.- import VueAzureMaps from '@vue-azure-maps/azure-mapa';
3.- Vue.use(VueAzureMaps, { debug: true });

Ejemplo


### Using npm

`npm i --save @vue-azure-maps/azure-mapa`

Usage
-----

### Bundler (Webpack, Rollup)

```js
import Vue from 'vue'

import VueAzureMaps from '@vue-azure-maps/azure-mapa'

// Default configuration
Vue.use(VueAzureMaps);

// Turn on debug logging
Vue.use(VueAzureMaps, { debug: true });
```


```html 

<template>
    <div class="hello">
        <div id="map-example" :style="styles">
            <azure-map :credentials_key="apiKey" :map_options="mapOptions" styles="" :name="namedMap">
                <azure-map-pushpin  
                v-on:push-pin-dragend="dragend" 
                key="pin" :location="location" :options="options"  :county="county"></azure-map-pushpin> 
            </azure-map>
        </div> 
    </div>
</template>
<script lang="ts">
import { Vue, Component, Mixins, Prop, Watch } from "vue-property-decorator";
@Component
export default class CustomMapComp {
    apiKey = 'xx'
    inputVal =  ''
    
     
    namedMap: 'map-example'
    mapOptions: {
        center: [-70.6553139, -33.4402043],
        zoom: 10
    }
    key: 'pin1'
    location: {
        latitude: -33.4402043,
        longitude: -70.6553139,
        isComune: true
    }
    options: {
        typePushping: 'marker-circle',
        draggable: true,
        position: [-70.6553139, -33.4402043],
        color: '#008aff'
    }
    styles:{
        'height': '636px',
        'width': '100%' 
    }
    county: '',
    classAuto: {
        direccion: '',
        latitud: '',
        longitud: '',
        utm: {
            este: '',
            norte: '',
            huso: ''
        }
    }
    change(n){ 
        
    }
    drag(n) { 
        console.log(n)
    } 
    dragend(n){
        console.log(n)
    }
}
 
</script>
  
```
npm package: @sma1lboy/dev-tool-mcp
Description: Development Tool MCP Server
Author: Sma1lboy
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Dev Tool MCP

A Model Context Protocol (MCP) server that provides development tools for FoxyChat.

## Features

- File operations (write, rename, delete)
- Package dependencies management
- Web search capabilities
- Project initialization and structure listing

## Installation

```bash
npm install
```

## Build

```bash
npm run build
```

## Usage

Start the MCP server:

```bash
npm start
```

For development:

```bash
npm run dev
```

## Tools

This MCP server provides the following tools:

- `writeFile`: Write content to a file
- `renameFile`: Rename a file from one path to another
- `deleteFile`: Delete a file
- `addDependency`: Add a dependency to a project's package.json
- `webSearch`: Search the web for information
- `initProject`: Initialize a new project with boilerplate files
- `listProjectStructure`: List the directory structure of a project

## Configuration

The server can be configured by providing a configuration object when instantiating the `DevMCPServer` class. This includes:

- Enabling/disabling specific tools
- Setting server name and version
- Configuring other server parameters

## Integration with FoxyChat

This MCP server can be integrated with FoxyChat by registering it in the MCP registry.
npm package: @smacklex/dp1
Description: A simple utility to paginate discord embeds. Edit of discord.js-pagination.
Author: XoAlone
Latest version: 2.2.4



# @smacklex/discordjs-pagination

A simple utility to paginate Discord embeds. Built on discord.js@^12.0.0 (master) but should work on older versions. Compatible with MessageEmbeds, RichEmbeds (not tested). Pages are embeds.

NOTE: This is an edit of @xoalone/discord.js-pagination, I have configured it a little bit for my personal use.

# Installation

- `npm install @smacklex/discordjs-pagination`

# Usage

**Basic Bot Example**

```js
// Import the discord.js-pagination package
const paginationEmbed = require("@xoalone/discordjs-pagination");

// Use either MessageEmbed or RichEmbed to make pages
// Keep in mind that Embeds should't have their footers set since the pagination method sets page info there
const { MessageEmbed } = require("discord.js");
const embed1 = new MessageEmbed();

// Create an array of embeds
const pages = [
  embed1,
  embed2,
  //....
  embedn,
];


paginationEmbed(msg, pages, emojiList, timeout, botReaction, userIDs);

```

# Preview
npm package: @smaddock/electron-native-utils
Description: Additional native utilities for Electron.
Author: Electron Community
Latest version: 1.0.0

# electron-native-utils

Additional native utilities for Electron.

## Building

### Requirements

- Windows: Visual Studio 2022

### Commands

- `yarn build` - Incremental builds.
- `yarn build:ci` - Clean and fully rebuild.
- `yarn build:debug` - Debug builds for easier debugging.

## Architecture

electron-native-utils uses [node-gyp](https://github.com/nodejs/node-gyp) to configure and build .node binaries.

It uses [Node-API](https://github.com/nodejs/node-addon-api) to provide JavaScript bindings to native code.
- [Node addon docs](https://nodejs.org/docs/latest/api/addons.html)
- [Node-API examples](https://github.com/nodejs/node-addon-examples)

### Files
- `src/` - contains C++ source and header files
- `lib/index.js` - main entry point of the node module
- `lib/index.d.ts` - TypeScript type definitions
- `binding.gyp` - build config for node-gyp
- `test.js` - simple test script to require and invoke the module's API to ensure no crashes occur

### API Design

- Group functionality by namespaces
- Prefer promises over callbacks for async
- Reject promises with an `Error` instead of a string
- Exported bindings should be available on each platform (Windows, Mac, Linux)
  - When a function returns a promise, it should reject on unsupported platforms. \
    Otherwise, it should throw an exception.

### Writing cross-platform code

- Source files can be compiled for specific patterns using a filename postfix.
  - `_win` - Windows
  - `_mac` - macOS
  - `_linux` - Linux
- Platform-specific macros can be used to export methods which throw on
  unsupported platforms.
  ```cpp
  Napi::Object InitApi(Napi::Env env) {
    Napi::Object exports = Napi::Object::New(env);
    // Method throws on non-Windows platforms.
    METHOD_WIN(winMethodName, WinMethod);

    // Method throws on non-MacOS platforms.
    METHOD_MAC(macMethodName, MacMethod);

    // Async variants which reject returned promise on unsupported platforms.
    METHOD_ASYNC_WIN(asyncMethod, AsyncMethod);
    METHOD_ASYNC_MAC(asyncMethod, AsyncMethod);
    return exports;
  }
  ```
- Platform defines can be used to conditionally include code.
  ```cpp
  #ifdef _WIN32
    // Windows code
  #endif // _WIN32

  // OR

  #if defined(_WIN32)
    // Windows code
  #elif defined(__APPLE__)
    // Mac code
  #elif defined(__linux__)
    // Linux code
  #endif
  ```
npm package: @smadey/egg-vite-plugin
Description: [![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][codecov-image]][codecov-url] [![David deps][david-image]][david-url] [![Known Vulnerabilities][snyk-image]][snyk-url] [![npm download][download-image]][down
Latest version: 1.1.7

# egg-vite-plugin

[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][codecov-image]][codecov-url]
[![David deps][david-image]][david-url]
[![Known Vulnerabilities][snyk-image]][snyk-url]
[![npm download][download-image]][download-url]

[npm-image]: https://img.shields.io/npm/v/egg-vite-plugin.svg?style=flat-square
[npm-url]: https://npmjs.org/package/egg-vite-plugin
[travis-image]: https://img.shields.io/travis/eggjs/egg-vite-plugin.svg?style=flat-square
[travis-url]: https://travis-ci.org/eggjs/egg-vite-plugin
[codecov-image]: https://img.shields.io/codecov/c/github/eggjs/egg-vite-plugin.svg?style=flat-square
[codecov-url]: https://codecov.io/github/eggjs/egg-vite-plugin?branch=master
[david-image]: https://img.shields.io/david/eggjs/egg-vite-plugin.svg?style=flat-square
[david-url]: https://david-dm.org/eggjs/egg-vite-plugin
[snyk-image]: https://snyk.io/test/npm/egg-vite-plugin/badge.svg?style=flat-square
[snyk-url]: https://snyk.io/test/npm/egg-vite-plugin
[download-image]: https://img.shields.io/npm/dm/egg-vite-plugin.svg?style=flat-square
[download-url]: https://npmjs.org/package/egg-vite-plugin

<!--
Description here.
-->

## Install

```bash
$ npm i egg-vite-plugin --save
```

## Usage

```js
// {app_root}/config/plugin.js
exports.vitePlugin = {
  enable: true,
  package: 'egg-vite-plugin',
};
```

## Configuration

```js
// {app_root}/config/config.default.js
exports.vitePlugin = {
};
```

see [config/config.default.js](config/config.default.js) for more detail.

## Example

<!-- example here -->

## Questions & Suggestions

Please open an issue [here](https://github.com/eggjs/egg/issues).

## License

[MIT](LICENSE)
npm package: @smadey/react-native-autotrack-growingio
Description: GrowingIO autotrack SDK for ReactNative
Author: liangdengke
Latest version: 0.0.1

# GIORNHOOK

到工程目录下执行
`npm install --save https://github.com/growingio/GIORNHook.git`

#### Mac:
1. 打开命令行
2. 进入到node_modules/react-native-autotrack-growingio/目录下
3. 执行 `./hook.js -run`

#### Windows:
1. 在电脑上安装node
2. 打开命令行
3. 进入到node_modules/react-native-autotrack-growingio/目录下
4. 执行 `node npm -i`
5. 执行 `node ./hook.js -run`
npm package: @smadey/react-native-growingio
Description: GrowingIO SDK for ReactNative
Author: gaoguanling
Latest version: 0.0.1

# GrowingIO React Native SDK Reference

[![npm version](https://img.shields.io/npm/v/react-native-growingio.svg?style=flat)](https://www.npmjs.com/package/react-native-growingio)
[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](https://github.com/growingio/react-native-growingio/blob/master/LICENSE)

___

### 一、说明
react-native-growingio 用于RN开发者手动发送数据。

### 二、引入

* `npm install --save https://github.com/growingio/react-native-growingio.git`
* `npm install`
* `react-native link react-native-growingio`

### 三、配置
### iOS
* 如果`react-native link react-native-growingio`失败(成功则忽略此步骤),即发现Libraries中没有GrowingIORNPlugin.xcodeproj,则可手动配置;
a.打开XCode's工程中, 右键点击Libraries文件夹 ➜ Add Files to <...>
b.去node_modules ➜ react-native-growingio ➜ ios ➜ 选择 GrowingIORNPlugin.xcodeproj
c.在工程Build Phases ➜ Link Binary With Libraries中添加libGrowingIORNPlugin.a
* 添加初始化函数:
在 AppDelegate 中引入#import "Growing.h"并添加启动方法

        - (BOOL)application:(UIApplication *)application
        didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
            ...
            // 启动GrowingIO
            [Growing startWithAccountId:@"项目ID"];

            // 其他配置
            // 开启Growing调试日志 可以开启日志
            // [Growing setEnableLog:YES];
        }


* [添加官网配置](https://docs.growingio.com/sdk-20/sdk-20-api-wen-dang/ios-sdk-21-an-zhuang.html), 从步骤三开始

### android

* 在Application中的onCreate方法中初始化：

        GrowingIO.startWithConfiguration(this, new Configuration()
                .useID()
                .trackAllFragments()
                .setChannel("**应用商店"));

*  AndroidManifest.xml以及module级别build.gradle中android defaultConfig 中添加的属性，请见官网配置。 [添加官网配置](https://docs.growingio.com/sdk-20/sdk-20-api-wen-dang/android-sdk-21-an-zhuang.html)

### 四、方法说明


| 方法名 | 参数 | 说明|
|:-----:|-----|:-------:|
| track|<nobr>(String eventId, Object eventLevelVariable(optional))</nobr>|<nobr> 自定义事件（计数器类型）</nobr>|
| trackWithNumber|<nobr>(String eventId, Number number, Object eventLevelVariable(optional))</nobr>|<nobr> 自定义事件（数值类型）</nobr>|
| page | (String page)| 页面浏览事件 |
| setUserId | (String userId)| 设置登录用户ID |
| clearUserId | | 清除登录用户ID |
| setPageVariable |(String page, Object pageLevelVariables) | <nobr> 设置页面级变量 </nobr> |
| setEvar | (Object conversionVariables) |   设置转化变量  |
| setPeopleVariable | (Object peopleVariables)| 设置用户变量 |

### 五、JS中调用方式：

* 在定义Component之前引入

        import {
          NativeModules
        } from 'react-native';

* 之后就可以使用GrowingIO的方法,例如在js中调用自定义事件方法：

        NativeModules.GrowingIO.track("registerSuccess", {"gender":"male"});

### Tips

* 由于最新的ReactNative 打包gradlew存在bug，所以android在打debug包和releae包时要进行如下操作：


1. 在工程目录下

        mkdir Android/app/assets

2. 在app build.gradle  android中添加：


        sourceSets {
            main {
                assets.srcDirs = ['assets']
            }
        }

3. 在工程目录下：

        react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/assets/index.android.bundle  --assets-dest android/app/src/main/res/


4. demo 可见 examples/App.js
npm package: @smadey/react-native-refreshable
Description: Custom ScrollView's refresh control
Author: Smadey
Latest version: 0.2.2

# react-native-refreshable
Custom ScrollView's refresh control

## Installation
```sh
npm install --save react-native-refreshable
```
If you are using Expo, you are done. Otherwise, continue to the next step.

#### Android specific
Install and link `react-native-gesture-handler`, run:
```sh
npm install --save react-native-gesture-handler
react-native link react-native-gesture-handler
```

and follow [the steps](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#android)

## Usage

```js
import Refreshable, { useSpinner } from 'react-native-refreshable'

// before
<ScrollView {...props} />

// after
const RefreshComponent = React.memo(({ status }) => {
  const progress = useSpinner(status === 2 || status === 3)
  return (
    <View style={{ alignItems: 'center', flexDirection: 'row', height: 60, justifyContent: 'center' }}>
      <Animated.Image
        resizeMethod="scale"
        source={{ uri: 'https://readx-her-1252317822.image.myqcloud.com/boss/5322_spinner.png' }}
        style={{ height: 16, width: 16, transform: [{ rotate: progress.interpolate({ inputRange: [0, 100], outputRange: ['0deg', '360deg'] }) }] }}
      />
    </View>
  )
})
const onRefresh = React.useCallback(() => {
  return new Promise(resolve => setTimeout(resolve, 1500))
}, [])
<Refreshable {...props} RefreshComponent={RefreshComponent} onRefresh={onRefresh} />
```

## Properties
*Note: Other properties will be passed down to ScrollView

| Prop | Description | Default |
|---|---|---|
|**`RefreshComponent`**|A component with `status` and `position` props. ||
|**`onRefresh`**|A function that is called when Component has been pull down. ||