@imsovikde/source-grab 1.0.1

package/sidepanel/utils/clipboard.js

@@ -0,0 +1,33 @@
+export async function copyFileNames(resources) {
+  if (!resources || resources.length === 0) return { success: false, count: 0 };
+  
+  const text = resources.map(r => r.filename).join('\n');
+  
+  try {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      await navigator.clipboard.writeText(text);
+      return { success: true, count: resources.length };
+    }
+  } catch (err) {
+    console.warn('Clipboard API failed, falling back to execCommand', err);
+  }
+  
+  // Fallback
+  const textarea = document.createElement('textarea');
+  textarea.value = text;
+  textarea.style.position = 'fixed';
+  textarea.style.opacity = '0';
+  document.body.appendChild(textarea);
+  textarea.select();
+  
+  let success = false;
+  try {
+    success = document.execCommand('copy');
+  } catch (err) {
+    console.error('Fallback copy failed', err);
+  } finally {
+    document.body.removeChild(textarea);
+  }
+  
+  return { success, count: success ? resources.length : 0 };
+}

package/sidepanel/utils/format.js

@@ -0,0 +1,23 @@
+export function formatFileSize(bytes) {
+  if (bytes === null || bytes === undefined) return '—';
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+}
+
+export function formatTimestamp(ms) {
+  if (!ms) return '';
+  const diff = Math.floor((Date.now() - ms) / 1000);
+  if (diff < 60) return `${diff}s ago`;
+  const m = Math.floor(diff / 60);
+  if (m < 60) return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24) return `${h}h ago`;
+  return `${Math.floor(h / 24)}d ago`;
+}
+
+export function formatCount(n) {
+  return n.toLocaleString();
+}

package/sidepanel/utils/virtual-scroll.js

@@ -0,0 +1,107 @@
+export class VirtualScroll {
+  constructor(container, options) {
+    this.container = container;
+    this.itemHeight = options.itemHeight || 56;
+    this.bufferRows = options.bufferRows || 10;
+    this.renderItem = options.renderItem;
+    
+    this.items = [];
+    this.visibleNodes = new Map();
+    this.spacer = document.createElement('div');
+    this.viewport = document.createElement('div');
+    
+    this.spacer.style.position = 'relative';
+    this.spacer.style.width = '100%';
+    this.viewport.style.position = 'absolute';
+    this.viewport.style.top = '0';
+    this.viewport.style.left = '0';
+    this.viewport.style.width = '100%';
+    
+    this.spacer.appendChild(this.viewport);
+    this.container.appendChild(this.spacer);
+    
+    this.onScroll = this.onScroll.bind(this);
+    this.container.addEventListener('scroll', this.onScroll, { passive: true });
+    
+    this.ticking = false;
+    this.lastStartIndex = -1;
+    this.lastEndIndex = -1;
+  }
+  
+  setItems(items) {
+    this.items = items || [];
+    this.spacer.style.height = `${this.items.length * this.itemHeight}px`;
+    this.forceRender();
+  }
+  
+  onScroll() {
+    if (!this.ticking) {
+      requestAnimationFrame(() => {
+        this.render();
+        this.ticking = false;
+      });
+      this.ticking = true;
+    }
+  }
+  
+  forceRender() {
+    this.lastStartIndex = -1;
+    this.viewport.innerHTML = '';
+    this.visibleNodes.clear();
+    this.render();
+  }
+  
+  render() {
+    if (this.items.length === 0) {
+      this.viewport.innerHTML = '';
+      this.visibleNodes.clear();
+      return;
+    }
+    
+    const scrollTop = this.container.scrollTop;
+    const containerHeight = this.container.clientHeight;
+    
+    let startIndex = Math.max(0, Math.floor(scrollTop / this.itemHeight) - this.bufferRows);
+    let endIndex = Math.min(this.items.length, Math.ceil((scrollTop + containerHeight) / this.itemHeight) + this.bufferRows);
+    
+    if (startIndex === this.lastStartIndex && endIndex === this.lastEndIndex) {
+      return;
+    }
+    
+    this.viewport.style.transform = `translateY(${startIndex * this.itemHeight}px)`;
+    
+    const newVisibleNodes = new Map();
+    const fragment = document.createDocumentFragment();
+    
+    for (let i = startIndex; i < endIndex; i++) {
+      let node = this.visibleNodes.get(i);
+      if (!node) {
+        node = this.renderItem(this.items[i], i);
+      }
+      newVisibleNodes.set(i, node);
+      fragment.appendChild(node);
+    }
+    
+    this.viewport.innerHTML = '';
+    this.viewport.appendChild(fragment);
+    
+    this.visibleNodes = newVisibleNodes;
+    this.lastStartIndex = startIndex;
+    this.lastEndIndex = endIndex;
+  }
+  
+  getVisibleItems() {
+    return Array.from(this.visibleNodes.values());
+  }
+  
+  scrollToIndex(index) {
+    if (index >= 0 && index < this.items.length) {
+      this.container.scrollTop = index * this.itemHeight;
+    }
+  }
+  
+  destroy() {
+    this.container.removeEventListener('scroll', this.onScroll);
+    this.container.innerHTML = '';
+  }
+}