open-index/open-npm huggingface dataset:
npm package: @pathscale/rollup-plugin-vue3-ui-css-purge
Description: Automatically remove unused CSS when using vue3-ui
Author: Anton Kudryavtsev
Latest version: 0.0.41

# @pathscale/rollup-plugin-vue3-ui-css-purge

Purger plugin for rollup hand crafted to match vue3-ui needs

## Usage

Import plugin and register plugin in _rollup.config.js_

    import vue3uiPurge from "@pathscale/rollup-plugin-vue3-ui-css-purge";

    export default [
        {
            input: "src/index.js",
            output: {
                file: "dist/bundle.js",
                format: "iife",
            },
            plugins: [
                vue3uiPurge(),
            vue()
            ]
        }
    ]

## Limitations

Any css you write must follow these rules for the purger to work correctly:

- Every css variable that depends on other variables will have be to be declared after their dependants
- Whenever commas are used to separate selectors, if one of those selectors it's body, it must go last
npm package: @pathscale/ui
Description: Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.
Author: pathscale
Latest version: 1.1.34

# @pathscale/ui

Highly opinionated SolidJS component library — batteries and kitchen sink
included, but optimized and shiny.

## Install

```sh
bun add @pathscale/ui
```

## Usage

```tsx
import { Button, Flex } from "@pathscale/ui";

export const Example = () => (
  <Flex direction="col" gap="sm">
    <Button color="primary">Primary</Button>
  </Flex>
);
```

## CSS

Import the compatibility stylesheet to use `@pathscale/ui` components without
relying on app-level DaisyUI plugin styles:

```ts
import "@pathscale/ui/dist/styles/compat/daisy-primitives.css";
import "@pathscale/ui/dist/styles/icons/generated-icons.css";
```

## Motion

Shared animation primitives live in `@pathscale/ui/motion`. For setup,
Popmotion driver enablement, and migration notes, see `docs/motion.md`.

## Development

```sh
bun run build
```

Other useful scripts:

- `bun run dev`
- `bun run lint`
- `bun run format`

## Playground Hot Test

Run the playground from the repository root and hot-test local library changes without rebuilding:

```sh
bun run playground:dev
```

The playground resolves `@pathscale/ui` to local `src` via Vite aliases, so edits in `/src` and `/src/styles` refresh immediately.
npm package: @pathscale/vue3-charts
Description: A Vue 3 integration using Frappe Charts
Author: Steve McDougall
Latest version: 1.2.3

# Vue 3 Frappe Charts

<p align="center">
    <a href="https://vuejs.org" target="_blank" rel="noopener noreferrer">
        <img width="100" src="https://vuejs.org/images/logo.png" alt="Vue logo">
    </a>
    <a href="https://frappe.github.io/charts" target="_blank" rel="noopener noreferrer">
        <img src="https://frappe.io/files/frappe.png" width="200">
    </a>
</p>


[![npm version](https://badge.fury.io/js/vue3-charts.svg)](https://badge.fury.io/js/vue3-charts)
![npm](https://img.shields.io/npm/dw/vue3-charts)

This is a simple package to get using Frappe Charts within VueJS

## How to use

First we need to import and initialize

```es6
import Vue from 'vue'
import Chart from 'vue3-charts'

Vue.use(Chart)
```

or use the component directly

```es6
import { VueFrappe } from 'vue3-charts'

export default {
  components: {
    VueFrappe,
  },
};
```

Then in our Vue templates:

```html
<template>
    <vue-frappe
            id="test"
            :labels="[
                '12am-3am', '3am-6am', '6am-9am', '9am-12pm',
                '12pm-3pm', '3pm-6pm', '6pm-9pm', '9pm-12am'
            ]"
            title="My Awesome Chart"
            type="axis-mixed"
            :height="300"
            :colors="['purple', '#ffa3ef', 'light-blue']"
            :dataSets="this.data">
        </vue-frappe>
</template>
<script>
    export default {
        data () {
            return {
                data: [{
                    name: "Some Data", chartType: 'bar',
                    values: [25, 40, 30, 35, 8, 52, 17, -4]
                },
                {
                    name: "Another Set", chartType: 'bar',
                    values: [25, 50, -10, 15, 18, 32, 27, 14]
                },
                {
                    name: "Yet Another", chartType: 'line',
                    values: [15, 20, -3, -15, 58, 12, -17, 37]
                }]
            }
        }
    }
</script>
```

There are more examples in the `examples` directory

### Links

[Frappe Charts](https://github.com/frappe/charts)

[Vue JS](https://vuejs.org/)
npm package: @pathscale/vue3-svg-icons
Description: Mega compilation of svg icons. Ever get tired of all that stupid bloat from other icon packages?
Author: PathScale PTD Ltd
Latest version: 0.0.12

# vue3-svg-icons

Mega compilation of svg icons. Ever get tired of all that stupid bloat from other icon packages?

# Upstream project links for reference

https://github.com/FortAwesome/Font-Awesome/tree/v4.7.0

https://github.com/michaelampr/jam

https://github.com/simple-icons/simple-icons // svg icons for brands

https://github.com/feathericons/feather // nice demo

https://github.com/konpa/devicon/

https://github.com/templarian/MaterialDesign // mixes in the google icons which is different liberal license

https://github.com/primer/octicons

# Not imported, but someone may find them interesting

https://github.com/vmware/clarity

https://github.com/google/material-design-icons/
npm package: @pathscale/wss-adapter
Description: Modern WebSocket adapter for PathScale WSS services
Author: PathScale
Latest version: 2.0.8

# @pathscale/wss-adapter

WebSocket adapter for PathScale WSS services.

## Installation

```bash
npm install @pathscale/wss-adapter
```

## Usage

```typescript
import wssAdapter from '@pathscale/wss-adapter';

// Configure
wssAdapter.configure({
  timeout: 30000,
  services: {
    app: {
      remote: 'wss://api.example.com',
      methods: {
        '10001': { name: 'login', parameters: ['username', 'password'] },
        '10002': { name: 'getUserProfile', parameters: ['userId'] },
      },
      onDisconnect: (event) => console.log('Disconnected:', event),
    },
  },
  errors: {
    language: 'en',
    codes: [
      { code: 40001, message: 'Invalid credentials' },
      { code: 40002, message: 'Session expired' },
    ],
  },
  onError: (message) => console.error('Error:', message),
});

// Connect
const result = await wssAdapter.services.app.connect(['token1', 'token2']);

// Call methods
const profile = await wssAdapter.sessions.app.getUserProfile({ userId: '123' });
const login = await wssAdapter.sessions.app.login({ username: 'user', password: 'pass' });

// Subscribe to stream events (by method code or configured method name)
const unsubscribe = wssAdapter.subscribeTo('UserSubBulkOrderPlacedEvent', {
  next: (data) => console.log('Stream data:', data),
  error: (err) => console.error('Stream error:', err),
  complete: () => console.log('Stream completed'),
});

// Later
unsubscribe();

// Disconnect
wssAdapter.services.app.disconnect();
```

## Configuration Types

```typescript
interface IConfiguration {
  timeout: number;
  services: Record<string, IServiceConfig>;
  errors: IErrors;
  onError?: (message: string) => void;
}

interface IServiceConfig {
  remote: string;
  methods: Record<string, IMethodInfo>;
  subscriptions?: Record<string, (data: any) => void>;
  onDisconnect?: (event: CloseEvent) => void;
}

interface IErrors {
  language: string;
  codes: IErrorCode[];
}
```

## Subscriptions

```typescript
services: {
  app: {
    remote: 'wss://api.example.com',
    methods: { /* ... */ },
    subscriptions: {
      'notifications': (data) => console.log('Notification:', data),
      'updates': (data) => console.log('Update:', data),
    },
  },
}
```

That's it.
npm package: @pathurs/logrocket-cli
Description: Command line tool for [LogRocket](https://logrocket.com/).
Author: Logrocket
Latest version: 0.12.2

# LogRocket CLI

The official command line tool for [LogRocket](https://logrocket.com/). 

[![CircleCI](https://circleci.com/gh/LogRocket/logrocket-cli.svg?style=shield)](https://circleci.com/gh/LogRocket/logrocket-cli)

## Requirements

Node versions 4 and above are supported. You will also need your API key from your App Settings page.

## Installation

```bash
npm install -g logrocket-cli
```

## Resources

 * [Documentation](https://docs.logrocket.com/docs/stacktraces#section-uploading-source-maps-to-logrocket)