open-index/open-npm huggingface dataset:
npm package: @phoria/vite-plugin-dotnet-dev-certs
Description: Use dotnet dev-certs with your Vite development server.
Author: Chris Meagher
Latest version: 0.2.1

# vite-plugin-dotnet-dev-certs

A Vite plugin to configure usage of [dotnet dev-certs](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-dev-certs) with a Vite development server.
npm package: @phork/phorkit
Description: Phork/it. A React UI kit.
Latest version: 17.6.2

# Phork/it

[![Tests](https://github.com/phork/phorkit/actions/workflows/ci.yml/badge.svg)](https://github.com/phork/phorkit/actions/workflows/ci.yml) [![Publish](https://github.com/phork/phorkit/actions/workflows/publish.yml/badge.svg)](https://github.com/phork/phorkit/actions/workflows/publish.yml)

To see examples and documentation go to [https://phorkit.phork.org/](https://phorkit.phork.org/).

## Introduction

Phork/it is a UI kit built with React and TypeScript. It provides a customizable and accessible library of components that can be used to speed up React application development.

## Getting started

Include the common styles and fonts in `index.js`.

```
import '@phork/phorkit/lib/styles/normalize.css';
import '@phork/phorkit/lib/styles/fonts.css';
import '@phork/phorkit/lib/styles/common.css';
```

Include the basic providers in `App.js`.

```javascript
<ThemeProvider themeId={light | dark}>
  <AccessibilityProvider>
    <Modals>hello world</Modals>
  </AccessibilityProvider>
</ThemeProvider>
```

The Phork/it CSS files have also been published separately so that they can be used outside of React, or included in a custom React component.

[Contribution guidelines for this project](CONTRIBUTING.md)

## Themes

Phork/it comes with a light theme and a dark theme. The primary accent color is a medium blue `#0060ce` in light mode, and a deep sky blue `#00baee` in dark mode.

These accent colors can be changed globally or on a per-component basis using CSS custom properties. For example:

```
:root {
  --phork-accent-color: #642da0;
  --phork-accent-color-contrast: #ffffff;
  --phork-accent-color-L10: #803DC8;
  --phork-accent-color-L20: #9D69D5;
  --phork-accent-color-L30: #B995E1;
  --phork-accent-color-D10: #57278C;
  --phork-accent-color-D20: #4B2278;
  --phork-accent-color-D30: #3E1C64;
  --phork-accent-color-shade: #F3EFF8;
  --phork-accent-color-O5: rgba(100, 45, 160, 0.05);
  --phork-contrast-color: #642da0;
}
```

The [documentation](https://phorkit.phork.org/) toolbar includes a widget to generate these colors.
npm package: @phormal/component-vue3
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.16

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/core
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-beta.0

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/react
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-beta.0

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/theme-basic
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-beta.0

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/theme-material
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-beta.0

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-auto-capitalize
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-email
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-length
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-regex
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-required
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phormal/use-valid-zip
Description: Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as
Author: Tom Österlund
Latest version: 0.1.0-alpha.14

# What is Phormal?

Phormal is a library for generating forms, giving them beautiful styles and validating the data in them. We want to help developers stay focused on their business logic while building forms, instead of spending countless hours on perfecting things such as checkbox styles, or on validating zip codes for different countries. The goal is to provide a "works out of the box" experience, for 90% of the use cases, and to allow for customization when needed.

## Documentation

The documentation site is currently under construction, and will be available at: https://phormal.dev/
npm package: @phoss/cssinjs-utils
Description: A cssinjs util library to support Ant Design (antd) and its ecosystem libraries.
Latest version: 0.0.5

# @ant-design/cssinjs-utils
A cssinjs util library to support Ant Design (antd) and its ecosystem libraries.

## Install
``` bash
npm i @ant-design/cssinjs-utils --save
```

## Usage

## Example
http://localhost:8000

## Development
``` bash
npm install
npm start
```

## API

## Test Case
```
npm test
npm run coverage
```
open coverage/ dir

## License
cssinjs-util is released under the MIT license.
npm package: @photo-sphere-viewer/autorotate-plugin
Description: Photo Sphere Viewer plugin to add an automatic rotation of the panorama.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Autorotate Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/autorotate-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/autorotate-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/autorotate-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/autorotate-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/autorotate-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/autorotate-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/autorotate-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/autorotate-plugin)

Photo Sphere Viewer plugin to add an automatic rotation of the panorama.

## Documentation

https://photo-sphere-viewer.js.org/plugins/autorotate.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/compass-plugin
Description: Photo Sphere Viewer plugin to add a compass to represent which portion of the sphere is currently visible.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Compass Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/compass-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/compass-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/compass-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/compass-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/compass-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/compass-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/compass-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/compass-plugin)

Photo Sphere Viewer plugin to add a compass to represent which portion of the sphere is currently visible.

## Documentation

https://photo-sphere-viewer.js.org/plugins/compass.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/core
Description: A JavaScript library to display 360° panoramas
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/core?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/core)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/core?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/core)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/core?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/core)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/core?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/core)

A JavaScript library to display 360° panoramas

## Documentation

https://photo-sphere-viewer.js.org

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/cubemap-adapter
Description: Photo Sphere Viewer adapter to display cubemaps.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Cubemap Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/cubemap-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/cubemap-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/cubemap-adapter?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/cubemap-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/cubemap-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/cubemap-adapter)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/cubemap-adapter?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/cubemap-adapter)

Photo Sphere Viewer adapter to display cubemaps.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/cubemap.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/cubemap-tiles-adapter
Description: Photo Sphere Viewer adapter to display tiled cubemaps.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Cubemap Tiles Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/cubemap-tiles-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/cubemap-tiles-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/cubemap-tiles-adapter?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/cubemap-tiles-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/cubemap-tiles-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/cubemap-tiles-adapter)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/cubemap-tiles-adapter?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/cubemap-tiles-adapter)

Photo Sphere Viewer adapter to display tiled cubemaps.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/cubemap-tiles.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/cubemap-video-adapter
Description: Photo Sphere Viewer adapter to display cubemap videos.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Cubemap Video Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/cubemap-video-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/cubemap-video-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/cubemap-video-adapter?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/cubemap-video-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/cubemap-video-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/cubemap-video-adapter)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/cubemap-video-adapter?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/cubemap-video-adapter)

Photo Sphere Viewer adapter to display cubemap videos.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/cubemap-video.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/equirectangular-tiles-adapter
Description: Photo Sphere Viewer adapter to display tiled panoramas.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Equirectangular Tiles Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/equirectangular-tiles-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/equirectangular-tiles-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/equirectangular-tiles-adapter?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/equirectangular-tiles-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/equirectangular-tiles-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/equirectangular-tiles-adapter)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/equirectangular-tiles-adapter?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/equirectangular-tiles-adapter)

Photo Sphere Viewer adapter to display tiled panoramas.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/equirectangular-tiles.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/equirectangular-video-adapter
Description: Photo Sphere Viewer adapter to display equirectangular videos.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Equirectangular Video Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/equirectangular-video-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/equirectangular-video-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/equirectangular-video-adapter?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/equirectangular-video-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/equirectangular-video-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/equirectangular-video-adapter)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/equirectangular-video-adapter?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/equirectangular-video-adapter)

Photo Sphere Viewer adapter to display equirectangular videos.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/equirectangular-video.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/gallery-plugin
Description: Photo Sphere Viewer plugin to add a gallery of multiple panoramas.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Gallery Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/gallery-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/gallery-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/gallery-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/gallery-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/gallery-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/gallery-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/gallery-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/gallery-plugin)

Photo Sphere Viewer plugin to add a gallery of multiple panoramas.

## Documentation

https://photo-sphere-viewer.js.org/plugins/gallery.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/gyroscope-plugin
Description: Photo Sphere Viewer plugin to add gyroscope controls on mobile devices.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Gyroscope Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/gyroscope-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/gyroscope-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/gyroscope-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/gyroscope-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/gyroscope-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/gyroscope-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/gyroscope-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/gyroscope-plugin)

Photo Sphere Viewer plugin to add gyroscope controls on mobile devices.

## Documentation

https://photo-sphere-viewer.js.org/plugins/gyroscope.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/little-planet-adapter
Description: Photo Sphere Viewer adapter for equirectangular panoramas displayed with little planet effect.
Author: Damien 'Mistic' Sorel
Latest version: 5.7.4
Deprecated: The same effect can be achieved with https://photo-sphere-viewer.js.org/demos/advanced/animation.html

# Photo Sphere Viewer / Little Planet Adapter

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/little-planet-adapter?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/little-planet-adapter)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/little-planet-adapter?color=f86036&label=npm&logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/little-planet-adapter)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/little-planet-adapter?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/little-planet-adapter)

Photo Sphere Viewer adapter for equirectangular panoramas displayed with little planet effect.

## Documentation

https://photo-sphere-viewer.js.org/guide/adapters/little-planet

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/map-plugin
Description: Photo Sphere Viewer plugin to add a minimap with the panorama location.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Map Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/map-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/map-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/map-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/map-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/map-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/map-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/map-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/map-plugin)

Photo Sphere Viewer plugin to add a minimap with the panorama location.

## Documentation

https://photo-sphere-viewer.js.org/plugins/map.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/markers-plugin
Description: Photo Sphere Viewer plugin to display various markers/hotspots on the viewer.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Markers Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/markers-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/markers-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/markers-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/markers-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/markers-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/markers-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/markers-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/markers-plugin)

Photo Sphere Viewer plugin to display various markers/hotspots on the viewer.

## Documentation

https://photo-sphere-viewer.js.org/plugins/markers.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/overlays-plugin
Description: Photo Sphere Viewer plugin to add various overlays over the panorama.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Overlays Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/overlays-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/overlays-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/overlays-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/overlays-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/overlays-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/overlays-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/overlays-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/overlays-plugin)

Photo Sphere Viewer plugin to add various overlays over the panorama.

## Documentation

https://photo-sphere-viewer.js.org/plugins/overlays.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/plan-plugin
Description: Photo Sphere Viewer plugin to add a geographic map (via Leaftlet).
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Plan Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/plan-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/plan-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/plan-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/plan-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/plan-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/plan-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/plan-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/plan-plugin)

Photo Sphere Viewer plugin to add a geographic map (via Leaftlet).

## Documentation

https://photo-sphere-viewer.js.org/plugins/plan.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/resolution-plugin
Description: Photo Sphere Viewer plugin that adds a setting to choose between multiple resolutions of the panorama.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Resolution Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/resolution-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/resolution-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/resolution-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/resolution-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/resolution-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/resolution-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/resolution-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/resolution-plugin)

Photo Sphere Viewer plugin that adds a setting to choose between multiple resolutions of the panorama.

## Documentation

https://photo-sphere-viewer.js.org/plugins/resolution.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/settings-plugin
Description: Photo Sphere Viewer configurable plugin that adds a button to access various settings.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Settings Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/settings-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/settings-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/settings-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/settings-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/settings-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/settings-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/settings-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/settings-plugin)

Photo Sphere Viewer configurable plugin that adds a button to access various settings.

## Documentation

https://photo-sphere-viewer.js.org/plugins/settings.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/stereo-plugin
Description: Photo Sphere Viewer plugin to add a stereo view on mobile devices.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Stereo Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/stereo-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/stereo-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/stereo-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/stereo-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/stereo-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/stereo-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/stereo-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/stereo-plugin)

Photo Sphere Viewer plugin to add a stereo view on mobile devices.

## Documentation

https://photo-sphere-viewer.js.org/plugins/stereo.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/video-plugin
Description: Photo Sphere Viewer plugin to add video controls.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Video Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/video-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/video-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/video-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/video-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/video-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/video-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/video-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/video-plugin)

Photo Sphere Viewer plugin to add video controls.

## Documentation

https://photo-sphere-viewer.js.org/plugins/video.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/virtual-tour-plugin
Description: Photo Sphere Viewer plugin to create virtual tours by linking multiple panoramas.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Virtual Tour Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/virtual-tour-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/virtual-tour-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/virtual-tour-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/virtual-tour-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/virtual-tour-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/virtual-tour-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/virtual-tour-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/virtual-tour-plugin)

Photo Sphere Viewer plugin to create virtual tours by linking multiple panoramas.

## Documentation

https://photo-sphere-viewer.js.org/plugins/virtual-tour.html

## License

This library is available under the MIT license.
npm package: @photo-sphere-viewer/visible-range-plugin
Description: Photo Sphere Viewer plugin to lock the visible angles.
Author: Damien 'Mistic' Sorel
Latest version: 5.14.1

# Photo Sphere Viewer / Visible Range Plugin

[![NPM version](https://img.shields.io/npm/v/@photo-sphere-viewer/visible-range-plugin?logo=npm)](https://www.npmjs.com/package/@photo-sphere-viewer/visible-range-plugin)
[![NPM Downloads](https://img.shields.io/npm/dm/@photo-sphere-viewer/visible-range-plugin?color=f86036&label=npm&logo=npm)](https://npmtrends.com/@photo-sphere-viewer/visible-range-plugin)
[![jsDelivr Hits](https://img.shields.io/jsdelivr/npm/hm/@photo-sphere-viewer/visible-range-plugin?color=%23f86036&logo=jsdelivr)](https://www.jsdelivr.com/package/npm/@photo-sphere-viewer/visible-range-plugin)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@photo-sphere-viewer/visible-range-plugin?logo=webpack&label=gzip)](https://bundlephobia.com/package/@photo-sphere-viewer/visible-range-plugin)

Photo Sphere Viewer plugin to lock the visible angles.

## Documentation

https://photo-sphere-viewer.js.org/plugins/visible-range.html

## License

This library is available under the MIT license.
npm package: @photobot/gphoto2-camera
Description: This is a small wrapper around libgphoto2 which allows access to some of the methods in the library from NodeJS. It does not provide access to all of the methods in the library, just enough for our purposes.
Author: Matt Oakes
Latest version: 2.8.0

# GPhoto2 Camera for Node

This is a small wrapper around libgphoto2 which allows access to some of the methods in the library from NodeJS. It does not provide access to all of the methods in the library, just enough for our purposes.

Additionally it bundles dynamically linked versions of the libraries that it needs so nothing needs to be installed through the system package manager to use this library.

## Prebuilt versions

When a new version is released a prebuilt version of the library is uploaded to Github Releases. This is then downloaded when the library is installed from NPM so the machine using it doesn't need to have all the correct build tools installed and setup. It is also much quicker to just do this once.

## Building

To build the library you need to have installed:

- Standard C build tools
- automake
- autoconf
- wget
- NodeJS and Yarn

You can then install the JS dependencies with `yarn install` before running `yarn build`. This will download the vendored C libraries, compile them and create the dynamic libraries needed to run this library.

You can generate prebuilt packaged versions of the library to upload to Github Releases by running `yarn package`.
npm package: @photogabble/eleventy-plugin-tag-normaliser
Description: Tag normalisation helper for 11ty
Author: Simon Dann
Latest version: 1.0.4

# Tag Normaliser Plugin

A lightweight library for making available `strToSlug` and `slugToStr` filters to your [Eleventy](https://www.11ty.dev/) powered project. Behind the scenes there is a configurable "Tag Atlas" that keeps track of and normalises your tags.

This is known to work against [v1.0.2 of Eleventy](https://github.com/11ty/eleventy/releases/tag/v1.0.2).

## Install

```
npm i @photogabble/eleventy-plugin-tag-normaliser
```

## Configuration

The tag atlas provides three configuration options: `ignore`, `similar` and `slugify`.

```ts
interface Options {
  slugify: Function;
  ignore: Array<string>;
  similar: Record<string, Array<string>>;
}
```

### Slugify
By default, this library depends upon the [slugify](https://www.npmjs.com/package/slugify) library for providing the string to slug functionality. If you already have your own function or configured instance of slufify for your project that you would rather use then you may pass that through via this attribute, else, slugify will be loaded with the following options:

```js
const options = {
  lower: true,
  replacement: '-',
  remove: /[&,+()$~%.'":*?!<>{}#/]/g,
};
```

### Ignored Tags

These are tags that you do not want the tag atlas to modify when converting from slug to string. For example `DOScember` will by default become `dos-cember` excluding it will ensure the slug becomes `doscember` and the title remains `DOScember`.

For example these will all eval as true:

```js
// ignore: ['JavaScript', 'JS'],

strToSlug('JS') === 'js';
slugToStr('js') === 'JS';

strToSlug('JavaScript') === 'javascript';
slugToStr('javascript') === 'JavaScript';
```

### Similar Tags

This is how you teach the Tag Atlas tag similarity. For example, you might want all instances of `JS` to point to `JavaScript`.

```js
// similar: {'JavaScript': ['JS']},

strToSlug('JS') === 'java-script';
slugToStr('js') === 'Java Script';

strToSlug('JavaScript') === 'java-script';
slugToStr('java-script') === 'Java Script';
```

From the above you can see why you would want to combine `ignore: ['JavaScript']` so that `java-script` did not become `Java Script`.

## Usage

In your Eleventy config file (defaults to `.eleventy.js`):

```js
module.exports = (eleventyConfig) => {
  const config = {
    ignore: ['JavaScript', 'PHP'],
    similar: {'JavaScript': ['JS']},
  };
  eleventyConfig.addPlugin(require('@photogabble/eleventy-plugin-tag-normaliser'), config);
};
```

You will now have `strToSlug` and `slugToStr` filters available for use in your templates as well as a memoized instance of the `TagAtlas` available as global data via the `tagAtlas` value. For example:

```js
const atlas = eleventyConfig.globalData.tileAtlas;
```

## License
This 11ty plugin is open-sourced software licensed under the [MIT License](LICENSE)
npm package: @photogabble/eleventy-plugin-word-stats
Description: Word Stats plugin for Eleventy
Author: Simon Dann
Latest version: 1.0.1

# Word Stats Plugin for Eleventy

A lightweight wrapper for making available [reading-time](https://www.npmjs.com/package/reading-time) to the [Eleventy](https://www.11ty.dev/) Static Site Generator.

## Install
```
npm i @photogabble/eleventy-plugin-word-stats
```

## Usage
In your Eleventy config file (defaults to .eleventy.js):

```js
const wordStats = require('@photogabble/eleventy-plugin-word-stats');

module.exports = (eleventyConfig) => {
  eleventyConfig.addPlugin(wordStats);
};
```

Now the `wordStats` filter will be available to use in your templates. For example with Nunjuck it can be used as such:

```html
<p>{{ content | wordStats }}</p>
```
Which will by default output along the lines of:

```html
<p>1244 words, 6 min read</p>
```

## Configuration
```ts
interface Options {
  output?: (stats: object) => string;
  wordBound?: (char: string) => boolean;
  wordsPerMinute?: number;
}
```

### Output
Function that controls the output of the `wordStats` filter. It's stats argument is provided an object that matches the following interface:

```ts
interface ReadTimeResults {
  text: string;
  time: number;
  words: number;
  minutes: number;
}
```

## Not invented here
If all you need is the word count formatted, there are two very good alternatives to this plugin:

- [eleventy-plugin-time-to-read](https://www.npmjs.com/package/eleventy-plugin-time-to-read)
- [eleventy-plugin-reading-time](https://www.npmjs.com/package/eleventy-plugin-reading-time)

## License
This 11ty plugin is open-sourced software licensed under the [MIT License](LICENSE)
npm package: @photogether/babel-preset-react-app
Description: Babel preset used by Create React App
Latest version: 6.2.6

# babel-preset-react-app

This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.

## Usage in Create React App Projects

The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**

## Usage Outside of Create React App

If you want to use this Babel preset in a project not built with Create React App, you can install it with the following steps.

First, [install Babel](https://babeljs.io/docs/setup/).

Then install babel-preset-react-app.

```sh
npm install babel-preset-react-app --save-dev
```

Then create a file named `.babelrc` with following contents in the root folder of your project:

```js
{
  "presets": ["react-app"]
}
```

This preset uses the `useBuiltIns` option with [transform-object-rest-spread](http://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](http://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.

## Usage with Flow

Flow is enabled by default. Make sure you have a `.flowconfig` file at the root directory. You can also use the `flow` option on `.babelrc`:

```
{
  "presets": [["react-app", { "flow": true, "typescript": false }]]
}
```

## Usage with TypeScript

TypeScript is enabled by default. Make sure you have a `tsconfig.json` file at the root directory. You can also use the `typescript` option on `.babelrc`:

```
{
  "presets": [["react-app", { "flow": false, "typescript": true }]]
}
```
npm package: @photogether/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 2.2.8

# 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://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.