Demo Mode

impl Default for AppSettings {
    fn default() -> Self {
        Self {
            demo_mode: true, // Demo mode ON by default
            demo_output_dir: None,
        }
    }
}

~/Downloads/ZipDrop/

pub fn get_demo_output_dir() -> Result<PathBuf, String> {
    let downloads = dirs::download_dir()
        .or_else(dirs::home_dir)
        .ok_or_else(|| "Could not find downloads directory".to_string())?;
    
    let demo_dir = downloads.join("ZipDrop");
    fs::create_dir_all(&demo_dir)
        .map_err(|e| format!("Failed to create demo directory: {}", e))?;
    
    Ok(demo_dir)
}

const toggleDemoMode = async () => {
  const newMode = !configStatus.demo_mode;
  await invoke("set_demo_mode", { enabled: newMode });
  setConfigStatus(prev => ({ ...prev, demo_mode: newMode }));
};

interface DropResult {
  url: string;              // Local file path in demo mode
  local_path: string | null; // Full path to file
  r2_key: string | null;     // null in demo mode
  original_size: number;
  processed_size: number;
  file_type: string;
  is_demo: boolean;          // true
}

{configStatus.demo_mode && <span className="demo-badge">Demo</span>}

<div className="drop-subtext">
  Images → WebP • Multiple → ZIP
  {configStatus.demo_mode && " • Saves locally"}
</div>

{item.isDemo && <span className="item-badge">Local</span>}

const openUrl = (url: string, localPath?: string) => {
  if (localPath) {
    invoke("reveal_in_finder", { path: localPath });
  } else {
    invoke("open_in_browser", { url });
  }
};

const copyUrl = async (url: string) => {
  try {
    await invoke("copy_to_clipboard", { text: url });
  } catch {
    navigator.clipboard.writeText(url);
  }
};

# Test WebP conversion without uploading
# 1. Enable Demo Mode
# 2. Drop a PNG file
# 3. Check ~/Downloads/ZipDrop for converted WebP

# Process files without internet
# 1. Leave Demo Mode enabled
# 2. Drop files anytime
# 3. Files saved locally, no cloud required

# Develop integrations without R2
# 1. Enable Demo Mode
# 2. Test file processing logic
# 3. Access files from ~/Downloads/ZipDrop

const newUpload: UploadItem = {
  id: Date.now().toString(),
  name: displayName,
  size: formatBytes(result.processed_size),
  url: result.url,
  localPath: result.local_path || undefined,
  r2Key: result.r2_key || undefined,
  isDemo: result.is_demo, // true in demo mode
  timestamp: Date.now(),
};

const isDisabled = configStatus.demo_mode;

// All R2 input fields are disabled
<input 
  type="text" 
  value={accessKey} 
  disabled={isDisabled} 
/>

{isDisabled && <span className="form-hint">
  Disable Demo Mode to edit R2 settings
</span>}

pub fn save_settings(settings: &AppSettings) -> Result<(), String> {
    let settings_path = get_settings_path()?;
    let json = serde_json::to_string_pretty(settings)?;
    fs::write(&settings_path, json)?;
    Ok(())
}