initial template

demo/index.html

@@ -17,19 +17,6 @@
         provider: {
           partnerId: 1804331,
         },
-        playback: {
-          autoplay: true
-        },
-        // translations - for local environment
-        ui: {
-          translations: {
-            "en": {
-              "seo": {
-                "greeting": "Welcome"
-              }
-            }
-          }
-        },
         plugins: {
           seo: {
             developerName: 'Steve Jobs'

package.json

@@ -22,9 +22,9 @@
   ],
   "scripts": {
     "dev": "npm run build:dev && webpack serve --open --mode development",
-    "watch": "webpack --watch --mode development",
     "build:dev": "webpack --mode development",
-    "build": "webpack --mode production",
+    "build:prod": "webpack --mode production",
+    "watch": "webpack --watch --mode development",
     "test": "karma start --color --mode development",
     "test:debug": "DEBUG_UNIT_TESTS=1 karma start karma.conf.js --auto-watch --no-single-run --browsers Chrome",
     "test:watch": "karma start karma.conf.js --auto-watch --no-single-run",

src/seo.ts

@@ -0,0 +1,20 @@
+import { BasePlugin } from '@playkit-js/kaltura-player-js';
+
+export const pluginName = 'seo';
+
+export class Seo extends BasePlugin<Record<string, unknown>> {
+  protected static defaultConfig: Record<string, unknown>;
+
+  public static isValid(): boolean {
+    return true;
+  }
+
+  protected loadMedia(): void {
+    this.todo();
+  }
+
+  private todo(): void {
+    // eslint-disable-next-line no-console
+    console.log('`HI this is SEO...');
+  }
+}

tests/e2e/seo.js

@@ -4,7 +4,7 @@ import { setup } from '@playkit-js/kaltura-player-js';
 import { config, targetId } from '../mock/config';
 import { mediaData } from '../mock/media-sourc';
 
-describe('Upper Bar Manager', () => {
+describe('SEO', () => {
   let player;
 
   before(() => {
@@ -29,12 +29,12 @@ describe('Upper Bar Manager', () => {
     player = setup({
       ...config,
       plugins: {
-        pluginExample: {
+        seo: {
           developerName: 'Stiven Hoking'
         }
       }
     });
-    const pluginInstance = player.plugins.pluginExample;
+    const pluginInstance = player.plugins.seo;
     player.setMedia({ sources: { ...mediaData } });
     await player.ready();
 

webpack.config.js

@@ -16,32 +16,10 @@ module.exports = (env, { mode }) => {
           options: { configFile: mode === 'development' ? 'tsconfig.dev.json' : 'tsconfig.json' },
           exclude: /node_modules/
         },
-        {
-          test: /\.scss/,
-          use: [
-            'style-loader',
-            {
-              loader: 'css-loader',
-              options: {
-                esModule: true,
-                modules: {
-                  localIdentName: '[local]',
-                  namedExport: true
-                }
-              }
-            },
-            {
-              loader: 'sass-loader',
-              options: {
-                sourceMap: mode === 'development'
-              }
-            }
-          ]
-        }
       ]
     },
     resolve: {
-      extensions: ['.tsx', '.ts', '.js']
+      extensions: ['.ts', '.js']
     },
     output: {
       filename: 'playkit-seo.js',
@@ -50,7 +28,6 @@ module.exports = (env, { mode }) => {
     },
     externals: {
       '@playkit-js/kaltura-player-js': 'root KalturaPlayer',
-      preact: 'root KalturaPlayer.ui.preact'
     },
     devServer: {
       static: {