init

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

main.js

@@ -0,0 +1,255 @@
+const {app, screen, shell, BrowserWindow, BrowserView, ipcMain, dialog, clipboard } = require('electron')
+const Store = require('electron-store');
+const windowStateKeeper = require('electron-window-state');
+const fs = require('fs')
+const path = require("path")
+const Pinokiod = require("pinokiod")
+const is_mac = process.platform.startsWith("darwin")
+var mainWindow;
+var root_url;
+var wins = {}
+var pinned = {}
+var launched
+const PORT = 4200
+const store = new Store();
+const pinokiod = new Pinokiod({
+  port: PORT,
+  agent: "electron",
+  store
+})
+const titleBarOverlay = (theme) => {
+  if (is_mac) {
+    return false
+  } else {
+    if (theme === "dark") {
+      return {
+        color: "#111",
+        symbolColor: "white"
+      }
+    } else if (theme === "default") {
+      if (launched) {
+        return {
+          color: "#F5F4FA",
+          symbolColor: "black"
+        }
+      } else {
+        return {
+          color: "royalblue",
+          symbolColor: "white"
+        }
+      }
+    }
+    return {
+      color: "white",
+      symbolColor: "black"
+    }
+  }
+}
+const attach = (event, webContents) => {
+  let wc = webContents
+  webContents.on('will-navigate', (event, url) => {
+    if (!webContents.opened) {
+      // The first time this view is being used, set the "opened" to true, and don't do anything
+      // The next time the view navigates, "the "opened" is already true, so trigger the URL open logic
+      //  - if the new URL has the same host as the app's url, open in app
+      //  - if it's a remote host, open in external browser
+      webContents.opened = true
+    } else {
+      let host = new URL(url).host
+      let localhost = new URL(root_url).host
+      if (host !== localhost) {
+        event.preventDefault()
+        shell.openExternal(url);
+      }
+    }
+  })
+//  webContents.on("did-create-window", (parentWindow, details) => {
+//    const view = new BrowserView();
+//    parentWindow.setBrowserView(view);
+//    view.setBounds({ x: 0, y: 30, width: parentWindow.getContentBounds().width, height: parentWindow.getContentBounds().height - 30 });
+//    view.setAutoResize({ width: true, height: true });
+//    view.webContents.loadURL(details.url);
+//  })
+  webContents.on('did-navigate', (event, url) => {
+    let win = webContents.getOwnerBrowserWindow()
+    if (win && win.setTitleBarOverlay && typeof win.setTitleBarOverlay === "function") {
+      const overlay = titleBarOverlay("default")
+      win.setTitleBarOverlay(overlay)
+    }
+    launched = true
+
+  })
+  webContents.setWindowOpenHandler((config) => {
+    let url = config.url
+    let features = config.features
+    let params = new URLSearchParams(features.split(",").join("&"))
+    let win = wc.getOwnerBrowserWindow()
+    let [width, height] = win.getSize()
+    let [x,y] = win.getPosition()
+
+    if (features) {
+      if (features.startsWith("app") || features.startsWith("self")) {
+        return {
+          action: 'allow',
+          outlivesOpener: true,
+          overrideBrowserWindowOptions: {
+            width: (params.get("width") ? parseInt(params.get("width")) : width),
+            height: (params.get("height") ? parseInt(params.get("height")) : height),
+            x: x + 30,
+            y: y + 30,
+
+            parent: null,
+            titleBarStyle : "hidden",
+            titleBarOverlay : titleBarOverlay("default"),
+          }
+        }
+      } else if (features.startsWith("file")) {
+        let u = features.replace("file://", "")
+        shell.showItemInFolder(u)
+        return { action: 'deny' };
+      } else {
+        return { action: 'deny' };
+      }
+    } else {
+      shell.openExternal(url);
+      return { action: 'deny' };
+    }
+  });
+}
+const getWinState = (url, options) => {
+  let filename
+  try {
+    let pathname = new URL(url).pathname.slice(1)
+    filename = pathname.slice("/").join("-")
+  } catch {
+    filename = "index.json"
+  }
+  let state = windowStateKeeper({
+    file: filename,
+    ...options
+  });
+  return state
+}
+const createWindow = (port) => {
+
+
+  let mainWindowState = windowStateKeeper({
+//    file: "index.json",
+    defaultWidth: 1000,
+    defaultHeight: 800
+  });
+
+  mainWindow = new BrowserWindow({
+    titleBarStyle : "hidden",
+    titleBarOverlay : titleBarOverlay("default"),
+    x: mainWindowState.x,
+    y: mainWindowState.y,
+    width: mainWindowState.width,
+    height: mainWindowState.height,
+    minWidth: 190,
+    webPreferences: {
+      nativeWindowOpen: true
+//      preload: path.join(__dirname, 'preload.js')
+    },
+  })
+  root_url = `http://localhost:${port}`
+  mainWindow.loadURL(root_url)
+//  mainWindow.maximize();
+  mainWindowState.manage(mainWindow);
+
+}
+
+
+if (process.defaultApp) {
+  if (process.argv.length >= 2) {
+    app.setAsDefaultProtocolClient('pinokio', process.execPath, [path.resolve(process.argv[1])])
+  }
+} else {
+  app.setAsDefaultProtocolClient('pinokio')
+}
+
+const gotTheLock = app.requestSingleInstanceLock()
+
+if (!gotTheLock) {
+  app.quit()
+} else {
+  app.on('second-instance', (event, argv) => {
+
+    if (mainWindow) {
+      if (mainWindow.isMinimized()) mainWindow.restore()
+      mainWindow.focus()
+    }
+    let url = argv.pop()
+    let u = new URL(url).search
+    mainWindow.loadURL(`${root_url}${u}`)
+  })
+
+  // Create mainWindow, load the rest of the app, etc...
+  app.whenReady().then(async () => {
+    const WIDTH = 300;
+    const HEIGHT = 300;
+    let bounds = screen.getPrimaryDisplay().bounds;
+    let x = Math.ceil(bounds.x + ((bounds.width - WIDTH) / 2));
+    let y = Math.ceil(bounds.y + ((bounds.height - HEIGHT) / 2));
+
+
+    // splash window
+    const splash = new BrowserWindow({
+      width: WIDTH,
+      height: HEIGHT,
+  //    transparent: true, 
+      frame: false, 
+      alwaysOnTop: true,
+      x,
+      y,
+      show: false
+    });
+    splash.type = "splash"
+    splash.loadFile('splash.html');
+    splash.once('ready-to-show', () => {
+      splash.show()
+    })
+
+    await pinokiod.start(PORT)
+    splash.hide();
+
+    app.on('web-contents-created', attach)
+    app.on('activate', function () {
+      if (BrowserWindow.getAllWindows().length === 0) createWindow(PORT)
+    })
+    app.on('window-all-closed', function () {
+      if (process.platform !== 'darwin') app.quit()
+    })
+    app.on('browser-window-created', (event, win) => {
+      if (win.type !== "splash") {
+        if (win.setTitleBarOverlay) {
+          const overlay = titleBarOverlay("default")
+          try {
+            win.setTitleBarOverlay(overlay)
+          } catch (e) {
+  //          console.log("ERROR", e)
+          }
+        }
+      }
+    })
+
+    let all = BrowserWindow.getAllWindows()
+    for(win of all) {
+      try {
+        if (win.setTitleBarOverlay) {
+          const overlay = titleBarOverlay("default")
+          win.setTitleBarOverlay(overlay)
+        }
+      } catch (e) {
+  //      console.log("E2", e)
+      }
+    }
+    createWindow(PORT)
+    splash.close();
+  })
+
+  app.on('open-url', (event, url) => {
+    let u = new URL(url).search
+    mainWindow.loadURL(`${root_url}${u}`)
+  })
+}