open-index/open-npm huggingface dataset:
npm package: @misnctrl/astro
Description: Charts and data components for Astro (Evidence-style).
Author: Sean Aquino
Latest version: 0.0.2

# Astro Charts (Alpha)

Reusable chart and data components for [Astro](https://astro.build/) sites — inspired by the **Evidence** style of storytelling with inline charts.  

This library makes it easy to embed charts and tables directly inside Markdown/MDX pages with simple, declarative components.  

---

## ✨ Features (Alpha)

- 📈 **LineChart** – trends over time  
- 📊 **BarChart** – categorical comparisons  
- 📋 **DataTable** – detailed data tables with sorting/filtering  

These three are fully functional in the alpha release.  

---

## 🧭 Roadmap

Additional components are in development and will be released in future versions:

- **AreaChart**  
- **ScatterChart**  
- **Pie/DonutChart**  
- **KpiCard** (highlight key values)  
- **FacetGrid** (small multiples)  
- **Stacked/Grouped BarChart**  
- **Histogram**  
- **BoxPlot / ViolinPlot**  
- **Heatmap**  
- **Treemap / Sunburst**  
- **Map / Choropleth**  

---

## 🚀 Getting Started

### Install

```bash
npm install @misnctrl/astro
```

### Enable MDX

Add the MDX integration to your Astro project:

```bash
npm install @astrojs/mdx
```

`astro.config.mjs`:
```js
import mdx from '@astrojs/mdx';

export default {
  integrations: [mdx()],
};
```

### Usage in MDX

```mdx
import { LineChart, BarChart, DataTable } from '@misnctrl/astro';

# Weekly Sessions

<LineChart
  data={{ kind: 'url', url: '/data/traffic.csv', format: 'csv' }}
  x="date"
  y="sessions"
  xType="temporal"
  yType="quantitative"
  tooltip
  grid
/>

<BarChart
  data={{ kind: 'static', rows: [
    { channel: 'Organic', sessions: 400 },
    { channel: 'Paid', sessions: 120 },
    { channel: 'Email', sessions: 80 }
  ]}}
  x="channel"
  y="sessions"
/>

<DataTable data={{ kind: 'url', url: '/data/users.csv', format: 'csv' }} />
```

---

## 📦 Data Sources

Components accept data in multiple forms:

- **Static inline rows** (JSON array)  
- **CSV or JSON URL** (fetched at runtime)  
- **Inline CSV string** (parsed in the browser)  

---

## ⚡ Tech Stack

- [Astro](https://astro.build/) islands for interactivity  
- [React Vega](https://github.com/vega/react-vega) for Vega-Lite powered charts  
- [d3-dsv](https://github.com/d3/d3-dsv) for CSV parsing  

---

## 📌 Status

⚠️ **Alpha release** – API is not stable, breaking changes possible.  

Please try it out, file issues, and help shape the library!  

---

## 📜 License

MIT — free to use and adapt.
npm package: @miso.ai/shopify-client
Description: Miso's Shopify client-side script
Latest version: 0.3.11

# Miso Shopify Client Script

This script integrates Miso's personalization service into Shopify with minimum engineering effort. For how personalization works in Miso, please visit [documentation site](https://docs.miso.ai).

This script serves for the following purposes:

1. Collect user interaction events automatically for personalization model training.
2. Provide custom elements to render recommendation results with ease.

## Usage

This script is installed automatically once Shopify integration is setup via [Dojo](https://dojo.askmiso.com/), the web dashboard for Miso.

## Technical Detail

### Interaction collection

Miso Shopify JS SDK parse Shopify page and find important interaction signal at best. As theme of each Shopify store differ, the SDK might failed to catch interaction in some cases. Please [report an issue](https://github.com/askmiso/miso-shopify-client-js/issues) if you find this happens.

The SDK supports capturing the following interaction:

1. `home_page_view` in home page.
1. `product_detail_page_view` in product page.
1. `category_page_view` in collection page.
1. `add_to_cart` in all pages.
1. `remove_from_cart` in all pages.

For detail usage of each interactions, please visit [Miso API document](https://api.askmiso.com/#operation/interaction_upload_api_v1_interactions_post).
npm package: @misoapps/mail-sdk
Description: SDK for Miso Mail Service - Email and SMTP configuration APIs
Author: Miso Apps
Latest version: 1.0.0

# @miso/mail-sdk

SDK for Miso Mail Service - Email and SMTP configuration APIs.

## Installation

```bash
pnpm add @miso/mail-sdk
```

## Usage

```typescript
import { createMailClient } from '@miso/mail-sdk';

// Create a client instance
const mailClient = createMailClient({
  endpoint: 'https://mail-service.example.com',
  shopDomain: 'my-shop.myshopify.com',
});
```

## Email APIs

### Send Email (User SMTP)

Send email using shop's configured SMTP:

```typescript
const result = await mailClient.sendEmail({
  to: 'customer@example.com',
  fromEmail: 'shop@example.com',
  fromName: 'My Shop', // optional
  replyTo: ['support@example.com'], // optional
  subject: 'Hello!',
  html: '<h1>Welcome!</h1>',
  text: 'Welcome!', // optional
});

console.log(result);
// { success: true, messageId: '...', logId: '...' }
```

### Send Email (System SMTP)

Send email using system SMTP (AWS SES). `fromEmail` is fixed from server's `AWS_SMTP_FROM_EMAIL` env:

```typescript
const result = await mailClient.sendSystemEmail({
  to: 'customer@example.com',
  fromName: 'Miso Apps', // optional
  replyTo: ['support@example.com'], // optional
  subject: 'Hello!',
  html: '<h1>Welcome!</h1>',
  text: 'Welcome!', // optional
});
```

### Get Email Logs

```typescript
const logs = await mailClient.getEmailLogs({
  status: 'sent', // optional: 'pending' | 'sent' | 'failed'
  type: 'user', // optional: 'user' | 'system'
  page: 1, // optional
  limit: 20, // optional
});

console.log(logs);
// { logs: [...], total: 100, page: 1, pages: 5 }
```

## SMTP Config APIs

### Create/Update SMTP Config

```typescript
const config = await mailClient.upsertSmtpConfig({
  host: 'smtp.gmail.com',
  port: 587, // optional, default: 587
  secure: false, // optional, default: false
  username: 'user@gmail.com',
  password: 'app-password',
});
```

### Get SMTP Config

```typescript
const config = await mailClient.getSmtpConfig();
// Returns SmtpConfig or null
```

### Update SMTP Config

```typescript
const config = await mailClient.updateSmtpConfig({
  port: 465,
  secure: true,
  isActive: true,
});
```

### Delete SMTP Config

```typescript
const result = await mailClient.deleteSmtpConfig();
// { success: true, message: '...' }
```

### Test SMTP Connection

```typescript
const result = await mailClient.testSmtpConnection();
// { success: true, message: 'SMTP connection successful' }
// or { success: false, message: '...', error: '...' }
```

## Types

All types are exported from the package:

```typescript
import type {
  MailClientConfig,
  MailClient,
  // Email types
  SendEmailRequest,
  SendSystemEmailRequest,
  SendEmailResponse,
  EmailLog,
  GetEmailLogsParams,
  GetEmailLogsResponse,
  EmailStatus,
  EmailType,
  // SMTP types
  SmtpConfig,
  CreateSmtpConfigRequest,
  UpdateSmtpConfigRequest,
  TestSmtpResponse,
} from '@miso/mail-sdk';
```

## License

MIT
npm package: @misonou/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 5.0.3

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @mispace/paypal-nvp
Description: A simple paypal package with MUINode and react package
Author: imran
Latest version: 1.0.5

# paypal-nvp
> **NPM plugin using paypal nvm for payment and authorization**

### Installation

```bash
  npm install @mispace/paypal-nvp
```
###### OR
```bash
  yarn add @mispace/paypal-nvp
```
### Environment Variables
To run this project, you will need to add the following environment variables to your .env file

Following are the required __.env__ variables for the paypal-nvp package
* `PAYPAL_PAYMENT_METHOD`
* `PAYPAL_PAYMENT_ACTION`
* `PAYPAL_BILLING_TYPE`
* `PAYPAL_USERNAME`
* `PAYPAL_PASSWORD`
* `PAYPAL_SIGNATURE`
* `PAYPAL_VERSION`
* `PAYPAL_API_URL`
* `PAYPAL_REDIRECT_URL`

### NodeJs side
```javascript
const paypalnvp = require('@mispace/paypal-nvp/api');
app.use(paypalnvp());
```
### NodeJs side with logger
```javascript
const paypalnvp = require('@mispace/paypal-nvp/api');
app.use(paypalnvp({logger}));
```
### ReactJs side
```javascript
import PayPalButton from "@mispace/paypal-nvp/button";
```
### use the package in you component as shown below 
```javascript
<PayPalButton className="paypal-btn" label="Pay With PayPal" returnUrl="/paypal-return" cancelUrl="/paypal-cancel"  desc="product name / any text" />
```
### Available properties for button
* `className` # css class name
* `label` # button label
* `returnUrl` # req
* `cancelUrl` # req
* `desc` # purchase product description
* `amount` # purchase product price

### Below are the versions used for this paypal-nvp package
* Node >= 16.0.0
* React >= 18.0.0
* webpack = 5.89.0
* MUI = 7.2.0
* Axios = 1.9.0

### Tech Stack

**Client:** React, MUI, Axios

**Server:** Node, Express, Axios

### Reference links
* https://www.npmjs.com/package/@mispace/paypal-nvp
* https://developer.paypal.com/api/nvp-soap/do-authorization-nvp/