Extensions

Setup

import { Extension, Config, Styles } from "../js/es6/mediaviewer-extension.js";
import {startup, ...} from 'js/es6/mediaviewer.js';
startup(); //Loads up the library

Writing your own

To write your start with this

// Extend your class with "Extension"
export const Demo = class extends Extension{
    constructor(container,config,styles){
        super(container,new Config().parse(config), new Styles().parse(styles));
    }
}

Executing

To execute

const x = new Demo(['.demo','.demo1'],{
    MediaClassesFromImport: {
      //Configurations
    }
},{
    MediaClassesFromImport:{
      // Variable names
    }
});

x.include(...MediaClassesFromImport);

/**
 * There are two methods
 * apply() or attach()
 * ------------------------------------------------------
 * apply() automatically adds the media to the page
 * attach() doesn't automatically add the media to the page 
 */

x.use(MediaClassesFromImport).apply();

// Or use the attach method
// x.use(MediaClassesFromImport).attach();
// new x.MediaClassesFromImport.constructor(...x.set(MediaClassesFromImport));