Initial commit

Project skeleton based on
https://github.com/cawa-93/vite-electron-builder
but we use react instead of vue and yarn instead of npm.

3 files changed, 250 insertions, 0 deletions

diff --git a/scripts/build.js b/scripts/build.js
new file mode 100644
index 0000000..79cc564
--- /dev/null
+++ b/scripts/build.js
@@ -0,0 +1,50 @@
+#!/usr/bin/env node
+
+// @ts-check
+
+const { build } = require('vite');
+
+/** @type 'production' | 'development' */
+const mode = process.env.MODE = process.env.MODE || 'production';
+
+/** @type string[] */
+const packagesToBuild = [
+  'main',
+  'preload',
+  'renderer',
+];
+
+/**
+ * Builds all packages from `packagesToBuild` sequentially.
+ *
+ * @returns Promise<void>
+ */
+async function buildAll() {
+  const totalTimeLabel = 'Total bundling time';
+  console.time(totalTimeLabel);
+
+  for (const packageToBuild of packagesToBuild) {
+    const consoleGroupName = `package ${packageToBuild}`;
+    console.group(consoleGroupName);
+
+    const timeLabel = 'Bundling time';
+    console.time(timeLabel);
+
+    const packageConfigPath = `packages/${packageToBuild}/vite.config.js`;
+    await build({
+      configFile: packageConfigPath,
+      mode,
+    });
+
+    console.timeEnd(timeLabel);
+
+    console.groupEnd();
+  }
+
+  console.timeEnd(totalTimeLabel);
+}
+
+buildAll().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/scripts/update-electron-vendors.js b/scripts/update-electron-vendors.js
new file mode 100644
index 0000000..650d394
--- /dev/null
+++ b/scripts/update-electron-vendors.js
@@ -0,0 +1,55 @@
+#!/usr/bin/env node
+
+// @ts-check
+
+const { execSync } = require('child_process');
+const electronPath = require('electron');
+const { writeFile } = require('fs/promises');
+const path = require('path');
+
+/**
+ * Returns versions of electron vendors
+ * The performance of this feature is very poor and can be improved
+ * @see https://github.com/electron/electron/issues/28006
+ *
+ * @returns {NodeJS.ProcessVersions}
+ */
+function getVendors() {
+  const output = execSync(`${electronPath} -p "JSON.stringify(process.versions)"`, {
+    env: {'ELECTRON_RUN_AS_NODE': '1'},
+    encoding: 'utf-8',
+  });
+
+  return JSON.parse(output);
+}
+
+/**
+ * Generates the `.browserlistrc` and `.electron-vendors.cache.json` files.
+ *
+ * @returns Promise<void>
+ */
+function updateVendors() {
+  const electronRelease = getVendors();
+
+  const nodeMajorVersion = electronRelease.node.split('.')[0];
+  const chromeMajorVersion = electronRelease.v8.split('.')[0] + electronRelease.v8.split('.')[1];
+
+  const browserslistrcPath = path.resolve(process.cwd(), '.browserslistrc');
+
+  return Promise.all([
+    writeFile(
+      './.electron-vendors.cache.json',
+      JSON.stringify({
+        chrome: chromeMajorVersion,
+        node: nodeMajorVersion,
+      }, null, 2) + '\n',
+    ),
+
+    writeFile(browserslistrcPath, `Chrome ${chromeMajorVersion}\n`, 'utf8'),
+  ]);
+}
+
+updateVendors().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/scripts/watch.js b/scripts/watch.js
new file mode 100644
index 0000000..dab2635
--- /dev/null
+++ b/scripts/watch.js
@@ -0,0 +1,145 @@
+#!/usr/bin/env node
+
+// @ts-check
+
+const { spawn } = require('child_process');
+const electronPath = require('electron');
+const { build, createLogger, createServer } = require('vite');
+
+/** @type string */
+const mode = process.env.MODE = process.env.MODE || 'development';
+
+/** @type {import('vite').LogLevel} */
+const LOG_LEVEL = 'info';
+
+/** @type {import('vite').InlineConfig} */
+const sharedConfig = {
+  mode,
+  build: {
+    watch: {},
+  },
+  logLevel: LOG_LEVEL,
+};
+
+/**
+ * Messages on stderr that match any of the contained patterns will be stripped from output
+ *
+ * @type RegExp[]
+ */
+const stderrFilterPatterns = [
+  // warning about devtools extension
+  // https://github.com/cawa-93/vite-electron-builder/issues/492
+  // https://github.com/MarshallOfSound/electron-devtools-installer/issues/143
+  /ExtensionLoadWarning/,
+];
+
+/**
+ * @param {{name: string; configFile: string; writeBundle: import('rollup').OutputPlugin['writeBundle'] }} config
+ * @returns {Promise<import('rollup').RollupOutput | Array<import('rollup').RollupOutput> | import('rollup').RollupWatcher>}
+ */
+function getWatcher({name, configFile, writeBundle}) {
+  return build({
+    ...sharedConfig,
+    configFile,
+    plugins: [
+      {
+        name,
+        writeBundle,
+      },
+    ],
+  });
+}
+
+/**
+ * Start or restart App when source files are changed.
+ *
+ * @param {import('vite').ViteDevServer} viteDevServer
+ * @returns {Promise<import('rollup').RollupOutput | Array<import('rollup').RollupOutput> | import('rollup').RollupWatcher>}
+ */
+function setupMainPackageWatcher(viteDevServer) {
+  // Write a value to an environment variable to pass it to the main process.
+  const protocol = `http${viteDevServer.config.server.https ? 's' : ''}:`;
+  const host = viteDevServer.config.server.host || 'localhost';
+  const port = viteDevServer.config.server.port;
+  const path = '/';
+  process.env.VITE_DEV_SERVER_URL = `${protocol}//${host}:${port}${path}`;
+
+  const logger = createLogger(
+    LOG_LEVEL,
+    {
+      prefix: '[main]',
+    },
+  );
+
+  /** @type {import('child_process').ChildProcessWithoutNullStreams | null} */
+  let spawnProcess = null;
+
+  return getWatcher({
+    name: 'reload-app-on-main-package-change',
+    configFile: 'packages/main/vite.config.js',
+    writeBundle() {
+      if (spawnProcess !== null) {
+        spawnProcess.kill('SIGINT');
+        spawnProcess = null;
+      }
+
+      spawnProcess = spawn(String(electronPath), ['.']);
+
+      spawnProcess.stdout.on('data', (data) => {
+        if (data.toString().trim() !== '') {
+          logger.warn(data.toString(), {timestamp: true})
+        }
+      });
+
+      spawnProcess.stderr.on('data', (data) => {
+        const trimmedData = data.toString().trim();
+        if (trimmedData === '') {
+          return;
+        }
+        const mayIgnore = stderrFilterPatterns.some((r) => r.test(data));
+        if (mayIgnore) {
+          return;
+        }
+        logger.error(data, { timestamp: true });
+      });
+    },
+  });
+}
+
+/**
+ * Start or restart App when source files are changed.
+ *
+ * @param {import('vite').ViteDevServer} viteDevServer
+ * @returns {Promise<import('rollup').RollupOutput | Array<import('rollup').RollupOutput> | import('rollup').RollupWatcher>}
+ */
+function setupPreloadPackageWatcher(viteDevServer) {
+  return getWatcher({
+    name: 'reload-page-on-preload-package-change',
+    configFile: 'packages/preload/vite.config.js',
+    writeBundle() {
+      viteDevServer.ws.send({
+        type: 'full-reload',
+      });
+    },
+  });
+}
+
+/**
+ * @returns Promise<void>
+ */
+async function setupDevEnvironment() {
+  const viteDevServer = await createServer({
+    ...sharedConfig,
+    configFile: 'packages/renderer/vite.config.js',
+  });
+
+  await viteDevServer.listen();
+
+  await setupPreloadPackageWatcher(viteDevServer);
+  return setupMainPackageWatcher(viteDevServer);
+}
+
+setupDevEnvironment().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});