All Projects → videojs → generator-videojs-plugin

videojs / generator-videojs-plugin

Licence: other
Yeoman generator for video.js plugins.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to generator-videojs-plugin

videojs-landscape-fullscreen
Videojs on Mobile and/or React: Automatically Switch to Landscape on Fullscreen, and Fullscreen on Landscape
Stars: ✭ 72 (+1.41%)
Mutual labels:  videojs, videojs-plugin
videojs-airplay
Videojs Plugin that adds an airplay button to the control bar
Stars: ✭ 28 (-60.56%)
Mutual labels:  videojs, videojs-plugin
videojs-share
Share plugin for video.js
Stars: ✭ 24 (-66.2%)
Mutual labels:  videojs, videojs-plugin
videojs-plus
An extension and skin for video.js
Stars: ✭ 49 (-30.99%)
Mutual labels:  videojs, videojs-plugin
videojs-annotation-comments
A plugin for video.js to add support for timeline moment/range comments and annotations
Stars: ✭ 129 (+81.69%)
Mutual labels:  videojs, videojs-plugin
videojs-ima-player
video ad plugin for video.js
Stars: ✭ 12 (-83.1%)
Mutual labels:  videojs, videojs-plugin
generator-android-conductor
🤖 I generate some code .... beep beep
Stars: ✭ 17 (-76.06%)
Mutual labels:  yeoman-generator
generator-angular-schema-form-add-on
A Yeoman generator for Angular Schema Form Add-ons.
Stars: ✭ 14 (-80.28%)
Mutual labels:  yeoman-generator
generator-liferay-fragments
Yeoman generator for creating and maintaining Liferay Fragment projects
Stars: ✭ 31 (-56.34%)
Mutual labels:  yeoman-generator
generator-vue-plugin
Yeoman generator generating vue plugin 🚀
Stars: ✭ 29 (-59.15%)
Mutual labels:  yeoman-generator
generator-bunny
🐰 Jumpstart node module, like a bunny!
Stars: ✭ 13 (-81.69%)
Mutual labels:  yeoman-generator
generator-svelte
Yeoman generator generating a boilerplate Svelte.js app
Stars: ✭ 26 (-63.38%)
Mutual labels:  yeoman-generator
generator-ngx-library
Yeoman generator to bootstrap 🚀 your Angular library creation and publication.
Stars: ✭ 92 (+29.58%)
Mutual labels:  yeoman-generator
generator-jhipster-grpc
JHipster module, Adds support for gRPC and generates gRPC CRUD services
Stars: ✭ 43 (-39.44%)
Mutual labels:  yeoman-generator
generator-jhipster-svelte
Generate Svelte powered JHipster web applications
Stars: ✭ 44 (-38.03%)
Mutual labels:  yeoman-generator
videojs-logo
A video.js plugin to display a logo image on the player. If you think it's good, give me a star! ⭐
Stars: ✭ 19 (-73.24%)
Mutual labels:  videojs
generator-react-web
Yeoman generator for creating interactive web sites with React and Redux + Webpack, Flow, ES7+, Babel, Yarn, npm Scripts, i18n, Redux Saga, SCSS, CSS Modules
Stars: ✭ 35 (-50.7%)
Mutual labels:  yeoman-generator
react-hook-videojs
Easy React integration of Video.js using hooks.
Stars: ✭ 37 (-47.89%)
Mutual labels:  videojs
generator-springboot
A Yeoman generator for generating Microservice with SpringBoot
Stars: ✭ 121 (+70.42%)
Mutual labels:  yeoman-generator
videojs-react-course-assistant
A note taking tool to use with (initially) youtube playlists aiming to be similar to Frontend Masters or Coursera
Stars: ✭ 13 (-81.69%)
Mutual labels:  videojs

generator-videojs-plugin

Build Status Greenkeeper badge Slack Status

NPM

This is an opinionated Yeoman generator for Video.js plugins. It is based on the recommendations of the Video.js core team as well as tools and conventions for developing plugins at Brightcove.

Lead Maintainer: Pat O'Neill @misteroneill

Maintenance Status: Stable

To learn more about Video.js plugins and this generator's conventions and opinions, check out:

Table of Contents

Getting Started

If you don't know what Yeoman is or what generators are, check out the Yeoman Getting Started document. Long story short, make sure you have Yeoman and this generator installed globally:

$ npm install -g yo generator-videojs-plugin

Then, creating the foundation for your Video.js plugin is as simple as:

$ yo videojs-plugin

You will be walked through several options and finish with a working, buildable, testable Video.js plugin. Of course, this plugin won't do anything out of the box - that part is left to your creativity!

Options

Install

By default, the generator will run npm install after it is finished. This can be a slow process and you may not always need it; so, it can be disabled (this option is provided by Yeoman itself, but it's useful and worth documenting here).

yo videojs-plugin --skip-install

Prompt

By default, the generator will present the user with a series of prompts to choose various settings. This can be disabled if you've previously selected values and don't want to change them.

yo videojs-plugin --skip-prompt

Hurry

If you don't want to change configuration, but just want to update an existing plugin and skip all the other stuff (e.g., prompts, installation), you can use this option to do that. You may need to run the installation manually if dependencies changed!

yo videojs-plugin --hurry

Updating an Existing Project

Running a Yeoman generator in an empty directory poses no difficulties; however, running it against an existing project can cause conflicts. Yeoman provides a mechanism, which can be confusing because it's not clearly documented, for resolving these conflicts. It will prompt you to choose one of:

  • Y: yes (default)
  • n: no
  • a: yes to all
  • x: exit
  • d: diff
  • h: help

Recommendations

Most of what this generator does is localized to the package.json file. Luckily, the generator does a good job of merging your existing contents with the generated contents. In general, it's safe to select Y for the package.json in your project.

Other files you'll usually want to select n on - particularly those files plugin authors will edit the most: anything in src/ or test/.

However, files that are not commonly edited by plugin authors may deserve a diff check (d) if you've made changes to these sorts of files. For example, anything in scripts/.

Migrating to the Latest Version

NOTE: This section comes with the caveat that you know your project better than we do; so, do what you think is best.

Migrating across major versions can be a bit of a pain sometimes, but we're working on making it better with the generator. Here are some notes on migrating to the current major version.

You may - depending on your customizations - want to prepare your project by doing one of two things.

If you have made no customizations, the simplest process may be to remove some or all of the following:

  • dependencies, devDependencies, and/or scripts from package.json
  • package-lock.json
  • scripts/*.js
  • test/karma.conf.js
  • test/index.html

For a more conservative approach, you should be able to remove any dependencies not listed in plugin/package.json unless it is specifically needed by your project.

Where do dependencies come from?

videojs-generate-rollup-config

babel-core
babel-plugin-external-helpers
babel-plugin-transform-object-assign
babel-preset-env
@babel/preset-env
@babel/plugin-transform-object-assign
@babel/core
@babel/plugin-external-helpers
rollup-plugin-babel
rollup-plugin-commonjs
rollup-plugin-json
rollup-plugin-multi-entry
rollup-plugin-node-resolve
rollup-plugin-uglify
rollup-plugin-terser
uglify-es

videojs-generate-karma-config

karma-browserstack-launcher
karma-chrome-launcher
karma-coverage
karma-detect-browsers
karma-firefox-launcher
karma-ie-launcher
karma-qunit
karma-safari-launcher
karma-safaritechpreview-launcher
karma-safari-applescript-launcher
karma-teamcity-reporter
karma-static-server
qunit

videojs-generate-postcss-config

autoprefixer
postcss-banner
postcss-calc
postcss-csso
postcss-custom-properties
postcss-import
postcss-nesting
postcss-progress

videojs-generator-verify

es-check
pkg-ok
pkg-can-install

@videojs/generator-helpers

conventional-changelog-cli
conventional-changelog-videojs
doctoc
husky
lint-staged
not-prerelease
npm-merge-driver-install
npm-run-all
shx

No longer needed

No longer needed for other reasons

  • serve-static: replaced by karma-static-server
  • in-publish: replaced by using prepublishOnly via a new version of npm
  • mkdirp: replaced by using shx
  • rimraf: replaced by using shx
  • semver: replaced by @videojs/generator-helpers

License

Apache 2.0

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].