open-index/open-npm huggingface dataset:
npm package: @rixo/eslint
Description: Rixo's eslint & prettier default dependencies
Author: rixo
Latest version: 0.11.0-alpha.0

**NOTE** This package is part of [rixo-eslint](https://github.com/rixo/rixo-eslint). Refer to the main repo's README for docs.

Base dependencies for other sharable config packages.

Includes eslint, prettier, & a custom init script.

This packages is included as a dependency in other packages of this repo, so you should probably never have to install it specifically (nor eslint or prettier, for that matter).
npm package: @rixo/eslint-config-svelte
Description: Rixo's eslint config for svelte projects
Author: rixo
Latest version: 0.11.0-alpha.1

# `eslint-config-svelte`

**NOTE** This package is part of [rixo-eslint](https://github.com/rixo/rixo-eslint). Refer to the main repo's README for docs.
npm package: @rixo/eslint-config-svelte-native
Description: Rixo's eslint config for svelte native projects
Author: rixo
Latest version: 0.11.0-alpha.0

# `eslint-config-svelte-native`

**NOTE** This package is part of [rixo-eslint](https://github.com/rixo/rixo-eslint). Refer to the main repo's README for docs.

This configuration includes `eslint/import` plugin. It expects a project layout similar to [svelte-native-template](https://github.com/halfnelson/svelte-native-template), but it should work with most TNS + Webpack + SvelteNative projects.
npm package: @riya.panchal.1231/string-utils-kit
Description: Useful string utility functions
Author: Riya Panchal
Latest version: 1.0.0

# String Utils Kit

Simple utility functions for string manipulation.

## Install

npm install string-utils-kit

## Usage

const utils = require("string-utils-kit")

utils.capitalize("hello")
utils.slugify("Hello World")
utils.reverseString("node")
npm package: @riyaanmohmeed/react-glass-card
Description: [![NPM Version](https://img.shields.io/npm/v/react-glass-card.svg)](https://www.npmjs.com/package/react-glass-card) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
Author: Mohammed Riyan
Latest version: 1.0.0

# react-glass-card

[![NPM Version](https://img.shields.io/npm/v/react-glass-card.svg)](https://www.npmjs.com/package/react-glass-card)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

A beautiful, highly customizable glassmorphism card component for React and Next.js applications. Features Tailwind CSS integration, dark mode support, and smooth hover animations out of the box.

## Installation

```bash
npm install react-glass-card
```

## Quick Start

Import the component and its stylesheet into your React or Next.js application:

```tsx
import { GlassCard } from 'react-glass-card';
import 'react-glass-card/styles.css';

export default function App() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-indigo-500 to-purple-600 p-20">
      <GlassCard blur="lg" hoverEffect={true}>
        <h2 className="text-2xl font-bold text-white mb-4">Glassmorphism</h2>
        <p className="text-white/80">
          This card features a frosted glass effect with a subtle border and shadow, perfect for modern UI designs.
        </p>
      </GlassCard>
    </div>
  );
}
```

## Props API

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `blur` | `'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'` | `'md'` | The intensity of the background blur. |
| `hoverEffect` | `boolean` | `true` | Enables a lifting hover animation with increased shadow. |
| `className` | `string` | `''` | Additional Tailwind classes to apply to the card. |
| `children` | `ReactNode` | `null` | The content inside the card. |

## Why use `react-glass-card`?
- **Zero Configuration**: Works exactly as expected out of the box.
- **Tailwind V4 Ready**: Fully integrated with the latest Tailwind CSS specification.
- **Accessible & Responsive**: Standard `HTMLDivElement` props are passed through.
- **Dark Mode Support**: Seamlessly transitions when your app switches to dark mode.

## License
MIT © Mohammed Riyan
npm package: @riyazpanarwala/react-financial-charts
Description: React charts specific to finance.
Author: reactivemarkets
Latest version: 2.0.10

# React Financial Charts

Charts dedicated to finance.

The aim with this project is create financial charts that work out of the box.

## Features

- integrates multiple chart types
- over 60 technical indicators and overlays
- drawing objects

### Chart types

- Scatter
- Area
- Line
- Candlestick
- OHLC
- HeikenAshi
- Renko
- Kagi
- Point & Figure

### Indicators

- EMA, SMA, WMA, TMA
- Bollinger band
- SAR
- MACD
- RSI
- ATR
- Stochastic (fast, slow, full)
- ForceIndex
- ElderRay
- Elder Impulse

### Interactive Indicators

- Trendline
- Fibonacci Retracements
- Gann Fan
- Channel
- Linear regression channel

---

## Installation

```sh
npm install react-financial-charts
```

## LICENSE

[MIT](./LICENSE)
npm package: @riyazurrazak/react-skeleton
Description: React based Skeleton animation component with full customisable themes.
Author: RiyazurRazak
Latest version: 1.1.1

# react-skeleton

> React based Skeleton animation component with full customisable themes.

[![NPM](https://img.shields.io/npm/v/react-skeleton-loader.svg)](https://www.npmjs.com/package/react-skeleton-loader) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install
with npm

```bash
npm install --save @riyazurrazak/react-skeleton
```

with yarn

```bash
yarn add @riyazurrazak/react-skeleton
```

## Example

CodeSandBox : [Demo](https://codesandbox.io/s/react-skeleton-loader-29e8h?file=/src/App.js)

## Usage



```tsx
import React from 'react'

import {SkeletonWrapper} from '@riyazurrazak/react-skeleton'

export const Example = ()=>{

  return(
     <SkeletonWrapper isLoading={true}>
          {/** inner content */}
          <p>Async content</p>  
     </SkeletonWrapper>
  )
}
```

# Props

| Property  | Type  |Default   |Description |
| ------------ | ------------ | ------------ | ------------ |
|  isLoading | bool  | false  | Set true to loading effect. Set false to render elements inside the SkeletonWrapper   |
|className   | string  | null  | Custom class to make the skeleton to style as you want  |
|  width | string  | 'auto'  | width of your skeleton  |
| height  |string   | 'auto'  | height of your skeleton  |
| circle  |bool   | false  | make skeleton as circle. Note: width and height must be eqaul  |
| wave  | bool  |false   |make skeleton as wave animation  |
| backgroundColor  |string   | rgba(0, 0, 0, 0.11)  | background of the skeleton  |
| highlightColor  |string   |rgba(0, 0, 0, 0.04)   | highlightedcolor of the skeleton. Will be effect if wave property is true  |


## License

MIT © [RiyazurRazak](https://github.com/RiyazurRazak)
npm package: @riyenz/method-hook-decorator
Description: Use method hooks rather than calling the function inside a function
Author: Rienz Ivan Otiong
Latest version: 1.0.1

# Method Hook Decorator

## Installation

This library is published in the NPM registry and can be installed using any compatible package manager.

```sh
npm install @riyenz/method-hook-decorator --save

# For Yarn, use the command below.
yarn add @riyenz/method-hook-decorator
```

### The Old Way

```typescript
@Component({
  ...
})
export class DefaultDashboardComponent implements OnInit {
  ngOnInit() {
    this._fetchData();
    this._setupDisplay();
  }

  private _fetchData() {
    ...
  }

  private _setupDisplay() {
    ...
  }
}

```

### The Method Hook Way!

You can use method hook to have a clean and nicer looking code.

```typescript
import { MethodHook } from '@riyenz/method-hook-decorator';

@Component({
  ...
})
export class DefaultDashboardComponent implements OnInit {
  ngOnInit() {
    ...
  }

  // calls _fetchData before ngOnInit
  @MethodHook.Before('ngOnInit')
  private _fetchData() {
    ...
  }

  // calls _setupDisplay after ngOnInit
  @MethodHook.After('ngOnInit')
  private _setupDisplay() {
    ...
  }
}

```

## Documentation

[Documentation generated from source files by Typedoc](./docs/README.md).

## License

Released under [MIT License](./LICENSE).
npm package: @riyenz/nuxt-ui-mcp-server
Description: MCP server for Nuxt UI components
Latest version: 0.1.1

# nuxt-ui-mcp-server

An MCP server that exposes Nuxt UI components to AI agents.

- Public repo: https://github.com/Riyenz/nuxt-ui-mcp-server

## Install / Run

- Local dev
```bash
npm install
npm run build
node dist/cli.js --help
node dist/cli.js
```

- Test as tarball (pre-publish)
```bash
npm pack
npx ./riyenz-nuxt-ui-mcp-server-*.tgz --help
```

## MCP client configuration examples

- Cursor `.cursorrules` or global `~/.cursor/mcp.json`:
```json
{
  "mcpServers": {
    "nuxt-ui": {
      "command": "npx",
      "args": ["@riyenz/nuxt-ui-mcp-server"]
    }
  }
}
```

- Claude Desktop `~/.config/Claude/claude_desktop_config.json`:
```json
{
  "mcpServers": {
    "nuxt-ui": {
      "command": "npx",
      "args": ["@riyenz/nuxt-ui-mcp-server"]
    }
  }
}
```

## Tools
- list_components
- get_component

Inspired by `shadcn-ui-mcp-server` patterns. See reference: `https://github.com/Jpisnice/shadcn-ui-mcp-server`.
npm package: @riz007/thai-address-data
Description: Canonical, normalized Thai address dataset derived from thailand-geography-json.
Author: riz007
Latest version: 0.1.4

# @riz007/thai-address-data

Canonical, normalized Thai address dataset derived from the MIT-licensed
thailand-geography-json repository. This package is data + minimal helpers only.

## Install

```sh
yarn add @riz007/thai-address-data
# or
npm install @riz007/thai-address-data
```

## Usage (Vue / Nuxt)

```ts
import data, { buildMeta } from "@riz007/thai-address-data";

const firstRow = data[0];
const meta = buildMeta;
```

You can also import the JSON directly:

```ts
import data from "@riz007/thai-address-data/data.json";
```

Nuxt SSR tip (lazy import to reduce server memory overhead):

```ts
const data = (await import("@riz007/thai-address-data/data.json")).default;
```

## Data format

```ts
export type ThaiAddressRow = {
  subdistrict: string;
  district: string;
  province: string;
  zipcode: string; // always string
};
```

Names are sourced from the upstream Thai-name fields (`*NameTh`) when available,
with English as a fallback. All text is trimmed, zipcodes are normalized to
5-digit strings where possible, duplicates are removed, and output is sorted by
province, district, subdistrict, zipcode.

## Updating the upstream submodule

```sh
git submodule update --init --recursive
git submodule update --remote --merge vendor/thailand-geography-json
yarn build
```

## Attribution

Data is derived from thailand-geography-json (MIT). See
THIRD_PARTY_NOTICES.md for details.
npm package: @riza-io/voyager-server
Description: A Model Context Protocol server for a self-building agent
Author: Riza
Latest version: 0.1.0

### Self-Writing Agent MCP Server

This implements an [MCP Server](https://modelcontextprotocol.io) that uses Riza's Code Interpreter (specifically the [Tools API](https://riza.io/blog/introducing-tools-api) to allow an LLM to write and execute its own tools in a sandboxed environment.

You can learn more about Riza's Code Interpreter in our [docs](https://docs.riza.io/introduction).

## Setup

To run the server, clone this repo:

```
git clone git@github.com:riza-io/demos.git
cd demos/voyager-server
npm run build
```

You can also run `npm run watch` if you want to make code changes.

This MCP server should work with any MCP client. We've tested this with Claude Desktop. If you're using Claude Desktop, update your Claude Desktop config, typically found at `~/Library/Application\ Support/Claude/claude_desktop_config.json`, and update the config as follows:

```json
{
  "mcpServers": {
    "self-writing-agent-server": {
      "command": "node",
      "args": ["", ""],
      "env": {
        "RIZA_API_KEY": "YOUR_RIZA_API_KEY",
        "ANTHROPIC_API_KEY": "YOUR_ANTHROPIC_API_KEY",
        "STRIPE_TESTMODE_API_KEY": "YOUR_STRIPE_TESTMODE_API_KEY",
        "SLACK_API_KEY": "YOUR_SLACK_API_KEY",
        "GOOGLE_API_KEY": "YOUR_GOOGLE_API_KEY",
        "OPENAI_API_KEY": "YOUR_OPENAI_API_KEY",
        "AIRTABLE_API_KEY": "YOUR_AIRTABLE_API_KEY"
      }
    }
  }
}
```

This demo _requires_ a Riza API key, which you can get from your [Riza Dashboard](https://dashboard.riza.io), and an Anthropic API key, which you can get from your [Anthropic Dashboard](https://console.anthropic.com/settings/keys). The other keys are only needed if you wish for your agent to use them. _We recommend using keys for non-production environments (such as Stripe testmode keys), since this agent will execute real API calls._

Additional API keys can be configured in the `credentials.ts` file in the source directory. (Make sure you run `npm run build` or `npm run watch` if you make changes to that file.)

Come chat with us on [Discord](https://discord.gg/4P6PUeJFW5) if you have any questions or feedback!