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

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: 'build' }
+    { name: 'mode', type: String, defaultValue: 'run' }
 ];
 const options = commandLineArgs(optionDefinitions);
 if (options.mode === 'watch') {

package/dist/launcher.html

@@ -7,8 +7,7 @@
 </head>
 
 <body style="width: 100%; height: 100%; margin: 0; padding: 0;">
-  <!-- Remover el webview del HTML -->
-  <div id="webview-container" style="width: 100%; height: 100%;"></div>
+  <webview id="webview" style="width: 100%; height: 100%;" partition="persist:webview"></webview>
 
   <script>
     const path = require('path')
@@ -23,17 +22,11 @@
     const remote = require('@electron/remote')
 
     ipcRenderer.on('init', (event, options) => {
-      // 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')
-      
+      const webview = document.getElementById('webview')
+      const win = remote.getCurrentWindow()
+
       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()
@@ -46,14 +39,11 @@
 
       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)
         }
@@ -68,7 +58,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,14 +16,7 @@ import which from 'which';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const electronPath = path.join(__dirname, 'electron.js');
-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 npxPath = which.sync('npx');
 const optionDefinitions = [
     { name: 'externals', type: String, defaultValue: [], multiple: true },
     { name: 'target', type: String, defaultValue: 'web' },
@@ -69,7 +62,7 @@ function createElectronArgs(mode) {
         '--port', String(options.port),
         '--mode', mode,
         '--config', options.config,
-        ...options.externals.flatMap((pkg) => ['--externals', pkg])
+        '--externals', Array.isArray(options.externals) ? options.externals.join(',') : ''
     ];
 }
 // Función centralizada para manejar procesos Electron
@@ -84,7 +77,7 @@ function spawnElectronProcess(mode) {
             ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
             NODE_NO_WARNINGS: '1'
         },
-        stdio: ['inherit', 'pipe', 'pipe']
+        stdio: 'inherit'
     });
     // Manejo centralizado de logs
     setupChildProcessLogging(child);
@@ -151,6 +144,7 @@ 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,10 +1,14 @@
 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 = {
@@ -13,17 +17,14 @@ export default (env = {}, argv = {}) => {
         port: env.port ?? 8080,
         mode: argv.mode ?? 'production',
     };
-    const isDev = options.mode === 'development' ||
-        argv.watch === true ||
-        process.env.NODE_ENV === 'development';
+    const isDev = options.mode === 'watch';
     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: options.target ?? 'electron-renderer',
+        target: 'electron-renderer',
         entry: isDev ? [
             `webpack-dev-server/client?http://localhost:${options.port}/`,
             'webpack/hot/dev-server',
@@ -34,11 +35,6 @@ export default (env = {}, argv = {}) => {
             filename: '[name].js',
             publicPath: isDev ? '/' : './'
         },
-        performance: {
-            maxAssetSize: 2000000, //2MB
-            maxEntrypointSize: 2000000,
-            hints: isDev ? false : 'warning'
-        },
         externals: {
             electron: 'commonjs electron',
             '@vixoniccom/module-controller': 'commonjs @vixoniccom/module-controller',
@@ -114,13 +110,12 @@ export default (env = {}, argv = {}) => {
             new CopyWebpackPlugin({
                 patterns: [
                     { from: controllerStaticPath, to: 'static', noErrorOnMissing: true },
-                    { from: controllerFontsPath, to: 'fonts', noErrorOnMissing: true },
-                    { from: controllerTestPath, to: 'test', noErrorOnMissing: true }
+                    { from: controllerFontsPath, to: 'fonts', noErrorOnMissing: true }
                 ]
             })
         ],
-        optimization: {
-            minimize: !isDev,
+        optimization: isDev ? undefined : {
+            minimize: false,
             minimizer: [
                 new TerserPlugin({
                     minify: TerserPlugin.terserMinify,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixoniccom/module-packager",
-  "version": "2.12.0-dev.11",
+  "version": "2.12.0-dev.2",
   "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": "cpy launcher.html dist",
+    "copy:launcher": "cp launcher.html dist/launcher.html",
     "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,7 +32,6 @@
     "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,8 +40,7 @@
     "html-webpack-plugin": "^4.5.2",
     "lodash": "^4.17.21",
     "process": "^0.11.10",
-    "raw-loader": "^4.0.2",
-    "rimraf": "^6.0.1",
+    "raw-loader": "^0.5.1",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.0",
     "ts-node": "^10.9.1",