画像アップロード完了前に投稿すると画像が添付されないのは直感的じゃない気がする

[cffnpwr]

Summary

• 画像アップロードが終わるまで投稿できない状態にするのが一番簡単かもしれない
• 見た目上は投稿されていても裏でアップロード完了まで待つのがユーザーとしては嬉しい

[cffnpwr]

どうやらよいやみで実装されたっぽい

[taiyme]

TmsPostFormではこういう実装にした

import { v4 as uuid } from 'uuid';

let fetchingList = $ref<string[]>([]);

const fetchingWrapper = <T>(prom: Promise<T>): Promise<T> => {
  const id = uuid();
  fetchingList.push(id);

  prom.finally(() => {
    fetchingList = fetchingList.filter(fid => fid !== id);
  });

  return prom;
};

const fetching = $computed<boolean>(() => fetchingList.length !== 0);

// 画像のアップロード
fetchingWrapper(uploadFile(file));
// ノートの取得
fetchingWrapper(os.api('notes/show', { noteId }));

[cffnpwr]

ふむ

[taiyme]

で、fetching === trueならcanPostをfalseにすればいい

[cffnpwr]

rca-fedi@30cfe19
なんかよいやみでは裏でアップロードをしているっぽい

[taiyme]

キューに追加された状態でクライアントを閉じたら投稿されなくなってしまうのであまりしたくない

[cffnpwr]

それはそう

[cffnpwr]

アップロード完了まで投稿できない仕様が無難やな

[taiyme]

投稿されなくなるどころか、失敗したらその内容が消失してしまう