Support configurable branding

afterPack.js

@@ -19,6 +19,7 @@
 
 const fs = require("fs-extra");
 const path = require("path");
+const branding = require("./branding.json");
 
 /**
  * Wrap the packaged application to avoid having to use double dashes -- before passing command-line arguments
@@ -30,21 +31,21 @@ module.exports = async function (context) {
 
   if (context.targets.find(target => target.name === "deb")) {
     wrapperScript = `#!/bin/bash
-      /opt/ubports-installer/ubports-installer.bin --no-sandbox "$@"
+      /opt/${branding.executable}/${branding.executable}.bin --no-sandbox "$@"
     `;
   } else if (context.targets.find(target => target.name === "appImage")) {
     wrapperScript = `#!/bin/bash
-      "\${BASH_SOURCE%/*}"/ubports-installer.bin --no-sandbox "$@"
+      "\${BASH_SOURCE%/*}"/${branding.executable}.bin --no-sandbox "$@"
     `;
   } else {
     console.log("no wrapper needed");
     return;
   }
 
   fs.moveSync(
-    path.join(distDir, "ubports-installer"),
-    path.join(distDir, "ubports-installer.bin")
+    path.join(distDir, `${branding.executable}`),
+    path.join(distDir, `${branding.executable}.bin`)
   );
-  fs.writeFileSync(path.join(distDir, "ubports-installer"), wrapperScript);
-  fs.chmodSync(path.join(distDir, "ubports-installer"), 0o765);
+  fs.writeFileSync(path.join(distDir, branding.executable), wrapperScript);
+  fs.chmodSync(path.join(distDir, branding.executable), 0o765);
 };

branding.json

@@ -0,0 +1,35 @@
+{
+  "appname": "UBports Installer",
+  "os": "Ubuntu Touch",
+  "executable": "ubports-installer",
+  "app-id": "com.ubports.installer",
+  "header-text": "UBports Installer ({version})",
+  "donate-url": "https://ubports.com/donate",
+  "allow-reporting": true,
+  "supported-devices": "http://devices.ubuntu-touch.io/test/test.html",
+  "all-devices-supported": false,
+  "config-repo-prefix": "https://github.com/ubports/installer-configs/blob/master/v2/devices/",
+  "device-info-prefix": "https://devices.ubuntu-touch.io/device/",
+  "feedback": "https://github.com/ubports/ubports-touch",
+  "participate": "https://ubports.com/join-us",
+  "config-repo": "https://ubports.github.io/installer-configs/v2/",
+  "logfile": "ubports-installer.log",
+  "organisation-name": "the UBports Foundation",
+  "organisation-url": "https://ubports.com",
+  "info-url": "https://ubuntu-touch.io",
+  "installer-source": "https://github.com/ubports/ubports-installer/tree/",
+  "licence-url": "https://github.com/ubports/ubports-installer/blob/",
+  "bug-tracker": "https://github.com/ubports/ubports-installer/issues",
+  "troubleshooting": "https://docs.ubports.com/en/latest/userguide/install.html#troubleshooting",
+  "forum-name": "UBports Forums",
+  "forum-url": "https://forums.ubports.com",
+  "support-name": "AskUbuntu",
+  "support-url": "https://askubuntu.com/questions/tagged/ubuntu-touch",
+  "contact-name": "Telegram",
+  "contact-url": "https://t.me/WelcomePlus",
+  "update-url": "https://api.github.com/repos/ubports/ubports-installer/releases/latest",
+  "screens": "public/screens",
+  "images": "public/img",
+  "icons": "build/icons/",
+  "logo": "yumi.svg"
+}

build.js

@@ -21,6 +21,8 @@
 
 const builder = require("electron-builder");
 const cli = require("commander");
+const branding = require("./branding.json");
+
 
 const PLATFORMS = ["darwin", "win32", "linux"];
 const PACKAGES = ["deb", "snap", "AppImage", "dmg", "portable", "dir"];
@@ -60,16 +62,21 @@ const opts = cli.opts();
 
 var targetOs;
 var buildConfig = {
-  appId: "com.ubports.installer",
-  productName: "ubports-installer",
+  appId: branding["app-id"],
+  productName: branding.executable,
   copyright: `Copyright © 2017-${new Date().getFullYear()} UBports Foundation`,
   artifactName: "${name}_${version}_${os}_${arch}.${ext}",
   publish: [],
   files: [
     "src/**/*",
-    "public/**/*",
+    "public/*",
+    "public/build/**/*",
+    "public/fonts/**/*",
+    `${branding.screens}/**/*`,
+    `${branding.images}/**/*`,
     "node_modules/**/*",
-    "build/icons/icon.*",
+    `${branding.icons}/icon.*`,
+    "branding.json",
     // exclude binaries for other operating systems
     ...PLATFORMS.filter(p => p !== opts.os).map(
       p => `!node_modules/android-tools-bin/dist/${p}`
@@ -110,7 +117,7 @@ switch (opts.os) {
       linux: {
         target,
         icon: "build/icons",
-        synopsis: "Install Ubuntu Touch on UBports devices",
+        synopsis: `Install ${branding.os} on your device device`,
         category: "Utility"
       },
       deb: {

public/index.html

@@ -4,8 +4,6 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-    <title>UBports Installer</title>
-
     <link rel="stylesheet" href="build/theme.css" />
     <link rel="stylesheet" href="global.css" />
 

src/core/helpers/api.js

@@ -18,19 +18,20 @@
  */
 
 const axios = require("axios");
+const branding = require("../../../branding.json");
 
 /** @module api */
 
 const api = axios.create({
-  baseURL: "https://ubports.github.io/installer-configs/v2/",
-  timeout: 15000
+  baseURL: branding["config-repo"],
+  timeout: 30000
 });
 
 /**
  * get device index
  * @returns {Promise<Array<Object>>}
  */
-const getIndex = () => api.get("/").then(({ data }) => data);
+const getIndex = () => api.get("/index.json").then(({ data }) => data);
 
 /**
  * get device selects object array

src/lib/cli.js

@@ -20,8 +20,9 @@
 const cli = require("commander");
 const log = require("./log.js");
 const packageInfo = require("../../package.json");
+const branding = require("../../branding.json");
 
-const description = `UBports Installer (${packageInfo.version}) ${
+const description = `${branding["header-text"]} (${packageInfo.version}) ${
   packageInfo.package || "source"
 } for ${process.platform}
 ${packageInfo.license} ${packageInfo.author}

src/lib/log.js

@@ -20,6 +20,7 @@
 const winston = require("winston");
 const path = require("path");
 const { path: cachePath } = require("./cache.js");
+const branding = require("../../branding.json");
 
 const levels = {
   error: 0,
@@ -48,7 +49,7 @@ class Logger {
     });
 
     this.logfile = new winston.transports.File({
-      filename: path.join(cachePath, "ubports-installer.log"),
+      filename: path.join(cachePath, branding.logfile),
       options: { flags: "w" },
       level: "command"
     });

src/lib/mainEvent.js

@@ -24,6 +24,7 @@ const { ipcMain, shell } = require("electron");
 const EventEmitter = require("events");
 const { prompt } = require("./prompt.js");
 const packageInfo = require("../../package.json");
+const branding = require("../../branding.json");
 
 const mainEvent = new EventEmitter();
 
@@ -203,9 +204,9 @@ mainEvent.on("user:write:done", () => {
   window.send("user:write:done");
   window.send("user:write:speed");
   log.info(
-    "All done! Your device will now reboot and complete the installation. Enjoy exploring Ubuntu Touch!"
+    `All done! Your device will now reboot; follow the steps on your device to complete the installation. Enjoy using ${branding.os}!`
   );
-  if (!settings.get("never.opencuts")) {
+  if (branding["allow-reporting"] && !settings.get("never.opencuts")) {
     setTimeout(() => {
       window.send("user:report", true);
     }, 1500);

src/lib/menuManager.js

@@ -24,6 +24,7 @@ const udev = require("./udev.js");
 const settings = require("./settings.js");
 const cache = require("./cache.js");
 const reporter = require("./reporter.js");
+const branding = require("../../branding.json");
 
 class MenuManager {
   /**
@@ -36,30 +37,34 @@ class MenuManager {
         label: "About",
         submenu: [
           {
-            label: "About the UBports Foundation...",
-            click: () => shell.openExternal("https://ubports.com")
+            label: `About ${branding["organisation-name"]}...`,
+            visible: !!branding["organisation-url"],
+            click: () => shell.openExternal(branding["organisation-url"])
           },
           {
-            label: "About Ubuntu Touch...",
-            click: () => shell.openExternal("https://ubuntu-touch.io")
+            label: `About ${branding.os}...`,
+            visible: !!branding["info-url"],
+            click: () => shell.openExternal(branding["info-url"])
           },
           {
             label: "Donate",
-            click: () => shell.openExternal("https://ubports.com/donate")
+            visible: !!branding["donate-url"],
+            click: () => shell.openExternal(branding["donate-url"])
           },
           {
             label: "Source",
+            visible: !!branding["installer-source"],
             click: () =>
               shell.openExternal(
-                "https://github.com/ubports/ubports-installer/tree/" +
+                branding["installer-source"] +
                   packageInfo.version
               )
           },
           {
             label: "License",
             click: () =>
               shell.openExternal(
-                "https://github.com/ubports/ubports-installer/blob/" +
+                branding["licence-url"] +
                   packageInfo.version +
                   "/LICENSE"
               )
@@ -98,6 +103,7 @@ class MenuManager {
           },
           {
             label: "Report a bug",
+            visible: branding["allow-reporting"],
             click: () => window.send("user:report")
           },
           {
@@ -167,13 +173,15 @@ class MenuManager {
           },
           {
             label: "Never ask for OPEN-CUTS automatic reporting",
+            visible: branding["allow-reporting"],
             checked: settings.get("never.opencuts"),
             type: "checkbox",
             click: () =>
               settings.set("never.opencuts", !settings.get("never.opencuts"))
           },
           {
             label: "OPEN-CUTS API Token",
+            visible: branding["allow-reporting"],
             click: () => reporter.tokenDialog(mainWindow)
           }
         ]
@@ -183,36 +191,44 @@ class MenuManager {
         submenu: [
           {
             label: "Bug tracker",
+            visible: !!branding["bug-tracker"],
             click: () =>
               shell.openExternal(
-                "https://github.com/ubports/ubports-installer/issues"
+                branding["bug-tracker"]
               )
           },
           {
             label: "Report a bug",
+            visible: branding["allow-reporting"],
             click: () => window.send("user:report")
           },
           {
             label: "Troubleshooting",
+            visible: !!branding["troubleshooting"],
             click: () =>
               shell.openExternal(
-                "https://docs.ubports.com/en/latest/userguide/install.html#troubleshooting"
+                branding["troubleshooting"]
               )
           },
           {
-            label: "UBports Forums",
-            click: () => shell.openExternal("https://forums.ubports.com")
+            label: branding["forum-name"],
+            visible: !!branding["forum-url"],
+            click: () => shell.openExternal(branding["forum-url"])
           },
           {
-            label: "AskUbuntu",
+            label: branding["support-name"],
+            visible: !!branding["support-url"],
             click: () =>
               shell.openExternal(
-                "https://askubuntu.com/questions/tagged/ubuntu-touch"
+                branding["support-url"]
               )
           },
           {
-            label: "Telegram",
-            click: () => shell.openExternal("https://t.me/WelcomePlus")
+           label: branding["contact-name"],
+           visible: !!branding["contact-url"],
+           click: () => shell.openExternal(
+             branding["contact-url"]
+           )
           }
         ]
       }

src/lib/reporter.js

@@ -28,6 +28,7 @@ const cli = require("./cli.js");
 const core = require("../core/core.js");
 const { prompt } = require("./prompt.js");
 const { paste } = require("./paste.js");
+const branding = require("../../branding.json");
 
 /**
  * OPEN-CUTS operating system mapping
@@ -104,7 +105,7 @@ class Reporter {
   async getDebugInfo(data, runUrl, logUrl) {
     return encodeURIComponent(
       [
-        `**UBports Installer \`${packageInfo.version}\` (${data.package})**`,
+        `**${branding.appname} \`${packageInfo.version}\` (${data.package})**`,
         `Environment: \`${data.environment}\``,
         `Device: ${this.getDeviceLinkMarkdown(data.device)}`,
         `Target OS: ${core?.props?.os?.name}`,

src/lib/udev.js

@@ -21,6 +21,7 @@ const sudo = require("sudo-prompt");
 const path = require("path");
 const log = require("./log.js");
 const { ipcMain } = require("electron");
+const branding = require("../../branding.json");
 
 const vendorIds = [
   "03f0",
@@ -128,7 +129,7 @@ class Udev {
     sudo.exec(
       udevCommand,
       {
-        name: "UBports Installer",
+        name: branding.appname,
         icns: path.join(__dirname, "../../build/icons/icon.icns")
       },
       error => {

src/lib/updater.js

@@ -19,6 +19,7 @@
 
 const axios = require("axios");
 const packageInfo = require("../../package.json");
+const branding = require("../../branding.json");
 
 /**
  * UBports Installer version management
@@ -42,7 +43,7 @@ class Updater {
     } else {
       return axios
         .get(
-          "https://api.github.com/repos/ubports/ubports-installer/releases/latest",
+          branding["update-url"],
           {
             json: true,
             headers: { "User-Agent": "axios" }
@@ -54,7 +55,7 @@ class Updater {
         })
         .catch(e => {
           throw new Error(
-            `Failed to get latest version of the UBports Installer: ${e}`
+            `Failed to get latest version of the ${branding.appname}: ${e}`
           );
         });
     }