Function initImageUpload

app/src/modules/image-upload.js:226–290

()

}

export function initImageUpload() {
  $('btn-image').addEventListener('click', () => {
    if (S.waiting) return;
    $('image-file-input').click();
  });

  $('image-file-input').addEventListener('change', async (e) => {
    const file = e.target.files[0];
    if (!file) return;
    e.target.value = '';

    if (!file.type.startsWith('image/')) {
      showToast('Please select an image file');
      return;
    }

    if (file.size > MAX_IMAGE_BYTES) {
      showToast('Image too large (max 4MB)');
      return;
    }
    if (!S.ws || S.ws.readyState !== WebSocket.OPEN || !S.authenticated) {
      showToast('Connection unavailable');
      return;
    }

    clearPendingImage();
    const previewUrl = await fileToDataUrl(file);
    const newImage = {
      file,
      mediaType: file.type || 'image/png',
      name: file.name,
      previewUrl,
      uploadId: makeUploadId(),
      status: 'uploading',
      progress: 0,
      uploadedBytes: 0,
      totalBytes: file.size,
      submitQueued: false,
      queuedText: '',
    };
    setPendingImage(newImage);
    updateImagePreviewUi();
    updateSendBtn();

    try {
      await startImageUpload(newImage);
    } catch (err) {
      const currentImage = pendingImage;
      if (currentImage) {
        const wasQueued = currentImage.submitQueued;
        currentImage.status = 'failed';
        updateImagePreviewUi();
        if (wasQueued && S.waiting) setWaiting(false, 'image_upload_failed');
      }
      showToast(err.message || 'Image upload failed');
    }
  });