npm - react-native-electron-platform - Versions diffs - 0.0.12 → 0.0.14 - Mend

react-native-electron-platform 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/.editorconfig ADDED Viewed

@@ -0,0 +1,18 @@
+root = true
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+[*.{js,jsx,ts,tsx,mjs}]
+indent_style = space
+indent_size = 2
+[*.json]
+indent_style = space
+indent_size = 2
+[*.md]
+trim_trailing_whitespace = false

package/.gitattributes ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ # Auto detect text files and perform LF normalization
2	+ * text=auto

package/.npmignore ADDED Viewed

@@ -0,0 +1,20 @@
+# Exclude everything by default
+*
+# Include only necessary files
+!src/
+!README.md
+!LICENSE
+!package.json
+# Exclude test files if not needed
+src/test/
+test/
+# Exclude build configs if not needed
+webpack.config.mjs
+electron-builder.json
+# Exclude development files
+.gitignore
+.npmignore

package/CONTRIBUTING.md CHANGED Viewed

@@ -36,4 +36,4 @@ When reporting issues, please include:
 ## License
-By contributing, you agree that your contributions will be licensed under the MIT License.
+By contributing, you agree that your contributions will be licensed under the JESCON TECHNOLOGIES License.

package/README.md CHANGED Viewed

@@ -113,7 +113,7 @@ Read the **[Complete Setup Guide](SETUP.md)** for step-by-step instructions on:
 ## 📖 How to Use
-### Option 1: As an NPM Module (Recommended) ⭐
+### As an NPM Module (Recommended) ⭐
 The easiest and recommended way - install as a package and use pre-configured setup:
@@ -201,76 +201,11 @@ if (root) {
 }
 ```
-Create `index.html`:
-```html
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>My App</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-      body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; }
-      #root { width: 100%; height: 100vh; }
-    </style>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
-```
 **Run Your App:**
 ```bash
 npm run electron
 ```
-### Option 2: As a Boilerplate (Advanced)
-For custom use cases, copy specific files to your Electron project:
-```bash
-# Copy Electron entry point
-cp node_modules/react-native-electron-platform/index.mjs ./
-# Copy webpack config helper
-cp node_modules/react-native-electron-platform/src/webpackConfigHelper.mjs ./src/
-# Copy preload script (for security)
-cp node_modules/react-native-electron-platform/src/preload.mjs ./src/
-```
-### Option 3: As a Library (Advanced)
-Use utility functions directly in your project:
-```javascript
-// Analyze dependencies
-import webpackConfigHelper from 'react-native-electron-platform/src/webpackConfigHelper.mjs';
-const packages = webpackConfigHelper.categorizePackages();
-// Use modules
-import { windowManager, networkService, autoUpdater } from 'react-native-electron-platform/src/modules/';
-// Create window
-windowManager.createWindow({ width: 1024, height: 768 });
-// Make secure network requests
-networkService.fetch('https://api.example.com/data');
-// Check for updates
-autoUpdater.checkForUpdates();
-```
-## Example Project
-See the [example-project](example-project/) folder for a complete, working example with:
-- Pre-configured `package.json`
-- Sample App component
-- Electron configuration
-- HTML entry point
 ## 🔧 Available NPM Scripts
 All scripts are configured to work with react-native-electron-platform.

package/electron-builder.json CHANGED Viewed

@@ -27,34 +27,13 @@
     "package.json",
     "!**/*.map",
     "!**/*.md",
-    "!**/*.ts",
-    "!**/*.tsx",
-    "!**/*.log",
     "!**/test/**",
     "!**/__tests__/**",
-    "!**/tests/**",
     "!**/docs/**",
-    "!**/example/**",
-    "!**/examples/**",
-    "!**/.vscode/**",
-    "!**/.github/**",
-    "!**/node_modules/.bin",
-    "!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md}",
-    "!**/node_modules/*/{test,__tests__,tests,example,examples}",
-    "!**/node_modules/**/*.d.ts",
-    "!**/android/**",
-    "!**/ios/**",
-    "!**/build/**",
-    "!**/*.gradle",
-    "!**/*.java",
-    "!**/*.kt",
-    "!**/node_modules/**/android/**",
-    "!**/node_modules/**/ios/**",
-    "!**/node_modules/**/build/**",
+    "!**/locales/**",
     "!**/node_modules/react-native/**",
+    "!**/node_modules/electron/**",
     "!**/node_modules/react-native-*/*",
-    "!**/node_modules/rn-fetch-blob/**",
-    "!**/locales/**",
     "node_modules/react-native-electron-platform/src/**/*",
     "node_modules/react-native-electron-platform/index.mjs"
   ],

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-native-electron-platform",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "A boilerplate and utilities for running React Native applications in Electron",
   "main": "index.mjs",
   "scripts": {
@@ -49,6 +49,9 @@
     "CHANGELOG.md",
     "CODE_OF_CONDUCT.md",
     "CONTRIBUTING.md",
-    "electron-builder.json"
+    "electron-builder.json",
+    ".editorconfig",
+    ".gitattributes",
+    ".npmignore"
   ]
 }

package/src/icon.ico ADDED Viewed

Binary file

package/src/main.mjs ADDED Viewed

@@ -0,0 +1,552 @@
+import { app, BrowserWindow, session, screen, ipcMain, dialog } from "electron";
+import electronUpdater from "electron-updater";
+const { autoUpdater } = electronUpdater;
+import path from "path";
+import fs from "fs";
+import { Readable } from "stream";
+import os from "os";
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+import packageJson from "../../../package.json" with { type: 'json' };
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function isRunningFromNetwork() {
+  try {
+    const exePath = app.getPath("exe");
+    return exePath.startsWith("\\\\"); // UNC path
+  } catch {
+    return false;
+  }
+}
+function shouldUseSafeMode() {
+  const network = isRunningFromNetwork();
+  const hostname = os.hostname().toLowerCase();
+  const vmHint =
+    hostname.includes("vm") ||
+    hostname.includes("virtual") ||
+    hostname.includes("vbox") ||
+    hostname.includes("hyper");
+  return network || vmHint;
+}
+// Apply BEFORE Electron ready
+if (shouldUseSafeMode()) {
+  console.log("⚠ SAFE MODE ENABLED");
+  app.disableHardwareAcceleration();
+  app.commandLine.appendSwitch("disable-gpu");
+  app.commandLine.appendSwitch("disable-software-rasterizer");
+  app.commandLine.appendSwitch("no-sandbox");
+  app.commandLine.appendSwitch("disable-dev-shm-usage");
+} else {
+  console.log("✅ NORMAL MODE");
+}
+let mainWindow;
+function createWindow() {
+  const primaryDisplay = screen.getPrimaryDisplay();
+  const { x, y, width, height } = primaryDisplay.bounds;
+  const iconPath = path.join(__dirname, "icon.ico");
+  const preloadPath = path.join(__dirname, "preload.js");
+  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}`);
+    }
+  });
+  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"],
+      },
+    });
+  });
+  const isDev =
+    process.argv.includes("--enable-remote-module") ||
+    process.env.NODE_ENV === "development";
+  if (isDev) {
+    mainWindow.loadURL("http://localhost:5001");
+    console.log("DEV MODE: http://localhost:5001");
+    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();
+      }
+    });
+  } 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);
+  }
+  mainWindow.webContents.on("did-finish-load", () => {
+    console.log("Page loaded successfully");
+  });
+}
+/**
+ * ----------------------------------------------------
+ * AUTO UPDATE (NSIS)
+ * ----------------------------------------------------
+ */
+function setupAutoUpdater() {
+  console.log("Current app version:", app.getVersion());
+  if (!app.isPackaged) {
+    console.log("Auto-update disabled in development.");
+    return;
+  }
+  autoUpdater.autoDownload = true;
+  autoUpdater.autoInstallOnAppQuit = true;
+  const sendStatus = (data) => {
+    if (mainWindow) {
+      mainWindow.webContents.send("update-status", data);
+    }
+  };
+  autoUpdater.on("checking-for-update", () => {
+    console.log("Checking for updates...");
+    sendStatus({ status: "checking" });
+  });
+  autoUpdater.on("update-available", (info) => {
+    console.log("Update available:", info.version);
+    sendStatus({ status: "available", version: info.version });
+  });
+  autoUpdater.on("update-not-available", () => {
+    console.log("No updates available");
+    sendStatus({ status: "not-available" });
+  });
+  autoUpdater.on("download-progress", (progress) => {
+    console.log(`Download progress: ${Math.round(progress.percent)}%`);
+    sendStatus({
+      status: "downloading",
+      percent: Math.round(progress.percent),
+    });
+  });
+  autoUpdater.on("update-downloaded", () => {
+    console.log("Update downloaded");
+    sendStatus({ status: "downloaded" });
+    dialog
+      .showMessageBox(mainWindow, {
+        type: "info",
+        title: "Update Ready",
+        message: "A new version has been downloaded. Restart now?",
+        buttons: ["Restart", "Later"],
+      })
+      .then((result) => {
+        if (result.response === 0) {
+          autoUpdater.quitAndInstall();
+        }
+      });
+  });
+  autoUpdater.on("error", (err) => {
+    console.error("Auto-updater error:", err);
+    sendStatus({ status: "error", message: err.message });
+  });
+  // Check for updates after a short delay to ensure window is ready
+  setTimeout(() => {
+    autoUpdater.checkForUpdates();
+  }, 3000);
+}
+/**
+ * ----------------------------------------------------
+ * IPC: MANUAL UPDATE CHECK
+ * ----------------------------------------------------
+ */
+ipcMain.handle("check-for-updates", async () => {
+  if (app.isPackaged) {
+    autoUpdater.checkForUpdates();
+    return { status: "checking" };
+  }
+  return { status: "disabled", message: "Auto-update disabled in development" };
+});
+//
+// ======================================================
+// NETWORK SERVICE
+// ======================================================
+//
+async function NetworkServiceCall(method, url, params = {}, headers = {}) {
+  try {
+    const upperMethod = method.toUpperCase();
+    const options = {
+      method: upperMethod,
+      headers: {
+        "Content-Type": "application/json",
+        ...headers,
+      },
+    };
+    if (upperMethod !== "GET") {
+      options.body = JSON.stringify(params);
+    } else if (params && Object.keys(params).length > 0) {
+      const query = new URLSearchParams(params).toString();
+      url += `?${query}`;
+    }
+    const response = await fetch(url, options);
+    const data = await response.json().catch(() => ({}));
+    if (response.ok || data?.httpstatus === 200) {
+      return { httpstatus: 200, data: data?.data || data };
+    }
+    return {
+      httpstatus: response.status,
+      data: { title: "ERROR", message: data?.message || "Network Error" },
+    };
+  } catch (err) {
+    return {
+      httpstatus: 404,
+      data: { title: "ERROR", message: err.message },
+    };
+  }
+}
+ipcMain.handle("network-call", async (event, payload) => {
+  try {
+    const { method, url, params, headers } = payload;
+    console.log("IPC network-call:", { method, url });
+    return NetworkServiceCall(method, url, params, headers);
+  } catch (err) {
+    console.error("IPC network-call error:", err);
+    return {
+      httpstatus: 500,
+      data: { title: "ERROR", message: err.message },
+    };
+  }
+});
+//
+// ======================================================
+// PDF / FILE IPC
+// ======================================================
+//
+ipcMain.handle("save-pdf", async (event, html) => {
+  try {
+    console.log("IPC save-pdf called");
+    const tempWin = new BrowserWindow({
+      show: false,
+      webPreferences: { offscreen: true },
+    });
+    await tempWin.loadURL(
+      `data:text/html;charset=utf-8,${encodeURIComponent(html)}`
+    );
+    const pdfBuffer = await tempWin.webContents.printToPDF({});
+    tempWin.destroy();
+    const { filePath } = await dialog.showSaveDialog({
+      title: "Save PDF",
+      defaultPath: "document.pdf",
+      filters: [{ name: "PDF", extensions: ["pdf"] }],
+    });
+    if (filePath) {
+      fs.writeFileSync(filePath, pdfBuffer);
+      console.log("PDF saved:", filePath);
+      return "saved";
+    }
+    return "cancelled";
+  } catch (err) {
+    console.error("IPC save-pdf error:", err);
+    throw err;
+  }
+});
+ipcMain.handle("post-pdf-preview", async (event, payload) => {
+  try {
+    const { url, data, headers = {} } = payload;
+    console.log("IPC post-pdf-preview:", { url });
+    const res = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/pdf",
+        ...headers,
+      },
+      body: data,
+    });
+    if (!res.ok) {
+      throw new Error(`HTTP ${res.status}`);
+    }
+    const fileName = `Report_${Date.now()}.pdf`;
+    const tempPath = path.join(app.getPath("temp"), fileName);
+    const nodeStream = Readable.fromWeb(res.body);
+    await new Promise((resolve, reject) => {
+      const fileStream = fs.createWriteStream(tempPath);
+      nodeStream.pipe(fileStream);
+      nodeStream.on("error", reject);
+      fileStream.on("finish", resolve);
+    });
+    return {
+      status: "ok",
+      path: `file://${tempPath}`,
+    };
+  } catch (err) {
+    console.error("post-pdf-preview error:", err);
+    return {
+      status: "error",
+      message: err.message,
+    };
+  }
+});
+ipcMain.handle("open-pdf-preview", async (_, pdfUrl) => {
+  try {
+    const res = await fetch(pdfUrl);
+    const buffer = Buffer.from(await res.arrayBuffer());
+    const tempPath = path.join(app.getPath("temp"), `preview_${Date.now()}.pdf`);
+    fs.writeFileSync(tempPath, buffer);
+    return `file://${tempPath}`;
+  } catch (err) {
+    console.error("open-pdf-preview error:", err);
+    throw err;
+  }
+});
+ipcMain.handle("select-file", async () => {
+  try {
+    const result = await dialog.showOpenDialog({
+      title: "Select a file",
+      properties: ["openFile"],
+      filters: [
+        { name: "All Files", extensions: ["*"] },
+      ],
+    });
+    if (result.canceled) {
+      return {
+        status: "cancelled",
+        filePath: null,
+      };
+    }
+    return {
+      status: "selected",
+      filePath: result.filePaths[0],
+    };
+  } catch (err) {
+    console.error("select-file error:", err);
+    return {
+      status: "error",
+      message: err.message,
+    };
+  }
+});
+ipcMain.handle("preview-html", async (event, htmlContent) => {
+  try {
+    // Create a new hidden BrowserWindow for preview
+    const previewWin = new BrowserWindow({
+      width: 800,
+      height: 600,
+      show: false, // hide until ready
+      webPreferences: {
+        contextIsolation: true,
+        sandbox: false,
+        nodeIntegration: false,
+      },
+    });
+    // Load the HTML content
+    await previewWin.loadURL(
+      `data:text/html;charset=utf-8,${encodeURIComponent(htmlContent)}`
+    );
+    // Show the window once loaded
+    previewWin.show();
+    return { status: "ok" };
+  } catch (err) {
+    console.error("preview-html error:", err);
+    return { status: "error", message: err.message };
+  }
+});
+async function convertHtmlToPdfPreview(htmlContent, options = {}) {
+  try {
+    // Step 1: Create a hidden BrowserWindow
+    const tempWin = new BrowserWindow({
+      show: false,
+      webPreferences: {
+        offscreen: true,
+        contextIsolation: true,
+        nodeIntegration: false,
+      },
+    });
+    // Step 2: Load HTML into the window
+    await tempWin.loadURL(`data:text/html;charset=utf-8,${encodeURIComponent(htmlContent)}`);
+    // Step 3: Generate PDF
+    const pdfBuffer = await tempWin.webContents.printToPDF({
+      printBackground: true,
+      ...options,
+    });
+    tempWin.destroy();
+    // Step 4: Save PDF to temp folder
+    const pdfFileName = `Preview_${Date.now()}.pdf`;
+    const pdfPath = path.join(app.getPath("temp"), pdfFileName);
+    fs.writeFileSync(pdfPath, pdfBuffer);
+    // Step 5: Open a new window to preview the PDF
+    const previewWin = new BrowserWindow({
+      width: 900,
+      height: 700,
+      show: true,
+      webPreferences: {
+        contextIsolation: true,
+        nodeIntegration: false,
+      },
+    });
+    await previewWin.loadURL(`file://${pdfPath}`);
+    return pdfPath;
+  } catch (err) {
+    console.error("convertHtmlToPdfPreview error:", err);
+    throw err;
+  }
+}
+ipcMain.handle("html-to-pdf-preview", async (event, htmlContent) => {
+  try {
+    const pdfPath = await convertHtmlToPdfPreview(htmlContent);
+    return { status: "ok", path: pdfPath };
+  } catch (err) {
+    console.error("html-to-pdf-preview error:", err);
+    return { status: "error", message: err.message };
+  }
+});
+//
+// ======================================================
+// APP READY
+// ======================================================
+//
+app.whenReady().then(() => {
+  if (process.platform === "win32") {
+    app.setAppUserModelId(`com.${packageJson.name}.desktop`);
+  }
+  createWindow();
+  setupAutoUpdater();
+});
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") {
+    app.quit();
+  }
+});
+app.on("activate", () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow();
+  }
+});

package/test/test.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+import { getAllPackages, categorizePackages, isWebSupported, generateAlias, generateFallback } from '../src/webpackConfigHelper.mjs';
+import { WEB_UNSUPPORTED_PACKAGES } from './nonmodules.mjs';
+console.log('Testing webpackConfigHelper...');
+// Test getAllPackages
+const allPackages = getAllPackages();
+console.log('All packages:', Object.keys(allPackages));
+// Test categorizePackages
+const { webSupported, webUnsupported } = categorizePackages();
+console.log('Web supported:', webSupported.length);
+console.log('Web unsupported:', webUnsupported.length);
+// Test isWebSupported
+console.log('react-native-web supported:', isWebSupported('react-native-web'));
+console.log('react-native-fs supported:', isWebSupported('react-native-fs'));
+// Test generateAlias
+const alias = generateAlias();
+console.log('Alias keys:', Object.keys(alias));
+// Test generateFallback
+const fallback = generateFallback();
+console.log('Fallback keys:', Object.keys(fallback));
+console.log('Tests completed.');