ā 4DSTAR Bundle Manager has been successfully installed!
+The application is now available in your Applications folder and file associations have been automatically configured.
+You can now:
+If file icons don't appear immediately:
+If file associations don't work:
+Thank you for installing 4DSTAR Bundle Manager!
+For support and documentation, visit the project repository or contact the development team.
+ + diff --git a/electron/installer-resources/welcome.html b/electron/installer-resources/welcome.html new file mode 100644 index 0000000..665f0fe --- /dev/null +++ b/electron/installer-resources/welcome.html @@ -0,0 +1,125 @@ + + + + + + + +This installer will install the 4DSTAR Bundle Manager, a comprehensive tool for managing 4DSTAR plugin bundles and OPAT data files.
+ +The 4DSTAR Bundle Manager has different requirements depending on how you plan to use it:
+ +If you plan to build plugins from source, you'll need:
+These tools are not required for basic bundle management, but enable advanced features:
+ +Enables cross-platform plugin building for multiple architectures.
+Required for native plugin compilation and development.
+Click Continue to proceed with the installation.
+ + diff --git a/electron/installer-scripts/postinstall b/electron/installer-scripts/postinstall new file mode 100755 index 0000000..76c4d73 --- /dev/null +++ b/electron/installer-scripts/postinstall @@ -0,0 +1,75 @@ +#!/bin/bash + +# Post-install script for 4DSTAR Bundle Manager +# This script runs after the app is installed via .pkg installer +# It refreshes Launch Services to ensure file associations and icons work immediately + +set -e + +APP_NAME="4DSTAR Bundle Manager" +APP_PATH="/Applications/${APP_NAME}.app" +LOG_FILE="/tmp/4dstar-postinstall.log" + +# Function to log messages +log_message() { + echo "$(date '+%Y-%m-%d %H:%M:%S') - $1" | tee -a "$LOG_FILE" +} + +log_message "Starting post-install script for ${APP_NAME}" + +# Check if app was installed correctly +if [ ! -d "$APP_PATH" ]; then + log_message "ERROR: App not found at $APP_PATH" + exit 1 +fi + +log_message "App found at: $APP_PATH" + +# Refresh Launch Services database +log_message "Refreshing Launch Services database..." + +# Reset Launch Services database +/System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister \ + -kill -r -domain local -domain system -domain user 2>&1 | tee -a "$LOG_FILE" + +# Register the specific app bundle +/System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister \ + -f "$APP_PATH" 2>&1 | tee -a "$LOG_FILE" + +log_message "Launch Services database refreshed" + +# Touch desktop to refresh Finder +log_message "Refreshing Finder..." +touch "$HOME/Desktop" 2>/dev/null || true + +# Try to restart Finder (may fail if user is not logged in graphically) +if pgrep -x "Finder" > /dev/null; then + log_message "Restarting Finder to refresh file associations..." + killall Finder 2>/dev/null || true + sleep 2 + open -a Finder 2>/dev/null || true +else + log_message "Finder not running, will refresh on next login" +fi + +# Clear icon cache if possible (requires elevated privileges) +log_message "Attempting to clear icon cache..." +if [ -w "/Library/Caches" ]; then + rm -rf "/Library/Caches/com.apple.iconservices.store" 2>/dev/null || true + log_message "System icon cache cleared" +fi + +# Clear user icon cache +if [ -w "$HOME/Library/Caches" ]; then + rm -rf "$HOME/Library/Caches/com.apple.iconservices.store" 2>/dev/null || true + log_message "User icon cache cleared" +fi + +log_message "Post-install script completed successfully" +log_message "File associations and icons should now be active" +log_message "If icons don't appear immediately, try logging out and back in" + +# Clean up old log files (keep only last 5) +find /tmp -name "4dstar-postinstall*.log" -mtime +7 -delete 2>/dev/null || true + +exit 0 diff --git a/electron/main/app-lifecycle.js b/electron/main/app-lifecycle.js index 51605c7..509aafd 100644 --- a/electron/main/app-lifecycle.js +++ b/electron/main/app-lifecycle.js @@ -13,6 +13,7 @@ try { let mainWindow; let themeUpdateListener; +let pendingFileToOpen = null; const createWindow = () => { // Create the browser window. @@ -70,7 +71,25 @@ const setupAppEventHandlers = () => { // This method will be called when Electron has finished // initialization and is ready to create browser windows. // Some APIs can only be used after this event occurs. - app.on('ready', createWindow); + app.on('ready', () => { + createWindow(); + + // Handle any queued file open requests + if (pendingFileToOpen) { + console.log(`[MAIN_PROCESS] Processing queued file: ${pendingFileToOpen}`); + const filePath = pendingFileToOpen; + pendingFileToOpen = null; + + // Wait for window to be ready, then open the file + if (mainWindow.webContents.isLoading()) { + mainWindow.webContents.once('did-finish-load', () => { + handleFileOpen(filePath); + }); + } else { + handleFileOpen(filePath); + } + } + }); // Quit when all windows are closed, except on macOS. There, it's common // for applications and their menu bar to stay active until the user quits @@ -88,6 +107,62 @@ const setupAppEventHandlers = () => { createWindow(); } }); + + // Handle file associations on macOS + app.on('open-file', (event, filePath) => { + event.preventDefault(); + console.log(`[MAIN_PROCESS] Opening file via association: ${filePath}`); + + // If app is not ready yet, queue the file to open later + if (!app.isReady()) { + console.log(`[MAIN_PROCESS] App not ready, queuing file: ${filePath}`); + pendingFileToOpen = filePath; + return; + } + + // If no window exists, create one first + if (!mainWindow) { + createWindow(); + } + + // Wait for window to be ready, then send the file path + if (mainWindow.webContents.isLoading()) { + mainWindow.webContents.once('did-finish-load', () => { + handleFileOpen(filePath); + }); + } else { + handleFileOpen(filePath); + } + }); + + // Handle file associations on Windows/Linux via command line args + if (process.platform !== 'darwin') { + // Check if app was launched with a file argument + const fileArg = process.argv.find(arg => arg.endsWith('.fbundle') || arg.endsWith('.opat')); + if (fileArg && mainWindow) { + handleFileOpen(fileArg); + } + } +}; + +// Helper function to handle file opening +const handleFileOpen = (filePath) => { + if (!mainWindow || mainWindow.isDestroyed()) { + console.warn('[MAIN_PROCESS] Cannot open file - main window not available'); + return; + } + + const fileExtension = path.extname(filePath).toLowerCase(); + + if (fileExtension === '.fbundle') { + console.log(`[MAIN_PROCESS] Opening .fbundle file: ${filePath}`); + mainWindow.webContents.send('open-bundle-file', filePath); + } else if (fileExtension === '.opat') { + console.log(`[MAIN_PROCESS] Opening .opat file: ${filePath}`); + mainWindow.webContents.send('open-opat-file', filePath); + } else { + console.warn(`[MAIN_PROCESS] Unknown file type: ${filePath}`); + } }; const setupThemeHandlers = () => { diff --git a/electron/package.json b/electron/package.json index 0924d72..24b115c 100644 --- a/electron/package.json +++ b/electron/package.json @@ -5,14 +5,16 @@ "main": "main-refactored.js", "scripts": { "start": "electron .", - "dev": "electron .", - "validate": "node validate-dependencies.js", - "prebuild": "node build-backend.js && node validate-dependencies.js", + "generate-icons": "node generate-icons.js", + "validate-deps": "node validate-dependencies.js", + "check-runtime": "node check-runtime-deps.js", + "refresh-icons": "node refresh-macos-icons.js", + "prebuild": "node generate-icons.js && node build-backend.js && node validate-dependencies.js", "build": "electron-builder", - "prepack": "node build-backend.js && node validate-dependencies.js", + "prepack": "node generate-icons.js && node build-backend.js && node validate-dependencies.js", "pack": "electron-builder --dir", "postbuild": "node validate-dependencies.js", - "clean": "rm -rf dist build node_modules/.cache" + "clean": "rm -rf dist build node_modules/.cache icons temp-icons" }, "repository": { "type": "git", @@ -45,7 +47,7 @@ "directories": { "output": "dist" }, - "icon": "toolkitIcon.png", + "icon": "icons/app-icon.icns", "files": [ "**/*", "node_modules/**/*", @@ -56,7 +58,24 @@ "!**/test/**/*", "!**/tests/**/*", "!**/*.test.js", - "!**/*.spec.js" + "!**/*.spec.js", + "!temp-icons/**/*" + ], + "fileAssociations": [ + { + "ext": "fbundle", + "name": "4DSTAR Bundle File", + "description": "4DSTAR Bundle Archive", + "icon": "icons/fbundle-icon.icns", + "role": "Editor" + }, + { + "ext": "opat", + "name": "OPAT Data File", + "description": "Opacity Project for Asteroseismology and Tidal Evolution Data File", + "icon": "icons/opat-icon.icns", + "role": "Viewer" + } ], "extraResources": [ { @@ -76,6 +95,10 @@ "target": "dmg", "arch": ["x64", "arm64"] }, + { + "target": "pkg", + "arch": ["x64", "arm64"] + }, { "target": "zip", "arch": ["x64", "arm64"] @@ -84,7 +107,62 @@ "hardenedRuntime": true, "gatekeeperAssess": false, "entitlements": "entitlements.mac.plist", - "entitlementsInherit": "entitlements.mac.plist" + "entitlementsInherit": "entitlements.mac.plist", + "extendInfo": { + "CFBundleDocumentTypes": [ + { + "CFBundleTypeName": "4DSTAR Bundle File", + "CFBundleTypeDescription": "4DSTAR Bundle Archive", + "CFBundleTypeRole": "Editor", + "CFBundleTypeExtensions": ["fbundle"], + "CFBundleTypeIconFile": "fbundle-icon.icns", + "LSHandlerRank": "Owner", + "LSItemContentTypes": ["com.fourdst.fbundle"] + }, + { + "CFBundleTypeName": "OPAT Data File", + "CFBundleTypeDescription": "Opacity Project for Asteroseismology and Tidal Evolution Data File", + "CFBundleTypeRole": "Viewer", + "CFBundleTypeExtensions": ["opat"], + "CFBundleTypeIconFile": "opat-icon.icns", + "LSHandlerRank": "Owner", + "LSItemContentTypes": ["com.fourdst.opat"] + } + ], + "UTExportedTypeDeclarations": [ + { + "UTTypeIdentifier": "com.fourdst.fbundle", + "UTTypeDescription": "4DSTAR Bundle Archive", + "UTTypeConformsTo": ["public.data", "public.archive"], + "UTTypeTagSpecification": { + "public.filename-extension": ["fbundle"], + "public.mime-type": ["application/x-fourdst-bundle"] + } + }, + { + "UTTypeIdentifier": "com.fourdst.opat", + "UTTypeDescription": "OPAT Data File", + "UTTypeConformsTo": ["public.data"], + "UTTypeTagSpecification": { + "public.filename-extension": ["opat"], + "public.mime-type": ["application/x-opat-data"] + } + } + ] + } + }, + "pkg": { + "scripts": "installer-scripts", + "welcome": "installer-resources/welcome.html", + "conclusion": "installer-resources/conclusion.html", + "allowAnywhere": false, + "allowCurrentUserHome": false, + "allowRootDirectory": false, + "identity": null, + "installLocation": "/Applications", + "mustClose": [ + "com.fourdst.bundlemanager" + ] }, "linux": { "target": [ diff --git a/electron/refresh-macos-icons.js b/electron/refresh-macos-icons.js new file mode 100644 index 0000000..bdca736 --- /dev/null +++ b/electron/refresh-macos-icons.js @@ -0,0 +1,209 @@ +#!/usr/bin/env node + +/** + * macOS Icon Refresh Script for 4DSTAR Bundle Manager + * + * This script helps refresh macOS Launch Services database to ensure + * file associations and custom icons are properly recognized after + * app installation. + */ + +const { spawn } = require('child_process'); +const fs = require('fs'); +const path = require('path'); + +class MacOSIconRefresher { + constructor() { + this.appName = '4DSTAR Bundle Manager'; + } + + log(message, type = 'info') { + const timestamp = new Date().toISOString(); + const prefix = { + 'info': 'š', + 'success': 'ā ', + 'warning': 'ā ļø', + 'error': 'ā' + }[type] || 'š'; + + console.log(`${prefix} [${timestamp}] ${message}`); + } + + async runCommand(command, args = []) { + return new Promise((resolve, reject) => { + const process = spawn(command, args, { + stdio: ['pipe', 'pipe', 'pipe'], + shell: true + }); + + let stdout = ''; + let stderr = ''; + + process.stdout.on('data', (data) => { + stdout += data.toString(); + }); + + process.stderr.on('data', (data) => { + stderr += data.toString(); + }); + + process.on('close', (code) => { + if (code === 0) { + resolve({ stdout: stdout.trim(), stderr: stderr.trim() }); + } else { + reject(new Error(`Command failed with code ${code}: ${stderr || stdout}`)); + } + }); + + process.on('error', (error) => { + reject(error); + }); + }); + } + + async checkIfMacOS() { + if (process.platform !== 'darwin') { + throw new Error('This script is only for macOS systems'); + } + this.log('ā Running on macOS', 'success'); + } + + async findAppBundle() { + const possiblePaths = [ + `/Applications/${this.appName}.app`, + path.join(process.env.HOME, 'Applications', `${this.appName}.app`), + path.join(__dirname, 'dist', 'mac', `${this.appName}.app`), + path.join(__dirname, 'dist', 'mac-arm64', `${this.appName}.app`) + ]; + + for (const appPath of possiblePaths) { + if (fs.existsSync(appPath)) { + this.log(`ā Found app bundle: ${appPath}`, 'success'); + return appPath; + } + } + + throw new Error(`Could not find ${this.appName}.app in common locations. Please install the app first.`); + } + + async refreshLaunchServices() { + this.log('Refreshing Launch Services database...', 'info'); + + try { + // Reset Launch Services database + await this.runCommand('/System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister', [ + '-kill', + '-r', + '-domain', 'local', + '-domain', 'system', + '-domain', 'user' + ]); + + this.log('ā Launch Services database reset', 'success'); + } catch (error) { + this.log(`Warning: Could not reset Launch Services database: ${error.message}`, 'warning'); + } + } + + async registerAppBundle(appPath) { + this.log(`Registering app bundle: ${appPath}`, 'info'); + + try { + // Register the specific app bundle + await this.runCommand('/System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister', [ + '-f', appPath + ]); + + this.log('ā App bundle registered with Launch Services', 'success'); + } catch (error) { + this.log(`Warning: Could not register app bundle: ${error.message}`, 'warning'); + } + } + + async touchDesktop() { + this.log('Refreshing desktop and Finder...', 'info'); + + try { + // Touch the desktop to refresh Finder + await this.runCommand('touch', [path.join(process.env.HOME, 'Desktop')]); + + // Kill and restart Finder to refresh file associations + await this.runCommand('killall', ['Finder']); + + this.log('ā Desktop and Finder refreshed', 'success'); + } catch (error) { + this.log(`Warning: Could not refresh Finder: ${error.message}`, 'warning'); + } + } + + async clearIconCache() { + this.log('Clearing icon cache...', 'info'); + + try { + // Clear icon cache + const iconCachePaths = [ + path.join(process.env.HOME, 'Library/Caches/com.apple.iconservices.store'), + '/Library/Caches/com.apple.iconservices.store', + '/System/Library/Caches/com.apple.iconservices.store' + ]; + + for (const cachePath of iconCachePaths) { + if (fs.existsSync(cachePath)) { + try { + await this.runCommand('sudo', ['rm', '-rf', cachePath]); + this.log(`ā Cleared icon cache: ${cachePath}`, 'success'); + } catch (error) { + this.log(`Could not clear ${cachePath}: ${error.message}`, 'warning'); + } + } + } + } catch (error) { + this.log(`Warning: Could not clear all icon caches: ${error.message}`, 'warning'); + } + } + + async refresh() { + try { + this.log(`Starting macOS icon refresh for ${this.appName}...`, 'info'); + + // Check if we're on macOS + await this.checkIfMacOS(); + + // Find the app bundle + const appPath = await this.findAppBundle(); + + // Refresh Launch Services + await this.refreshLaunchServices(); + + // Register the app bundle + await this.registerAppBundle(appPath); + + // Clear icon cache (requires sudo) + this.log('Note: Icon cache clearing may require sudo password', 'info'); + await this.clearIconCache(); + + // Refresh desktop and Finder + await this.touchDesktop(); + + this.log('\nš macOS icon refresh completed!', 'success'); + this.log('File associations and icons should now be updated.', 'info'); + this.log('If icons still don\'t appear, try logging out and back in.', 'info'); + + return true; + + } catch (error) { + this.log(`ā Icon refresh failed: ${error.message}`, 'error'); + return false; + } + } +} + +// Run icon refresh if called directly +if (require.main === module) { + const refresher = new MacOSIconRefresher(); + refresher.refresh().then(success => { + process.exit(success ? 0 : 1); + }); +} + +module.exports = MacOSIconRefresher; diff --git a/electron/renderer/bundle-operations.js b/electron/renderer/bundle-operations.js index 5a68c80..df35025 100644 --- a/electron/renderer/bundle-operations.js +++ b/electron/renderer/bundle-operations.js @@ -12,6 +12,12 @@ async function handleOpenBundle() { const bundlePath = await ipcRenderer.invoke('select-file'); if (!bundlePath) return; + await openBundleFromPath(bundlePath); +} + +async function openBundleFromPath(bundlePath) { + if (!bundlePath) return; + // Small delay to ensure file dialog closes properly await new Promise(resolve => setTimeout(resolve, 100)); @@ -249,6 +255,7 @@ function initializeDependencies(deps) { module.exports = { initializeDependencies, handleOpenBundle, + openBundleFromPath, handleSignBundle, handleValidateBundle, handleClearBundle, diff --git a/electron/renderer/dom-manager.js b/electron/renderer/dom-manager.js index eebf7a2..6c2a1c1 100644 --- a/electron/renderer/dom-manager.js +++ b/electron/renderer/dom-manager.js @@ -85,11 +85,19 @@ function initializeDOMElements() { // --- VIEW AND UI LOGIC --- function showView(viewId) { + // Get the OPAT view element + const opatView = document.getElementById('opat-view'); + // Hide main content views [welcomeScreen, bundleView, createBundleForm].forEach(view => { view.classList.toggle('hidden', view.id !== viewId); }); + // Handle OPAT view separately since it's not in the main views array + if (opatView) { + opatView.classList.toggle('hidden', viewId !== 'opat-view'); + } + // Also hide all category home screens when showing main content const categoryHomeScreens = [ 'libplugin-home', 'opat-home', 'libconstants-home', 'serif-home' @@ -108,6 +116,14 @@ function showView(viewId) { if (libpluginView) { libpluginView.classList.remove('hidden'); } + } else if (viewId === 'opat-view') { + // Ensure OPAT view is visible and properly initialized + if (opatView) { + opatView.classList.remove('hidden'); + console.log('[DOM_MANAGER] OPAT view shown successfully'); + } else { + console.error('[DOM_MANAGER] OPAT view element not found!'); + } } } diff --git a/electron/renderer/event-handlers.js b/electron/renderer/event-handlers.js index ff315ca..2a26811 100644 --- a/electron/renderer/event-handlers.js +++ b/electron/renderer/event-handlers.js @@ -4,7 +4,7 @@ const { ipcRenderer } = require('electron'); // Import dependencies (these will be injected when integrated) -let stateManager, domManager, bundleOperations, fillWorkflow, uiComponents; +let stateManager, domManager, bundleOperations, fillWorkflow, uiComponents, opatHandler; // --- EVENT LISTENERS SETUP --- function setupEventListeners() { @@ -15,6 +15,49 @@ function setupEventListeners() { document.body.classList.toggle('dark-mode', shouldUseDarkColors); }); + // File association handlers + ipcRenderer.on('open-bundle-file', async (event, filePath) => { + console.log(`[RENDERER] Opening .fbundle file via association: ${filePath}`); + try { + // Switch to libplugin category if not already there + const libpluginCategory = document.querySelector('.category-item[data-category="libplugin"]'); + if (libpluginCategory && !libpluginCategory.classList.contains('active')) { + libpluginCategory.click(); + } + + // Open the bundle + await bundleOperations.openBundleFromPath(filePath); + } catch (error) { + console.error('[RENDERER] Error opening bundle file:', error); + domManager.showModal('File Open Error', `Failed to open bundle file: ${error.message}`); + } + }); + + ipcRenderer.on('open-opat-file', async (event, filePath) => { + console.log(`[RENDERER] Opening .opat file via association: ${filePath}`); + try { + // Switch to OPAT Core category + const opatCategory = document.querySelector('.category-item[data-category="opat"]'); + if (opatCategory) { + opatCategory.click(); + } + + // Wait a moment for category switching to complete + await new Promise(resolve => setTimeout(resolve, 100)); + + // Open the OPAT file using the OPAT handler + if (opatHandler && opatHandler.openOpatFromPath) { + await opatHandler.openOpatFromPath(filePath); + } else { + console.warn('[RENDERER] OPAT file opening not available'); + domManager.showModal('Error', 'OPAT file opening functionality is not available.'); + } + } catch (error) { + console.error('[RENDERER] Error opening OPAT file:', error); + domManager.showModal('File Open Error', `Failed to open OPAT file: ${error.message}`); + } + }); + // Sidebar navigation elements.openBundleBtn.addEventListener('click', bundleOperations.handleOpenBundle); elements.createBundleBtn.addEventListener('click', () => { @@ -375,6 +418,7 @@ function initializeDependencies(deps) { bundleOperations = deps.bundleOperations; fillWorkflow = deps.fillWorkflow; uiComponents = deps.uiComponents; + opatHandler = deps.opatHandler; } module.exports = { diff --git a/electron/renderer/opat-handler.js b/electron/renderer/opat-handler.js index af443c6..a2e660a 100644 --- a/electron/renderer/opat-handler.js +++ b/electron/renderer/opat-handler.js @@ -7,9 +7,18 @@ let stateManager, domManager, opatPlotting; // OPAT File Inspector variables let opatFileInput, opatBrowseBtn, opatView, opatCloseBtn; let opatHeaderInfo, opatAllTagsList, opatIndexSelector, opatTablesDisplay, opatTableDataContent; +let opatElementsInitialized = false; // Initialize OPAT UI elements function initializeOPATElements() { + console.log('[OPAT_HANDLER] initializeOPATElements called, already initialized:', opatElementsInitialized); + + // Prevent duplicate initialization + if (opatElementsInitialized) { + console.log('[OPAT_HANDLER] OPAT elements already initialized, skipping...'); + return; + } + opatFileInput = document.getElementById('opat-file-input'); opatBrowseBtn = document.getElementById('opat-browse-btn'); opatView = document.getElementById('opat-view'); @@ -20,11 +29,41 @@ function initializeOPATElements() { opatTablesDisplay = document.getElementById('opat-tables-display'); opatTableDataContent = document.getElementById('opat-table-data-content'); + console.log('[OPAT_HANDLER] Found elements:', { + opatFileInput: !!opatFileInput, + opatBrowseBtn: !!opatBrowseBtn, + opatView: !!opatView, + opatCloseBtn: !!opatCloseBtn + }); + // Event listeners - opatBrowseBtn.addEventListener('click', () => opatFileInput.click()); - opatFileInput.addEventListener('change', handleOPATFileSelection); - opatIndexSelector.addEventListener('change', handleIndexVectorChange); - opatCloseBtn.addEventListener('click', closeOPATFile); + if (opatBrowseBtn) { + console.log('[OPAT_HANDLER] Adding click listener to browse button'); + opatBrowseBtn.addEventListener('click', () => { + console.log('[OPAT_HANDLER] Browse button clicked, triggering file input'); + if (opatFileInput) { + opatFileInput.click(); + } else { + console.error('[OPAT_HANDLER] File input element not found!'); + } + }); + } + + if (opatFileInput) { + console.log('[OPAT_HANDLER] Adding change listener to file input'); + opatFileInput.addEventListener('change', handleOPATFileSelection); + } + + if (opatIndexSelector) { + opatIndexSelector.addEventListener('change', handleIndexVectorChange); + } + + if (opatCloseBtn) { + opatCloseBtn.addEventListener('click', closeOPATFile); + } + + opatElementsInitialized = true; + console.log('[OPAT_HANDLER] OPAT elements initialization complete'); // Initialize OPAT tab navigation initializeOPATTabs(); @@ -96,48 +135,171 @@ function resetOPATViewerState() { // Handle OPAT file selection async function handleOPATFileSelection(event) { - const file = event.target.files[0]; - if (!file) return; + console.log('[OPAT_HANDLER] ===== FILE SELECTION EVENT TRIGGERED ====='); + console.log('[OPAT_HANDLER] Event target:', event.target); + console.log('[OPAT_HANDLER] Files array:', event.target.files); + console.log('[OPAT_HANDLER] Number of files:', event.target.files ? event.target.files.length : 0); + const file = event.target.files[0]; + if (!file) { + console.log('[OPAT_HANDLER] No file selected - event fired but no file found'); + return; + } + + console.log('[OPAT_HANDLER] File selected:', { + name: file.name, + size: file.size, + type: file.type, + lastModified: new Date(file.lastModified) + }); + try { - console.log('Loading OPAT file:', file.name); - domManager.showSpinner(); + console.log('[OPAT_HANDLER] Starting file processing...'); + // Reset the viewer state + console.log('[OPAT_HANDLER] Resetting viewer state...'); resetOPATViewerState(); + // Show the OPAT view first to ensure UI is visible + console.log('[OPAT_HANDLER] Showing OPAT view...'); + domManager.showView('opat-view'); + + // Read and parse the file + console.log('[OPAT_HANDLER] Reading file as ArrayBuffer...'); const arrayBuffer = await file.arrayBuffer(); - const currentOPATFile = parseOPAT(arrayBuffer); - stateManager.setOPATFile(currentOPATFile); + console.log('[OPAT_HANDLER] File read successfully, arrayBuffer size:', arrayBuffer.byteLength); - displayOPATFileInfo(); - displayAllTableTags(); - populateIndexSelector(); + // Check if parseOPAT is available + console.log('[OPAT_HANDLER] Checking parseOPAT availability...'); + console.log('[OPAT_HANDLER] typeof parseOPAT:', typeof parseOPAT); + console.log('[OPAT_HANDLER] window.parseOPAT:', typeof window.parseOPAT); - // Populate plotting selectors if module is available - if (opatPlotting) { - opatPlotting.populatePlotIndexSelector(); + if (typeof parseOPAT === 'undefined' && typeof window.parseOPAT === 'undefined') { + throw new Error('parseOPAT function is not available. Make sure opatParser.js is loaded.'); } - // Show OPAT view - hideAllViews(); - opatView.classList.remove('hidden'); + // Use global parseOPAT if local one is undefined + const parseFunction = typeof parseOPAT !== 'undefined' ? parseOPAT : window.parseOPAT; + console.log('[OPAT_HANDLER] Using parse function:', typeof parseFunction); - domManager.hideSpinner(); - console.log('OPAT file loaded successfully'); + console.log('[OPAT_HANDLER] Calling parseOPAT...'); + const currentOPATFile = parseFunction(arrayBuffer); + console.log('[OPAT_HANDLER] Parse result:', currentOPATFile ? 'SUCCESS' : 'FAILED'); + console.log('[OPAT_HANDLER] Parsed file object:', currentOPATFile); + + if (currentOPATFile) { + console.log('[OPAT_HANDLER] Setting file in state manager...'); + stateManager.setOPATFile(currentOPATFile); + + // Display file information + console.log('[OPAT_HANDLER] Displaying file information...'); + displayOPATFileInfo(); + displayAllTableTags(); + populateIndexSelector(); + + console.log('[OPAT_HANDLER] ===== OPAT FILE LOADED SUCCESSFULLY ====='); + } else { + console.error('[OPAT_HANDLER] parseOPAT returned null/undefined'); + domManager.showModal('Error', 'Failed to parse OPAT file. Please check the file format.'); + } } catch (error) { - console.error('Error loading OPAT file:', error); - domManager.hideSpinner(); - alert('Error loading OPAT file: ' + error.message); + console.error('[OPAT_HANDLER] ===== ERROR IN FILE PROCESSING ====='); + console.error('[OPAT_HANDLER] Error details:', error); + console.error('[OPAT_HANDLER] Error stack:', error.stack); + domManager.showModal('Error', `Failed to load OPAT file: ${error.message}`); + } finally { + console.log('[OPAT_HANDLER] Cleaning up file input...'); + // Clear the file input to prevent issues with reopening the same file + if (event.target) { + event.target.value = ''; + console.log('[OPAT_HANDLER] File input cleared'); + } + console.log('[OPAT_HANDLER] ===== FILE SELECTION HANDLER COMPLETE ====='); + } +} + +// Open OPAT file from file path (for file associations) +async function openOpatFromPath(filePath) { + if (!filePath) { + console.log('[OPAT_HANDLER] openOpatFromPath: No file path provided'); + return; + } + + try { + console.log('[OPAT_HANDLER] Opening OPAT file from path:', filePath); + + // Ensure OPAT UI elements are initialized + console.log('[OPAT_HANDLER] Initializing OPAT UI elements...'); + initializeOPATElements(); + initializeOPATTabs(); + + // Reset the viewer state + resetOPATViewerState(); + + // Show the OPAT view first to ensure UI is visible + console.log('[OPAT_HANDLER] Showing OPAT view...'); + domManager.showView('opat-view'); + + // Read the file using Node.js fs + const fs = require('fs'); + console.log('[OPAT_HANDLER] Reading file from disk...'); + const fileBuffer = fs.readFileSync(filePath); + const arrayBuffer = fileBuffer.buffer.slice(fileBuffer.byteOffset, fileBuffer.byteOffset + fileBuffer.byteLength); + console.log('[OPAT_HANDLER] File read successfully, arrayBuffer size:', arrayBuffer.byteLength); + + // Parse the OPAT file + console.log('[OPAT_HANDLER] Parsing OPAT file...'); + if (typeof parseOPAT === 'undefined') { + throw new Error('parseOPAT function is not available. Make sure opatParser.js is loaded.'); + } + const currentOPATFile = parseOPAT(arrayBuffer); + console.log('[OPAT_HANDLER] Parse result:', currentOPATFile ? 'SUCCESS' : 'FAILED'); + + if (currentOPATFile) { + console.log('[OPAT_HANDLER] Setting file in state manager...'); + stateManager.setOPATFile(currentOPATFile); + + // Display file information + console.log('[OPAT_HANDLER] Displaying file information...'); + displayOPATFileInfo(); + displayAllTableTags(); + populateIndexSelector(); + + console.log('[OPAT_HANDLER] OPAT file opened successfully via file association'); + } else { + console.error('[OPAT_HANDLER] parseOPAT returned null/undefined for file association'); + throw new Error('Failed to parse OPAT file. Please check the file format.'); + } + } catch (error) { + console.error('[OPAT_HANDLER] Error opening OPAT file via file association:', error); + domManager.showModal('Error', `Failed to open OPAT file: ${error.message}`); } } // Display OPAT file information function displayOPATFileInfo() { + console.log('[OPAT_HANDLER] displayOPATFileInfo called'); const currentOPATFile = stateManager.getOPATFile(); - if (!currentOPATFile) return; + console.log('[OPAT_HANDLER] Current OPAT file from state:', currentOPATFile); + + if (!currentOPATFile) { + console.error('[OPAT_HANDLER] No OPAT file in state manager!'); + return; + } + + console.log('[OPAT_HANDLER] opatHeaderInfo element:', opatHeaderInfo); + console.log('[OPAT_HANDLER] opatHeaderInfo exists:', !!opatHeaderInfo); + + if (!opatHeaderInfo) { + console.error('[OPAT_HANDLER] opatHeaderInfo element not found! Re-initializing...'); + opatHeaderInfo = document.getElementById('opat-header-info'); + console.log('[OPAT_HANDLER] After re-init, opatHeaderInfo:', !!opatHeaderInfo); + } const header = currentOPATFile.header; - opatHeaderInfo.innerHTML = ` + console.log('[OPAT_HANDLER] Header object:', header); + + const headerHTML = `