@vixoniccom/module-packager 2.10.3-dev.5 → 2.10.3-dev.7

package/dist/electron.js

@@ -41,14 +41,12 @@ function createWindow() {
     mainWindow.loadURL(launcherURL);
     // mainWindow.webContents.openDevTools({ mode: 'detach' })
     mainWindow.webContents.once('did-finish-load', () => {
-        console.log('[ELECTRON] did-finish-load → show()');
         mainWindow?.show();
         mainWindow?.webContents.send('init', options);
     });
     mainWindow.on('closed', () => (mainWindow = null));
 }
 app.whenReady().then(() => {
-    console.log('[ELECTRON] App is ready');
     createWindow();
     app.on('activate', () => {
         if (BrowserWindow.getAllWindows().length === 0) {

package/dist/launcher.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html style="width: 100%; height: 100%; margin: 0; padding: 0;">
+<html lang="en" xml:lang="en" style="width: 100%; height: 100%; margin: 0; padding: 0;">
 
 <head>
   <meta charset="UTF-8" />
@@ -13,43 +13,30 @@
     const path = require('path')
     let ModuleController;
     try {
-      ModuleController = require('@vixoniccom/module-controller')
-      console.log('[WEBVIEW] ModuleController cargado OK');
-    } catch (err) {
+      const moduleControllerModule = require('@vixoniccom/module-controller');
+      ModuleController = moduleControllerModule.default;     
+     } catch (err) {
       console.error('[WEBVIEW] NO se pudo cargar ModuleController', err);
     }
     const { ipcRenderer } = require('electron')
     const remote = require('@electron/remote')
 
     ipcRenderer.on('init', (event, options) => {
-      console.log('[WEBVIEW] init', options)
-
       const webview = document.getElementById('webview')
       const win = remote.getCurrentWindow()
 
       webview.setAttribute('nodeintegration', '')
       webview.setAttribute('webpreferences', 'contextIsolation=no, nodeIntegration=yes')
 
-      // webview.addEventListener('dom-ready', () => {
-      //   webview.openDevTools() // opcional
-      // })
-
       webview.addEventListener('did-finish-load', () => {
-        console.log('[WEBVIEW] did-finish-load fired')
         win.show()
         win.focus()
       })
 
-      webview.addEventListener('did-fail-load', (e) => {
-        console.error('[WEBVIEW] did-fail-load', e)
-      })
-
       const resolvedSrc = options.mode === 'watch'
         ? `http://localhost:${options.port}/index.html`
         : `file://${path.join(options.build, 'index.html')}`
 
-      console.log('[WEBVIEW] Resolved src:', resolvedSrc)
-
       webview.src = resolvedSrc
 
       function getData() {
@@ -87,9 +74,6 @@
       const data = getData()
       const schema = getSchema()
 
-      console.log('[WEBVIEW] Data entregada a ModuleController:', data)
-      console.log('[WEBVIEW] Schema entregado a ModuleController:', schema)
-
       ModuleController.init(win, webview, data, schema, options.mode === 'watch')
     })
   </script>

package/dist/main.js

@@ -4,18 +4,17 @@ import commandLineArgs from 'command-line-args';
 import path from 'path';
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
-import { spawn, exec } from 'child_process';
+import { exec } from 'child_process';
 import { fileURLToPath } from 'url';
 import fs from 'fs';
 import archiver from 'archiver';
 import clc from 'cli-color';
 import { Configuration } from '@vixoniccom/modules';
 import tsNode from 'ts-node';
+import { createRequire } from 'module';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const electronPath = path.join(__dirname, 'electron.js');
-// import pjson from '../package.json' assert { type: 'json' }
-// console.log(`VIXONIC PACKAGER: Version ${pjson.version}`)
 const optionDefinitions = [
     { name: 'externals', type: String, defaultValue: [], multiple: true },
     { name: 'target', type: String, defaultValue: 'web' },
@@ -45,77 +44,58 @@ if (options.mode === 'build') {
     });
 }
 else if (options.mode === 'watch') {
-    console.log('[DEBUG] Entrando a watch()');
     watch();
 }
 else if (options.mode === 'run') {
     run();
 }
 else if (options.mode === 'generate-configuration') {
-    generateConfiguration();
+    await generateConfiguration();
 }
 else if (options.mode === 'validate-configuration') {
     validateConfiguration();
 }
-function runElectron() {
-    const electronProcess = spawn('npx', [
-        'electron',
-        electronPath,
-        '--src', path.resolve(options.src),
-        '--build', path.resolve(options.build),
-        '--port', `${options.port}`,
-        '--mode', options.mode,
-        '--config', options.config,
-        '--externals', options.externals.join(',')
-    ], {
-        cwd: __dirname,
-        env: { ...process.env, NODE_ENV: 'development' },
-        stdio: 'inherit'
-    });
-    electronProcess.on('close', (code) => {
-        console.log(`Electron process exited with code ${code}`);
-        if (code !== 0) {
-            console.error('Electron process exited with an error.');
-        }
-    });
-}
 async function pack(callback) {
-    console.log(path.resolve(__dirname, './dist', options.config));
     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);
-        webpack(webpackConfig, function (err, stats) {
-            if (err) {
-                console.error('Build error:', err);
-                if (err.details) {
-                    console.error('Details:', err.details);
-                }
-                if (err.errors) {
-                    console.error('TS Errors:', JSON.stringify(err.errors, null, 2));
-                }
-                throw err;
+        function handleWebpackError(err) {
+            console.error('Build error:', err);
+            if (err.details) {
+                console.error('Details:', err.details);
             }
-            else {
-                if (stats.hasErrors()) {
-                    const info = stats.toJson('errors-only');
-                    console.error(clc.red('Webpack errors:'));
-                    if (info.errors && info.errors.length) {
-                        info.errors.forEach((e) => {
-                            console.error(clc.red(typeof e === 'object' ? JSON.stringify(e, null, 2) : e));
-                        });
-                    }
-                    else {
-                        console.error(clc.red(JSON.stringify(info, null, 2)));
-                    }
-                    callback && callback(stats);
+            if (err.errors) {
+                console.error('TS Errors:', JSON.stringify(err.errors, null, 2));
+            }
+            throw err;
+        }
+        function handleWebpackStats(stats, callback) {
+            if (stats.hasErrors()) {
+                const info = stats.toJson('errors-only');
+                console.error(clc.red('Webpack errors:'));
+                if (info.errors?.length) {
+                    info.errors.forEach((e) => {
+                        console.error(clc.red(typeof e === 'object' ? JSON.stringify(e, null, 2) : e));
+                    });
                 }
                 else {
-                    console.log(clc.green('Build OK.'));
-                    callback && callback(null);
+                    console.error(clc.red(JSON.stringify(info, null, 2)));
                 }
+                callback?.(stats);
+            }
+            else {
+                console.log(clc.green('Build OK.'));
+                callback?.(null);
+            }
+        }
+        webpack(webpackConfig, function (err, stats) {
+            if (err) {
+                handleWebpackError(err);
+            }
+            else {
+                handleWebpackStats(stats, callback);
             }
         });
     }
@@ -137,11 +117,11 @@ function installExternals(callback) {
             if (err)
                 throw err;
             console.log(clc.green('Externals installed.'));
-            callback && callback(null);
+            callback?.(null);
         });
     }
     else {
-        callback && callback(null);
+        callback?.(null);
     }
 }
 function zip() {
@@ -162,10 +142,8 @@ function zip() {
     clc.move(-2, 0);
 }
 async function watch() {
-    console.log('[VMP] ▸ starting dev-server & electron in watch mode…');
     const cfgPath = path.resolve(__dirname, '..', 'dist/webpack.config.js');
     const webpackConfigFactory = (await import(cfgPath)).default;
-    console.log('[VMP] ▸ webpack config loaded from', cfgPath);
     const compiler = webpack(webpackConfigFactory(options));
     const server = new WebpackDevServer({
         static: false,
@@ -174,7 +152,6 @@ async function watch() {
         historyApiFallback: true
     }, compiler);
     await server.start();
-    console.log(`[VMP] ▸ dev-server listening on http://localhost:${options.port}`);
     const cmd = [
         'npx', 'electron', electronPath,
         '--src', path.resolve(options.src),
@@ -184,14 +161,31 @@ async function watch() {
         '--config', options.config,
         '--externals', options.externals.join(',')
     ].join(' ');
-    console.log(`[VMP] ▸ ${cmd}`);
-    const child = exec(cmd, { cwd: __dirname, env: { ...process.env, NODE_ENV: 'development' } });
-    child.stdout?.pipe(process.stdout);
-    child.stderr?.pipe(process.stderr);
+    const child = exec(cmd, {
+        cwd: __dirname,
+        env: {
+            ...process.env,
+            NODE_ENV: 'development',
+            ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
+            NODE_NO_WARNINGS: '1'
+        }
+    });
+    // Filtrar logs no deseados
+    child.stdout?.on('data', (data) => {
+        const output = data.toString();
+        if (!shouldFilterLog(output)) {
+            process.stdout.write(output);
+        }
+    });
+    child.stderr?.on('data', (data) => {
+        const output = data.toString();
+        if (!shouldFilterLog(output)) {
+            process.stderr.write(output);
+        }
+    });
 }
 async function run() {
     await new Promise((resolve, reject) => pack((err) => (err ? reject(err) : resolve())));
-    console.log('[VMP] ▸ building renderer…');
     const cfgPath = path.resolve(__dirname, '..', 'dist/webpack.config.js');
     const webpackConfigFactory = (await import(cfgPath)).default;
     const compiler = webpack(webpackConfigFactory(options));
@@ -202,8 +196,6 @@ async function run() {
             if (stats?.hasErrors()) {
                 return reject(new Error(stats.toString({ all: false, errors: true, colors: true })));
             }
-            console.log(stats?.toString({ colors: true, chunks: false, modules: false }) ??
-                '[VMP] ▸ renderer built');
             compiler.close(closeErr => (closeErr ? reject(closeErr) : resolve()));
         });
     });
@@ -226,12 +218,30 @@ async function run() {
     ].join(' ');
     const child = exec(cmd, {
         cwd: __dirname,
-        env: { ...process.env, NODE_ENV: 'production' },
+        env: {
+            ...process.env,
+            NODE_ENV: 'production',
+            // Suprimir warnings en producción también
+            ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
+            NODE_NO_WARNINGS: '1'
+        },
+    });
+    // Aplicar el mismo filtrado
+    child.stdout?.on('data', (data) => {
+        const output = data.toString();
+        if (!shouldFilterLog(output)) {
+            process.stdout.write(output);
+        }
+    });
+    child.stderr?.on('data', (data) => {
+        const output = data.toString();
+        if (!shouldFilterLog(output)) {
+            process.stderr.write(output);
+        }
     });
-    child.stdout?.pipe(process.stdout);
-    child.stderr?.pipe(process.stderr);
 }
-function loadConfiguration() {
+async function loadConfiguration() {
+    const require = createRequire(import.meta.url);
     tsNode.register({
         compilerOptions: {
             moduleResolution: 'node',
@@ -240,11 +250,12 @@ function loadConfiguration() {
             checkJs: false
         }
     });
-    return require(path.resolve(options.confDefinition, 'index.ts')).configuration;
+    const configPath = path.resolve(options.confDefinition, 'index.ts');
+    return require(configPath).configuration;
 }
-function generateConfiguration() {
+async function generateConfiguration() {
     try {
-        let configuration = loadConfiguration();
+        let configuration = await loadConfiguration();
         fs.writeFileSync(path.resolve(options.src, 'parameters.d.ts'), configuration.declarationFileString);
         fs.writeFileSync(path.resolve(options.src, '..', 'configuration.json'), JSON.stringify(configuration, undefined, 2));
         console.log(clc.green(`Configuration generated`));
@@ -273,3 +284,22 @@ function validateConfiguration() {
         throw e;
     }
 }
+function shouldFilterLog(output) {
+    const filtersToRemove = [
+        "'session.getAllExtensions' is deprecated",
+        "DeprecationWarning: Compilation.assets will be frozen",
+        "BREAKING CHANGE: No more changes should happen to Compilation.assets",
+        "[DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning",
+        "Compilation.assets will be frozen in future",
+        "Request Autofill.enable failed",
+        "Request Autofill.setAddresses failed",
+        "Uncaught (in promise) SyntaxError",
+        "wasn't found",
+        "asset main.js",
+        "runtime modules",
+        "orphan modules",
+        "cacheable modules",
+        "webpack compiled successfully"
+    ];
+    return filtersToRemove.some(filter => output.includes(filter));
+}

package/package.json

@@ -1,51 +1,7 @@
 {
-  "_args": [
-    [
-      {
-        "raw": "@vixoniccom/module-packager@^1.2.0",
-        "scope": "@vixoniccom",
-        "escapedName": "@vixoniccom%2fmodule-packager",
-        "name": "@vixoniccom/module-packager",
-        "rawSpec": "^1.2.0",
-        "spec": ">=1.2.0 <2.0.0",
-        "type": "range"
-      }
-    ]
-  ],
-  "_from": "@vixoniccom/module-packager@>=1.2.0 <2.0.0",
-  "_inCache": true,
-  "_location": "/@vixoniccom/module-packager",
-  "_nodeVersion": "7.6.0",
-  "_npmOperationalInternal": {
-    "host": "packages-12-west.internal.npmjs.com",
-    "tmp": "tmp/module-packager-1.2.0.tgz_1487918846893_0.5388180573936552"
-  },
-  "_npmUser": {
-    "name": "vixonic",
-    "email": "tdadone@vixonic.net"
-  },
-  "_npmVersion": "2.15.9",
-  "_phantomChildren": {},
-  "_requested": {
-    "raw": "@vixoniccom/module-packager@^1.2.0",
-    "scope": "@vixonic",
-    "escapedName": "@vixonic%2fmodule-packager",
-    "name": "@vixoniccom/module-packager",
-    "rawSpec": "^1.2.0",
-    "spec": ">=1.2.0 <2.0.0",
-    "type": "range"
-  },
-  "_requiredBy": [
-    "#DEV:/"
-  ],
-  "_resolved": "https://registry.npmjs.org/@vixoniccom/module-packager/-/module-packager-1.2.0.tgz",
-  "_shasum": "9735f3bcbf2101d404d7bb058cb8337b0a87c503",
-  "_shrinkwrap": null,
-  "_spec": "@vixoniccom/module-packager@^1.2.0",
-  "_where": "c:\\Development\\menuboard",
-  "author": {
-    "name": "tdadone"
-  },
+  "name": "@vixoniccom/module-packager",
+  "version": "2.10.3-dev.7",
+  "type": "module",
   "bin": {
     "vixonic-module-packager": "./dist/main.js"
   },
@@ -53,9 +9,25 @@
     "dist",
     "index.html"
   ],
+  "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",
+    "build": "npm run clean && npm-run-all -p build:renderer build:main && npm run copy:launcher",
+    "watch:renderer": "webpack --config webpack.config.js --env src=./ --env build=./dist/build --mode=development --watch",
+    "watch:main": "tsc -p tsconfig.json --outDir dist --watch",
+    "dev:watch": "npm run clean && npm-run-all -p watch:renderer watch:main",
+    "prerelease-dev": "standard-version --prerelease dev",
+    "prerelease-rc": "standard-version --prerelease rc",
+    "prerelease-test": "standard-version --prerelease test",
+    "release": "standard-version"
+  },
   "dependencies": {
     "@electron/remote": "^2.1.2",
-    "@vixoniccom/module-controller": "^2.0.0-dev.1",
+    "@vixoniccom/module-controller": "^2.0.0-dev.2",
     "@vixoniccom/modules": "^2.20.0",
     "archiver": "^5.3.0",
     "clean-webpack-plugin": "^4.0.0",
@@ -64,9 +36,8 @@
     "copy-webpack-plugin": "^13.0.0",
     "electron": "^36.1.0",
     "electron-debug": "^3.2.0",
-    "file-loader": "^0.9.0",
     "global": "^4.4.0",
-    "html-loader": "^0.4.5",
+    "html-loader": "^5.1.0",
     "html-webpack-plugin": "^4.5.2",
     "lodash": "^4.17.21",
     "process": "^0.11.10",
@@ -78,38 +49,6 @@
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.1"
   },
-  "directories": {},
-  "dist": {
-    "shasum": "9735f3bcbf2101d404d7bb058cb8337b0a87c503",
-    "tarball": "https://registry.npmjs.org/@vixoniccom/module-packager/-/module-packager-1.2.0.tgz"
-  },
-  "main": "dist/main.js",
-  "maintainers": [
-    {
-      "name": "vixonic",
-      "email": "tdadone@vixonic.net"
-    }
-  ],
-  "name": "@vixoniccom/module-packager",
-  "readme": "ERROR: No README data found!",
-  "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",
-    "build": "npm run clean && npm-run-all -p build:renderer build:main && npm run copy:launcher",
-    "watch:renderer": "webpack --config webpack.config.js --env src=./ --env build=./dist/build --mode=development --watch",
-    "watch:main": "tsc -p tsconfig.json --outDir dist --watch",
-    "dev:watch": "npm run clean && npm-run-all -p watch:renderer watch:main",
-    "prerelease-dev": "standard-version --prerelease dev",
-    "prerelease-rc": "standard-version --prerelease rc",
-    "prerelease-test": "standard-version --prerelease test",
-    "release": "standard-version"
-  },
-  "type": "module",
-  "version": "2.10.3-dev.5",
-  "license": "ISC",
   "devDependencies": {
     "@types/archiver": "^6.0.3",
     "@types/cli-color": "^2.0.6",