open-index/open-npm huggingface dataset:
npm package: @proladon/shelter-ui
Description: shelter vue ui components
Author: Proladon
Latest version: 1.0.5

# Shelter UI

基於 Vue 3 和 UnoCSS 的現代組件庫

## 特性

- 🚀 基於 Vue 3、TypeScript 和 Vite
- 🎨 使用 UnoCSS 實現原子化 CSS
- 📦 支持按需引入
- 📚 完善的文檔和示例

## 安裝

```bash
yarn add shelter-ui
```

## 使用

### 完整引入

```ts
import { createApp } from 'vue'
import ShelterUI from 'shelter-ui'
import 'shelter-ui/dist/shelter-ui.css'
import App from './App.vue'

const app = createApp(App)
app.use(ShelterUI)
app.mount('#app')
```

### 按需引入

```vue
<template>
  <SHButton type="primary">按鈕</SHButton>
  <SHInput v-model="input" placeholder="請輸入內容" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { SButton, SInput } from 'shelter-ui'
import 'shelter-ui/dist/shelter-ui.css'

const input = ref('')
</script>
```

## 開發

```bash
# 安裝依賴
yarn install

# 啟動開發伺服器
yarn dev

# 構建組件庫
yarn lib:build

# 啟動文件開發伺服器
yarn docs:dev

# 構建文檔
yarn docs:build
```

## 文檔

查看 [在線文檔](https://your-website.com) 獲取更多信息。

## 許可證

[MIT](LICENSE)
npm package: @prolazydev/vue-m
Description: UI components for Vue.js made with tailwind and ❤
Author: Flamur
Latest version: 0.3.1

# vue-m ⚒ WORK IN PROGRESS

[![npm](https://img.shields.io/npm/v/@prolazydev/vue-m?color=blue&label=release&style=for-the-badge)](https://github.com/prolazydev/vue-m) ![npm](https://img.shields.io/npm/dt/@prolazydev/vue-m?color=orange&label=downs&style=for-the-badge) [![license](https://img.shields.io/github/license/prolazydev/vue-m.svg?style=for-the-badge)](https://github.com/prolazydev/vue-m/blob/main/LICENSE) [![code with hearth by NHN Cloud](https://img.shields.io/badge/%3C%2F%3E%20with%20%20cooless%20%F0%9F%98%8E%20by-prolazydev-00bf76.svg?style=for-the-badge)](https://github.com/prolazydev)

## Introduction

`vue-m` is a Vue 3 UI component library designed to enhance the user interface of your Vue applications. It provides a collection of modern and responsive UI components that are easy to install and use.

## Features

- Modern and responsive UI components
- Easy installation and usage
- Built with Vue 3 and TypeScript
- Highly customizable and flexible

## Installation

You can install the `vue-m` package using npm or Yarn:

```bash
npm install vue-m
```

or

```bash
yarn add vue-m
```

## Usage

To use the components from vue-m, register them in `main.ts`:

```ts
import { createApp } from 'vue';
import vueM from 'vue-m'; // Import the components
import 'vue-m/dist/vue-m.css'; // Import the styling (Optional)
import App from './App.vue';

createApp(App)
   .use(vueM)
   .mount('#app');
```

Then use the components like this:

```vue
<template>
  <div>
      <m-btn text="Write here" color='success' /> <!-- color is 'primary by default' -->
      <!-- or -->
      <m-btn>
         <div>
            Custom element inside the button 
         </div>
      </m-btn>
  </div>
</template>
```

## TODO

- Create the todos :> `Doing`

<!--- Alert
- Avatar
- Breadcrumb
- Button
- Card
- Checkbox
- Chip
- Collapse
- Dialogs
- Divider
- Dropdown
- Images
- Input
- List
- Loading
- Navbar
- Notification
- Number Input
- Pagination
- Popup
- Progress
- Radio
- Select
- Sidebar
- Slider
- Switch
- Table
- Tabs
- Textarea
- Tooltip
- Upload -->
npm package: @proliferate_ai/sdk
Description: Proliferate Error Monitoring SDK for JavaScript with Session Replay
Latest version: 0.2.0

# @proliferate/sdk

JavaScript SDK for Proliferate Error Monitoring.

## Installation

```bash
npm install @proliferate/sdk
```

## Quick Start

```typescript
import Proliferate from '@proliferate/sdk';

// Initialize the SDK
Proliferate.init({
  endpoint: 'https://your-api.com/api/v1/errors',
  apiKey: 'pk_your_api_key',
  environment: 'production',
  release: '1.0.0',
});

// Set user context (optional)
Proliferate.setUser({
  id: 'user_123',
  email: 'user@example.com',
});

// Set account context (optional)
Proliferate.setAccount({
  id: 'acct_456',
  name: 'Acme Corp',
});
```

## Automatic Error Capture

After initialization, the SDK automatically captures:
- Uncaught exceptions (`window.onerror`)
- Unhandled promise rejections (`window.onunhandledrejection`)

## Manual Error Capture

```typescript
// Capture an exception
try {
  riskyOperation();
} catch (error) {
  Proliferate.captureException(error, {
    extra: { orderId: 'order_789' },
  });
}

// Capture a message
Proliferate.captureMessage('User attempted invalid action', {
  level: 'warning',
  extra: { action: 'delete_admin' },
});
```

## API

### `Proliferate.init(options)`

Initialize the SDK.

| Option | Type | Required | Description |
|--------|------|----------|-------------|
| `endpoint` | `string` | Yes | API endpoint URL |
| `apiKey` | `string` | Yes | Project API key (format: `pk_{project_slug}_{random}`) |
| `environment` | `string` | No | Environment name |
| `release` | `string` | No | Release version |

**API Key Notes:**
- API keys are project-scoped. Each project can have multiple API keys.
- Keys follow the format `pk_{project_slug}_{random_hex}` (e.g., `pk_my-app-default_a1b2c3d4e5f6`)
- Revoked keys will return a `401 Unauthorized` error with message "API key has been revoked"
- You can manage API keys from the dashboard under Project Settings > API Keys

### `Proliferate.setUser(user)`

Set user context for error reports.

```typescript
Proliferate.setUser({ id: 'user_123', email: 'user@example.com' });
Proliferate.setUser(null); // Clear user context
```

### `Proliferate.setAccount(account)`

Set account context for error reports.

```typescript
Proliferate.setAccount({ id: 'acct_456', name: 'Acme Corp' });
Proliferate.setAccount(null); // Clear account context
```

### `Proliferate.captureException(error, options?)`

Manually capture an exception.

```typescript
Proliferate.captureException(new Error('Something went wrong'), {
  extra: { additionalData: 'value' },
});
```

### `Proliferate.captureMessage(message, options?)`

Capture a message (not an exception).

```typescript
Proliferate.captureMessage('Something happened', {
  level: 'warning', // 'error' | 'warning' | 'info'
  extra: { context: 'value' },
});
```

## Browser Support

- Chrome, Firefox, Safari, Edge (modern versions)
- Uses `fetch` with `keepalive` for reliable delivery
- Falls back to `navigator.sendBeacon` if needed