react-native-electron-platform 0.0.10 → 0.0.12

package/src/modules/windowManager.js

@@ -0,0 +1,142 @@
+import { BrowserWindow, screen, session } from "electron";
+import path from "path";
+import fs from "fs";
+import { app, dialog } from "electron";
+
+export function createMainWindow(__dirname) {
+  const primaryDisplay = screen.getPrimaryDisplay();
+  const { x, y, width, height } = primaryDisplay.bounds;
+
+  const iconPath = path.join(app.getAppPath(), "electron/icon.ico");
+  const preloadPath = path.join(__dirname, "preload.mjs");
+
+  const mainWindow = new BrowserWindow({
+    x,
+    y,
+    width,
+    height,
+    show: false,
+    icon: iconPath,
+    frame: true,
+    webPreferences: {
+      preload: preloadPath,
+      nodeIntegration: false,
+      contextIsolation: true,
+      sandbox: false,
+      webSecurity: false,
+      disableBlinkFeatures: "AutoLoadIconsForPage",
+      nativeWindowOpen: true,
+      spellcheck: true,
+    },
+  });
+
+  mainWindow.removeMenu();
+  mainWindow.maximize();
+  mainWindow.show();
+
+  mainWindow.on("resize", () => {
+    const bounds = mainWindow.getBounds();
+    if (bounds?.width && bounds?.height) {
+      console.log(`Window resized: ${bounds.width}x${bounds.height}`);
+    }
+  });
+
+  // CORS handling
+  setupCorsHandling();
+
+  // Load the app
+  loadAppContent(mainWindow, __dirname);
+
+  // Setup dev tools shortcuts in development
+  if (isDevMode()) {
+    setupDevToolsShortcuts(mainWindow);
+  }
+
+  mainWindow.webContents.on("did-finish-load", () => {
+    console.log("Page loaded successfully");
+  });
+
+  return mainWindow;
+}
+
+function setupCorsHandling() {
+  session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
+    const responseHeaders = { ...details.responseHeaders };
+
+    delete responseHeaders["access-control-allow-origin"];
+    delete responseHeaders["access-control-allow-headers"];
+    delete responseHeaders["access-control-allow-methods"];
+    delete responseHeaders["Access-Control-Allow-Origin"];
+    delete responseHeaders["Access-Control-Allow-Headers"];
+    delete responseHeaders["Access-Control-Allow-Methods"];
+
+    callback({
+      responseHeaders: {
+        ...responseHeaders,
+        "Access-Control-Allow-Origin": ["*"],
+        "Access-Control-Allow-Headers": ["*"],
+        "Access-Control-Allow-Methods": ["GET, POST, PUT, DELETE, OPTIONS"],
+      },
+    });
+  });
+}
+
+function isDevMode() {
+  return process.argv.includes("--enable-remote-module") ||
+    process.env.NODE_ENV === "development";
+}
+
+function loadAppContent(mainWindow, __dirname) {
+  const isDev = isDevMode();
+
+  if (isDev) {
+    mainWindow.loadURL("http://localhost:5001");
+    console.log("DEV MODE: http://localhost:5001");
+  } else {
+    const possiblePaths = [
+      path.join(__dirname, "web-build/index.html"),
+      path.join(__dirname, "../web-build/index.html"),
+      path.join(__dirname, "../../web-build/index.html"),
+      path.join(app.getAppPath(), "web-build/index.html"),
+    ];
+
+    let indexPath = null;
+    for (const p of possiblePaths) {
+      if (fs.existsSync(p)) {
+        indexPath = p;
+        break;
+      }
+    }
+
+    console.log("Loading:", indexPath);
+
+    if (!indexPath) {
+      dialog.showErrorBox(
+        "Application Error",
+        `web-build/index.html not found. Tried: ${possiblePaths.join(", ")}`
+      );
+      app.quit();
+      return;
+    }
+
+    mainWindow.loadFile(indexPath);
+  }
+}
+
+function setupDevToolsShortcuts(mainWindow) {
+  mainWindow.webContents.on("before-input-event", (event, input) => {
+    if (input.control && input.shift && input.key.toLowerCase() === "i") {
+      mainWindow.webContents.toggleDevTools();
+      event.preventDefault();
+    } else if (input.key === "F12") {
+      mainWindow.webContents.toggleDevTools();
+      event.preventDefault();
+    } else if (
+      input.key === "F5" ||
+      (input.control && input.key.toLowerCase() === "r")
+    ) {
+      mainWindow.webContents.reload();
+      event.preventDefault();
+    }
+  });
+}

package/src/webpackConfigHelper.mjs

@@ -2,7 +2,7 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
 import fs from 'fs';
-import { WEB_UNSUPPORTED_PACKAGES } from '../test/electron/nonmodules.mjs';
+import { WEB_UNSUPPORTED_PACKAGES } from '../../../electron/nonmodules.mjs';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 

package/test/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "my-electron-app",
+  "version": "1.0.0",
+  "description": "A React Native app with Electron support using react-native-electron-platform",
+  "private": true,
+  "main": "node_modules/react-native-electron-platform/index.mjs",
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest",
+    "web": "webpack serve --config node_modules/react-native-electron-platform/webpack.config.mjs --mode development",
+    "web:build": "webpack --config node_modules/react-native-electron-platform/webpack.config.mjs --mode production",
+    "electron": "cross-env NODE_ENV=development concurrently \"npm run web\" \"wait-on http://localhost:5001 && electron .\"",
+    "electron:dev": "cross-env NODE_ENV=development electron . --enable-remote-module",
+    "electron:build": "npm run web:build && electron-builder --config node_modules/react-native-electron-platform/electron-builder.json",
+    "electron:build:nsis": "npm run web:build && electron-builder --config node_modules/react-native-electron-platform/electron-builder.json --win nsis --publish never",
+    "electron:build:msi": "npm run web:build && electron-builder --config node_modules/react-native-electron-platform/electron-builder.json --win msi --publish never"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "react-native": "^0.71.0",
+    "react-native-electron-platform": "^0.0.12",
+    "cross-env": "^7.0.3",
+    "concurrently": "^8.0.0",
+    "wait-on": "^7.0.0"
+  },
+  "devDependencies": {
+    "webpack": "^5.0.0",
+    "webpack-cli": "^5.0.0",
+    "webpack-dev-server": "^4.0.0",
+    "html-webpack-plugin": "^5.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "babel-loader": "^9.0.0",
+    "electron": "^25.0.0",
+    "electron-builder": "^24.0.0",
+    "eslint": "^8.0.0",
+    "jest": "^29.0.0"
+  }
+}