open-index/open-npm huggingface dataset:
npm package: @fillipe143/node-socket
Description: Send packets to other servers using NodeSocket.
Author: fillipe143
Latest version: 1.0.1

<h1>NodeSocket</h1>
<p>NodeSocket is a library written in Node.js that aims to create <a href="https://en.wikipedia.org/wiki/WebSocket">WebSocket</a> connections between servers and clients.</p>
<strong>Read the docs <a href="https://github.com/Fillipe143/NodeSocket">here</a></strong>

<h2>Examples</h2>
<p>Look at the examples of server usage in <a href="/Example/server.js">server.js</a> and client usage in <a href="/Example/client.js">client.js</a>. The scripts cover the most common use cases.</p>


<h2>Install</h2>
<p>Create an NPM project and write to the terminal: <code>npm install @fillipe143/node-socket</code></p>
<p>Then import the library using</p>

<p>To server:</p>

``` node
const { ServerSocket } = require('@fillipe143/node-socket');
```

<p>To client:</p>

```node
const { ClientSocket } = require('@fillipe143/node-socket');
```

<h2>Create Server</h2>

```node
const { ServerSocket } = require('@fillipe143/node-socket');

//http://localhost:3000
const options = {
    host: 'localhost',
    port: 3000
}

const server = new ServerSocket(options);
```

<h2>Connect to Server</h2>

```node
const { ClientSocket } = require('@fillipe143/node-socket');

//http://localhost:3000
const options = {
    host: 'localhost',
    port: 3000
}

const client = new ClientSocket(options);
```

<h2>Handling Events</h2>

```typescript
on('connect', () => void): this //When the connection is created
on('error', (err) => void): this //When the connection fails
on('data', (data) => void): this //Receive data from other WebSocket libraries
on('close', () => void): this //When the connection is terminated
```

<h2>Send Data</h2>

```node
const { ServerSocket } = require('@fillipe143/node-socket');

const options = {
    host: 'localhost',
    port: 3000
}

const server = new ServerSocket(options);

server.on('connect', () => {
    server.emit('event name', 'event data');
});

```

<h2>Receive Data</h2>

```node
const { ClientSocket } = require('@fillipe143/node-socket');

const options = {
    host: 'localhost',
    port: 3000
}

const client = new ClientSocket(options);

server.on('event name', data => {
    console.log('Received: ' + data);
});
```

<h2>Note</h2>
<p>Repository: https://github.com/Fillipe143/NodeSocket</p>
<p>Version: 1.0.1</p>
npm package: @fillipe143/secure-crypto
Description: Encrypt and decrypt your data in a secure way
Author: fillipe143
Latest version: 1.0.1

<h1>SecureCrypto</h1>
<p>SecureCrypto é uma biblioteca escrita em Node.js que visa proteger suas informações com uma criptografia segura.</p>
<strong>Leia a documentação <a href="https://www.npmjs.com/package/@fillipe143/secure-crypto">aqui</a></strong>

<h2>Instalar</h2>
<p>Crie um projeto NPM e escreva no terminal: <code> npm install @fillipe143/secure-crypto</code></p>
<p>Em seguida, importe a biblioteca usando:</p>

```node
const SecureCrypto = require('@fillipe143/secure-crypto');
```

<h2>Exemplo</h2>

```node
const SecureCrypto = require('@fillipe143/secure-crypto');

async function example() {

  const text = 'Exemplo de texto que será criptografado';
  const key = 'Chave que será usada para criptografar o texto';
    
  //Criptografar o conteúdo
  const encrypted = await SecureCrypto.encrypt(text, key);
  console.log('Conteúdo criptografado: ' + encrypted);

  //Descriptografar o conteúdo
  const decrypted = await SecureCrypto.decrypt(encrypted, key);
  console.log('Conteúdo descriptografado: ' + decrypted);
  
}

example();
```

<h2>Informações adicionais</h2>
<p>Repositório NPM: https://www.npmjs.com/package/@fillipe143/secure-crypto</p>
<p>Versão 1.0.1</p>
npm package: @fillipe143/ttt
Description: A simple tic-tac-toe game module
Author: Fillipe143
Latest version: 1.0.0

# TicTacToe
This module aims to simulate the famous tic-tac-toe game

## How to install
Install the module through npm running the following code in your terminal.
```
npm install @fillipe143/ttt
```
Then import the module to your project by adding the following line
```node
const createGame = require('@fillipe143/ttt')
```

## How to use
To get started, create an instance of ```createGame```
```node
const game = createGame({})
```
Here you can pass some values as parameter
```node
const game = createGame({
    j0: '-', //Empty position
    j1: 'x', //Player 1
    j2: 'o', //Player 2
    debug: true //Displays real-time match information
})
```

## How to know when the game is over
To know if a game has reached the end, just pass a new argument in the ```createGame``` function, creating a function that receives the result of the game
```node
const game = createGame({}, (result) => {
    //If 'result' is the value of 'j1' then Player 1 won the game
    //If 'result' is the value of 'j2' then Player 2 won the game
    //If 'result' is the value of 'j1' plus 'j2' then a tie has occurred
    //If 'result has the value of 'j0' it means the game is not over yet
    
    switch (result) {
        case 'x':
            console.log('The "x" won')
            break
        case 'o':
            console.log('The "o" won')
            break
        case 'xo':
            console.log('There was a tie')
            break
    }
})
```
You can still use the 'getWinner' function to get the current status of the match
```node
    switch (game.getWinner()) { ... }
```

## How to play
To play in a certain position, use the 'play' function it receives as a parameter a number from 0 to 8 that represents a coordinate on the board <br>
```
Coordinates on the board
0 1 2
3 4 5
6 7 8
```

The 'play' function still returns a boolean value, which if false, means that the position has already been played before
```node
if (!game.play(1)) {
    console.log('Position has already been played')
}
```
The module also has other functions, namely:
1. ```coordIsEmpty```   Check if a certain position has been played
2. ```getBoard```       Returns a representation of the current board
3. ```getCoords```      Returns all 9 game coordinates
npm package: @fillipeppalhares/editorjs-font-size
Description: Inline tool for font size
Author: Fillipe P. Palhares
Latest version: 1.0.3

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Font Size Tool
Inline tool for changing the font size of text fragments in [Editor.js](https://github.com/codex-team/editor.js)

![](editorjs-fontsize.gif)

## Installation

### Install via NPM or Yarn

Get the package

```shell
npm install @fillipeppalhares/editorjs-font-size
```

```shell
yarn add @fillipeppalhares/editorjs-font-size
```

Include module at your application

```javascript
import FontSize from '@fillipeppalhares/editorjs-font-size';
```

### Download to your project's source dir

1. Upload folder `dist` from repository
2. Add `dist/bundle.js` file to your page.

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
import EditorJs from '@editorjs/editorjs';
import FontSize from '@fillipeppalhares/editorjs-font-size';

var editor = new EditorJS({
  // ...
  tools: {
    // ...
    fontSize: FontSize
  },
});
```

## Config Params

This Tool has no config params

## Output data

Selected text will be wrapped with a `span` tag with an `cdx-font-size` class and an inline `font-size` style set to the chosen value.

```json
{
    "type" : "text",
    "data" : {
        "text" : "Create a directory for your module, enter it and run <span class=\"cdx-font-size\" style=\"font-size: 24px;\">npm init</span> command."
    }
}
```
npm package: @fillkit/browser
Description: FillKit Browser Bundles - IIFE and UMD builds for CDN and direct browser usage
Author: Justin Dah-kenangnon
Latest version: 2.0.2

<div align="center">

![FillKit](https://raw.githubusercontent.com/fillkit/sdk/main/media/logo-rect.svg)

**Context-aware form autofill — browser bundle**

[![npm version](https://badge.fury.io/js/@fillkit%2Fbrowser.svg)](https://www.npmjs.com/package/@fillkit/browser)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE)

</div>

---

Standalone browser bundles for [FillKit](https://fillkit.dev). Drop a single `<script>` tag into any page to get context-aware form autofill with realistic data — no build step required. Recognizes 100+ field types across 50+ languages.

Prefer a zero-code approach? Use the browser extension instead:

<div align="center">

<a href="https://chrome.google.com/webstore/detail/fillkit/"><img src="https://raw.githubusercontent.com/fillkit/sdk/main/media/chrome.svg" width="24" alt="Chrome">&nbsp;&nbsp;Chrome Extension</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://addons.mozilla.org/en-US/firefox/addon/fillkit/"><img src="https://raw.githubusercontent.com/fillkit/sdk/main/media/firefox.svg" width="24" alt="Firefox">&nbsp;&nbsp;Firefox Add-on</a>

</div>

## Usage

```html
<script src="https://unpkg.com/@fillkit/browser/fillkit.iife.js"></script>
<script>
  const fk = await FillKit.FillKit.init({ mode: 'valid', ui: { enabled: true } });
  await fk.autofillAll();
</script>
```

Alternative CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/@fillkit/browser/fillkit.iife.js"></script>
```

## Bundles

| File              | Format | Use case                     |
| ----------------- | ------ | ---------------------------- |
| `fillkit.iife.js` | IIFE   | `<script>` tag (recommended) |
| `fillkit.umd.js`  | UMD    | AMD / CommonJS / global      |

## Using a bundler?

Use [`@fillkit/core`](https://www.npmjs.com/package/@fillkit/core) instead — it's tree-shakeable and doesn't bundle Faker.js.

```bash
npm install @fillkit/core
```

## Docs

Full API reference at [fillkit.dev/docs](https://fillkit.dev/docs).

## Intended Use

FillKit is designed exclusively for **development**, **QA testing**, and **demo environments**. All generated data is synthetic — realistic but entirely fake. FillKit is not intended for filling real forms with real personal information.

## Privacy & Terms

FillKit operates entirely on your device by default. No form data is collected or transmitted. See our [Privacy Policy](https://fillkit.dev/privacy) and [Terms of Service](https://fillkit.dev/terms) for full details.

## License

[MIT](./LICENSE)
npm package: @fillkit/core
Description: FillKit SDK - Intelligent form autofill for developers
Author: Justin Dah-kenangnon
Latest version: 2.0.2

<div align="center">

![FillKit](./media/logo-rect.svg)

**Context-aware form autofill with realistic data**

[![npm version](https://badge.fury.io/js/@fillkit%2Fcore.svg)](https://www.npmjs.com/package/@fillkit/core)
[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE)

</div>

---

FillKit reads page structure, labels, and surrounding context to detect what each field expects — then fills it with realistic, coherent data. A checkout form gets a valid card number, matching expiry, and billing address in the same city. A signup form gets a real-looking name, email, and strong password. It recognizes 100+ field types across 50+ languages and generates both valid and intentionally invalid values for edge-case testing.

Use it as a **browser extension** for instant one-click filling, or **embed the SDK** into your app for programmatic control in tests, demos, and development workflows.

<div align="center">

<a href="https://chrome.google.com/webstore/detail/fillkit/"><img src="./media/chrome.svg" width="32" alt="Chrome">&nbsp;&nbsp;Chrome Extension</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://addons.mozilla.org/en-US/firefox/addon/fillkit/"><img src="./media/firefox.svg" width="32" alt="Firefox">&nbsp;&nbsp;Firefox Add-on</a>

</div>

## Install the SDK

```bash
npm install @fillkit/core
```

## Quick Start

```typescript
import { FillKit } from '@fillkit/core';

const fk = await FillKit.init({ mode: 'valid', ui: { enabled: true } });
await fk.autofillAll();
```

## Docs

Full API reference, configuration options, and framework guides at [fillkit.dev/docs](https://fillkit.dev/docs).

## Intended Use

FillKit is designed exclusively for **development**, **QA testing**, and **demo environments**. All generated data is synthetic — realistic but entirely fake. FillKit is not intended for filling real forms with real personal information.

## Privacy & Terms

FillKit SDK operates entirely on your device by default. No form data is collected or transmitted. See our [Privacy Policy](https://fillkit.dev/privacy) and [Terms of Service](https://fillkit.dev/terms) for full details.

## License

[MIT](./LICENSE)
npm package: @fillout/api
Description: Client for the Fillout API
Latest version: 1.5.0

<p align="center">
    <img width="96" height="96" src="https://static.fillout.com/logos/fillout-icon.png" alt="Fillout logo">
</p>

<h1 align="center">
  Fillout API Client
</h1>

<p align="center">
  TypeScript SDK for accessing forms and submissions 🚀
</p>

<br /><br />

## Connecting to the API

```js
import { Fillout } from "@fillout/api"

const fillout = new Fillout(FILLOUT_API_KEY)
```

You can generate an API key for your organization at https://build.fillout.com/home/settings/developer. It should start with `sk_prod_`.
Don't save secret keys in your code - use an environmental variable instead.

If you're on an Enterprise plan and you have Fillout submissions hosted in a different region, you'll need to use the `region` option, like so:

```js
const fillout = new Fillout(FILLOUT_API_KEY, { region: "eu" })
```

The values currently available are `us` (default), `eu` and `ca`. Check the base URL in your developer settings.

## Get started with these examples

Print a list of questions in a form:

```js
const forms = await fillout.getForms()

const formName = "Fillout SDK"
const formId = forms.find((f) => f.name === formName)?.formId
if (!formId) throw new Error("Missing form")

const form = await fillout.getForm(formId)

console.log(`Questions available in ${formName}:

${form.questions.map((question) => `${question.name} (${question.type})`).join("\n")}`)
```

Get the ten most recent submissions of a form:

```js
const submissions = await fillout.getSubmissions("foAdHjd1Duus", {
  includePreview: true,
  limit: 10,
  sort: "desc",
})
```

## Documentation

To find out what you can do, take a look at our [API documentation](https://www.fillout.com/help/fillout-rest-api).
This package also has TypeScript and JSDoc comments, so you should get some helpful hints in your editor :)

If you're looking to embed Fillout in a React project, try [@fillout/react](https://npmjs.org/package/@fillout/react)!
npm package: @filmbuddllc/filmbudd-lite
Description: manifest.json description
Author: Filmbudd LLC
Latest version: 24.11.30

# Filmbudd Lite 插件

安装插件 [chrome](https://chromewebstore.google.com/detail/filmbudd-lite/knjgfggpjlmjaoknobdinelbbpmcfcjh) 
[edge](https://microsoftedge.microsoft.com/addons/detail/filmbudd-lite/fafjcmjkhdojjcdpailngmgcjjnidhjo)

[English](./README.md) | [简体中文](./README.zh_CN.md)

[![Node.js CI](https://github.com/filmbudd/filmbudd-lite/actions/workflows/node.js.yml/badge.svg?branch=master)](https://github.com/filmbudd/filmbudd-lite/actions/workflows/node.js.yml)

Filmbudd Lite 插件是电影爱好者最佳的效率工具。

为什么选择 Filmbudd？

- 💡 易用: Filmbudd Lite 简单易用无需配置；
- 🛡️ 安全: Filmbudd Lite 保护您的数据免受黑客攻击；
- 🍌 开放: Filmbudd Lite 使用开放的 API 和对所有人公开源代码。

功能

- 在豆瓣电影页面上显示 IMDb 评分，或者反过来；
- 在豆瓣电影和人物页面点击 IMDb ID 一键跳转 IMDb，或者反过来；
- 在豆瓣电影或 IMDb 上搜索选中关键字；

预览

![显示评分](./1-feature-show-rating.png)

![点击跳转](./2-feature-click-to-jump.png)

![快搜选中关键字](./3-feature-search-selected.png)

编译

    npm install -g pnpm
    pnpm i
    pnpm dev
npm package: @filmbuddllc/filmbudd-lite-widget
Description: The filmbudd lite widget design.
Author: Filmbudd LLC
Latest version: 24.10.31

# Filmbudd Lite Widget

The filmbudd lite widget design.

![filmbudd lite widget design](filmbudd-lite-widget.png)


For local development, [pnpm](https://pnpm.io/) is preferred as package manager:

    npm install -g pnpm
    pnpm i
    pnpm types
    pnpm dev

or npm

    npm i 
    npm run types
    npm run dev
npm package: @filmgardi/aparat
Description: <!-- START doctoc --> <!-- END doctoc -->
Author: Filmgardi
Latest version: 1.0.37

# aparat-player

<!-- START doctoc -->
<!-- END doctoc -->

## Usage

To include aparat-player on your website or web application, use the following method.

```html
<script src="//path/to/aparat.min.js"></script>
```

The `aparat` function also accepts an `options` object and a callback to be invoked
when the player is ready:

```js

var options = {
	autoplay: false,
	controls: true,
	playbackRates: [0.5, 1, 1.25, 1.5, 3],
	language: 'fa',
	addLanguage: { fa: fa },
	poster: '',
	sources: [],

	info: { title: null, subTitle: null },
	returnUrl: null,
	pluginOptions: {
		seekThumbnailSrc: null,
		seekButtons: {
			forward: 30,
			back: 10,
			forwardIndex: 1,
			backIndex: 1
		},
		nextEpisode: {
			url: '',

			autoAdvance: true,
			showAutoAdvanceButton: true,
			autoAdvanceButtonText: 'قسمت بعدی',
			nextEpisodeDisplayTime: null,
			nextEpisodeDisplayDuration: 10,

			dialogData: {
				title: '',
				description: '',
				url: ``
			},
			dialogTemplate: ({ title, description, url }) => {
				return 'some htmlDom';
			}
			placementIndex: 9,
		},
		skipButton: {
			text: 'skipOpeningCredits',
			from: null,
			to: null,
			position: 'bottom-right',
			offsetH: 46,
			offsetV: 167
		},
		trafficUsage: {
			title: null,
			message: null,
			expireTime: 5, // minute
			position: 'top-right',
			offsetH: 46,
			offsetV: 46
		},
		subtitleSettings: {},
		seasonPlaylist: {
			seasons: null, // array of number
			getEpisode: (season, page, callback) => {
				callback({
					alias: '',
					duration: 0,
					link: '',
					part: 0,
					season: 0,
					thumbnail: '',
					title: null
				});
			}
		},
		vote: {
			submitVote: ({ likeStatus, callback }) => {}, //Tips: likeStatus returns 1 if liked and 2 if disliked
			from: null,
			to: null,
			position: 'bottom-right',
			offsetH: 46,
			offsetV: 167
		},
		collectData: {
			token: ''
		},
		markers: {
			markerTip: {
				display: false,
				skip: true
			},
			onMarkerReached: (marker, index) => {
				console.log(marker, index);
			},
			onMarkerSkipZone: (marker, index) => {
				console.log('onMarkerSkipZone');
			},
			markers: [{ time: null, duration: null }]
		}
	}
	initPlugins: {
	  ...pluginNames
	},
	controlBar: { children: ['componentName'] },
};

var aparat = aparat('my-player', options, function onPlayerReady() {
  videojs.log('Your player is ready!');

  // In this context, `this` is the player that was created by Video.js.
  this.play();

  // How about an event listener?
  this.on('ended', function() {
    videojs.log('Awww...over so soon?!');
  });
});
```

[videojs]: http://videojs.com/
npm package: @filmgardi/phoenix-video-player
Description: <!-- START doctoc --> <!-- END doctoc -->
Author: Filmgardi
Latest version: 3.0.4

# phoenix-video-player

<!-- START doctoc -->
<!-- END doctoc -->

## Usage

To include phoenix-video-player on your website or web application, use the following method.

```html
<script src="//path/to/phoenix-video-player.min.js"></script>
```

The `phoenixPlayer` function also accepts an `options` object and a callback to be invoked
when the player is ready:

```js

var options = {
	autoplay: false,
	controls: true,
	playbackRates: [0.5, 1, 1.25, 1.5, 3],
	language: 'fa',
	addLanguage: { fa: fa },
	poster: '',
	sources: [],

	info: { title: null, subTitle: null },
	returnUrl: null,
	pluginOptions: {
		seekThumbnailSrc: null,
		seekButtons: {
			forward: 30,
			back: 10,
			forwardIndex: 1,
			backIndex: 1
		},
		nextEpisode: {
			url: '',

			autoAdvance: true,
			showAutoAdvanceButton: true,
			autoAdvanceButtonText: 'قسمت بعدی',
			nextEpisodeDisplayTime: null,
			nextEpisodeDisplayDuration: 10,

			dialogData: {
				title: '',
				description: '',
				url: ``
			},
			dialogTemplate: ({ title, description, url }) => {
				return 'some htmlDom';
			}
			placementIndex: 9,
		},
		skipButton: {
			text: 'skipOpeningCredits',
			from: null,
			to: null,
			position: 'bottom-right',
			offsetH: 46,
			offsetV: 167
		},
		trafficUsage: {
			title: null,
			message: null,
			expireTime: 5, // minute
			position: 'top-right',
			offsetH: 46,
			offsetV: 46
		},
		subtitleSettings: {},
		seasonPlaylist: {
			seasons: null, // array of number
			getEpisode: (season, page, callback) => {
				callback({
					alias: '',
					duration: 0,
					link: '',
					part: 0,
					season: 0,
					thumbnail: '',
					title: null
				});
			}
		},
		vote: {
			submitVote: ({ likeStatus, callback }) => {}, //Tips: likeStatus returns 1 if liked and 2 if disliked
			from: null,
			to: null,
			position: 'bottom-right',
			offsetH: 46,
			offsetV: 167
		},
		collectData: {
			token: ''
		},
		markers: {
			markerTip: {
				display: false,
				skip: true
			},
			onMarkerReached: (marker, index) => {
				console.log(marker, index);
			},
			onMarkerSkipZone: (marker, index) => {
				console.log('onMarkerSkipZone');
			},
			markers: [{ time: null, duration: null }]
		}
	}
	initPlugins: {
	  ...pluginNames
	},
	controlBar: { children: ['componentName'] },
};

var phoenixPlayer = phoenixPlayer('my-player', options, function onPlayerReady() {
  videojs.log('Your player is ready!');

  // In this context, `this` is the player that was created by Video.js.
  this.play();

  // How about an event listener?
  this.on('ended', function() {
    videojs.log('Awww...over so soon?!');
  });
});
```

[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-controls-badge
Description: The `controls-badge` plugin show current value of multiple value component as badge icon.
Author: m-saffari
Latest version: 1.0.4

# videojs-controls-badge

The `controls-badge` plugin show current value of multiple value component as badge icon.

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->


- [Installation](#installation)
- [Usage](#usage)
  - [`<script>` Tag](#script-tag)
  - [Screenshot](#screenshot)
  - [Browserify/CommonJS](#browserifycommonjs)
  - [RequireJS/AMD](#requirejsamd)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Installation

```sh
npm install --save @filmgardi/videojs-controls-badge
```

## Usage

To include videojs-controls-badge on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-controls-badge.min.js"></script>
<script>
	var player = videojs('my-video');

	const badgeConf = {
		volume: true,
		subtitle: true,
		quality: true
	};
	
	player.controlsBadge(badgeConf);
</script>
```

### Screenshot

Result of using `videojs-controls-badge` plugin:

![Example](https://github.com/saffari-m/videojs-controls-badge/raw/develop/screen-shot-1.png)

### Browserify/CommonJS

When using with Browserify, install videojs-controls-badge via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-controls-badge');

var player = videojs('my-video');

const badgeConf = {
	volume: true,
	subtitle: true,
	quality: true
};

player.controlsBadge(badgeConf);
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-controls-badge'], function(videojs) {
	var player = videojs('my-video');

	const badgeConf = {
		volume: true,
		subtitle: true,
		quality: true
	};

	player.controlsBadge(badgeConf);
});
```

## License

MIT. Copyright (c) m-saffari &lt;mohamadsaffari90@gmail.com&gt;

[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-hlsjs
Description: The hls.js pluging for video.js player.
Author: Simarayan
Latest version: 1.0.21

Forked from https://github.com/streamroot/videojs-hlsjs-plugin.
- Fixed this issue: https://github.com/streamroot/videojs-hlsjs-plugin/issues/89
- Update hls.js to v0.14.17
npm package: @filmgardi/videojs-markers
Description: marker for progress bar
Author: filmgardi
Latest version: 2.0.0

# videojs-markers

maeker description

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-markers
```

## Usage

To include videojs-markers on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-markers.min.js"></script>
<script>
  var player = videojs('my-video');

  player.markers();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-markers via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-markers');

var player = videojs('my-video');

player.markers();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-markers'], function(videojs) {
  var player = videojs('my-video');

  player.markers();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-next-episode
Description: Next episode in serials show...
Author: Mohamad Saffari Far
Latest version: 2.0.6

# videojs-next-episode

Next episode in serials show...

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->

## Installation

```sh
npm install --save videojs-next-episode
```

## Usage

To include videojs-next-episode on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-next-episode.min.js"></script>
<script>
  var player = videojs("my-video");

  player.nextEpisode();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-next-episode via npm and `require` the plugin as you would any other module.

```js
var videojs = require("video.js");

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require("videojs-next-episode");

var player = videojs("my-video");

player.nextEpisode({
  showDialogTime: lastStart,
  url: `https://site.com/movie/1234`,
  nextEpisodeData: {},
  nextEpisodeText: "Next Episode",
  titlePrefixText: " ",
  seasonText: "Season ",
  episodeText: " Episode ",
  timeout: 8,
  placementIndex: 9
});
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(["video.js", "videojs-next-episode"], function (videojs) {
  var player = videojs("my-video");
  // Initial videojs-next-episode
  player.nextEpisode({
    showDialogTime: lastStart,
    url: `https://site.com/movie/1234`,
    nextEpisodeData: {},
    nextEpisodeText: "Next Episode",
    titlePrefixText: " ",
    seasonText: "Season ",
    episodeText: " Episode ",
    timeout: 8,
    placementIndex: 9
  });
});
```

## License

MIT. Copyright (c) Mohamad Saffari Far &lt;mohamadsaffari90@gmail.com&gt;

[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-phoenix-theme
Description: Phoenix theme for videojs player.
Latest version: 1.0.20

# Videojs Filmgardi Themes

Phoenix theme for video.js player :nail_care:.

## Usage

You can pull in the CSS via link tags

```html
<!-- Video.js base CSS -->
<link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet">

<!-- Filmgardi Theme -->
<link href="https://unpkg.com/@filmgardi/videojs-theme@1.0.6/dist/videojs-filmgardi.css" rel="stylesheet">

```

Or, if you're using CSS modules in JavaScript, you can install the NPM module:

```sh
npm install --save video.js  @filmgardi/videojs-theme
```

Then just import the files as you would other CSS.

```javascript
import 'video.js/dist/video-js.css';

// Filmgardi Theme
import '@filmgardi/videojs-theme/dist/videojs-filmgardi.css';

```

When you've got the theme pulled in, you must add the `vjs-filmgardi` class to your player.


```html
<video id="my-player" class="video-js vjs-filmgardi" ...>
```
npm package: @filmgardi/videojs-quality-selector
Description: no desc
Author: filmgardi
Latest version: 1.1.14

# videojs-quality-selector

no desc

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-quality-selector
```

## Usage

To include videojs-quality-selector on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-quality-selector.min.js"></script>
<script>
  var player = videojs('my-video');

  player.qualitySelector();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-quality-selector via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-quality-selector');

var player = videojs('my-video');

player.qualitySelector();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-quality-selector'], function(videojs) {
  var player = videojs('my-video');

  player.qualitySelector();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-season-playlist
Description: no desc
Author: filmgardi
Latest version: 1.0.6

# videojs-season-playlist

no desc

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-season-playlist
```

## Usage

To include videojs-season-playlist on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-season-playlist.min.js"></script>
<script>
  var player = videojs('my-video');

  player.seasonPlaylist();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-season-playlist via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-season-playlist');

var player = videojs('my-video');

player.seasonPlaylist();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-season-playlist'], function(videojs) {
  var player = videojs('my-video');

  player.seasonPlaylist();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-seek-thumbnails
Description: no desc
Author: filmgardi
Latest version: 1.0.2

# videojs-seek-thumbnails

no desc

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-seek-thumbnails
```

## Usage

To include videojs-seek-thumbnails on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-seek-thumbnails.min.js"></script>
<script>
  var player = videojs('my-video');

  player.seekThumbnail();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-seek-thumbnails via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-seek-thumbnails');

var player = videojs('my-video');

player.seekThumbnails();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-seek-thumbnails'], function(videojs) {
  var player = videojs('my-video');

  player.seekThumbnails();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-skip-button
Author: Mohamad Saffari Far
Latest version: 2.0.2

# videojs-skip-button



## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save videojs-skip-button
```

## Usage

To include videojs-skip-button on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-skip-button.min.js"></script>
<script>
  var player = videojs('my-video');

  player.skip();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-skip-button via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('videojs-skip-button');

var player = videojs('my-video');

player.skip();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', 'videojs-skip-button'], function(videojs) {
  var player = videojs('my-video');

  player.skip();
  //player skip button init.
});
```

## License

MIT. Copyright (c) Mohamad Saffari Far &lt;mohamadsaffari90@gmail.com&gt;


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-subtitle-settings
Description: The new design and feature of subtitle and audio setting for videojs.
Author: filmgardi
Latest version: 2.0.10

# videojs-subtitle-settings

The new design and feature of subtitle and audio setting for videojs.

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-subtitle-settings
```

## Usage

To include videojs-subtitle-settings on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-subtitle-settings.min.js"></script>
<script>
  var player = videojs('my-video');

  player.subtitleSettings();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-subtitle-settings via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-subtitle-settings');

var player = videojs('my-video');

player.subtitleSettings();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-subtitle-settings'], function(videojs) {
  var player = videojs('my-video');

  player.subtitleSettings();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-theme
Description: Filmgardi theme for videojs player.
Author: m-saffari
Latest version: 1.0.8

# Videojs Filmgardi Themes

Filmgardi themes for video.js player :nail_care:.

## Usage

You can pull in the CSS via link tags

```html
<!-- Video.js base CSS -->
<link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet">

<!-- Filmgardi Theme -->
<link href="https://unpkg.com/@filmgardi/videojs-theme@1.0.6/dist/videojs-filmgardi.css" rel="stylesheet">

```

Or, if you're using CSS modules in JavaScript, you can install the NPM module:

```sh
npm install --save video.js  @filmgardi/videojs-theme
```

Then just import the files as you would other CSS.

```javascript
import 'video.js/dist/video-js.css';

// Filmgardi Theme
import '@filmgardi/videojs-theme/dist/videojs-filmgardi.css';

```

When you've got the theme pulled in, you must add the `vjs-filmgardi` class to your player.


```html
<video id="my-player" class="video-js vjs-filmgardi" ...>
```
npm package: @filmgardi/videojs-vast
Description: A Video.js plugin to allow the player to sarve adverts using VAST
Author: mohamadsaffari90@gmail.com
Latest version: 1.1.7

# videojs-vast

A Video.js plugin to allow the player to sarve adverts using VAST

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-vast
```

## Usage

To include videojs-vast on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-vast.min.js"></script>
<script>
  var player = videojs('my-video');

  player.vast();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-vast via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-vast');

var player = videojs('my-video');

player.vast();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-vast'], function(videojs) {
  var player = videojs('my-video');

  player.vast();
});
```

## License

MIT. Copyright (c) mohamadsaffari90@gmail.com &lt;mohamadsaffari90@gmail.com&gt;


[videojs]: http://videojs.com/
npm package: @filmgardi/videojs-vote
Description: Simple voting plugin
Author: filmgardi
Latest version: 1.0.3

# videojs-vote

no desc

## Table of Contents

<!-- START doctoc -->
<!-- END doctoc -->
## Installation

```sh
npm install --save @filmgardi/videojs-vote
```

## Usage

To include videojs-vote on your website or web application, use any of the following methods.

### `<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.

```html
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-vote.min.js"></script>
<script>
  var player = videojs('my-video');

  player.vote();
</script>
```

### Browserify/CommonJS

When using with Browserify, install videojs-vote via npm and `require` the plugin as you would any other module.

```js
var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-vote');

var player = videojs('my-video');

player.vote();
```

### RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:

```js
require(['video.js', '@filmgardi/videojs-vote'], function(videojs) {
  var player = videojs('my-video');

  player.vote();
});
```

## License

MIT. Copyright (c) filmgardi


[videojs]: http://videojs.com/