feat: add element type prompt and adapt templates

- Added a new prompt in the `create` script to enable users to specify whether they want to generate
  a new component, plugin, or button.
- Adapted the existing templates to correctly produce the type of element selected by the user.
- Migrated the functionality of the skip-button-plugin into a simpler component format.

docs/README.md

@@ -45,7 +45,7 @@ npm install
 Open your terminal and execute the following command:
 
 ```bash
-npm run create:plugin
+npm run create
 ```
 
 After running the command, you will be prompted to enter the name of your plugin. A new plugin

package.json

@@ -13,7 +13,7 @@
     "themes/*"
   ],
   "scripts": {
-    "create:plugin": "plop --plopfile scripts/create-plugin.js",
+    "create": "plop --plopfile scripts/create.js",
     "eslint": "eslint {plugins/**/{src,test}/**/*.{js,jsx},scripts/*.{js,jsx}}",
     "outdated": "npm outdated",
     "prepare": "husky",

plugins/skip-button-plugin/README.md → plugins/skip-button/README.md

@@ -1,7 +1,8 @@
-# Pillarbox Web: SkipButtonPlugin
+# Pillarbox Web: SkipButton
 
-> Introduce your plugin with a clear overview of its goals, providing
-> essential context and addressing fundamental questions.
+A custom component that extends the pillarbox-web player allowing users to skip certain parts of the
+video content, such as opening credits or end credits, by listening to
+the [`srgssr/interval` event](https://srgssr.github.io/pillarbox-web/api/tutorial-Events.html#srgssr%2Finterval-event).
 
 ## Requirements
 
@@ -11,7 +12,7 @@ To use this component, you need the following installed on your system:
 
 ## Quick Start
 
-To get started with this plugin, follow these steps:
+To get started with this component, follow these steps:
 
 Add the `@srgssr` registry to your `.npmrc` file:
 
@@ -26,18 +27,19 @@ guide: [Authenticating with a personal access token][generate-token]
 You can now install it through `npm` the following command:
 
 ```bash
-npm install --save @srgssr/pillarbox-web @srgssr/skip-button-plugin
+npm install --save @srgssr/pillarbox-web @srgssr/skip-button
 ```
 
-For instructions on setting up Pillarbox, see the [Quick Start guide](SRGSSR/pillarbox-web#quick-start).
+For instructions on setting up Pillarbox, see
+the [Quick Start guide](SRGSSR/pillarbox-web#quick-start).
 
-Once the player is installed you can activate the plugin as follows:
+Once the player is installed you can activate the button as follows:
 
 ```javascript
 import Pillarbox from '@srgssr/pillarbox-web';
-import '@srgssr/skip-button-plugin';
+import '@srgssr/skip-button';
 
-const player = new Pillarbox('my-player', { plugins: { 'skipButtonPlugin': true } });
+const player = new Pillarbox('my-player', { SkipButton: true });
 player.src({
   src: 'urn:swi:video:48115940',
   type: 'srgssr/urn'

plugins/skip-button-plugin/index.html → plugins/skip-button/index.html

@@ -4,9 +4,9 @@
   <meta charset="UTF-8"/>
   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-  <title>SkipButtonPlugin Demo</title>
+  <title>SkipButton Demo</title>
   <link rel="stylesheet" href="npm:@srgssr/pillarbox-web/dist/pillarbox.min.css"/>
-  <link rel="stylesheet" href="./scss/skip-button-plugin.scss"/>
+  <link rel="stylesheet" href="scss/skip-button.scss"/>
   <style>
     html,
     body {
@@ -24,7 +24,7 @@
 
 <script type="module">
   import pillarbox from '@srgssr/pillarbox-web';
-  import './src/skip-button-plugin.js';
+  import './src/skip-button.js';
 
   // Handle URL parameters
   const searchParams = new URLSearchParams(location.search);
@@ -33,14 +33,14 @@
   const language = searchParams.get('language');
   const urn = searchParams.get('urn') || 'urn:rts:video:14683290';
 
-  // Create a pillarbox player instance with the SkipButtonPlugin plugin
+  // Create a pillarbox player instance with the SkipButton enabled
   window.player = pillarbox('player', {
     debug,
     language,
     srgOptions: {
       dataProviderHost: ilHost
     },
-    plugins: { 'skipButtonPlugin': true }
+    SkipButton: true
   });
 
   // Load the video source for the player

plugins/skip-button-plugin/package.json → plugins/skip-button/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "@srgssr/skip-button-plugin",
+  "name": "@srgssr/skip-button",
   "version": "0.0.1",
   "type": "module",
-  "main": "dist/skip-button-plugin.cjs.js",
-  "module": "dist/skip-button-plugin.es.js",
-  "style": "./dist/skip-button-plugin.min.css",
+  "main": "dist/skip-button.cjs.js",
+  "module": "dist/skip-button.es.js",
+  "style": "./dist/skip-button.min.css",
   "exports": {
     ".": {
-      "import": "./dist/skip-button-plugin.es.js",
-      "require": "./dist/skip-button-plugin.cjs.js"
+      "import": "./dist/skip-button.es.js",
+      "require": "./dist/skip-button.cjs.js"
     }
   },
   "files": [
@@ -25,13 +25,13 @@
   },
   "scripts": {
     "build": "npm run build:lib && npm run build:css",
-    "build:css": "sass ./scss/skip-button-plugin.scss:dist/skip-button-plugin.min.css --style compressed --source-map --load-path node_modules",
+    "build:css": "sass ./scss/skip-button.scss:dist/skip-button.min.css --style compressed --source-map --load-path node_modules",
     "build:lib": "rollup -c",
     "github:page": "parcel build index.html --target github-page",
     "start": "parcel -p 4200 index.html --open",
     "test": "vitest run --silent --coverage --coverage.reporter text"
   },
   "peerDependencies": {
-    "@srgssr/pillarbox-web": "^1.0.0"
+    "@srgssr/pillarbox-web": "^1.12.0"
   }
 }

plugins/skip-button-plugin/rollup.config.js → plugins/skip-button/rollup.config.js

@@ -13,25 +13,25 @@ export default [
    * Rollup build configuration for the ESModule build.
    *
    * Outputs:
-   * - 'dist/skip-button-plugin.es.min.js': Minified ESModule version with sourcemaps.
-   * - 'dist/skip-button-plugin.es.js': Non-minified ESModule.
+   * - 'dist/skip-button.es.min.js': Minified ESModule version with sourcemaps.
+   * - 'dist/skip-button.es.js': Non-minified ESModule.
    *
    * @example
    * ```javascript
-   * import '@srgssr/skip-button-plugin'
+   * import '@srgssr/skip-button'
    * ```
    */
   {
-    input: 'src/skip-button-plugin.js',
+    input: 'src/skip-button.js',
     output: [
       {
-        file: 'dist/skip-button-plugin.es.min.js',
+        file: 'dist/skip-button.es.min.js',
         format: 'es',
         sourcemap: true,
         plugins: [terser()],
       },
       {
-        file: 'dist/skip-button-plugin.es.js',
+        file: 'dist/skip-button.es.js',
         format: 'es',
         plugins: [filesize()]
       }
@@ -46,22 +46,22 @@ export default [
    * Rollup build configuration for the CJS build.
    *
    * Outputs:
-   * - 'dist/skip-button-plugin.cjs.min.js': Minified UMD version with sourcemaps.
-   * - 'dist/skip-button-plugin.cjs.js': Non-minified UMD.
+   * - 'dist/skip-button.cjs.min.js': Minified UMD version with sourcemaps.
+   * - 'dist/skip-button.cjs.js': Non-minified UMD.
    *
    * @example
    * ```html
-   * <script src="skip-button-plugin.cjs.min.js"></script>
+   * <script src="skip-button.cjs.min.js"></script>
    * ```
    *
    * @type {import('rollup').RollupOptions}
    */
   {
-    input: 'src/skip-button-plugin.js',
+    input: 'src/skip-button.js',
     output: [
       {
         name: 'SkipButtonPlugin',
-        file: 'dist/skip-button-plugin.cjs.min.js',
+        file: 'dist/skip-button.cjs.min.js',
         format: 'cjs',
         sourcemap: true,
         globals: {
@@ -71,7 +71,7 @@ export default [
       },
       {
         name: 'SkipButtonPlugin',
-        file: 'dist/skip-button-plugin.cjs.js',
+        file: 'dist/skip-button.cjs.js',
         format: 'cjs',
         globals: {
           '@srgssr/pillarbox-web': 'pillarbox'

plugins/skip-button-plugin/src/skip-button.js → plugins/skip-button/src/skip-button.js

@@ -8,7 +8,8 @@ import './lang';
 const Button = pillarbox.getComponent('Button');
 
 /**
- * Represents a SkipButton component for the pillarbox player.
+ * Represents a SkipButton component for the pillarbox player. Allows skipping
+ * opening credits and end credits detected through the 'srgssr/interval' event.
  *
  * @class SkipButton
  */