ユーザー自身の画像を「ファイル」アプリから取り込む — Rorkアプリのドキュメントピッカーとセキュリティスコープ付きURL

import * as DocumentPicker from 'expo-document-picker';
import * as FileSystem from 'expo-file-system';
 
const IMPORT_DIR = FileSystem.documentDirectory + 'imported/';
 
async function ensureDir() {
  const info = await FileSystem.getInfoAsync(IMPORT_DIR);
  if (!info.exists) {
    await FileSystem.makeDirectoryAsync(IMPORT_DIR, { intermediates: true });
  }
}
 
function extFromMime(mime?: string) {
  if (mime === 'image/png') return 'png';
  if (mime === 'image/heic') return 'heic';
  return 'jpg';
}
 
export async function importImageFromFiles() {
  const result = await DocumentPicker.getDocumentAsync({
    type: ['image/jpeg', 'image/png', 'image/heic'],
    copyToCacheDirectory: true, // 一旦キャッシュへ。直後に永続領域へ移す
    multiple: false,
  });
  if (result.canceled) return null;
 
  const asset = result.assets[0];
 
  // 上限チェック(例: 40MB)。巨大ファイルは早めに弾く
  if (asset.size && asset.size > 40 * 1024 * 1024) {
    throw new Error('FILE_TOO_LARGE');
  }
 
  await ensureDir();
  const dest = `${IMPORT_DIR}${Date.now()}-${Math.random().toString(36).slice(2)}.${extFromMime(asset.mimeType)}`;
 
  await FileSystem.copyAsync({ from: asset.uri, to: dest });
 
  // 以後、参照するのは dest だけ。元URIは破棄する
  return dest;
}

const [importing, setImporting] = useState(false);
 
async function onPressImport() {
  setImporting(true);
  try {
    const path = await importImageFromFiles();
    if (path) setWallpaperSource(path);
  } catch (e: any) {
    if (e?.message === 'FILE_TOO_LARGE') {
      Alert.alert('画像が大きすぎます', '40MB以下の画像を選んでください。');
    } else {
      Alert.alert('取り込みに失敗しました', '時間をおいて、もう一度お試しください。');
    }
  } finally {
    setImporting(false);
  }
}

import UIKit
import UniformTypeIdentifiers
 
final class ImageImporter: NSObject, UIDocumentPickerDelegate {
    var onImported: ((URL) -> Void)?
 
    func present(from vc: UIViewController) {
        let picker = UIDocumentPickerViewController(
            forOpeningContentTypes: [UTType.image], asCopy: false
        )
        picker.delegate = self
        picker.allowsMultipleSelection = false
        vc.present(picker, animated: true)
    }
 
    func documentPicker(_ controller: UIDocumentPickerViewController,
                        didPickDocumentsAt urls: [URL]) {
        guard let src = urls.first else { return }
 
        // 1. スコープを開く。失敗したら触れない
        guard src.startAccessingSecurityScopedResource() else { return }
        defer { src.stopAccessingSecurityScopedResource() }
 
        // 2. iCloud等の遅延読み込みに備え、コーディネート読み取りで複製
        var coordError: NSError?
        NSFileCoordinator().coordinate(
            readingItemAt: src, options: [.withoutChanges], error: &coordError
        ) { safeURL in
            let dir = FileManager.default
                .urls(for: .documentDirectory, in: .userDomainMask)[0]
                .appendingPathComponent("imported", isDirectory: true)
            try? FileManager.default.createDirectory(
                at: dir, withIntermediateDirectories: true)
 
            let dest = dir.appendingPathComponent(
                "\(Int(Date().timeIntervalSince1970))-\(UUID().uuidString).\(safeURL.pathExtension)")
            do {
                try FileManager.default.copyItem(at: safeURL, to: dest)
                DispatchQueue.main.async { self.onImported?(dest) }
            } catch {
                // コピー失敗。UI側でリトライを促す
            }
        }
    }
}

import * as ImageManipulator from 'expo-image-manipulator';
 
async function normalizeForUpload(uri: string) {
  const out = await ImageManipulator.manipulateAsync(
    uri, [{ resize: { width: 2048 } }],
    { compress: 0.9, format: ImageManipulator.SaveFormat.JPEG }
  );
  return out.uri; // EXIF回転も解消され、向きが安定する
}