Function fileDragStartHandler

public/js/fileDragDrop.js:231–268

(event)

/* ---------------- drag start (rows/cards) ---------------- */
export function fileDragStartHandler(event) {
  try { cancelHoverPreview(); } catch (e) {}
  const row = getRowEl(event.currentTarget);
  if (!row) return;

  // Use current selection if present; otherwise drag just this row’s file
  let names = getSelectedFileNames(row);
  if (names.length === 0) {
    const single = getNameFromAny(row);
    if (single) names = [single];
  }
  if (names.length === 0) return;

  const sourceFolder = getPaneFolderForElement(row) || window.currentFolder || 'root';
  const sourceId = getPaneSourceIdForElement(row) || getActiveSourceId();
  const fileList = getPaneFileDataForElement(row);
  const totals = getTransferTotalsForNames(names, fileList);
  const payload = {
    files: names,
    sourceFolder,
    sourceId,
    totalBytes: totals.totalBytes,
    totalItems: totals.itemCount,
    bytesKnown: totals.bytesKnown
  };

  // primary payload
  event.dataTransfer.setData('application/json', JSON.stringify(payload));
  // fallback (lets some environments read something human)
  event.dataTransfer.setData('text/plain', names.join('\n'));

  // nicer drag image
  const dragLabel = (names.length === 1) ? names[0] : `${names.length} files`;
  const ghost = makeDragImage(dragLabel, names.length === 1 ? 'insert_drive_file' : 'folder');
  event.dataTransfer.setDragImage(ghost, 6, 6);
  // clean up the ghost as soon as the browser has captured it
  setTimeout(() => { try { document.body.removeChild(ghost); } catch (e) { } }, 0);
}

/* ---------------- folder targets ---------------- */
export function folderDragOverHandler(event) {