react-native-electron-platform 0.0.29 → 0.0.31

package/electron-builder.json

@@ -1,6 +1,6 @@
 {
-  "appId": "com.app.desktop",
-  "productName": "app",
+  "appId": "com.inv.desktop",
+  "productName": "inv",
   "asar": {
     "smartUnpack": true
   },
@@ -79,7 +79,7 @@
     "allowToChangeInstallationDirectory": true,
     "createDesktopShortcut": true,
     "createStartMenuShortcut": true,
-    "shortcutName": "app",
+    "shortcutName": "inv",
     "artifactName": "${productName} Setup ${version}.${ext}"
   },
 

package/index.mjs

@@ -12,6 +12,21 @@ import { createMainWindow } from './src/modules/windowManager.js';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
+const color = {
+  reset: "\x1b[0m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+  blue: "\x1b[34m",
+  red: "\x1b[31m",
+};
+
+const format = {
+  info: (text) => `${color.blue}${text}${color.reset}`,
+  success: (text) => `${color.green}${text}${color.reset}`,
+  warn: (text) => `${color.yellow}${text}${color.reset}`,
+  error: (text) => `${color.red}${text}${color.reset}`,
+};
+
 // ======================================================
 // SAFE MODE DETECTION (applies before ready)
 // ======================================================
@@ -60,9 +75,9 @@ app.whenReady().then(() => {
   setupAutoUpdater(mainWindow);
   
   // Log registered handlers
-  console.log("📊 IPC Handlers registered:", 
-    ipcMain.eventNames().filter(name => 
-      typeof name === 'string' && 
+  console.log(format.info("IPC Handlers registered:"),
+    ipcMain.eventNames().filter(name =>
+      typeof name === 'string' &&
       !name.startsWith('ELECTRON_')
     )
   );

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "react-native-electron-platform",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "A boilerplate and utilities for running React Native applications in desktop environments using Electron.",
   "main": "index.mjs",
   "scripts": {
     "start": "electron index.mjs",
-    "build": "webpack --config webpack.config.mjs",
-    "postinstall": "npm install"
+    "build": "webpack --config webpack.config.mjs"
   },
   "keywords": [
     "react-native",

package/src/modules/autoUpdater.js

@@ -15,7 +15,7 @@ export function setupAutoUpdater(mainWindow) {
   // Check if app-update.yml exists (required for auto-updates)
   const appUpdatePath = path.join(process.resourcesPath, "app-update.yml");
   if (!fs.existsSync(appUpdatePath)) {
-    console.log("⚠️  Auto-update disabled: app-update.yml not found.");
+    console.log("  Auto-update disabled: app-update.yml not found.");
     console.log("   This file is only created when publishing updates.");
     return;
   }

package/src/modules/ipcHandlers/index.js

@@ -8,7 +8,7 @@ import { registerFileHandlers } from './fileOps.js';
 import { registerUtilsHandlers } from './utils.js';
 
 export function registerAllIpcHandlers() {
-  console.log("📝 Registering IPC handlers...");
+  console.log(" Registering IPC handlers...");
 
   // Deep Linking (basic)
   ipcMain.handle('react-native-open-url', async (_event, url) => {
@@ -29,5 +29,5 @@ export function registerAllIpcHandlers() {
     event.returnValue = true;
   });
 
-  console.log("✅ All IPC handlers registered");
+  console.log(" All IPC handlers registered");
 }

package/src/modules/windowManager.js

@@ -3,6 +3,21 @@ import path from "path";
 import fs from "fs";
 import { app, dialog } from "electron";
 
+const color = {
+  reset: "\x1b[0m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+  blue: "\x1b[34m",
+  red: "\x1b[31m",
+};
+
+const format = {
+  info: (text) => `${color.blue}${text}${color.reset}`,
+  success: (text) => `${color.green}${text}${color.reset}`,
+  warn: (text) => `${color.yellow}${text}${color.reset}`,
+  error: (text) => `${color.red}${text}${color.reset}`,
+};
+
 export function createMainWindow(__dirname) {
   const primaryDisplay = screen.getPrimaryDisplay();
   const { x, y, width, height } = primaryDisplay.bounds;
@@ -53,7 +68,7 @@ export function createMainWindow(__dirname) {
   }
 
   mainWindow.webContents.on("did-finish-load", () => {
-    console.log("Page loaded successfully");
+    console.log(format.success("Page loaded successfully"));
   });
 
   return mainWindow;
@@ -91,7 +106,7 @@ function loadAppContent(mainWindow, __dirname) {
 
   if (isDev) {
     mainWindow.loadURL("http://localhost:5001");
-    console.log("DEV MODE: http://localhost:5001");
+    console.log(format.info("DEV MODE: http://localhost:5001"));
   } else {
     const possiblePaths = [
       path.join(__dirname, "web-build/index.html"),

package/src/preload.mjs

@@ -222,4 +222,4 @@ contextBridge.exposeInMainWorld("electronAPI", {
 });
 
 // Log that preload has loaded
-console.log('✅ Electron API exposed to renderer process');
+console.log(' Electron API exposed to renderer process');

package/src/progress.mjs

@@ -0,0 +1,53 @@
+import webpack from 'webpack';
+
+const defaultOptions = {
+  width: 24,
+  label: 'Building',
+  detailPrefix: 'Compiling',
+  colors: {
+    bar: '\x1b[32m',
+    info: '\x1b[34m',
+    percent: '\x1b[33m',
+    reset: '\x1b[0m',
+  },
+};
+
+export function createProgressPlugin(options = {}) {
+  const opts = { ...defaultOptions, ...options };
+  opts.colors = { ...defaultOptions.colors, ...(options.colors || {}) };
+
+  let initialPrinted = false;
+
+  return new webpack.ProgressPlugin((percentage, message, ...args) => {
+    const percent = Math.round(percentage * 100);
+    const complete = Math.round(percentage * opts.width);
+    const green = opts.colors.bar;
+    const blue = opts.colors.info;
+    const yellow = opts.colors.percent;
+    const reset = opts.colors.reset;
+
+    const blocks = '█'.repeat(complete);
+    const empties = ' '.repeat(Math.max(0, opts.width - complete));
+    const bar = `${green}${blocks}${reset}${empties}`;
+
+    let detailText = message || 'starting...';
+    if (args && args.length > 0) {
+      const info = args.join(' ');
+      if (info.length > 0) {
+        detailText = `${detailText} ${info}`;
+      }
+    }
+    const detail = `${blue}${opts.detailPrefix}:${reset} ${detailText}`;
+    const text = `${blue}${opts.label}${reset} [${bar}] ${yellow}${percent}%${reset}`;
+
+    if (initialPrinted) {
+      process.stdout.write('\x1b[2A');
+    }
+    process.stdout.write(`\x1b[2K\r${detail}\n\x1b[2K\r${text}\n`);
+    initialPrinted = true;
+
+    if (percentage === 1) {
+      process.stdout.write('\n');
+    }
+  });
+}

package/webpack.config.mjs

@@ -6,6 +6,7 @@ import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import fs from 'fs';
 import packageJson from '../../package.json' with { type: 'json' };
 import { generateAlias, generateFallback } from './src/webpackConfigHelper.mjs';
+import { createProgressPlugin } from './src/progress.mjs';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const port = process.env.PORT || 5001;
@@ -44,6 +45,10 @@ export default {
   entry: path.resolve(process.cwd(), 'electron/index.js'),
   devtool: 'source-map',
 
+  stats: 'none',
+  infrastructureLogging: {
+    level: 'error',
+  },
   devServer: {
     port: port,
     host: host,
@@ -55,12 +60,17 @@ export default {
       directory: path.join(process.cwd(), 'web-build'),
       publicPath: '/',
     },
+    devMiddleware: {
+      stats: 'errors-only',
+    },
     client: {
+      logging: 'none',
       overlay: {
         errors: true,
         warnings: false,
       },
-      reconnect: true,
+      reconnect: false,
+      progress: false,
     },
   },
 
@@ -152,7 +162,10 @@ export default {
   },
 
   plugins: [
-    new ReactRefreshWebpackPlugin(),
+    createProgressPlugin(),
+    new ReactRefreshWebpackPlugin({
+      overlay: false,
+    }),
     new CopyFontsPlugin(),
     new HtmlWebpackPlugin({
       template: path.resolve(__dirname, 'src/index.html'),