@vixoniccom/module-packager 2.12.0-dev.2 → 2.12.0-dev.4

package/dist/electron.js

@@ -12,7 +12,7 @@ const optionDefinitions = [
     { name: 'build', type: String, defaultValue: path.join(__dirname, 'build') },
     { name: 'config', type: String, defaultValue: './webpack.config.js' },
     { name: 'port', type: Number, defaultValue: 8080 },
-    { name: 'mode', type: String, defaultValue: 'run' }
+    { name: 'mode', type: String, defaultValue: 'build' }
 ];
 const options = commandLineArgs(optionDefinitions);
 if (options.mode === 'watch') {

package/dist/launcher.html

@@ -7,7 +7,8 @@
 </head>
 
 <body style="width: 100%; height: 100%; margin: 0; padding: 0;">
-  <webview id="webview" style="width: 100%; height: 100%;" partition="persist:webview"></webview>
+  <!-- Remover el webview del HTML -->
+  <div id="webview-container" style="width: 100%; height: 100%;"></div>
 
   <script>
     const path = require('path')
@@ -22,11 +23,17 @@
     const remote = require('@electron/remote')
 
     ipcRenderer.on('init', (event, options) => {
-      const webview = document.getElementById('webview')
-      const win = remote.getCurrentWindow()
-
+      // Crear el webview dinámicamente
+      const webview = document.createElement('webview')
+      webview.id = 'webview'
+      webview.style.width = '100%'
+      webview.style.height = '100%'
+      webview.setAttribute('partition', 'persist:webview')
+      
       webview.setAttribute('nodeintegration', '')
       webview.setAttribute('webpreferences', 'webSecurity=false, allowRunningInsecureContent=true, nodeIntegration=yes, contextIsolation=no')
+      
+      const win = remote.getCurrentWindow()
 
       webview.addEventListener('did-finish-load', () => {
         win.show()
@@ -39,11 +46,14 @@
 
       webview.src = resolvedSrc
 
+      // Añadir el webview al DOM después de configurarlo
+      document.getElementById('webview-container').appendChild(webview)
+
       function getData() {
         const data = {}
 
         try {
-          data.parameters = require(path.join(options.src, '/test/parameters.json')).parameters
+          data.parameters = require(path.join(options.src, 'test', 'parameters.json')).parameters
         } catch (err) {
           console.log('No parameters:', err.message)
         }
@@ -58,7 +68,7 @@
 
 
         try {
-          data.services = require(path.join(options.src, '/test/services.json')).services
+          data.services = require(path.join(options.src, 'test','services.json')).services
         } catch (err) {
           console.log('No services:', err.message)
         }

package/dist/main.js

@@ -16,7 +16,14 @@ import which from 'which';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const electronPath = path.join(__dirname, 'electron.js');
-const npxPath = which.sync('npx');
+let npxPath;
+try {
+    npxPath = which.sync('npx');
+}
+catch (error) {
+    console.log(error);
+    console.error('Error: npx is not installed or not found in PATH.');
+}
 const optionDefinitions = [
     { name: 'externals', type: String, defaultValue: [], multiple: true },
     { name: 'target', type: String, defaultValue: 'web' },
@@ -62,7 +69,7 @@ function createElectronArgs(mode) {
         '--port', String(options.port),
         '--mode', mode,
         '--config', options.config,
-        '--externals', Array.isArray(options.externals) ? options.externals.join(',') : ''
+        ...options.externals.flatMap((pkg) => ['--externals', pkg])
     ];
 }
 // Función centralizada para manejar procesos Electron
@@ -77,7 +84,7 @@ function spawnElectronProcess(mode) {
             ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
             NODE_NO_WARNINGS: '1'
         },
-        stdio: 'inherit'
+        stdio: ['inherit', 'pipe', 'pipe']
     });
     // Manejo centralizado de logs
     setupChildProcessLogging(child);
@@ -144,7 +151,6 @@ async function pack(callback) {
     console.log(clc.blue('Building module...'));
     validateConfiguration();
     const configPath = path.resolve(__dirname, options.config);
-    console.log("🚀 ~ pack ~ configPath:", configPath);
     try {
         const webpackConfig = (await import(configPath)).default(options);
         function handleWebpackError(err) {

package/dist/webpack.config.js

@@ -1,14 +1,10 @@
 import path from 'path';
-import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
 import webpack from 'webpack';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-console.log("🚀 ~ __dirname:", __dirname);
 export default (env = {}, argv = {}) => {
     const require = createRequire(import.meta.url);
     const options = {
@@ -17,14 +13,17 @@ export default (env = {}, argv = {}) => {
         port: env.port ?? 8080,
         mode: argv.mode ?? 'production',
     };
-    const isDev = options.mode === 'watch';
+    const isDev = options.mode === 'development' ||
+        argv.watch === true ||
+        process.env.NODE_ENV === 'development';
     const buildPath = path.resolve(options.build);
     const controllerHtmlPath = path.resolve(options.src, 'index.html');
     const controllerStaticPath = path.resolve(path.dirname(controllerHtmlPath), '../static');
     const controllerFontsPath = path.resolve(path.dirname(controllerHtmlPath), '../fonts');
+    const controllerTestPath = path.resolve(options.src, 'test');
     return {
         mode: isDev ? 'development' : 'production',
-        target: 'electron-renderer',
+        target: options.target,
         entry: isDev ? [
             `webpack-dev-server/client?http://localhost:${options.port}/`,
             'webpack/hot/dev-server',
@@ -110,12 +109,13 @@ export default (env = {}, argv = {}) => {
             new CopyWebpackPlugin({
                 patterns: [
                     { from: controllerStaticPath, to: 'static', noErrorOnMissing: true },
-                    { from: controllerFontsPath, to: 'fonts', noErrorOnMissing: true }
+                    { from: controllerFontsPath, to: 'fonts', noErrorOnMissing: true },
+                    { from: controllerTestPath, to: 'test', noErrorOnMissing: true }
                 ]
             })
         ],
-        optimization: isDev ? undefined : {
-            minimize: false,
+        optimization: {
+            minimize: !isDev,
             minimizer: [
                 new TerserPlugin({
                     minify: TerserPlugin.terserMinify,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixoniccom/module-packager",
-  "version": "2.12.0-dev.2",
+  "version": "2.12.0-dev.4",
   "type": "module",
   "license": "ISC",
   "bin": {
@@ -9,13 +9,13 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/main.js",
+  "main": "dist/main.js",
   "scripts": {
     "start": "electron dist/electron.js --mode run --build ./dist/build",
     "clean": "rimraf dist",
     "build:main": "tsc -p tsconfig.json --outDir dist",
     "build:renderer": "webpack --config webpack.config.js --env src=./ --env build=./dist/build --mode production",
-    "copy:launcher": "cp launcher.html dist/launcher.html",
+    "copy:launcher": "cpy launcher.html dist",
     "build": "npm run clean && npm-run-all -p build:renderer build:main && npm run copy:launcher",
     "prerelease-dev": "standard-version --prerelease dev",
     "prerelease-rc": "standard-version --prerelease rc",
@@ -32,6 +32,7 @@
     "cli-color": "^1.2.0",
     "command-line-args": "^3.0.1",
     "copy-webpack-plugin": "^13.0.0",
+    "cpy-cli": "^5.0.0",
     "css-loader": "^7.1.2",
     "electron": "^36.1.0",
     "electron-debug": "^3.2.0",
@@ -41,6 +42,7 @@
     "lodash": "^4.17.21",
     "process": "^0.11.10",
     "raw-loader": "^0.5.1",
+    "rimraf": "^6.0.1",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.0",
     "ts-node": "^10.9.1",