feat: work without any nodeIntegration requirements

README.md

@@ -23,7 +23,6 @@ Electron-tabs uses webviews, so you first need to use the following `webPreferen
 ```js
 const mainWindow = new electron.BrowserWindow({
   webPreferences: {
-    nodeIntegration: true,
     webviewTag: true
   }
 });

demo/app.js

@@ -4,7 +4,6 @@ const app = electron.app;
 app.on('ready', function () {
   const mainWindow = new electron.BrowserWindow({
     webPreferences: {
-      nodeIntegration: true,
       webviewTag: true
     }
   });

index.js

@@ -1,5 +1,3 @@
-const EventEmitter = require("events");
-
 if (!document) {
   throw Error("electron-tabs module must be called in renderer process");
 }
@@ -22,6 +20,19 @@ if (!document) {
   document.getElementsByTagName("head")[0].appendChild(styleTag);
 })();
 
+/**
+ * This makes the browser EventTarget API work similar to EventEmitter
+ */
+class EventEmitter extends EventTarget {
+  emit (type, ...args) {
+    this.dispatchEvent(new CustomEvent(type, { detail: args }));
+  }
+
+  on (type, fn) {
+    this.addEventListener(type, ({ detail }) => fn.apply(this, detail));
+  }
+}
+
 class TabGroup extends EventEmitter {
   constructor (args = {}) {
     super();
@@ -126,8 +137,8 @@ const TabGroupPrivate = {
 
   initVisibility: function () {
     function toggleTabsVisibility(tab, tabGroup) {
-      var visibilityThreshold = this.options.visibilityThreshold;
-      var el = tabGroup.tabContainer.parentNode;
+      let visibilityThreshold = this.options.visibilityThreshold;
+      let el = tabGroup.tabContainer.parentNode;
       if (this.tabs.length >= visibilityThreshold) {
         el.classList.add("visible");
       } else {