add basePathSync function

Author: kilbot

.github/workflows/tag-and-release.yml

@@ -62,7 +62,7 @@ jobs:
         run: |
           sed -i 's/src="\/_expo/src="_expo/g' dist/index.html
           sed -i 's/href="\/_expo/href="_expo/g' dist/index.html
-          find dist -type f -name '*.js' -exec sed -i 's|/_expo/static/js/web/|./|g' {} +
+          find dist -type f -name '*.js' -exec sed -i 's|"/_expo/static/js/web/|window.electron.basePath + "_expo/static/js/web/|g' {} +
 
       - name: Archive production artifacts
         uses: actions/upload-artifact@v3

src/index.ts

@@ -10,6 +10,7 @@ import { createWindow } from './main/window';
 import './main/database';
 import './main/axios';
 import './main/print-external-url';
+import './main/basePath';
 
 // enabled logging when in development
 if (process.env.NODE_ENV === 'development') {

src/main/basePath.ts

@@ -0,0 +1,8 @@
+import path from 'path';
+
+import { ipcMain } from 'electron';
+
+ipcMain.on('getBasePathSync', (event) => {
+	const basePath = `file://${path.join(process.resourcesPath, 'dist')}/`;
+	event.returnValue = basePath; // Synchronously return the basePath
+});

src/preload.ts

@@ -2,9 +2,12 @@ import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron';
 
 /**
  * Expose the basePath to the renderer process.
+ *
+ * @NOTE - This is a synchronous call, it will block the thread, but it's a quick call.
+ * This is needed for the bundle splitting to work correctly.
  */
 contextBridge.exposeInMainWorld('electron', {
-	basePath: `file://${process.resourcesPath}/dist/`,
+	basePath: ipcRenderer.sendSync('getBasePathSync'),
 });
 
 // White-listed channels.