useCodingTask リファレンス

useCodingTask フックの詳しくはこちら。

Copied!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
/*
 * 著作権 2025 Palantir Technologies, Inc. すべての権利を留保します。
 *
 * Apache License、バージョン 2.0（以下「ライセンス」）に基づいてライセンスされます。
 * ライセンスに準拠する場合を除き、このファイルを使用することはできません。
 * ライセンスの写しは、次の URL から入手できます。
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * 適用法によって要求される場合、または書面による合意がある場合を除き、ソフトウェアは
 * ライセンスに基づいて「現状のまま」配布され、
 * 明示または黙示を問わず、いかなる種類の保証も条件もありません。
 * 許可を規定する具体的な文言および
 * ライセンスに基づく制限については、ライセンスを参照してください。
 */

import { useCallback, useEffect, useState } from "react";
import useSWR from "swr";
import { useOsdkClient } from "@osdk/react";
import { ITask } from "./useTasks";
import { osdkCodingTask } from "@advanced-to-do-application/sdk";
import type { User } from "@osdk/foundry.admin";
import type { ObjectMetadata } from "@osdk/client";

interface CodingTaskEnriched {
  osdkCodingTask: osdkCodingTask.OsdkInstance;
  createdBy: User;
  assignedTo: User;
}

function useCodingTask(task: ITask) {
    const client = useOsdkClient();
    const [metadata, setMetadata] = useState<ObjectMetadata>();

    // useCallback を使ってフェッチャーを定義します。
    const fetcher = useCallback(async () => {
        // $as を使って osdkCodingTask インターフェースの実装にピボットします。
        // これは、useTasks でタスクを取得するときに `$includeAllBaseObjectProperties: true` を使用したため可能になっています。
        const codingTask: osdkCodingTask.OsdkInstance = task.osdkTask.$as(osdkCodingTask);
        const codingTaskEnriched: CodingTaskEnriched = {
            osdkCodingTask: codingTask,
            createdBy: task.createdBy,
            assignedTo: task.assignedTo,
        };
        return codingTaskEnriched;
    }, [task]);

    // データがまだキャッシュされていない場合にのみフェッチャーを渡します。
    const { data, error, isValidating } = useSWR<CodingTaskEnriched>(
    task.osdkTask.$primaryKey as string,
    fetcher,
    {
        revalidateOnFocus: false,
        revalidateOnReconnect: false,
    }
    );

    // オブジェクトタイプのメタデータを読み取り、オントロジーのプロパティ表示名を使う方法を示します。
    const getObjectTypeMetadata = useCallback(async () => {
        const objectTypeMetadata = await client.fetchMetadata(osdkCodingTask);
        setMetadata(objectTypeMetadata);
    }, [client]);

    useEffect(() => {
        getObjectTypeMetadata();
    }, [getObjectTypeMetadata]);


    return {
    codingTask: data,
    isLoading: !data && !error,
    isValidating,
    isError: error,
    metadata,
    };
}

export default useCodingTask;