open-index/open-npm huggingface dataset:
npm package: @points.city/quartz
Description: 1.  Run `npm i @points.city/quartz` or `yarn add @points.city/quartz` 2.  Setup client and command handler
Latest version: 3.2.3

![](https://files.atik.cc/u/g5x8wAFT4.png)

<h1 align="center"><strong>Quartz</strong></h1>

<h4 align="center">The heart of [Points](https://points.city)</h4>

## Setup

1.  Run `npm i @points.city/quartz` or `yarn add @points.city/quartz`
2.  Setup client and command handler

## Examples

Client Example:

```ts
import { Client } from '@points.city/quartz'
import { resolve } from 'path'

const client = new Client({
  publicKey: process.env.DISCORD_PUBLIC_KEY!,
  token: process.env.DISCORD_TOKEN!,
  appID: process.env.DISCORD_APP_ID!,
  debug: false
})

client.loadCommands('path to commands')
client.connect(Number(process.env.PORT!))
```

Command Example:

```ts
client.command({
  name: 'ping',
  description: 'A command that responds pong',
  onRun: async ({ send }) => {
    return send({
      content: 'Pong!'
    })
  }
})
```
npm package: @pointsource/blueoak-build
Description: BlueOak client side build scripts
Author: PointSource LLC
Latest version: 0.1.19

<img src="https://github.com/BlueoakJS/generator-blueoak/raw/master/BlueOak_logo.jpg" title="BlueOak logo">

# BlueOak Build System

The BlueOak build system is a comprehensive build system that integrates Browsersync, Cordova, and IBM MFP to reduce the amount of time spent on the table stakes of app development.

Take a look at [the wiki](https://github.com/BlueoakJS/generator-blueoak/wiki/BlueOak-Quickstart-Guide) to get started.

## License

MIT
npm package: @poirazis/supercomponents-shared
Description: Shared Svelte components library
Author: Michael Poirazi
Latest version: 1.2.16

# @poirazis/supercomponents-shared

A library of shared Svelte components that can be individually imported.

## Installation

```bash
npm install @supercomponents/shared
```

## Usage

You can import individual components directly:

```js
// Import specific components
import { SuperButton } from '@supercomponents/shared';

// Or import a specific component directly
import SuperButton from '@supercomponents/shared/SuperButton';
```

## Available Components

- **SuperButton**: A versatile button component with various types, styles, and action modes

## Component Documentation

### SuperButton

A flexible button component with multiple variants and action modes.

#### Props

- `size`: Button size ('S', 'M', 'L'). Default: 'M'
- `type`: Button type ('primary', 'secondary', 'cta', 'warning', 'ink', 'menu', 'overBackground'). Default: 'primary'
- `text`: Button text. Default: ''
- `icon`: CSS class for the icon to display
- `iconAfterText`: Whether to show the icon after the text. Default: false
- `quiet`: Remove background/border styling
- `disabled`: Disable the button
- `selected`: Mark the button as selected
- `fullWidth`: Make the button take up the full width of its container
- `iconOnly`: Show only the icon (hides text)
- `onClick`: Function to call when the button is clicked

##### Action Mode Props

- `actionsMode`: Action mode ('normal', 'loop', 'conditional', 'timer'). Default: 'normal'
- `condition`: Condition for conditional mode
- `loopSource`: Data source for loop mode (array or JSON string)
- `loopDelay`: Delay between loop iterations (ms)
- `loopEvent`: Function to call for each loop iteration
- `timerDuration`: Duration for timer mode (seconds). Default: 60

##### Event Handlers

- `onTimer`: Function called when timer completes
- `onLoopStart`: Function called when loop starts
- `onLoopEnd`: Function called when loop ends
- `onTrueCondition`: Function called when condition is true in conditional mode
- `onFalseCondition`: Function called when condition is false in conditional mode

#### Events

- `click`: Dispatched when the button is clicked