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.

4 files changed, 177 insertions, 0 deletions

diff --git a/packages/main/package.json b/packages/main/package.json
new file mode 100644
index 0000000..1eba6c1
--- /dev/null
+++ b/packages/main/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "@sophie/main",
+  "version": "0.1.0",
+  "dependencies": {
+    "electron": "^16.0.5"
+  },
+  "devDependencies": {
+    "@types/electron-devtools-installer": "^2.2.0",
+    "electron-devtools-installer": "^3.2.0",
+    "vite": "^2.7.6"
+  }
+}
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
new file mode 100644
index 0000000..ef954e1
--- /dev/null
+++ b/packages/main/src/index.ts
@@ -0,0 +1,95 @@
+import { app, BrowserWindow } from 'electron';
+import { join } from 'path';
+import { URL } from 'url';
+
+const isSingleInstance = app.requestSingleInstanceLock();
+const isDevelopment = import.meta.env.MODE === 'development';
+
+if (!isSingleInstance) {
+  app.quit();
+  process.exit(0);
+}
+
+app.enableSandbox();
+
+if (isDevelopment) {
+  app.whenReady().then(async () => {
+    const {
+      default: installExtension,
+      MOBX_DEVTOOLS,
+      REACT_DEVELOPER_TOOLS,
+    } = await import('electron-devtools-installer');
+    installExtension(
+      [
+        MOBX_DEVTOOLS,
+        REACT_DEVELOPER_TOOLS,
+      ],
+      {
+        forceDownload: false,
+        loadExtensionOptions: {
+          allowFileAccess: true,
+        },
+      },
+    );
+  }).catch((err) => {
+    console.error('Failed to install devtools extension', err);
+  });
+}
+
+let mainWindow: BrowserWindow | null = null;
+
+function createWindow(): Promise<void> {
+  mainWindow = new BrowserWindow({
+    show: false,
+    webPreferences: {
+      nativeWindowOpen: true,
+      webviewTag: false,
+      sandbox: true,
+      preload: join(__dirname, '../../preload/dist/index.cjs'),
+    }
+  });
+
+  // See https://github.com/MarshallOfSound/electron-devtools-installer/issues/195#issuecomment-998872878
+  if (isDevelopment) {
+    const { webContents } = mainWindow;
+    webContents.once('dom-ready', () => {
+      webContents.once('devtools-opened', () => {
+        mainWindow?.focus();
+      });
+      webContents.openDevTools();
+    });
+  }
+
+  mainWindow.on('ready-to-show', () => {
+    mainWindow?.show();
+  });
+
+  const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined)
+    ? import.meta.env.VITE_DEV_SERVER_URL
+    : new URL('../renderer/dist/index.html', `file://${__dirname}`).toString();
+
+  return mainWindow.loadURL(pageUrl);
+}
+
+app.on('second-instance', () => {
+  if (mainWindow !== null) {
+    if (!mainWindow.isVisible()) {
+      mainWindow.show();
+    }
+    if (mainWindow.isMinimized()) {
+      mainWindow.restore();
+    }
+    mainWindow.focus();
+  }
+});
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+app.whenReady().then(createWindow).catch((err) => {
+  console.error('Failed to create window', err);
+  process.exit(1);
+});
diff --git a/packages/main/tsconfig.json b/packages/main/tsconfig.json
new file mode 100644
index 0000000..7181228
--- /dev/null
+++ b/packages/main/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "/@/*": [
+        "src/*"
+      ]
+    },
+    "types": [
+      "node",
+      "vite/client"
+    ]
+  },
+  "include": [
+    "src/**/*",
+    "../../types/**/*.d.ts"
+  ]
+}
diff --git a/packages/main/vite.config.js b/packages/main/vite.config.js
new file mode 100644
index 0000000..45c2c8c
--- /dev/null
+++ b/packages/main/vite.config.js
@@ -0,0 +1,51 @@
+// @ts-check
+
+import { builtinModules } from 'module';
+import { join } from 'path';
+
+// `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless.
+// @ts-expect-error
+import { node } from '../../.electron-vendors.cache.json';
+
+/** @type string */
+const PACKAGE_ROOT = __dirname;
+
+/**
+ * @type {import('vite').UserConfig}
+ * @see https://vitejs.dev/config/
+ */
+const config = {
+  mode: process.env.MODE,
+  root: PACKAGE_ROOT,
+  envDir: process.cwd(),
+  resolve: {
+    alias: {
+      '/@/': join(PACKAGE_ROOT, 'src') + '/',
+    },
+  },
+  build: {
+    sourcemap: 'inline',
+    target: `node${node}`,
+    outDir: 'dist',
+    assetsDir: '.',
+    minify: process.env.MODE !== 'development',
+    lib: {
+      entry: 'src/index.ts',
+      formats: ['cjs'],
+    },
+    rollupOptions: {
+      external: [
+        'electron',
+        'electron-devtools-installer',
+        ...builtinModules,
+      ],
+      output: {
+        entryFileNames: '[name].cjs',
+      },
+    },
+    emptyOutDir: true,
+    brotliSize: false,
+  },
+};
+
+export default config;