electrify-web 1.0.0

package/app/lib/preload.js

@@ -0,0 +1,338 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INJECT_DIR = void 0;
+/**
+ * Preload file that will be executed in the renderer process.
+ * Note: This needs to be attached **prior to imports**, as imports
+ * would delay the attachment till after the event has been raised.
+ */
+document.addEventListener('DOMContentLoaded', () => {
+    injectScripts(); // eslint-disable-line @typescript-eslint/no-use-before-define
+});
+const fs = __importStar(require("fs"));
+const os = __importStar(require("os"));
+const path = __importStar(require("path"));
+const electron_1 = require("electron");
+// Do *NOT* add 3rd-party imports here in preload (except for webpack `externals` like electron).
+// They will work during development, but break in the prod build :-/ .
+// Electron doc isn't explicit about that, so maybe *we*'re doing something wrong.
+// At any rate, that's what we have now. If you want an import here, go ahead, but
+// verify that apps built with a non-devbuild nativefier (installed from tarball) work.
+// Recipe to monkey around this, assuming you git-cloned nativefier in /opt/nativefier/ :
+// cd /opt/nativefier/ && rm -f nativefier-43.1.0.tgz && npm run build && npm pack && mkdir -p ~/n4310/ && cd ~/n4310/ \
+//    && rm -rf ./* && npm i /opt/nativefier/nativefier-43.1.0.tgz && ./node_modules/.bin/nativefier 'google.com'
+// See https://github.com/nativefier/nativefier/issues/1175
+// and https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions / preload
+const log = console; // since we can't have `loglevel` here in preload
+exports.INJECT_DIR = path.join(__dirname, '..', 'inject');
+/**
+ * Patches window.Notification to:
+ * - set a callback on a new Notification
+ * - set a callback for clicks on notifications
+ * @param createCallback
+ * @param clickCallback
+ */
+function setNotificationCallback(createCallback, clickCallback) {
+    const OldNotify = window.Notification;
+    const newNotify = function (title, opt) {
+        createCallback(title, opt);
+        const instance = new OldNotify(title, opt);
+        instance.addEventListener('click', clickCallback);
+        return instance;
+    };
+    newNotify.requestPermission = OldNotify.requestPermission.bind(OldNotify);
+    Object.defineProperty(newNotify, 'permission', {
+        get: () => OldNotify.permission,
+    });
+    // @ts-expect-error TypeScript says its not compatible, but it works?
+    window.Notification = newNotify;
+}
+async function getDisplayMedia(sourceId) {
+    var _a;
+    if (!((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.mediaDevices)) {
+        throw Error('window.navigator.mediaDevices is not present');
+    }
+    // Electron supports an outdated specification for mediaDevices,
+    // see https://www.electronjs.org/docs/latest/api/desktop-capturer/
+    const stream = await window.navigator.mediaDevices.getUserMedia({
+        audio: false,
+        video: {
+            mandatory: {
+                chromeMediaSource: 'desktop',
+                chromeMediaSourceId: sourceId,
+            },
+        },
+    });
+    return stream;
+}
+function setupScreenSharePickerStyles(id) {
+    const screenShareStyles = document.createElement('style');
+    screenShareStyles.id = id;
+    screenShareStyles.innerHTML = `
+  .desktop-capturer-selection {
+    --overlay-color: hsla(0, 0%, 11.8%, 0.75);
+    --highlight-color: highlight;
+    --text-content-color: #fff;
+    --selection-button-color: hsl(180, 1.3%, 14.7%);
+  }
+  .desktop-capturer-selection {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: var(--overlay-color);
+    color: var(--text-content-color);
+    z-index: 10000000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .desktop-capturer-selection__close {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    padding: 1rem;
+    color: inherit;
+    position: absolute;
+    left: 1rem;
+    top: 1rem;
+    cursor: pointer;
+  }
+  .desktop-capturer-selection__scroller {
+    width: 100%;
+    max-height: 100vh;
+    overflow-y: auto;
+  }
+  .desktop-capturer-selection__list {
+    max-width: calc(100% - 100px);
+    margin: 50px;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    overflow: hidden;
+    justify-content: center;
+  }
+  .desktop-capturer-selection__item {
+    display: flex;
+    margin: 4px;
+  }
+  .desktop-capturer-selection__btn {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    width: 145px;
+    margin: 0;
+    border: 0;
+    border-radius: 3px;
+    padding: 4px;
+    background: var(--selection-button-color);
+    text-align: left;
+    transition: background-color .15s, box-shadow .15s;
+  }
+  .desktop-capturer-selection__btn:hover,
+  .desktop-capturer-selection__btn:focus {
+    background: var(--highlight-color);
+  }
+  .desktop-capturer-selection__thumbnail {
+    width: 100%;
+    height: 81px;
+    object-fit: cover;
+  }
+  .desktop-capturer-selection__name {
+    margin: 6px 0 6px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  @media (prefers-color-scheme: light) {
+    .desktop-capturer-selection {
+      --overlay-color: hsla(0, 0%, 90.2%, 0.75);
+      --text-content-color: hsl(0, 0%, 12.9%);
+      --selection-button-color: hsl(180, 1.3%, 85.3%);
+    }
+  }`;
+    document.head.appendChild(screenShareStyles);
+}
+function setupScreenSharePickerElement(id, sources) {
+    const selectionElem = document.createElement('div');
+    selectionElem.classList.add('desktop-capturer-selection');
+    selectionElem.id = id;
+    selectionElem.innerHTML = `
+    <button class="desktop-capturer-selection__close" id="${id}-close" aria-label="Close screen share picker" type="button">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32">
+      <path fill="currentColor" d="m12 10.586 4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/>   
+      </svg>
+    </button>
+    <div class="desktop-capturer-selection__scroller">
+      <ul class="desktop-capturer-selection__list">
+        ${sources
+        .map(({ id, name, thumbnail }) => `
+          <li class="desktop-capturer-selection__item">
+            <button class="desktop-capturer-selection__btn" data-id="${id}" title="${name}">
+              <img class="desktop-capturer-selection__thumbnail" src="${thumbnail.toDataURL()}" />
+              <span class="desktop-capturer-selection__name">${name}</span>
+            </button>
+          </li>
+        `)
+        .join('')}
+      </ul>
+    </div>
+    `;
+    document.body.appendChild(selectionElem);
+}
+function setupScreenSharePicker(resolve, reject, sources) {
+    var _a;
+    const baseElementsId = 'native-screen-share-picker';
+    const pickerStylesElementId = baseElementsId + '-styles';
+    setupScreenSharePickerElement(baseElementsId, sources);
+    setupScreenSharePickerStyles(pickerStylesElementId);
+    const clearElements = () => {
+        var _a, _b;
+        (_a = document.getElementById(pickerStylesElementId)) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = document.getElementById(baseElementsId)) === null || _b === void 0 ? void 0 : _b.remove();
+    };
+    (_a = document
+        .getElementById(`${baseElementsId}-close`)) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
+        clearElements();
+        reject('Screen share was cancelled by the user.');
+    });
+    document
+        .querySelectorAll('.desktop-capturer-selection__btn')
+        .forEach((button) => {
+        button.addEventListener('click', () => {
+            const id = button.getAttribute('data-id');
+            if (!id) {
+                log.error("Couldn't find `data-id` of element");
+                clearElements();
+                return;
+            }
+            const source = sources.find((source) => source.id === id);
+            if (!source) {
+                log.error(`Source with id "${id}" does not exist`);
+                clearElements();
+                return;
+            }
+            getDisplayMedia(source.id)
+                .then((stream) => {
+                resolve(stream);
+            })
+                .catch((err) => {
+                log.error('Error selecting desktop capture source:', err);
+                reject(err);
+            })
+                .finally(() => {
+                clearElements();
+            });
+        });
+    });
+}
+function setDisplayMediaPromise() {
+    var _a;
+    // Since no implementation for `getDisplayMedia` exists in Electron we write our own.
+    if (!((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.mediaDevices)) {
+        return;
+    }
+    window.navigator.mediaDevices.getDisplayMedia = () => {
+        return new Promise((resolve, reject) => {
+            const sources = electron_1.ipcRenderer.invoke('desktop-capturer-get-sources');
+            sources
+                .then(async (sources) => {
+                if (isWayland()) {
+                    // No documentation is provided wether the first element is always PipeWire-picked or not
+                    // i.e. maybe it's not deterministic, we are only taking a guess here.
+                    const stream = await getDisplayMedia(sources[0].id);
+                    resolve(stream);
+                }
+                else {
+                    setupScreenSharePicker(resolve, reject, sources);
+                }
+            })
+                .catch((err) => {
+                reject(err);
+            });
+        });
+    };
+}
+function injectScripts() {
+    const needToInject = fs.existsSync(exports.INJECT_DIR);
+    if (!needToInject) {
+        return;
+    }
+    // Dynamically require scripts
+    try {
+        const jsFiles = fs
+            .readdirSync(exports.INJECT_DIR, { withFileTypes: true })
+            .filter((injectFile) => injectFile.isFile() && injectFile.name.endsWith('.js'))
+            .map((jsFileStat) => path.join('..', 'inject', jsFileStat.name));
+        for (const jsFile of jsFiles) {
+            log.debug('Injecting JS file', jsFile);
+            require(jsFile);
+        }
+    }
+    catch (err) {
+        log.error('Error encoutered injecting JS files', err);
+    }
+}
+function notifyNotificationCreate(title, opt) {
+    electron_1.ipcRenderer.send('notification', title, opt);
+}
+function notifyNotificationClick() {
+    electron_1.ipcRenderer.send('notification-click');
+}
+// @ts-expect-error TypeScript thinks these are incompatible but they aren't
+setNotificationCallback(notifyNotificationCreate, notifyNotificationClick);
+setDisplayMediaPromise();
+electron_1.ipcRenderer.on('params', (event, message) => {
+    log.debug('ipcRenderer.params', { event, message });
+    const appArgs = JSON.parse(message);
+    log.info('nativefier.json', appArgs);
+});
+electron_1.ipcRenderer.on('debug', (event, message) => {
+    log.debug('ipcRenderer.debug', { event, message });
+});
+// Copy-pastaed as unable to get imports to work in preload.
+// If modifying, update also app/src/helpers/helpers.ts
+function isWayland() {
+    return (isLinux() &&
+        (Boolean(process.env.WAYLAND_DISPLAY) ||
+            process.env.XDG_SESSION_TYPE === 'wayland'));
+}
+function isLinux() {
+    return os.platform() === 'linux';
+}
+//# sourceMappingURL=preload.js.map

package/app/lib/preload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preload.js","sourceRoot":"","sources":["../src/preload.ts"],"names":[],"mappings":"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"}

package/app/lib/static/login.css

@@ -0,0 +1,57 @@
+label, input {
+  display: block;
+}
+
+* {
+  font-family: Verdana, sans-serif;
+}
+
+html, body {
+  height: 100%;
+  margin: 0;
+  -webkit-app-region: drag;
+}
+.login-form {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.login-form > div {
+  margin-bottom: 30px;
+}
+
+.login-form > div > label {
+  margin-bottom: 25px;
+  letter-spacing: 5px;
+  font-weight: 100;
+  text-transform: uppercase;
+  font-size: 18px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.login-form > div > input {
+  height: 30px;
+  width: 225px;
+  font-size: 16px;
+  -webkit-app-region: no-drag;
+}
+
+.login-form > div > button {
+  border: 0;
+  font-size: 15px;
+  font-weight: 100;
+  text-transform: uppercase;
+  height: 35px;
+  width: 225px;
+  background-color: #2196F3;
+  color: white;
+  -webkit-app-region: no-drag;
+}
+
+button:hover {
+  background-color: #0D47A1;
+}

package/app/lib/static/login.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Login</title>
+  <link rel="stylesheet" type="text/css" href="login.css">
+</head>
+<body>
+<form class="login-form" id="login-form">
+  <div>
+    <label for="username-input">Username</label>
+    <input type="text" id="username-input" autofocus/>
+  </div>
+  <div>
+    <label for="password-input">Password</label>
+    <input type="password" id="password-input"/>
+  </div>
+  <div>
+    <button id="submit-form-button" type="submit">Login</button>
+  </div>
+</form>
+<script src="login.js"></script>
+</body>
+</html>

package/app/lib/static/login.js

@@ -0,0 +1,10 @@
+const { ipcRenderer } = require('electron');
+
+document.getElementById('login-form').addEventListener('submit', (event) => {
+  event.preventDefault();
+  const usernameInput = document.getElementById('username-input');
+  const username = usernameInput.nodeValue || usernameInput.value;
+  const passwordInput = document.getElementById('password-input');
+  const password = passwordInput.nodeValue || passwordInput.value;
+  ipcRenderer.send('login-message', [username, password]);
+});

package/app/nativefier.json

@@ -0,0 +1,8 @@
+{
+  "name": "Google",
+  "targetUrl": "http://google.com",
+  "badge": false,
+  "width": 1280,
+  "height": 800,
+  "showMenuBar": false
+}