retold-remote 0.0.4 → 0.0.6

package/source/providers/Pict-Provider-RetoldRemoteIcons.js

@@ -381,6 +381,18 @@ class RetoldRemoteIconProvider extends libPictProvider
 					+ '</svg>';
 			},
 
+			'sidebar': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<rect x="3" y="3" width="18" height="18" rx="2" stroke="' + c.Primary + '" stroke-width="1.8" fill="none" />'
+					+ '<line x1="9" y1="3" x2="9" y2="21" stroke="' + c.Primary + '" stroke-width="1.8" />'
+					+ '<line x1="5" y1="7.5" x2="7.5" y2="7.5" stroke="' + c.Muted + '" stroke-width="1.2" stroke-linecap="round" />'
+					+ '<line x1="5" y1="10.5" x2="7.5" y2="10.5" stroke="' + c.Muted + '" stroke-width="1.2" stroke-linecap="round" />'
+					+ '<line x1="5" y1="13.5" x2="7.5" y2="13.5" stroke="' + c.Muted + '" stroke-width="1.2" stroke-linecap="round" />'
+					+ '</svg>';
+			},
+
 			// ====================================================================
 			// NEW MEDIA-SPECIFIC ICONS
 			// Not in the filebrowser set — standalone shapes for viewer fallbacks.
@@ -429,6 +441,46 @@ class RetoldRemoteIconProvider extends libPictProvider
 					+ '<line x1="8.1" y1="16" x2="15.9" y2="16" stroke="' + c.Muted + '" stroke-width="1.2" stroke-linecap="round" />'
 					+ '<line x1="8.1" y1="19" x2="12" y2="19" stroke="' + c.Muted + '" stroke-width="1.2" stroke-linecap="round" />'
 					+ '</svg>';
+			},
+
+			// ---- Collection icons ----
+			'bookmark': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<path d="M6 4C6 3.45 6.45 3 7 3H17C17.55 3 18 3.45 18 4V21L12 17L6 21V4Z" stroke="' + c.Primary + '" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none" />'
+					+ '</svg>';
+			},
+
+			'bookmark-filled': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<path d="M6 4C6 3.45 6.45 3 7 3H17C17.55 3 18 3.45 18 4V21L12 17L6 21V4Z" stroke="' + c.Primary + '" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="' + c.Accent + '" />'
+					+ '</svg>';
+			},
+
+			'collection': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<rect x="4" y="8" width="16" height="12" rx="2" stroke="' + c.Primary + '" stroke-width="1.8" fill="' + c.Light + '" />'
+					+ '<path d="M7 8V6C7 5.45 7.45 5 8 5H16C16.55 5 17 5.45 17 6V8" stroke="' + c.Primary + '" stroke-width="1.5" fill="none" />'
+					+ '<path d="M9 5V3.5C9 3.22 9.22 3 9.5 3H14.5C14.78 3 15 3.22 15 3.5V5" stroke="' + c.Muted + '" stroke-width="1.2" fill="none" />'
+					+ '</svg>';
+			},
+
+			'drag-handle': (pSize) =>
+			{
+				let c = tmpSelf._colors;
+				return '<svg width="' + pSize + '" height="' + pSize + '" viewBox="0 0 24 24" fill="none">'
+					+ '<circle cx="9" cy="7" r="1.5" fill="' + c.Muted + '" />'
+					+ '<circle cx="15" cy="7" r="1.5" fill="' + c.Muted + '" />'
+					+ '<circle cx="9" cy="12" r="1.5" fill="' + c.Muted + '" />'
+					+ '<circle cx="15" cy="12" r="1.5" fill="' + c.Muted + '" />'
+					+ '<circle cx="9" cy="17" r="1.5" fill="' + c.Muted + '" />'
+					+ '<circle cx="15" cy="17" r="1.5" fill="' + c.Muted + '" />'
+					+ '</svg>';
 			}
 		};
 	}

package/source/providers/Pict-Provider-ToastNotification.js

@@ -0,0 +1,96 @@
+const libPictProvider = require('pict-provider');
+
+const _DefaultProviderConfiguration =
+{
+	ProviderIdentifier: 'RetoldRemote-ToastNotification',
+	AutoInitialize: true,
+	AutoSolveWithApp: false
+};
+
+class ToastNotificationProvider extends libPictProvider
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+		this.serviceType = 'RetoldRemoteProvider';
+
+		this._overlayTimeout = null;
+	}
+
+	/**
+	 * Show a brief overlay indicator inside the viewer body.
+	 *
+	 * Reuses the #RetoldRemote-FitIndicator element, creating it if needed.
+	 * Used for fit-mode labels, "Filters cleared", VLC status, etc.
+	 *
+	 * @param {string} pMessage - Text to display
+	 * @param {number} pDuration - Milliseconds before fade-out (default 1500)
+	 */
+	showOverlayIndicator(pMessage, pDuration)
+	{
+		let tmpDuration = pDuration || 1500;
+
+		let tmpIndicator = document.getElementById('RetoldRemote-FitIndicator');
+		if (!tmpIndicator)
+		{
+			tmpIndicator = document.createElement('div');
+			tmpIndicator.id = 'RetoldRemote-FitIndicator';
+			tmpIndicator.className = 'retold-remote-fit-indicator';
+
+			let tmpContainer = document.querySelector('.retold-remote-viewer-body');
+			if (tmpContainer)
+			{
+				tmpContainer.appendChild(tmpIndicator);
+			}
+		}
+
+		tmpIndicator.textContent = pMessage;
+		tmpIndicator.classList.add('visible');
+
+		if (this._overlayTimeout)
+		{
+			clearTimeout(this._overlayTimeout);
+		}
+
+		this._overlayTimeout = setTimeout(function ()
+		{
+			tmpIndicator.classList.remove('visible');
+		}, tmpDuration);
+	}
+
+	/**
+	 * Show a page-level toast notification appended to document.body.
+	 *
+	 * Used for clipboard copy confirmations, setup status messages, etc.
+	 *
+	 * @param {string} pMessage - Text to display
+	 * @param {number} pDuration - Milliseconds before removal (default 2000)
+	 */
+	showToast(pMessage, pDuration)
+	{
+		let tmpDuration = pDuration || 2000;
+
+		let tmpExisting = document.querySelector('.retold-remote-toast');
+		if (tmpExisting)
+		{
+			tmpExisting.remove();
+		}
+
+		let tmpToast = document.createElement('div');
+		tmpToast.className = 'retold-remote-toast';
+		tmpToast.textContent = pMessage;
+		document.body.appendChild(tmpToast);
+
+		setTimeout(function ()
+		{
+			if (tmpToast.parentNode)
+			{
+				tmpToast.remove();
+			}
+		}, tmpDuration);
+	}
+}
+
+ToastNotificationProvider.default_configuration = _DefaultProviderConfiguration;
+
+module.exports = ToastNotificationProvider;

package/source/providers/keyboard-handlers/KeyHandler-AudioExplorer.js

@@ -0,0 +1,88 @@
+/**
+ * Audio explorer mode keyboard handler.
+ *
+ * @param {GalleryNavigationProvider} pGalleryNav - The provider instance
+ * @param {KeyboardEvent} pEvent - The keyboard event
+ */
+function handleAudioExplorerKey(pGalleryNav, pEvent)
+{
+	let tmpAEX = pGalleryNav.pict.views['RetoldRemote-AudioExplorer'];
+	if (!tmpAEX)
+	{
+		return;
+	}
+
+	switch (pEvent.key)
+	{
+		case 'Escape':
+			pEvent.preventDefault();
+			if (tmpAEX._selectionStart >= 0)
+			{
+				tmpAEX.clearSelection();
+			}
+			else
+			{
+				tmpAEX.goBack();
+			}
+			break;
+		case '+':
+		case '=':
+			pEvent.preventDefault();
+			tmpAEX.zoomIn();
+			break;
+		case '-':
+		case '_':
+			pEvent.preventDefault();
+			tmpAEX.zoomOut();
+			break;
+		case '0':
+			pEvent.preventDefault();
+			tmpAEX.zoomToFit();
+			break;
+		case 'z':
+		case 'Z':
+			pEvent.preventDefault();
+			tmpAEX.zoomToSelection();
+			break;
+		case ' ':
+			pEvent.preventDefault();
+			tmpAEX.playSelection();
+			break;
+
+		case 'a':
+			pEvent.preventDefault();
+			{
+				let tmpRemote = pGalleryNav.pict.AppData.RetoldRemote;
+				let tmpCollMgr = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollMgr)
+				{
+					if (tmpRemote.LastUsedCollectionGUID)
+					{
+						tmpCollMgr.addAudioSnippetToCollection(tmpRemote.LastUsedCollectionGUID);
+					}
+					else
+					{
+						let tmpTopBar = pGalleryNav.pict.views['ContentEditor-TopBar'];
+						if (tmpTopBar && typeof tmpTopBar.showAddToCollectionDropdown === 'function')
+						{
+							tmpTopBar.showAddToCollectionDropdown();
+						}
+					}
+				}
+			}
+			break;
+
+		case 'b':
+			pEvent.preventDefault();
+			{
+				let tmpCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollManager)
+				{
+					tmpCollManager.togglePanel();
+				}
+			}
+			break;
+	}
+}
+
+module.exports = handleAudioExplorerKey;

package/source/providers/keyboard-handlers/KeyHandler-Gallery.js

@@ -0,0 +1,190 @@
+/**
+ * Gallery mode keyboard handler.
+ *
+ * @param {GalleryNavigationProvider} pGalleryNav - The provider instance
+ * @param {KeyboardEvent} pEvent - The keyboard event
+ */
+function handleGalleryKey(pGalleryNav, pEvent)
+{
+	let tmpRemote = pGalleryNav.pict.AppData.RetoldRemote;
+	let tmpItems = tmpRemote.GalleryItems || [];
+	let tmpIndex = tmpRemote.GalleryCursorIndex || 0;
+
+	switch (pEvent.key)
+	{
+		case 'ArrowRight':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(Math.min(tmpIndex + 1, tmpItems.length - 1));
+			break;
+
+		case 'ArrowLeft':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(Math.max(tmpIndex - 1, 0));
+			break;
+
+		case 'ArrowDown':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(Math.min(tmpIndex + pGalleryNav._columnsPerRow, tmpItems.length - 1));
+			break;
+
+		case 'ArrowUp':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(Math.max(tmpIndex - pGalleryNav._columnsPerRow, 0));
+			break;
+
+		case 'Enter':
+			pEvent.preventDefault();
+			pGalleryNav.openCurrent();
+			break;
+
+		case 'Escape':
+			pEvent.preventDefault();
+			pGalleryNav.navigateUp();
+			break;
+
+		case 'g':
+			pEvent.preventDefault();
+			pGalleryNav._toggleViewMode();
+			break;
+
+		case 'x':
+			pEvent.preventDefault();
+			pGalleryNav._clearAllFilters();
+			break;
+
+		case 'Home':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(0);
+			break;
+
+		case 'End':
+			pEvent.preventDefault();
+			pGalleryNav.moveCursor(tmpItems.length - 1);
+			break;
+
+		case '1':
+			pEvent.preventDefault();
+			pGalleryNav.openCurrentAs('image');
+			break;
+
+		case '2':
+			pEvent.preventDefault();
+			pGalleryNav.openCurrentAs('video');
+			break;
+
+		case '3':
+			pEvent.preventDefault();
+			pGalleryNav.openCurrentAs('audio');
+			break;
+
+		case '4':
+			pEvent.preventDefault();
+			pGalleryNav.openCurrentAs('text');
+			break;
+
+		case 'f':
+			pEvent.preventDefault();
+			{
+				// Ensure the filter bar is visible first
+				pGalleryNav._showFilterBar();
+				let tmpGalleryView = pGalleryNav.pict.views['RetoldRemote-Gallery'];
+				if (tmpGalleryView)
+				{
+					tmpGalleryView.toggleFilterPanel();
+				}
+			}
+			break;
+
+		case 's':
+			pEvent.preventDefault();
+			{
+				// Ensure the filter bar is visible first
+				pGalleryNav._showFilterBar();
+				setTimeout(() =>
+				{
+					let tmpSortSelect = document.getElementById('RetoldRemote-Gallery-Sort');
+					if (tmpSortSelect)
+					{
+						tmpSortSelect.focus();
+					}
+				}, 50);
+			}
+			break;
+
+		case 'c':
+			pEvent.preventDefault();
+			pGalleryNav._toggleSettingsPanel();
+			break;
+
+		case 'a':
+			pEvent.preventDefault();
+			{
+				let tmpCollMgr = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollMgr)
+				{
+					let tmpCursorItem = tmpItems[tmpIndex];
+					if (tmpCursorItem && tmpRemote.LastUsedCollectionGUID)
+					{
+						// Quick-add the highlighted gallery item to the last-used collection
+						let tmpAddItem =
+						{
+							Type: (tmpCursorItem.Type === 'folder' || tmpCursorItem.Type === 'archive') ? 'folder' : 'file',
+							Path: tmpCursorItem.Path || '',
+							Hash: tmpCursorItem.Hash || '',
+							Label: ''
+						};
+						tmpCollMgr.addItemsToCollection(tmpRemote.LastUsedCollectionGUID, [tmpAddItem]);
+					}
+					else
+					{
+						// No last-used collection or no item — open the topbar dropdown
+						let tmpTopBar = pGalleryNav.pict.views['ContentEditor-TopBar'];
+						if (tmpTopBar && typeof tmpTopBar.showAddToCollectionDropdown === 'function')
+						{
+							tmpTopBar.showAddToCollectionDropdown();
+						}
+					}
+				}
+			}
+			break;
+
+		case 'b':
+			pEvent.preventDefault();
+			{
+				let tmpCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollManager)
+				{
+					tmpCollManager.togglePanel();
+				}
+			}
+			break;
+
+		case 'd':
+			pEvent.preventDefault();
+			pGalleryNav._toggleDistractionFree();
+			break;
+
+		case 'e':
+			pEvent.preventDefault();
+			{
+				let tmpItem = tmpItems[tmpIndex];
+				if (tmpItem && tmpItem.Type !== 'folder' && tmpItem.Type !== 'archive')
+				{
+					let tmpFilterSort = pGalleryNav.pict.providers['RetoldRemote-GalleryFilterSort'];
+					let tmpCat = tmpFilterSort ? tmpFilterSort.getCategory(tmpItem.Extension) : '';
+					if (tmpCat === 'video')
+					{
+						let tmpVEX = pGalleryNav.pict.views['RetoldRemote-VideoExplorer'];
+						if (tmpVEX)
+						{
+							tmpVEX.showExplorer(tmpItem.Path);
+						}
+					}
+				}
+			}
+			break;
+
+	}
+}
+
+module.exports = handleGalleryKey;

package/source/providers/keyboard-handlers/KeyHandler-Sidebar.js

@@ -0,0 +1,65 @@
+/**
+ * Sidebar file list keyboard handler.
+ *
+ * @param {GalleryNavigationProvider} pGalleryNav - The provider instance
+ * @param {KeyboardEvent} pEvent - The keyboard event
+ */
+function handleSidebarKey(pGalleryNav, pEvent)
+{
+	let tmpRows = document.querySelectorAll('#Pict-FileBrowser-DetailRows .pict-fb-detail-row');
+	let tmpCount = tmpRows.length;
+
+	if (tmpCount === 0)
+	{
+		// Nothing in the sidebar, bail back to gallery
+		pGalleryNav._blurSidebar();
+		return;
+	}
+
+	switch (pEvent.key)
+	{
+		case 'ArrowDown':
+			pEvent.preventDefault();
+			pGalleryNav._moveSidebarCursor(Math.min(pGalleryNav._sidebarCursorIndex + 1, tmpCount - 1));
+			break;
+
+		case 'ArrowUp':
+			pEvent.preventDefault();
+			pGalleryNav._moveSidebarCursor(Math.max(pGalleryNav._sidebarCursorIndex - 1, 0));
+			break;
+
+		case 'Home':
+			pEvent.preventDefault();
+			pGalleryNav._moveSidebarCursor(0);
+			break;
+
+		case 'End':
+			pEvent.preventDefault();
+			pGalleryNav._moveSidebarCursor(tmpCount - 1);
+			break;
+
+		case 'Enter':
+			pEvent.preventDefault();
+			{
+				// Click the focused row to open it (folder or file)
+				let tmpRow = tmpRows[pGalleryNav._sidebarCursorIndex];
+				if (tmpRow)
+				{
+					// Fire the dblclick handler which opens folders / selects files
+					let tmpDblClickHandler = tmpRow.getAttribute('ondblclick');
+					if (tmpDblClickHandler)
+					{
+						new Function(tmpDblClickHandler).call(tmpRow);
+					}
+				}
+			}
+			break;
+
+		case 'Escape':
+			pEvent.preventDefault();
+			pGalleryNav._blurSidebar();
+			break;
+	}
+}
+
+module.exports = handleSidebarKey;

package/source/providers/keyboard-handlers/KeyHandler-VideoExplorer.js

@@ -0,0 +1,57 @@
+/**
+ * Video explorer mode keyboard handler.
+ *
+ * @param {GalleryNavigationProvider} pGalleryNav - The provider instance
+ * @param {KeyboardEvent} pEvent - The keyboard event
+ */
+function handleVideoExplorerKey(pGalleryNav, pEvent)
+{
+	let tmpRemote = pGalleryNav.pict.AppData.RetoldRemote;
+
+	switch (pEvent.key)
+	{
+		case 'Escape':
+			pEvent.preventDefault();
+			let tmpVEX = pGalleryNav.pict.views['RetoldRemote-VideoExplorer'];
+			if (tmpVEX)
+			{
+				tmpVEX.goBack();
+			}
+			break;
+
+		case 'a':
+			pEvent.preventDefault();
+			{
+				let tmpCollMgr = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollMgr)
+				{
+					if (tmpRemote.LastUsedCollectionGUID)
+					{
+						tmpCollMgr.addVideoFrameToCollection(tmpRemote.LastUsedCollectionGUID);
+					}
+					else
+					{
+						let tmpTopBar = pGalleryNav.pict.views['ContentEditor-TopBar'];
+						if (tmpTopBar && typeof tmpTopBar.showAddToCollectionDropdown === 'function')
+						{
+							tmpTopBar.showAddToCollectionDropdown();
+						}
+					}
+				}
+			}
+			break;
+
+		case 'b':
+			pEvent.preventDefault();
+			{
+				let tmpCollManager = pGalleryNav.pict.providers['RetoldRemote-CollectionManager'];
+				if (tmpCollManager)
+				{
+					tmpCollManager.togglePanel();
+				}
+			}
+			break;
+	}
+}
+
+module.exports = handleVideoExplorerKey;