スレッド形式のコメント

<script src="gc.spread.sheets.all.<version>.min.js"></script>

<script src="gc.spread.sheets.comments.<version>.min.js"></script>
<script src="gc.spread.sheets.components.<version>.min.js"></script>
<script src="gc.spread.sheets.threadedcomments.<version>.min.js"></script>

// ワークブックを初期化
const spread = new GC.Spread.Sheets.Workbook("ss");
const sheet = spread.getActiveSheet();

// ユーザー情報を定義
var users = [
        { id: "user1", name: "Aiko Sato", email: "alice.aiko@company.com",},
        { id: "user2", name: "Taro Suzuki", email: "bob.taro@company.com",}
    ];

GC.Spread.Common.UserManager.configure({
    get: async (userId) => {
        if (userId === undefined) {
            return;
        }
        return new Promise((resolve) => {
            const user = users.find(u => u.id === userId);
            resolve(user);
        });
    },
    search: async (query) => {
        return new Promise((resolve) => {
            resolve(users.filter(u => 
                        u.name.toLowerCase().includes(query.toLowerCase()) || 
                        u.email.toLowerCase().includes(query.toLowerCase())
                    ));
        });
    }
});

// 現在のユーザーを設定
GC.Spread.Common.UserManager.current("user1");

// コメントを作成
const comment_1 = {
    message: [
       { type: GC.Spread.Sheets.ThreadedComments.ContentType.text, value: "こんにちは " },
       { type: GC.Spread.Sheets.ThreadedComments.ContentType.mention, userId: "user2" },
       { type: GC.Spread.Sheets.ThreadedComments.ContentType.text, value: "さん、開発部門の予算差異を確認してください。こちらをご参照ください： " },
       { type: GC.Spread.Sheets.ThreadedComments.ContentType.link, href: "https://example.com/budget-policy", text: "Budget Policy" }
    ],
    authorId: "user1",
    createdAt: new Date("2025-12-10T15:44:00")
};

// セル B4 にスレッド式コメントを追加
const threadedCommentManager = sheet.threadedComments;
const threadedComment = threadedCommentManager.add(2, 4);
threadedComment.add(comment_1);

// 特定のスレッドを取得
const thread = threadedCommentManager.get(2, 4);  
console.log(thread.row()); // 出力: 2

// 返信を作成
const reply_1 = {
    message: [
        {
            type: GC.Spread.Sheets.ThreadedComments.ContentType.text,
            value: "確認いたしました。 "
        }
    ],
    authorId: "user2", 
    createdAt: new Date("2025-12-12T11:47:00")
};

// 返信を追加
thread.add(reply_1);

// 既存の返信を編集
thread.set(0, { 
    message: [
        { 
            type: GC.Spread.Sheets.ThreadedComments.ContentType.text, 
            value: 'この値をご確認ください。' 
        }
    ] 
});

// 返信を削除
thread.remove(1);

// 解決／再オープン
thread.resolved(true);

sheet.bind(GC.Spread.Sheets.Events.ThreadedCommentChanging, function (e, info) {
    // スレッド式コメントのプロパティ変更または返信の変更を処理
});
// UserMentioning は、ユーザーが @ を入力してポップアップが表示される前に発火します。  
// args.cancel = true を設定すると、ポップアップの表示を抑止し、@ をテキストとして扱います。
sheet.bind(GC.Spread.Sheets.Events.UserMentioning, function (e, args) {
    args.cancel = true; // suppress the mention user-list popup
});

sheet.bind(GC.Spread.Sheets.Events.UserMentioned, function (e, info) {
    console.log(args);
});