retold-remote 0.0.23 → 0.0.26

package/source/views/PictView-Remote-AudioExplorer.js

@@ -62,6 +62,14 @@ class RetoldRemoteAudioExplorerView extends libPictView
 		tmpRemote.CurrentViewerFile = pFilePath;
 		tmpRemote.CurrentViewerMediaType = 'audio';
 		this._currentPath = pFilePath;
+
+		// Notify the layout so active sidebar panels (Info, Regions, etc.)
+		// refresh to the new file instead of keeping stale content.
+		let tmpLayout = this.pict.views['ContentEditor-Layout'];
+		if (tmpLayout && typeof tmpLayout.notifyCurrentFileChanged === 'function')
+		{
+			tmpLayout.notifyCurrentFileChanged(pFilePath);
+		}
 		this._waveformData = null;
 		this._peaks = [];
 		this._viewStart = 0;
@@ -182,26 +190,91 @@ class RetoldRemoteAudioExplorerView extends libPictView
 
 		let tmpURL = '/api/media/audio-waveform?path=' + tmpPathParam + '&peaks=2000';
 
-		fetch(tmpURL)
+		// Cancel any previous in-flight waveform fetch
+		this._cancelActiveOperation();
+
+		// Start an operation entry so the user sees what's happening
+		let tmpStatus = this.pict.providers['RetoldRemote-OperationStatus'];
+		let tmpOp = tmpStatus ? tmpStatus.startOperation(
+		{
+			Label: 'Analyzing audio waveform',
+			Phase: 'Extracting peaks…',
+			Cancelable: true
+		}) : null;
+		if (tmpOp)
+		{
+			this._activeOperationId = tmpOp.OperationId;
+			this._activeAbortController = tmpOp.AbortController;
+		}
+
+		let tmpFetchOptions = {};
+		if (tmpOp && tmpOp.AbortController)
+		{
+			tmpFetchOptions.signal = tmpOp.AbortController.signal;
+		}
+		if (tmpOp)
+		{
+			tmpFetchOptions.headers = { 'X-Op-Id': tmpOp.OperationId };
+		}
+
+		fetch(tmpURL, tmpFetchOptions)
 			.then((pResponse) => pResponse.json())
 			.then((pData) =>
 			{
 				if (!pData || !pData.Success)
 				{
+					if (tmpOp && tmpStatus)
+					{
+						tmpStatus.errorOperation(tmpOp.OperationId, { message: pData ? pData.Error : 'Unknown error' });
+					}
 					tmpSelf._showError(pData ? pData.Error : 'Unknown error');
 					return;
 				}
 
+				if (tmpOp && tmpStatus)
+				{
+					tmpStatus.completeOperation(tmpOp.OperationId);
+				}
+				tmpSelf._activeOperationId = null;
+				tmpSelf._activeAbortController = null;
+
 				tmpSelf._waveformData = pData;
 				tmpSelf._peaks = pData.Peaks || [];
 				tmpSelf._renderWaveformUI();
 			})
 			.catch((pError) =>
 			{
+				if (pError && pError.name === 'AbortError')
+				{
+					return;
+				}
+				if (tmpOp && tmpStatus)
+				{
+					tmpStatus.errorOperation(tmpOp.OperationId, pError);
+				}
 				tmpSelf._showError(pError.message);
 			});
 	}
 
+	/**
+	 * Cancel any in-flight waveform fetch. Called on navigate-away and
+	 * when launching a new waveform extraction.
+	 */
+	_cancelActiveOperation()
+	{
+		if (this._activeAbortController)
+		{
+			try { this._activeAbortController.abort(); } catch (pErr) { /* ignore */ }
+		}
+		let tmpStatus = this.pict.providers['RetoldRemote-OperationStatus'];
+		if (this._activeOperationId && tmpStatus)
+		{
+			tmpStatus.cancelOperation(this._activeOperationId);
+		}
+		this._activeOperationId = null;
+		this._activeAbortController = null;
+	}
+
 	/**
 	 * Render the waveform UI after data is loaded.
 	 */
@@ -981,6 +1054,9 @@ class RetoldRemoteAudioExplorerView extends libPictView
 	 */
 	goBack()
 	{
+		// Cancel any in-flight waveform extraction
+		this._cancelActiveOperation();
+
 		// Clean up resize observer
 		if (this._resizeObserver)
 		{

package/source/views/PictView-Remote-CollectionsPanel.js

@@ -387,8 +387,18 @@ class RetoldRemoteCollectionsPanelView extends libPictView
 				tmpManager.sortActiveCollection(null, tmpNewDir);
 			};
 
+			let tmpExportBtn = document.createElement('button');
+			tmpExportBtn.className = 'retold-remote-collections-export-btn';
+			tmpExportBtn.textContent = '\u21e9 Export';
+			tmpExportBtn.title = 'Export collection to a folder';
+			tmpExportBtn.onclick = () =>
+			{
+				tmpSelf._showExportDialog(tmpCollection.GUID, tmpCollection.Name);
+			};
+
 			tmpControls.appendChild(tmpSortSelect);
 			tmpControls.appendChild(tmpDirBtn);
+			tmpControls.appendChild(tmpExportBtn);
 			pRoot.appendChild(tmpControls);
 		}
 
@@ -986,6 +996,209 @@ class RetoldRemoteCollectionsPanelView extends libPictView
 				return '\uD83D\uDCC4';
 		}
 	}
+
+	// -- Export Dialog -------------------------------------------------------
+
+	/**
+	 * Show the export dialog for a collection.
+	 *
+	 * @param {string} pGUID - Collection GUID
+	 * @param {string} pCollectionName - Collection name (for default folder)
+	 */
+	_showExportDialog(pGUID, pCollectionName)
+	{
+		let tmpSelf = this;
+
+		// Build a default folder name from the collection name
+		let tmpDefaultFolder = (pCollectionName || 'collection-export')
+			.replace(/[<>:"/\\|?*\x00-\x1F]/g, '_')
+			.replace(/\s+/g, '_')
+			.substring(0, 80);
+
+		// Use the current browsed folder as a prefix if available
+		let tmpRemote = this.pict.AppData.RetoldRemote;
+		let tmpCurrentFolder = tmpRemote.CurrentBrowsedFolder || '';
+		let tmpDefaultPath = tmpCurrentFolder
+			? tmpCurrentFolder.replace(/\/+$/, '') + '/' + tmpDefaultFolder
+			: tmpDefaultFolder;
+
+		// Create a simple inline prompt in the collections detail area
+		let tmpRoot = document.getElementById('RetoldRemote-Collections-Detail');
+		if (!tmpRoot)
+		{
+			return;
+		}
+
+		// Find or create the export dialog container
+		let tmpExistingDialog = document.getElementById('RetoldRemote-ExportDialog');
+		if (tmpExistingDialog)
+		{
+			tmpExistingDialog.parentElement.removeChild(tmpExistingDialog);
+		}
+
+		let tmpDialog = document.createElement('div');
+		tmpDialog.id = 'RetoldRemote-ExportDialog';
+		tmpDialog.style.cssText = 'padding:10px;border-top:1px solid var(--retold-border);background:var(--retold-bg-secondary,#21252b);';
+
+		tmpDialog.innerHTML =
+			'<div style="font-size:0.78rem;color:var(--retold-text);margin-bottom:6px;">Export to folder (within content root):</div>'
+			+ '<input type="text" id="RetoldRemote-ExportPath" value="' + tmpDefaultPath.replace(/"/g, '&quot;') + '" '
+			+ 'style="width:100%;box-sizing:border-box;background:var(--retold-bg-input,#1e1e1e);color:var(--retold-text);border:1px solid var(--retold-border);border-radius:4px;padding:4px 8px;font-size:0.78rem;font-family:inherit;margin-bottom:6px;">'
+			+ '<div style="display:flex;gap:6px;">'
+			+ '<button id="RetoldRemote-ExportConfirmBtn" style="flex:1;padding:4px 8px;font-size:0.75rem;">Export</button>'
+			+ '<button id="RetoldRemote-ExportCancelBtn" style="padding:4px 8px;font-size:0.75rem;">Cancel</button>'
+			+ '</div>'
+			+ '<div id="RetoldRemote-ExportStatus" style="font-size:0.72rem;color:var(--retold-text-dim);margin-top:6px;display:none;"></div>';
+
+		tmpRoot.appendChild(tmpDialog);
+
+		// Focus the path input
+		let tmpPathInput = document.getElementById('RetoldRemote-ExportPath');
+		if (tmpPathInput)
+		{
+			tmpPathInput.focus();
+			tmpPathInput.select();
+		}
+
+		// Cancel handler
+		document.getElementById('RetoldRemote-ExportCancelBtn').onclick = () =>
+		{
+			tmpDialog.parentElement.removeChild(tmpDialog);
+		};
+
+		// Export handler
+		document.getElementById('RetoldRemote-ExportConfirmBtn').onclick = () =>
+		{
+			let tmpDestPath = tmpPathInput ? tmpPathInput.value.trim() : '';
+			if (!tmpDestPath)
+			{
+				return;
+			}
+
+			let tmpBtn = document.getElementById('RetoldRemote-ExportConfirmBtn');
+			let tmpStatus = document.getElementById('RetoldRemote-ExportStatus');
+			if (tmpBtn) tmpBtn.disabled = true;
+			if (tmpBtn) tmpBtn.textContent = 'Exporting\u2026';
+			if (tmpStatus) tmpStatus.style.display = '';
+			if (tmpStatus) tmpStatus.textContent = 'Exporting\u2026';
+
+			// Start an operation entry so the status strip shows live progress
+			// (individual item count, cancel button, etc.)
+			let tmpOpStatus = tmpSelf.pict.providers['RetoldRemote-OperationStatus'];
+			let tmpOp = tmpOpStatus ? tmpOpStatus.startOperation(
+			{
+				Label: 'Exporting collection' + (pCollectionName ? ': ' + pCollectionName : ''),
+				Phase: 'Starting export…',
+				Cancelable: true
+			}) : null;
+
+			let tmpFetchOptions =
+			{
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ DestinationPath: tmpDestPath })
+			};
+			if (tmpOp && tmpOp.AbortController)
+			{
+				tmpFetchOptions.signal = tmpOp.AbortController.signal;
+			}
+			if (tmpOp)
+			{
+				tmpFetchOptions.headers['X-Op-Id'] = tmpOp.OperationId;
+			}
+
+			fetch('/api/collections/' + encodeURIComponent(pGUID) + '/export', tmpFetchOptions)
+				.then((pResponse) => pResponse.json())
+				.then((pResult) =>
+				{
+					if (pResult && pResult.Success)
+					{
+						if (tmpOp && tmpOpStatus)
+						{
+							tmpOpStatus.completeOperation(tmpOp.OperationId);
+						}
+
+						let tmpMsg = 'Exported ' + pResult.ExportedCount + ' of ' + pResult.TotalItems + ' items';
+						if (pResult.ErrorCount > 0)
+						{
+							tmpMsg += ' (' + pResult.ErrorCount + ' errors)';
+						}
+						if (pResult.Cancelled)
+						{
+							tmpMsg = 'Export cancelled after ' + pResult.ExportedCount + ' of ' + pResult.TotalItems + ' items';
+						}
+						tmpMsg += ' to ' + pResult.DestinationPath;
+
+						if (tmpStatus) tmpStatus.textContent = tmpMsg;
+						if (tmpBtn) tmpBtn.textContent = pResult.Cancelled ? 'Close' : 'Done';
+
+						let tmpToast = tmpSelf.pict.providers['RetoldRemote-ToastNotification'];
+						if (tmpToast)
+						{
+							tmpToast.showToast(tmpMsg);
+						}
+
+						// Auto-dismiss after a moment (only on success)
+						if (!pResult.Cancelled)
+						{
+							setTimeout(() =>
+							{
+								if (tmpDialog.parentElement)
+								{
+									tmpDialog.parentElement.removeChild(tmpDialog);
+								}
+							}, 3000);
+						}
+					}
+					else
+					{
+						if (tmpOp && tmpOpStatus)
+						{
+							tmpOpStatus.errorOperation(tmpOp.OperationId, { message: (pResult && pResult.Error) || 'Export failed' });
+						}
+						let tmpErrMsg = (pResult && pResult.Error) || 'Export failed';
+						if (tmpStatus) tmpStatus.textContent = tmpErrMsg;
+						if (tmpStatus) tmpStatus.style.color = '#e06c75';
+						if (tmpBtn) tmpBtn.textContent = 'Retry';
+						if (tmpBtn) tmpBtn.disabled = false;
+					}
+				})
+				.catch((pError) =>
+				{
+					if (pError && pError.name === 'AbortError')
+					{
+						if (tmpStatus) tmpStatus.textContent = 'Cancelled';
+						if (tmpBtn) tmpBtn.textContent = 'Close';
+						if (tmpBtn) tmpBtn.disabled = false;
+						return;
+					}
+					if (tmpOp && tmpOpStatus)
+					{
+						tmpOpStatus.errorOperation(tmpOp.OperationId, pError);
+					}
+					if (tmpStatus) tmpStatus.textContent = 'Request failed: ' + pError.message;
+					if (tmpStatus) tmpStatus.style.color = '#e06c75';
+					if (tmpBtn) tmpBtn.textContent = 'Retry';
+					if (tmpBtn) tmpBtn.disabled = false;
+				});
+		};
+
+		// Enter key in input triggers export
+		if (tmpPathInput)
+		{
+			tmpPathInput.onkeydown = (pEvent) =>
+			{
+				if (pEvent.key === 'Enter')
+				{
+					document.getElementById('RetoldRemote-ExportConfirmBtn').click();
+				}
+				if (pEvent.key === 'Escape')
+				{
+					tmpDialog.parentElement.removeChild(tmpDialog);
+				}
+			};
+		}
+	}
 }
 
 RetoldRemoteCollectionsPanelView.default_configuration = _ViewConfiguration;