open-index/open-npm huggingface dataset:
npm package: @maiji/svelte_element
Description: svelte_element UI
Author: Maiji
Latest version: 0.0.4

**我只是一个搬运工，官方ui文档：https://element.eleme.cn/  
I'm just a porter, official UI document: https://element.eleme.cn/**

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

## 基本说明
- svelte 3.0版本
- 不支持ts 不支持ts 不支持ts 【因为我还没有学会】

## 文档地址
- https://pdwl.github.io/svelte_element/

## 安装
```shell
npm install @maiji/svelte_element
```

## 配置
- 不使用图标，可以直接引入css，在main.js文件
```shell
import '@maiji/svelte_element/element/index.css'
```
- 使用图标，在public/index.html 添加
```shell
<link rel='stylesheet' href='/Element/index.css'>
```
  Element的主题文件包：[跳转连接](https://element.eleme.cn/#/zh-CN/theme/preview)  
  只需要用到theme文件夹内容
  
## 使用

```
<script>
	import { Button, ButtonGroup } from "@maiji/svelte_element";
	function onclick(e) {
		alert("ok");
	}
</script>

<main>
	<Button />
	<Button type="primary" text={"主要按钮"} />
	<br /><br />
	<Button on:click={onclick}>默认按钮</Button>
	<Button type="primary">主要按钮</Button>
	<Button type="success">成功按钮</Button>
	<Button type="info">信息按钮</Button>
	<Button type="warning">警告按钮</Button>
	<Button type="danger">危险按钮</Button>
</main>
```
## 写在后面
- 劲量做到与官方文档一致
- 本是后端php程序员，接触前端让我看到了新世界的大门。代码写的不好，初学者见谅。
- 本人是独立开发者，都是自学，未接触开放式学习，希望能接触大佬，带我飞 ^_^
- email：pd87@qq.com
npm package: @maik.urbannek/node-red-solarinvert
Description: Node-RED nodes to handle solarinvert inverter.
Author: Maik Urbannek
Latest version: 1.0.2

# SolarInvert GmbH Inverter node

The SolarInvert battayinvert node handles the modbus communication with a solarinvert inverter. It can be used to read values and execute commands for wind, solar and battery inverter.
npm package: @maikcyphlock/npm-mcp
Description: MCP (Model Context Protocol) implementation for npm
Author: Maikol Aguilar
Latest version: 1.0.3

# @maikcyphlock/npm-mcp

MCP (Model Context Protocol) implementation for npm

## Description

This package provides an implementation of the Model Context Protocol (MCP) for npm packages, allowing seamless integration with MCP-compatible systems.

## Installation

```bash
npm install @maikcyphlock/npm-mcp
```

or using pnpm:

```bash
pnpm add @maikcyphlock/npm-mcp
```

## Usage

### Running the MCP Server

To start the MCP server, use:

```bash
npx @maikcyphlock/npm-mcp start
```

This will start the Model Context Protocol server that can be used with MCP-compatible clients.

### VS Code Configuration

To use this MCP server in VS Code, add the following configuration to your VS Code settings (Command Palette > `MCP: Edit Configuration`):

```json
{
    "servers": {
        "npm": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "@maikcyphlock/npm-mcp",
                "start"
            ],
            "env": {}
        }
    }
}
```

This configuration will allow you to use the npm MCP server within VS Code for enhanced npm package searching and information retrieval.

### Programmatic Usage

If you want to use the package programmatically:

```typescript
import { /* ... */ } from '@maikcyphlock/npm-mcp';

// Usage examples coming soon
```

## Features

- MCP (Model Context Protocol) implementation
- Express integration
- TypeScript support

## Requirements

- Node.js >= 14
- TypeScript (for development)

## Development

1. Clone the repository
2. Install dependencies:
```bash
pnpm install
```
3. Build the project:
```bash
pnpm build
```

## Scripts

- `build`: Compiles TypeScript to JavaScript
- `start`: Runs the compiled code
- `dev`: Runs the TypeScript code directly using ts-node

## Author

Maikol Aguilar ([@maikCyphlock](https://github.com/maikCyphlock))

## License

MIT
npm package: @maikmb/herbs2mermaid
Description: A lib to help you generate mermaid diagrams from your herbs project
Author: Maik Braga
Latest version: 1.1.0

 <p align='center'><img src='https://avatars3.githubusercontent.com/u/60399865' height='220'></p>

![CI build](https://github.com/maikmb/herbs2mermaid/workflows/CI%20build/badge.svg) [![codecov](https://codecov.io/gh/maikmb/herbs2mermaid/branch/main/graph/badge.svg)](https://codecov.io/gh/maikmb/herbs2mermaid)

# herbs2mermaid

With Herbs2mermaid you can generate Mermaid Class Diagram or Flow Chat easely. 

### Installing
```
    $ npm install @maikmb/herbs2mermaid
```

### Functioning 

To use the herbs2mermaid you must given a list of usecases or entities to generate class diagram or flow chart. 

### Using 

The quickest way to use the herbs2mermaid is to install this packages in your project and use the functions bellow:

`usecase2diagram`: - Generate flow chart to a list of usecases

`entity2diagram`: - Generate class diagram to a list of entities

In your app or server project, import the herbs2mermaid functions

```javascript

const { usecase2diagram, entity2diagram } = require('@maikmb/herbs2mermaid')


```

And call the shelf into you prefered rest route

```javascript

const classDiagram = entity2diagram(entities)
console.log(classDiagram)


const usecasesFlowChart = usecase2diagram(usecases)
console.log(usecasesFlowChart)

```

If your project has a `readme.md`, this content should be shown at the beginning of the project. If you want to use a custom readme, you can specify on startup:

```javascript

const shelf = renderShelfHTML('Project Name', usecases(), entities, './custom-readme.md')

```


You can see the full functionality into the [TODO-LIST ON HERBS repository](https://github.com/herbsjs/todolist-on-herbs)

## TODO

- [ ] Complex scenarios with recursive IfElse Step
- [ ] Complex scenarios with recursive Multi Level Step
- [ ] Include options to render diagram to Vertical or Horizontal posistion

### Contribute
Come with us to make an awesome *herbs2mermaid*.

Now, if you do not have the technical knowledge and also have intended to help us, do not feel shy, [click here](https://github.com/maikmb/herbs2mermaid/issues) to open an issue and collaborate their ideas, the contribution may be a criticism or a compliment (why not?)

If you would like to help contribute to this repository, please see [CONTRIBUTING](https://github.com/maikmb/herbs2mermaid/blob/main/.github/CONTRIBUTING.md)

### License

**herbsshelf** is released under the
[MIT license](https://github.com/maikmb/herbs2mermaid/blob/main/LICENSE)
npm package: @maikolib/vite-plugin-yaml
Description: Import YAML files as JS objects 🔌, remove all pnpm stuffs
Author: Maiko Tan
Latest version: 1.1.1-0

[![Pipeline](https://github.com/Modyfi/vite-plugin-yaml/actions/workflows/pipeline.yml/badge.svg)](https://github.com/Modyfi/vite-plugin-yaml/actions/workflows/pipeline.yml)

# 🧹 @maikolib/vite-plugin-yaml

Transforms a YAML file into a JS object.

## 🚀 Install

```bash
yarn add -D @maikolib/vite-plugin-yaml
# or
npm install -D @maikolib/vite-plugin-yaml
# or
pnpm i -D @maikolib/vite-plugin-yaml
```

## 🦄 Usage

Add `ViteYAML` to `vite.config.js / vite.config.ts`:

```ts
// vite.config.js / vite.config.ts
import ViteYaml from '@maikolib/vite-plugin-yaml';

export default {
  plugins: [
    ViteYaml(), // you may configure the plugin by passing in an object with the options listed below
  ],
};
```

Then you can simply import yaml files like you would any other file:

```ts
import YamlContent from './your.yaml';

console.log(YamlContent.example);
```

Do note that you may have to include the file type in your import.

### 🔦 TypeScript support

The recommended way to add type definitions for `.yaml` or `.yml` modules is via a `tsconfig.json` file.

```jsonc
// tsconfig.json
{
  "compilerOptions": {
    ...
    "types": [
      // ...
      "@maikolib/vite-plugin-yaml/modules"
    ]
  }
}
```

You may also add type definitions without `tsconfig`:

```ts
// vite-env.d.ts
/// <reference types="@maikolib/vite-plugin-yaml/modules" />
```

## 🐛 Options

```ts
/**
 * A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should operate on.
 *
 * By default all files are targeted.
 */
include?: FilterPattern;
/**
 * A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore.
 *
 * By default no files are ignored.
 */
exclude?: FilterPattern;
/**
 * Schema used to parse yaml files.
 *
 * @see https://github.com/nodeca/js-yaml/blob/49baadd52af887d2991e2c39a6639baa56d6c71b/README.md#load-string---options-
 */
schema?: Schema;
/**
 * A boolean to determine if JSON object should be serialized.
 *
 * @see https://www.npmjs.com/package/tosource for the motivation behind serialization of JSON.
 */
raw?: boolean;
/**
 * A function that will be called for error reporting.
 *
 * Defaults to `console.warn()`.
 */
onWarning?: (warning: YAMLException) => void;
```
npm package: @maikovskii-danil/ui-framework-vue
Description: A minimalistic UI Framework for Vue 3, built with Tailwind CSS and VueUse.
Author: maikovskii-danil
Latest version: 3.0.5

# UI Framework for Vue

A minimalistic UI Framework for Vue 3, built with Tailwind CSS and VueUse.

## 🚀 Installation

`npm install @maikovskii-danil/ui-framework-vue`

Also add scanning of Tailwind from a package (example @source for path /src/\*.css):

`@source '../node_modules/@maikovskii-danil/ui-framework-vue/dist/ui-framework-vue.css';`

## 🤝 peerDependencies

- "@vueuse/core": "^13.5.0",
- "tailwindcss": "^4.1.11",
- "vue": "^3.5.16"

## 🛠 About Enviroment

🖥️ Developed and tested on macOS/Linux (Chrome)

⚙️ Node.js: 22.17.0

📦 npm: 11.4.2

❗ Windows is not officially supported.

💡 However, you can still try running it on Windows. To do so, delete the "os" field in package.json, or change it to:

```json
{
  "os": ["darwin", "linux", "win32"]
}
```

##### After run `npm install`

## 📦 Build of a package

`npm run package:build`

###### The bundle will be located at dist/index.js

## 📚 Available Components

- `<AppAlert />`
- `<AppButton />`
- `<AppInput />`
- `<AppModal />`
- `<AppSelect />`
- `<AppTable />`
- `<AppDropdown />`
- `<AppTextarea />`
- `<AppCheckbox />`
- `<AppRadio />`

## ✨ Features

- Support of v-model
- Type definitions included (.d.ts)
- TailwindCSS Dark Mode

## 🧪 Example of usage

`<AppInput
  v-model="username"
  placeholder="Enter name"
  :error="hasError && 'Required name'"
/>`

`<AppButton @click="submit">Save</AppButton>`

## 🔗 Useful links

#### 📘 Interactive component documentation (Histoire) hosted on Vercel:

###### [ui-framework-vue.vercel.app](https://ui-framework-vue.vercel.app/)

#### 📝 Version history and changelog:

###### [🕒 CHANGELOG.md](https://github.com/maikovskii-danil/ui-framework-vue/blob/main/docs/CHANGELOG.md)

#### ⚙️ ⚙️ Development scripts:

###### [Script documentation of all npm run-commands, with comments](https://github.com/maikovskii-danil/ui-framework-vue/blob/main/docs/scripts-map.md)
npm package: @mail-core/cli
Description: Инструментарий для написания cli-скриптов
Latest version: 7.1.1

@mail-core/cli ⌨️
----------------
Инструментарий для написания cli-скриптов:

- Интеграция в любой проект одной командой: `npx mail-core-cli init` 🔥
- Расширенный логер для взаимодействия с консолью из команды (цвета, спинер и т.п.)
- Интерактивное взаимодействие через [Inquirer](https://github.com/SBoudrias/Inquirer.js#readme)
- Взаимодействие с `package.json` (чтение, запись)
- Хелперы для выполнения shell-команд и запуска `npm`/`npx`
- Под капотом [yargs](https://github.com/yargs/yargs#readme)


```sh
# Интеграция в любой проект
npx @mail-core/cli init

# Создаём свою команду 👍🏻
npx mail-core-cli create

# Другие полезности
npx mail-core-cli --help
```

---

### API

```ts
import { createCommand } from '@mail-core/cli';

// Описываем команду
export const install = createCommand({
	name: 'install',
	describe: 'Install config',
	
	options: {
		autoMerge: {
			type: 'boolean',
			description: 'Use auto merge',
		},
	},

	async handler(argv, env) {
		// argv — распаршенные аргументы
		//
		// env — «окружение»:
		//  - name — названте команды
		//  - describe — её описание
		//  - options — описание опций, кроме этого уже содержит значения из `argv`
		//  - console — консоль с расширенными возможностями
		//    - console.cli — для взаимодействия с юзером
		//    - console.spinner — обертка над Ora
		//    - console.nl — вывод пустой строки
		//    - console.hr — разделитель
		//    - console.raw — ссылка на Native Console
		//    - {log, error, warn, ...rest}
		//  - style — просто Chalk
	},
});
```

### API

#### Константы

- **ROOT_DIR**:`string` — Точное определения корня проекта.
- **IS_NPX_ENV**:`boolean`


---

#### Работа с package.json

- **readPackageJson** — первым аргументом передаётся путь, относительно которого нужно искать `package.json`, по умолчанию это будет `ROOT_DIR`
- **updatePackageJson** — обновить, первым аргументом путь, вторым обновленный `PackageJson`
- **registerRunCommand** — регистрация `npm.scripts`
- **runCommandByScriptHook** — по факту тот же `registerRunCommand`, но для `npm` хуков
- **hasPackageJsonDependency** / **hasPackageJsonDevDependency** / **hasPackageJsonPeerDependency**
- **removePackageJsonDependency** — удалить зависимость из `PackageJson`
- **getPackageInstallType** — может вернуть:
  - `true` — пакет установлен как основная зависимость
  - `dev` — установлен как `DevDep`
  - `self` — значит метод был вызван в разрабатываем пакете
  - `false` — ничего из выше перечисленного


---

### Shell / Exec

- **spawn** — обмязка над нативным `spawn`, возвращает Promise, умеет спинер показывать (не идеально конечно, но удобно)

---

### npm / npx

- **npxRun** — запуск `npx` команды, опять же спинер, Promise и т.п.
- **npmRun** — запуск `npm scripts`
- **npmInstall** — установка всех зависмостей
- **npmInstallPackage** — установка конретного пакета
npm package: @mail3/mail-me
Description: `mail-me-button`  provides a simple way to interact with [Mail3 App](https://app.mail3.me).
Latest version: 0.0.5

# `mail-me-button`

`mail-me-button`  provides a simple way to interact with [Mail3 App](https://app.mail3.me).

## Usage

`mail-me-button` is a [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components), Just like a HTML element, `mail-me-button` has some built-in attributes:

* `address(string)`: If this address is provided, `mail-me-button` displays the number of unread messages between this address and the currently logged in mailbox in Mail3 app, otherwise it displays the number of all unread messages.
* `lite(boolean)`: in lite mode, `mail-me-button` will be displayed as a circular Icon without text.
* `variant(string)`: Some default style set for `mail-me-button`, optionally one of `solid`, `outline`, `ghost`, default is `solid`
* `icon(string)`: style for Mail3 Icon, optionally one of `black`, `white`, `light`, `solid`, default is `solid`

In addition to the above built-in attributes, `mail-me-button` also supports passing in all the attributes of [the anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a), such as `style`, `target`, etc.

### HTML

[Live demo](https://stackblitz.com/edit/js-s517fy?file=index.html)

After adding the `mail-me-button` script, you can use it like an HTMl element.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mail Me Button Demo</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <!-- 3KiB gziped with public cdn, it is recommended that self-hosted this script -->
    <script src="https://unpkg.com/@mail3/mail-me"></script>
    <mail-me address="your email address" />
  </body>
</html>
```

### React

[Live demo](https://stackblitz.com/edit/react-fyjn1z?file=src/App.js)

Install `mail-me-button`:

```bash
$ npm i @mail3/mail-me
# or yarn
$ yarn add @mail3/mail-me
```

Import the dependency in the entry file of your application:

```js
// app.js
// only 3KiB gziped
import '@mail3/mail-me'
```

Use `mail-me-button` like a HTML Element:

```jsx
<App>
  <Navbar />
  <mail-me address="mail3.eth@mail3.me" />
</App>
```
npm package: @mail3/mail3-me
Description: `mail3-me-button`  provides a simple way to interact with [Mail3 App](https://app.mail3.me).
Latest version: 0.1.5

# `mail3-me-button`

`mail3-me-button`  provides a simple way to interact with [Mail3 App](https://app.mail3.me).

## Usage

`mail3-me-button` is a [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components), Just like an HTML element, `mail3-me-button` has some built-in attributes:

* `to(string)`: an email address as the mail receiver; when provided, the widget displays the number of unread messages between this address and the currently logged-in mailbox in Mail3 app, otherwise it displays the number of all unread messages.
* `lite(boolean)`: in lite mode, `mail3-me-button` will be displayed as a circular Icon without text.
* `variant(string)`: Some default style set for `mail3-me-button`, optionally one of `solid`, `outline`, `ghost`, default is `solid`
* `icon_type(string)`: Icon type for Mail3 Icon, optionally one of `black`, `white`, `light`, `solid`, default is `solid`
* `icon_style(string)`: CSS style for Mail3 Icon

In addition to the above built-in attributes, `mail3-me-button` also supports passing in all the attributes of [the anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a), such as `style`, `target`, etc.

### HTML

[Live demo](https://stackblitz.com/edit/mail3-me?file=index.html)

After adding the `mail3-me-button` script, you can use it like an HTML element.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mail3 Me Button Demo</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <!-- 3KiB gziped with public cdn, it is recommended that self-hosted this script -->
    <script src="https://unpkg.com/@mail3/mail3-me"></script>
    <mail3-me to="oxyful.eth@mail3.me" />
  </body>
</html>
```

### React

[Live demo](https://stackblitz.com/edit/mail3-me-react?file=src%2Fstyle.css,src%2FApp.js,src%2Findex.js)

Install `mail3-me-button`:

```bash
$ npm i @mail3/mail3-me
# or yarn
$ yarn add @mail3/mail3-me
```

Import the dependency in the entry file of your application:

```js
// app.js
// only 3KiB gziped
import '@mail3/mail3-me'
```

Use `mail3-me-button` like an HTML Element:

```jsx
<App>
  <Navbar />
  <mail3-me to="mail3.eth@mail3.me" />
</App>
```

#### Caveats

The `style` attribute is replaced by the `css` attribute, and all custom style attribute should pass in a `string` type instead of `Object`.

```jsx
<App>
  <Navbar />
  <mail3-me css="width: 200px;" icon_style="width: 20px;" />
</App>
```
npm package: @mail818/sdk
Description: Mail818 JavaScript SDK for email collection forms
Author: Mail818
Latest version: 0.3.0

# Mail818 SDK

Open-source email collection SDK for static websites. Part of the [Mail818](https://mail818.com) platform.

## 🔍 Transparency & Security

This SDK is **fully open source** for transparency and security. We believe users should be able to:
- Verify exactly what code runs on their websites
- Audit the SDK for security vulnerabilities
- Understand how their data is handled
- Contribute improvements and bug fixes

## 📦 Installation

### Option 1: CDN (Recommended)

Add this single line to your website:

```html
<script async data-mail818-id="YOUR_ORGANIZATION_KEY" src="https://cdn.mail818.com/collect.js"></script>
```

This automatically:
- Loads the SDK
- Finds all Mail818 forms on your page
- Handles email collection for your organization

### Option 2: NPM

```bash
npm install @mail818/sdk
# or
yarn add @mail818/sdk
```

```javascript
import { Mail818 } from '@mail818/sdk'

// Initialize with your configuration
Mail818.init({
  organizationKey: 'YOUR_ORGANIZATION_KEY'
})
```

## 🚀 Features

- **Lightweight**: ~7KB gzipped
- **No Dependencies**: Pure JavaScript, works everywhere
- **Privacy-First**: No tracking, no cookies, just email collection
- **Offline Support**: Queues submissions when offline
- **Flexible**: Works with any HTML form
- **Secure**: HTTPS only, rate limiting, CORS protection

## 📖 How It Works

1. **Loader Script** (`collect.js`):
   - Tiny 1KB script that loads on your page
   - Fetches configuration for your organization
   - Loads the main SDK

2. **Main SDK** (`mail818.min.js`):
   - Enhances forms with AJAX submission
   - Handles validation and error states
   - Manages offline queue
   - Provides success feedback

## 🔒 Security

### Data Handling
- Emails are sent directly to Mail818's API
- No data is stored locally (except offline queue)
- All submissions use HTTPS
- Rate limiting prevents abuse

### Content Security Policy
The SDK is CSP-friendly. Add to your CSP:
```
script-src https://cdn.mail818.com;
connect-src https://api.mail818.com;
```

## 🛠️ Development

### Building from Source

```bash
# Clone the repository
git clone https://github.com/mail818/mail818-sdk.git
cd mail818-sdk

# Install dependencies
yarn install

# Build the SDK
yarn build

# Run tests
yarn test
```

### File Structure

```
src/
├── loader.js       # Lightweight loader script
├── index.ts        # Main SDK entry point
├── form.ts         # Form enhancement logic
├── api-client.ts   # API communication
└── stats.ts        # Statistics display
```

## 🤝 Contributing

We welcome contributions! Security issues should be reported to security@mail818.com.

## 📄 License

MIT License - see [LICENSE](LICENSE) file for details.

## 🔗 Links

- [Documentation](https://docs.mail818.com)
- [API Reference](https://api.mail818.com/docs)
- [Main Platform](https://mail818.com)
npm package: @mailavocado/client
Description: Simple email sending service client
Latest version: 0.0.1

# MailAvocado

A simple client for managing email lists and sending emails through your email service.

## Installation

```bash
npm install mailavocado
```

## Usage

```typescript
import { MailAvocado } from "mailavocado";

const mailAvocado = new MailAvocado({
  endpoint: "https://your-api-endpoint.com",
  apiKey: "your-api-key",
});

// Send email using userId
await mailAvocado.sendEmail({
  templateId: "welcome-template",
  userId: "user-123",
});

// Or send email using email and name
await mailAvocado.sendEmail({
  templateId: "newsletter-template",
  email: "user@example.com",
  name: "John Doe",
});

// Add existing user to a list
await mailAvocado.addToList({
  listId: "list-123",
  userId: "user-456",
  addIfNotExist: false,
});

// Add new or existing user to a list by email
await mailAvocado.addToList({
  listId: "list-123",
  email: "user@example.com",
  name: "John Doe",
  addIfNotExist: true,
});
```

## API

### MailAvocado(config)

Creates a new MailAvocado instance.

- `config.endpoint`: Your API endpoint URL
- `config.apiKey`: Your API key

### sendEmail(options)

Sends an email using the specified options.

- `options.templateId`: The ID of the email template to use
- `options.userId`: (Optional) The ID of the user to send the email to
- `options.email`: (Optional) The recipient's email address
- `options.name`: (Optional) The recipient's name

Either `userId` or both `email` and `name` must be provided.

### addToList(options)

Adds a user to a specified list.

- `options.listId`: The ID of the list to add the user to
- `options.userId`: (Optional) The ID of the existing user
- `options.email`: (Optional) The user's email address
- `options.name`: (Optional) The user's name
- `options.addIfNotExist`: Whether to create a new user if they don't exist

Either `userId` or both `email` and `name` must be provided.

## Error Handling

The package throws these types of errors:

- `ValidationError`: When required fields are missing or invalid
- `ApiError`: When the API returns an error response
- `NetworkError`: When there are network connectivity issues

## License

MIT