open-index/open-npm huggingface dataset:
npm package: @littlepig/message
Description: A Vue.js project
Author: zhuzhifen_zzf@163.com
Latest version: 1.0.7

# @littlepig/message

> This is a message component based on the vue

## Install

``` bash
$ yarn add @littlepig/message --save

```

## Usage

```
import message from '@littlepig/message';
vue.use(message)

this.$message.info('msg')
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @littlepony/redux-ws-jsonrpc
Description: Redux with JSON-RPC over websocket middleware
Author: LittlePony
Latest version: 0.0.6

# redux-ws-jsonrpc ![npm version](https://badge.fury.io/js/%40littlepony%2Fredux-ws-jsonrpc.svg)

```sh
$ npm i @littlepony/redux-ws-jsonrpc
```
npm package: @littleq/state-manager
Description: Little Q projects' state manager for polymer. It uses Redux.
Author: TJ Monserrat
Latest version: 0.0.2

# Polymer state-manager
[![Known Vulnerabilities](https://snyk.io/test/github/tjmonsi/state-manager/badge.svg)](https://snyk.io/test/github/tjmonsi/state-manager)

Little Q projects' state manager for polymer. It uses Redux.
npm package: @littlerabbitfinance/uikit
Description: Set of UI components for pancake projects
Latest version: 0.0.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@littlerabbitfinance/uikit)](https://www.npmjs.com/package/@littlerabbitfinance/uikit) [![Size](https://img.shields.io/bundlephobia/min/@littlerabbitfinance/uikit)](https://www.npmjs.com/package/@littlerabbitfinance/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @littlerabbitfinance/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@littlerabbitfinance/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@littlerabbitfinance/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @littles1-classes/errorhandler
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Latest version: 0.1.2

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br />
You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.<br />
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.<br />
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br />
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @littlesirius/get-local-ipinfo-mcp
Description: MCP 工具服务：获取本机公网 IP 及地理位置信息，支持反爬虫和速率限制处理。
Author: Xiao-Jiang
Latest version: 1.1.0

# get-local-ipinfo-mcp

> MCP 工具服务：获取本机公网 IP 及地理位置信息。

---

## 使用 get-local-ipinfo-mcp

本工具通过 MCP 协议，自动获取本机公网 IP 及地理信息。

1️⃣ 快速获取 IP 信息
2️⃣ 详细地理位置、网络、国家等数据
3️⃣ 友好的错误提示和状态码

---

## 🛠️ 安装

### 环境要求

- Node.js >= 18.0.0
- 支持 MCP 协议的客户端（如 Cursor、Claude Desktop 等）

### 快速 json 配置

```json
{
  "mcpServers": {
    "get-local-ipinfo-mcp": {
      "command": "cmd",
      "args": ["/c", "npx", "@littlesirius/get-local-ipinfo-mcp"]
    }
  }
}
```

---

## 🔨 可用工具接口

- `get_public_ip_info`：获取当前主机公网 IP 及地理信息。
  - 返回 IP、网络、城市、地区、国家、经纬度等信息。
  - 支持详细错误、HTTP 状态码。

---

## 💻 开发与贡献

克隆项目并安装依赖：

```shell
git clone https://github.com/Xiao-Jiang-233/get-local-ipinfo-mcp.git
cd get-local-ipinfo-mcp
npm install
npm run build
```

通过 MCP Inspector 测试：

```shell
npx @modelcontextprotocol/inspector node build\\index.js
```

本地运行服务：

```shell
node build/index.js
```

---

## 🚨 常见问题

- API 请求失败或速率限制？请检查网络或更换 IP。
- ESM/模块解析错误？请确保 Node.js 版本 >= 18 且 package.json 配置正确。
- 其它 MCP 客户端兼容性问题？欢迎提交 issue。

---

## ⚠️ 免责声明

本项目为社区贡献，信息仅供参考。请勿用于非法用途，使用风险自负。

---

## 🤝 社区与联系

- [GitHub Issues](https://github.com/Xiao-Jiang-233/get-local-ipinfo-mcp/issues)
- [主页](https://github.com/Xiao-Jiang-233/get-local-ipinfo-mcp)

---

## 📄 License

MIT
npm package: @littlestack/sls-log-mcp
Description: 阿里云日志服务(SLS)查询工具 - MCP服务器实现
Latest version: 0.1.2

# SLS Log Server

阿里云日志服务(SLS)查询工具 - MCP服务器实现

## 安装

```bash
npm install sls-log-server
```

## 配置

在.env文件中配置阿里云访问密钥:

```ini
ALIYUN_ACCESS_KEY_ID=your-access-key-id
ALIYUN_ACCESS_KEY_SECRET=your-access-key-secret
ALIYUN_REGION=cn-hangzhou
ALIYUN_PROJECT=your-project-name
ALIYUN_LOGSTORE=your-logstore-name
```

## 作为MCP服务器使用

1. 安装到MCP配置中
2. 启动服务:
```bash
npm start
```

## API说明

### get_logs 工具

查询日志接口:

参数:
- from: 开始时间戳(秒)
- to: 结束时间戳(秒) 
- line: 返回日志行数(默认10)
- topic: 日志主题(可选)
- query: 查询关键词(可选)

示例:
```json
{
  "from": 1743754321,
  "to": 1743754921,
  "line": 5
}
```

## 开发

```bash
npm run dev  # 开发模式(监听文件变化)
npm run build  # 构建项目
```

## License

MIT
npm package: @littlesticks/odyssey-theme-components
Description: Components for the Astro Odyssey theme
Latest version: 0.0.23

[![npm version](https://badge.fury.io/js/@littlesticks%2Fodyssey-theme-components.svg)](https://badge.fury.io/js/@littlesticks%2Fodyssey-theme-components)

# Odyssey Theme Components

## Install 

```bash
npm install --save-dev @littlesticks/odyssey-theme-components
```

## Demo

View a [Live Demo](https://odyssey-theme.littlesticks.dev/) of the Odyssey Theme to see these components in action. 

Additionally, the source code for that demo is available [here](https://github.com/littlesticks/odyssey-theme).

## Components

All of the Astro components are available under a single package of `@littlesticks/odyssey-theme-components` for the sake of simplicity in maintenance and usage. However, you can view the source of each individual component with the links below.

| Components                                                                          |
| ------------------------------------------------------------------------------------|
| [BlogPostPreview](blog/BlogPostPreview.astro)                   |
| [BlogPostsList](blog/BlogPostsList.astro)                       |
| [Button](buttons/Button.astro)                                  |
| [FeatureCard](cards/FeatureCard.astro)                          |
| [AnnouncementBar](core/AnnouncementBar.astro)                   |
| [Container](core/Container.astro)                               |
| [Footer](core/Footer.astro)                                     |
| [Header](core/Header.astro)                                     |
| [Nav](core/Nav.astro)                                           |
| [SkipLink](core/SkipLink.astro)                                 |
| [YouTubeEmbed](core/YouTubeEmbed.astro)                         |
| [FormInput](core/FormInput.astro)                               |
| [FormSelect](core/FormSelect.astro)                             |
| [FormTextarea](core/FormTextarea.astro)                         |
| [CtaCardSection](sections/CtaCardSection.astro)                 |
| [CustomerQuoteSection](sections/CustomerQuoteSection.astro)     |
| [StickyTextImageSection](sections/StickyTextImageSection.astro) |
| [TextCardSection](sections/TextCardSection.astro)               |
| [TextSection](sections/TextSection.astro)                       |
| [ThreeColumnTextSection](sections/ThreeColumnTextSection.astro) |
| [YouTubeEmbedSection](sections/YouTubeEmbedSection.astro)       |
npm package: @littleswift/aqua
Description: A minimal reactive frontend framework
Author: LittleSwift
Latest version: 0.1.3

# Aqua — A Minimal Reactive Frontend Framework

Aqua is a lightweight and reactive JavaScript frontend framework, inspired by Vue and JSX-less Virtual DOM designs. It is built for simplicity, transparency, and personal extensibility.

---

## Features

- **Virtual DOM** rendering with `h()` function
- **Reactive state** via proxies and fine-grained dependency tracking
- **Auto re-rendering** using `effect()` reactive scopes
- **Tiny footprint**, zero dependencies
- **TypeScript-first** development

---

## Installation

Install via npm:

```bash
npm install aqua
npm package: @littlethings/css
Description: A small css-in-js utility.
Author: Jake Hamilton
Latest version: 1.1.1

# @littlethings/css

> A small css-in-js utility.

## Installation

```shell
# Using npm
npm install @littlethings/css

# Using yarn
yarn add @littlethings/css
```

## Usage

### Import

LittleCSS exposes a few named exports.

```ts
import { css, glob, keyframes, clsx } from "@littlethings/css";
```

-   [`css`](#css)
-   [`glob`](#glob)
-   [`keyframes`](#keyframes)
-   [`clsx`](#clsx)

### `css`

The `css` utility generates a unique class name for a set of
styles.

```ts
const myClass = css({
	"font-style": "italic",
	// camelCase is also supported
	backgroundColor: "pink",
});
```

This utility can also be used as a tagged template function.

```ts
const myClass = css`
	font-style: italic;
	background-color: pink;
`;
```

It is also possible to nest styles.

```ts
const myClass = css({
	"font-style": "italic",
	".inner-class": {
		"font-style": "initial",
	},
});
```

Nesting is supported in tagged templates as well.

```ts
const myClass = css`
	font-style: italic;

	.inner-class {
		font-style: initial;
	}
`;
```

### `glob`

The `glob` utility applies CSS to the whole document.

```ts
glob({
	html: {
		background: "pink",
	},
});
```

This utility can also be used as a tagged template function.

```ts
glob`
	html {
		background: pink;
	}
`;
```

### `keyframes`

The `keyframes` utility creates a keyframes definition to
use in your other CSS.

```ts
const myAnimation = keyframes({
	from: {
		background: "orange",
	},
	to: {
		background: "rebeccapurple",
	},
});

// Use the animation in your CSS
const myClass = css({
	animation: `${myAnimation} 3s linear`,
});
```

This utility can also be used as a tagged template function.

```ts
const myAnimation = keyframes`
	from {
		background: orange;
	}
	to {
		background: rebeccapurple;
	}
`;

// Use the animation in your CSS
const myClass = css`
	animation: ${myAnimation} 3s linear;
`;
```

### `clsx`

This utility is used to combine class names.
This is necessary to ensure styles are overriden
correctly.

```ts
const classA = css`
	color: yellow;
	background: white;
`;

const classB = css`
	color: red;
`;

const myClass = clsx(classA, classB);
// `myClass` will apply the following styles
// color: red;
// background: white;
```

The `clsx` utility also supports passing falsey
values like `undefined`, `null`, and `false` for
convenient toggling of classes during use. See the
following code for an example.

```tsx
// This example shows usage in a Preact component
const MyComponent = ({ isError, children }) => {
	const baseClass = css`
		color: black;
	`;

	const errorClass = css`
		color: white;
		background: red;
	`;

	return <div class={clsx(baseClass, isError && errorClass)}>{children}</div>;
};
```