open-index/open-npm huggingface dataset:
npm package: @phillipleblanc/chartjs-plugin-boxselect
Description: Chart.js plugin to select points on a chart with a click-and-drag box
Author: Thomas Humphries
Latest version: 1.0.6-dev11

# chartjs-plugin-boxselect

![](./docs/demo.gif)
A [Chart.js](https://www.chartjs.org) plugin to select points using click-and-drag boxes.  
Works with `scatter` and `line` chart types.

## Installation
To install with npm
```
npm install --save chartjs-plugin-boxselect
```
To use with a `<script>` tag
```
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-boxselect"></script>
```

## Configuration
To configure the box-select plugin, add a new config option to a chart config.
```javascript
plugins: {
    boxselect: {
        select: {
            enabled: true,
            direction: 'xy'
        },
        callbacks: {
            beforeSelect: function(startX, endX, startY, endY) {
                // return false to cancel selection
                return true;
            }
            afterSelect: function(startX, endX, startY, endY, datasets) {

            }
        }
    },
}
```
### Options
The `direction` setting defines which box shapes can be drawn. The options are `x`, `xy`, or `y`. The default is `xy`.

The `datasets` parameter in the `afterSelect` callback is the same size as the array of datasets in the chart.   
Each ```dataset``` has the parameters `data`, `labels`, and `indexes`.  
`data` contains an array of points that fell inside the selection box.  
`indexes` contains the corresponding index of each point that was selected from the original `dataset.data`
`labels` contains the labels (if any) from the dataset that correspond to the selected points.  

## Samples
A sample chart that shows how the `afterSelect` callback can be used to highlight data is in the /samples directory.



## Development
[rollup](https://rollupjs.org/) is required to build.  
The built `boxselect.js` file is in the `/dist` directory.  
The build command is `npm run build`.

## Credits
Created by [Thomas Humphries](https://github.com/TomHumphries).  
Code inspired by [chartjs-plugin-crosshair](https://github.com/AbelHeinsbroek/chartjs-plugin-crosshair) and [chartjs-plugin-zoom](https://github.com/chartjs/chartjs-plugin-zoom).

## Licence
chartjs-plugin-boxselect.js is available under the [MIT licence](https://opensource.org/licenses/MIT).
npm package: @phillipluther/eslint-config
Description: A deeply personal set of linting/formatting options; if you're not me, you might hate these
Author: Phillip Luther
Latest version: 0.1.3

# Phillip Luther's ES Lint Configuration

A deeply personal set of linting and formatting options.

Their only guiding principal is, "What rules do I (Phil) prefer right now?" That probably means anybody not me (Phil) will hate these rules.

Note the "right now," too -- these rules aren't static. They'll evolve and change and update as I evolve and change and update. That probably means anybody not future me (future Phil) will hate these rules. Likely, and especially, current Phil.

## Usage

Install the config rules:

```bash
$ npm install -D @phillipluther/eslint-config
```

Incorporate normally into an existing `.eslintrc.json` or `.eslintrc.js` or the like:

```js
// in .eslintrc.js, for example
module.exports = {
  /* other options here */
  extends: [/* other configs here */, '@phillipluther/eslint-config']
}
```
npm package: @phillipluther/eslint-config-pluther
Description: DEPRECATED! Use @phillipluther/eslint-config instead.
Author: Phillip Luther
Latest version: 0.3.0
Deprecated: DEPRECATION WARNING! This package is no longer maintained; use @phillipluther/eslint-config instead

# eslint-plugin-pluther

This package has been deprecated and will receive no further updates. Use `@phillipluther/eslint-config` instead.
npm package: @phillipluther/prettier-config
Description: A deeply personal set of formatting rules; plays well with @phillipluther/eslint-config
Author: Phillip Luther
Latest version: 0.1.2

# Phillip Luther's Prettier Config

A deeply personal set of formatting rules; plays well with [@phillipluther/eslint-config](../eslint-config/README.md)

```bash
$ npm i --save-dev prettier @phillipluther/prettier-config
```

Then, in `package.json` add:

```json
"prettier": "@phillipluther/prettier-config"
```
npm package: @phillipmalboeuf/directus-interface-family-tree
Description: A Directus interface extension for visualizing family trees with parent-child and marriage relationships
Author: Philip Malboeuf
Latest version: 1.1.3

# Family Tree Interface

A Directus interface extension that displays a visual family tree for Person items, showing parent-child relationships and marriages.

## Features

- **Automatic Family Tree Visualization**: Displays family relationships starting from the current Person item
- **Merged Children**: Combines children from both `children_father` and `children_mother` relationships, removing duplicates
- **Spouse Display**: Shows all spouses from the `married_to` relationship
- **Recursive Tree**: Displays children and their descendants in a hierarchical tree structure
- **Theme Integration**: Uses Directus theme variables for consistent styling

## Installation

### Via npm (Recommended)

```bash
npm install @phillipmalboeuf/directus-interface-family-tree
```

The extension will be automatically available in your Directus instance after installation and restart.

### Local Development

1. Clone the repository:
   ```bash
   git clone https://github.com/phillipmalboeuf/family-tree.git
   cd family-tree
   ```

2. Install dependencies:
   ```bash
   npm install
   ```

3. Build the extension:
   ```bash
   npm run build
   ```

4. Link it to your local Directus instance:
   ```bash
   npm run link
   ```

## Usage

1. Add the "Family Tree" interface to a Person collection field (must be of type `alias`)
2. When viewing a Person item, the interface will automatically:
   - Load the current Person's data
   - Fetch related children from `children_father` and `children_mother` fields
   - Fetch spouses from the `married_to` field
   - Display everything in a visual tree structure

## Requirements

- Directus 10.10.0 or higher
- A Person collection with the following relationship fields:
  - `children_father` (O2M relation to Person)
  - `children_mother` (O2M relation to Person)
  - `married_to` (M2M or M2O relation to Person)

## Development

```bash
# Development mode with watch
npm run dev

# Build for production
npm run build

# Validate extension
npm run validate
```

## Publishing to npm

If you want to publish updates to npm:

1. **Login to npm** (if not already):
   ```bash
   npm login
   ```

2. **Update version** in `package.json`:
   ```bash
   npm version patch  # or minor, or major
   ```

3. **Publish**:
   ```bash
   npm publish --access public
   ```

   Note: The `prepublishOnly` script will automatically build the extension before publishing.

## License

MIT
npm package: @phillipskevin/scoped-package
Description: [![Build Status](https://travis-ci.org/phillipskevin/@phillipskevin/scoped-package.svg?branch=master)](https://travis-ci.org/phillipskevin/@phillipskevin/scoped-package)
Author: Kevin Phillips
Latest version: 1.0.0

# @phillipskevin/scoped-package

[![Build Status](https://travis-ci.org/phillipskevin/@phillipskevin/scoped-package.svg?branch=master)](https://travis-ci.org/phillipskevin/@phillipskevin/scoped-package)



## Usage

### ES6 use

With StealJS, you can import this module directly in a template that is autorendered:

```js
import plugin from '@phillipskevin/scoped-package';
```

### CommonJS use

Use `require` to load `@phillipskevin/scoped-package` and everything else
needed to create a template that uses `@phillipskevin/scoped-package`:

```js
var plugin = require("@phillipskevin/scoped-package");
```

### Standalone use

Load the `global` version of the plugin:

```html
<script src='./node_modules/@phillipskevin/scoped-package/dist/global/@phillipskevin/scoped-package.js'></script>
```
npm package: @phillipwildhirt/font-caslon-antique
Description: install package for Antique and other map-like fonts
Author: Phillip Wildhirt
Latest version: 0.5.0

# Mapping/Cartography Font Collection
In creating an ancient mapping application I needed a quick install package. The package includes:

* Caslon Antique
  * Normal
  * Italic
  * Bold
  * Bold Italic
* Essays1743
  * Medium
  * Italic
  * Bold
  * Bold Italic
* Middle Earth (Elvish)
  * Normal
  * Italic
  * Italic Left
  * Bold
  * Bold Italic
  * Expanded
  * Expanded Italic
  * Condensed
  * Condensed Italic
* JSL Ancient
  * Normal
  * Italic
* Mairon
  * Normal
* Aniron
  * Normal
  * Bold

## Usage Example

Add the following to your style sheet:

```css
@import "../node_modules/@phillipwildhirt/font-caslon-antique";
```
A possible usage method could be to also add to your stylesheet:
```css
.jsl-ancient {
    font-family: JSL Ancient, serif;
}

.essays1743 {
  font-family: Essays1743, serif;
}

.caslon {
  font-family: Caslon Antique, serif;
}

.middle-earth {
  font-family: Middle Earth, sans-serif;
}
.middle-earth-condensed {
  font-family: Middle Earth Condensed, sans-serif;
}
.middle-earth-expanded {
  font-family: Middle Earth Expanded, sans-serif;
}
.middle-earth-left {
  font-family: Middle Earth Left, sans-serif;
}
```
 . . . and all you have to do is add the class `jsl-ancient`, `caslon`, etc. to your HTML tag.