open-index/open-npm huggingface dataset:
npm package: @olanaps/test-edts-chart
Description: EDTS Chart
Author: Muhamad Humam
Latest version: 2.2.0

# EDTS Chart

React components for <a href="https://edts-chart-research.vercel.app/">EDTS Chart</a>, the most popular charting library.

<br />
<a href="#quickstart">Quickstart</a>
<span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
<a href="https://edts-chart-research.vercel.app/" target="blank">Demo</a>
<br />
<hr />

## Quickstart

Install this library with peer dependencies:

```bash
npm i @elevenia/edts-chart
```

## Chart Types

Then, import and use individual components:

- Area Chart
```jsx
import { AreaChart } from '@elevenia/edts-chart';

const data = [
    {
        name: 'Data 1',
        data: [
            { label: 'Feb', value: 1 },
            { label: 'Mar', value: 2 },
            { label: 'Apr', value: 3 },
            { label: 'May', value: 4 },
            { label: 'Jun', value: 3 },
            { label: 'Jul', value: 6 },
            { label: 'Aug', value: 9 },
            { label: 'Sep', value: 8 },
            { label: 'Oct', value: 9 }
        ]
    }
];

<AreaChart data={data} />
```
<br />

- Bar Chart
```jsx
import { BarChart } from '@elevenia/edts-chart';

const data = [
    {
        name: 'Data 1',
        data: [
            { label: 'Feb', value: 1 },
            { label: 'Mar', value: 2 },
            { label: 'Apr', value: 3 },
            { label: 'May', value: 4 },
            { label: 'Jun', value: 5 },
            { label: 'Jul', value: 6 },
            { label: 'Aug', value: 7 },
            { label: 'Sep', value: 8 },
            { label: 'Oct', value: 9 }
        ]
    }
];

<BarChart data={data} />
```
<br />

- Geo Chart (<a href='https://en.wikipedia.org/wiki/ISO_3166-2' target='blank'>View Region Code</a>)
```jsx
import { GeoChart } from '@elevenia/edts-chart';

const data = {
    label: "Popularity",
    value: [
        { code: 'ID', label: 'Indonesia', value: 450 },
        { code: 'GE', label: 'Germany', value: 1000 },
        { code: 'DK', label: 'Denmark', value: 400 },
        { code: 'FR', label: 'France', value: 750 },
        { code: 'BR', label: 'Brazil', value: 1000 }
    ]
};

<GeoChart data={...} />
```
<br />

- Line Chart
```jsx
import { LineChart } from '@elevenia/edts-chart';

const data = [
    {
        name: 'Data 1',
        data: [
            { label: 'Feb', value: 1 },
            { label: 'Mar', value: 2 },
            { label: 'Apr', value: 3 },
            { label: 'May', value: 4 },
            { label: 'Jun', value: 3 },
            { label: 'Jul', value: 6 },
            { label: 'Aug', value: 9 },
            { label: 'Sep', value: 8 },
            { label: 'Oct', value: 9 }
        ]
    }
];

<LineChart data={data} />
```
<br />

- Pie Chart
```jsx
import { PieChart } from '@elevenia/edts-chart';

const data = [
    { label: "Team A", value: 44 },
    { label: "Team B", value: 55 },
    { label: "Team C", value: 13 },
    { label: "Team D", value: 43 },
    { label: "Team E", value: 22 }
];

<PieChart data={data} />
```
npm package: @olasearch/icons
Description: React component for Feather icons
Author: Carmelo Pullara
Latest version: 1.0.2

## React Feather Icons

SVG Icons for your Ola Search apps

#### Inspiration

https://github.com/carmelopullara/react-feather

### Installation
    yarn add @olasearch/icons --save

### Usage

```javascript
import Camera from '@olasearch/icons/lib/camera'

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}
````
npm package: @olasearch/textarea-elastic
Description: Automatically adjusts the height of the textarea as user types
Author: Vinay M
Latest version: 1.0.2

# Elastic textarea

Automatically adjusts the height of the textarea as user types

## Installation
React Autogrow Textarea can be installed as an npm package

    yarn add @olasearch/textarea-elastic

## Usage

```jsx
import React from 'react';
import Textarea from '@olasearch/textarea-elastic';

let App = React.createClass({
  render() {
    return (
      <Textarea />
    );
  }
});

React.render(<App/>, document.getElementById('container'));
```
    
You can pass all `props` that can be used with default React textarea

## License

This project is licensed under the terms of the MIT license.
npm package: @olaservo/inspector-client
Description: Client-side application for the Model Context Protocol inspector
Author: Anthropic, PBC
Latest version: 0.16.4-experimental-pr421

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
      tsconfigRootDir: import.meta.dirname,
    },
  },
});
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from "eslint-plugin-react";

export default tseslint.config({
  // Set the react version
  settings: { react: { version: "18.3" } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs["jsx-runtime"].rules,
  },
});
```
npm package: @olaservo/scryfall-mcp-server
Description: Community MCP server to search and fetch Magic: The Gathering card data from Scryfall with a rich card viewer UI. Not affiliated with or endorsed by Scryfall.
Latest version: 1.0.2

# Scryfall MCP Server

A community MCP server for searching and fetching Magic: The Gathering card data from [Scryfall](https://scryfall.com). Features an [MCP App](https://github.com/modelcontextprotocol/ext-apps) UI that renders card images, mana symbols, oracle text, and pricing when used in compatible hosts like Claude Desktop.

> **Note:** This is an independent community project. It is not affiliated with or endorsed by Scryfall.

![Card viewer UI in Claude Desktop](assets/card-viewer-screenshot.png)

## Tools

- **search** — Search for cards using [Scryfall full-text syntax](https://scryfall.com/docs/syntax) (e.g., `c:red t:creature cmc=3`, `set:mkm`, `o:"draw a card"`)
- **fetch** — Fetch full card details by Scryfall UUID. In MCP App-capable hosts, renders a card viewer UI with the card image, mana cost icons, oracle text, set info, rarity, and prices.

## Installation

### Option 1: MCPB (one-click install for Claude Desktop)

Download [`scryfall-mcp-server.mcpb`](https://github.com/olaservo/scryfall-mcp-app/releases/latest) from the latest release and open it in Claude Desktop.

### Option 2: npm

```json
{
  "mcpServers": {
    "scryfall": {
      "command": "npx",
      "args": ["-y", "@olaservo/scryfall-mcp-server"]
    }
  }
}
```

### Option 3: Build from source

```bash
git clone https://github.com/olaservo/scryfall-mcp-app.git
cd scryfall-mcp-app
npm install
npm run build
```

Then add to your `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "scryfall": {
      "command": "node",
      "args": ["/path/to/scryfall-mcp-app/dist/index.js"]
    }
  }
}
```

## Development

```bash
npm run dev          # Watch mode with tsx
npm run build        # Build UI + server
npm run inspector    # Test with MCP Inspector
npm run pack         # Build .mcpb bundle
```

## How It Works

The server uses the [MCP Apps extension](https://github.com/modelcontextprotocol/ext-apps) to pair the `fetch` tool with a card viewer UI resource. When a card is fetched:

- **`content`** returns a readable text summary (card text, metadata, prices) for the model
- **`structuredContent`** sends the full card data to the UI for rendering
- The UI renders the card image, Scryfall mana symbol SVGs in the mana cost and oracle text, and card metadata
- CSP is configured to allow images from `cards.scryfall.io` and SVGs from `svgs.scryfall.io`
- Non-UI hosts receive the text fallback with all card details
npm package: @olavarriaga/n8n-nodes-myfitnesspal
Description: MyFitnessPal integration node for n8n
Author: Manuel Olavarriaga
Latest version: 1.0.0

# n8n-nodes-myfitnesspal

This is a community node for n8n that integrates with MyFitnessPal's API, allowing you to automate your health and fitness tracking workflows.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/reference/license/) workflow automation platform.

[Installation](#installation)  
[Operations](#operations)  
[Credentials](#credentials)  
[Compatibility](#compatibility)  
[Resources](#resources)  

## Installation

Follow these steps to install the node:

1. Open your n8n instance
2. Go to **Settings > Community Nodes**
3. Select **Install**
4. Enter `@olavarriaga/n8n-nodes-myfitnesspal` in **Enter npm package name**
5. Click **Install**

**Alternatively**, you can install it with npm:

```bash
npm install @olavarriaga/n8n-nodes-myfitnesspal
```

## Operations

### Food Operations
- **Search Foods**: Search for food items in the database
- **Get Food Item**: Get detailed information about a specific food item
- **Add Food to Diary**: Add a food item to your diary

### Diary Operations
- **Get Diary**: Retrieve diary entries for a specific date
- **Add Food to Diary**: Log food items to your diary with meal type and serving size

### Exercise Operations
- **Get Exercise**: View exercise entries for a specific date
- **Add Exercise**: Log new exercise activities with duration and calories burned

### User Operations
- **Get User Profile**: Retrieve user profile information

## Credentials

To use this node, you need to set up MyFitnessPal API credentials:
1. Client ID
2. Client Secret
3. Access Token

You can obtain these credentials from the [MyFitnessPal API portal](https://myfitnesspalapi.com/docs/).

## Compatibility

- n8n: >= 1.0.0
- MyFitnessPal API: v2

## Resources

* [n8n community nodes documentation](https://docs.n8n.io/integrations/community-nodes/)
* [MyFitnessPal API documentation](https://myfitnesspalapi.com/docs/)

## Version History

### 1.0.0
- Initial release
- Support for food, diary, exercise, and user profile operations
- Full MyFitnessPal API v2 integration

## License

[MIT](LICENSE.md)

## Author

Manuel Olavarriaga ([@olavarriaga](https://github.com/olavarriaga))
npm package: @olaven/knit
Description: Automatically upload project to git repo
Author: @olaven
Latest version: 1.0.0

# Knit 🧶
Your project on Github in 20 seconds. 

## Installation 
`yarn global add @olaven/knit` _or_ `npm install -g @olaven/knit`


## Basic usage 
* create a [new project](https://github.com/new) with same name as your local project folder
* simply run `knit` in your local project folder

  
## First time configuration
`knit --user  <your-user-name>`
olaven
olaven
olaven