Upgrade to Prettier v2 and apply fixes.

package.json

@@ -65,7 +65,7 @@
     "less": "4.1.2",
     "less-loader": "10.1.0",
     "lodash": "4.17.21",
-    "prettier": "^1.19.1",
+    "prettier": "^2.8.8",
     "prettier-check": "^2.0.0",
     "puppeteer": "^23",
     "source-map-loader": "^5.0.0",
@@ -130,9 +130,12 @@
   "jest": {
     "preset": "jest-puppeteer",
     "transform": {
-      "^.+\\.tsx?$": ["ts-jest", {
-        "diagnostics": true
-      }]
+      "^.+\\.tsx?$": [
+        "ts-jest",
+        {
+          "diagnostics": true
+        }
+      ]
     },
     "testPathIgnorePatterns": [
       "/node_modules/"

src/BaseContentHandler.ts

@@ -1,103 +1,104 @@
-import { IContentHandler } from "./IContentHandler";
-import { IUVOptions } from "./UniversalViewer";
-import { UVAdapter } from "./UVAdapter";
-import { Events } from "./Events";
-import { merge } from "./Utils";
-
-export type EventListener = {
-  name: string;
-  cb: Function;
-  ctx?: any;
-};
-
-type EventListenerDictionaryItem = Pick<EventListener, "cb" | "ctx">;
-
-export default class BaseContentHandler<IUVData>
-  implements IContentHandler<IUVData> {
-  protected _el: HTMLElement;
-  private _eventListeners: {
-    [key: string]: EventListenerDictionaryItem[];
-  };
-
-  constructor(
-    public options: IUVOptions,
-    public adapter?: UVAdapter,
-    eventListeners?: EventListener[]
-  ) {
-    // console.log("create YouTubeContentHandler");
-    this._el = this.options.target;
-    // this._assignedContentHandler.adapter = this.adapter; // set adapter
-
-    // add event listeners
-    if (eventListeners) {
-      eventListeners.forEach(({ name, cb }) => {
-        this.on(name, cb);
-      });
-    }
-  }
-
-  public set(data: IUVData, initial?: boolean): void {}
-
-  public on(name: string, cb: Function, ctx?: any): void {
-    var e = this._eventListeners || (this._eventListeners = {});
-
-    (e[name] || (e[name] = [])).push({
-      cb,
-      ctx,
-    });
-  }
-
-  public fire(name: string, ...args: any[]): void {
-    var data = [].slice.call(arguments, 1);
-    var evtArr = (
-      (this._eventListeners || (this._eventListeners = {}))[name] || []
-    ).slice();
-    var i = 0;
-    var len = evtArr.length;
-
-    for (i; i < len; i++) {
-      evtArr[i].cb.apply(evtArr[i].ctx, data);
-    }
-  }
-
-  public showSpinner(): void {
-    this._el.parentElement?.classList.remove("loaded");
-  }
-
-  public hideSpinner(): void {
-    this._el.parentElement?.classList.add("loaded");
-  }
-
-  public async configure(config: any): Promise<any> {
-    let promises: Promise<any>[] = [] as any;
-
-    this.fire(Events.CONFIGURE, {
-      config,
-      cb: (promise) => {
-        promises.push(promise);
-      },
-    });
-
-    if (promises.length) {
-      const configs = await Promise.all(promises);
-
-      const mergedConfigs = configs.reduce((previous, current) => {
-        return merge(previous, current);
-      });
-
-      config = merge(config, mergedConfigs);
-    }
-
-    return config;
-  }
-
-  public exitFullScreen(): void {}
-
-  public resize(): void {}
-
-  public dispose(): void {
-    this._el.innerHTML = "";
-    this._el.className = "";
-    this.adapter?.dispose();
-  }
-}
+import { IContentHandler } from "./IContentHandler";
+import { IUVOptions } from "./UniversalViewer";
+import { UVAdapter } from "./UVAdapter";
+import { Events } from "./Events";
+import { merge } from "./Utils";
+
+export type EventListener = {
+  name: string;
+  cb: Function;
+  ctx?: any;
+};
+
+type EventListenerDictionaryItem = Pick<EventListener, "cb" | "ctx">;
+
+export default class BaseContentHandler<IUVData>
+  implements IContentHandler<IUVData>
+{
+  protected _el: HTMLElement;
+  private _eventListeners: {
+    [key: string]: EventListenerDictionaryItem[];
+  };
+
+  constructor(
+    public options: IUVOptions,
+    public adapter?: UVAdapter,
+    eventListeners?: EventListener[]
+  ) {
+    // console.log("create YouTubeContentHandler");
+    this._el = this.options.target;
+    // this._assignedContentHandler.adapter = this.adapter; // set adapter
+
+    // add event listeners
+    if (eventListeners) {
+      eventListeners.forEach(({ name, cb }) => {
+        this.on(name, cb);
+      });
+    }
+  }
+
+  public set(data: IUVData, initial?: boolean): void {}
+
+  public on(name: string, cb: Function, ctx?: any): void {
+    var e = this._eventListeners || (this._eventListeners = {});
+
+    (e[name] || (e[name] = [])).push({
+      cb,
+      ctx,
+    });
+  }
+
+  public fire(name: string, ...args: any[]): void {
+    var data = [].slice.call(arguments, 1);
+    var evtArr = (
+      (this._eventListeners || (this._eventListeners = {}))[name] || []
+    ).slice();
+    var i = 0;
+    var len = evtArr.length;
+
+    for (i; i < len; i++) {
+      evtArr[i].cb.apply(evtArr[i].ctx, data);
+    }
+  }
+
+  public showSpinner(): void {
+    this._el.parentElement?.classList.remove("loaded");
+  }
+
+  public hideSpinner(): void {
+    this._el.parentElement?.classList.add("loaded");
+  }
+
+  public async configure(config: any): Promise<any> {
+    let promises: Promise<any>[] = [] as any;
+
+    this.fire(Events.CONFIGURE, {
+      config,
+      cb: (promise) => {
+        promises.push(promise);
+      },
+    });
+
+    if (promises.length) {
+      const configs = await Promise.all(promises);
+
+      const mergedConfigs = configs.reduce((previous, current) => {
+        return merge(previous, current);
+      });
+
+      config = merge(config, mergedConfigs);
+    }
+
+    return config;
+  }
+
+  public exitFullScreen(): void {}
+
+  public resize(): void {}
+
+  public dispose(): void {
+    this._el.innerHTML = "";
+    this._el.className = "";
+    this.adapter?.dispose();
+  }
+}

src/Events.ts

@@ -1,13 +1,13 @@
-export class Events {
-  static CONFIGURE: string = "configure";
-  static CREATED: string = "created";
-  static DROP: string = "drop";
-  static ERROR: string = "error";
-  static EXIT_FULLSCREEN: string = "exitFullScreen";
-  static EXTERNAL_RESOURCE_OPENED: string = "externalResourceOpened";
-  static LOAD: string = "load";
-  static LOAD_FAILED: string = "loadFailed";
-  static RELOAD: string = "reload";
-  static RESIZE: string = "resize";
-  static TOGGLE_FULLSCREEN: string = "toggleFullScreen";
-}
+export class Events {
+  static CONFIGURE: string = "configure";
+  static CREATED: string = "created";
+  static DROP: string = "drop";
+  static ERROR: string = "error";
+  static EXIT_FULLSCREEN: string = "exitFullScreen";
+  static EXTERNAL_RESOURCE_OPENED: string = "externalResourceOpened";
+  static LOAD: string = "load";
+  static LOAD_FAILED: string = "loadFailed";
+  static RELOAD: string = "reload";
+  static RESIZE: string = "resize";
+  static TOGGLE_FULLSCREEN: string = "toggleFullScreen";
+}

src/IContentHandler.ts

@@ -1,12 +1,12 @@
-import { UVAdapter } from "./UVAdapter";
-
-export interface IContentHandler<IUVData> {
-  // adapter.bindTo() sets this.
-  // when the content handler is disposed, it also disposes the adapter.
-  adapter?: UVAdapter | undefined;
-  set(data: IUVData, initial?: boolean): void;
-  dispose(): void;
-  on(name: string, callback: Function, ctx?: any): void;
-  resize(): void;
-  exitFullScreen(): void;
-}
+import { UVAdapter } from "./UVAdapter";
+
+export interface IContentHandler<IUVData> {
+  // adapter.bindTo() sets this.
+  // when the content handler is disposed, it also disposes the adapter.
+  adapter?: UVAdapter | undefined;
+  set(data: IUVData, initial?: boolean): void;
+  dispose(): void;
+  on(name: string, callback: Function, ctx?: any): void;
+  resize(): void;
+  exitFullScreen(): void;
+}