expo-paste-input で画像を貼り付けられる入力欄を作り、消える file:// を documents へ逃がす

import { TextInputWrapper } from 'expo-paste-input';
import { TextInput } from 'react-native';
import { useState } from 'react';
 
type PasteEventPayload =
  | { type: 'text'; value: string }
  | { type: 'images'; uris: string[] }
  | { type: 'unsupported' };
 
export function ChatInput() {
  const [text, setText] = useState('');
  const [attachments, setAttachments] = useState<string[]>([]);
 
  const handlePaste = (payload: PasteEventPayload) => {
    switch (payload.type) {
      case 'text':
        // 注意: テキストは「挿入された後」に届きます。
        // ここで setText すると二重に入るので、状態は触りません。
        break;
      case 'images':
        // 画像は既定の貼り付けが止められた上で届きます。
        // つまり、ここで受け取らなければ何も起きません。
        setAttachments((prev) => [...prev, ...payload.uris]);
        break;
      case 'unsupported':
        // ファイルや独自 UTI など。無言で捨てず、一言返します。
        console.warn('この形式の貼り付けには対応していません');
        break;
    }
  };
 
  return (
    <TextInputWrapper onPaste={handlePaste}>
      <TextInput
        value={text}
        onChangeText={setText}
        placeholder="貼り付けてみてください"
        multiline
      />
    </TextInputWrapper>
  );
}

import { Directory, File, Paths } from 'expo-file-system';
 
const ATTACHMENT_DIR = 'pasted';
 
/**
 * 貼り付け直後の一時 URI を、システムに消されない領域へ移す。
 * 返り値は移動後の File 配列。移動に失敗したものは黙って捨てず、除外して返す。
 */
export async function persistPastedImages(uris: string[]): Promise<File[]> {
  const dir = new Directory(Paths.document, ATTACHMENT_DIR);
 
  // create() の既定は intermediates:false / idempotent:false。
  // 何も指定しないと 2 回目の呼び出しで例外になります。
  dir.create({ intermediates: true, idempotent: true });
 
  const saved: File[] = [];
 
  for (const uri of uris) {
    const source = new File(uri);
 
    // 一時ファイルは移動前に消えている可能性がある。ここで必ず確認する。
    if (!source.exists) {
      console.warn(`貼り付け画像が既に存在しません: ${uri}`);
      continue;
    }
 
    // 拡張子が付かないことがある。type(MIME)から補う。
    const ext = source.extension || mimeToExtension(source.type) || '.png';
    const name = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}${ext}`;
 
    try {
      const destination = new File(dir, name);
      // move は destination を受け取り、source 自身の uri を書き換える。
      await source.move(destination);
      saved.push(source);
    } catch (error) {
      console.warn(`移動に失敗しました: ${uri}`, error);
    }
  }
 
  return saved;
}
 
function mimeToExtension(mime: string): string | null {
  switch (mime) {
    case 'image/png':
      return '.png';
    case 'image/jpeg':
      return '.jpg';
    case 'image/gif':
      return '.gif';
    case 'image/webp':
      return '.webp';
    case 'image/heic':
      return '.heic';
    default:
      return null;
  }
}

const file = new File(Paths.cache, 'pasted-image.png');
console.log(file.uri); // .../Caches/pasted-image.png
 
await file.move(new Directory(Paths.document, 'pasted'));
console.log(file.uri); // .../Documents/pasted/pasted-image.png  ← 同じインスタンスが指す先が変わる

import { Directory, File, Paths, UploadType } from 'expo-file-system';
 
/** 添付を送信し、成功したものから順に削除する */
export async function sendMessage(text: string, files: File[], endpoint: string) {
  const uploaded: string[] = [];
 
  for (const file of files) {
    const task = file.createUploadTask(endpoint, {
      uploadType: UploadType.MULTIPART,
      fieldName: 'attachment',
      parameters: { message: text },
      onProgress: ({ bytesSent, totalBytes }) => {
        console.log(`${file.name}: ${bytesSent}/${totalBytes}`);
      },
    });
 
    const result = await task.uploadAsync();
 
    // 2xx 以外でも resolve する仕様。status を見ずに成功扱いしない。
    if (result.status >= 200 && result.status < 300) {
      uploaded.push(file.uri);
      file.delete();
    } else {
      throw new Error(`アップロードに失敗しました (status: ${result.status})`);
    }
  }
 
  return uploaded;
}
 
/** 下書きを破棄したときに、残った添付を消す */
export function discardDraft(files: File[]) {
  for (const file of files) {
    if (file.exists) {
      file.delete();
    }
  }
}
 
/** 起動時: 前回の異常終了で取り残されたファイルを掃除する */
export function sweepOrphanedAttachments(maxAgeMs = 7 * 24 * 60 * 60 * 1000) {
  const dir = new Directory(Paths.document, 'pasted');
  if (!dir.exists) return;
 
  const now = Date.now();
  for (const item of dir.list()) {
    if (item instanceof File) {
      const modified = item.lastModified;
      if (modified !== null && now - modified > maxAgeMs) {
        item.delete();
      }
    }
  }
}