let db;
const dbName = "MyDatabase";
const storeName = "UserInfoStore";

// 打开IndexedDB数据库
const request = indexedDB.open(dbName, 1);

request.onupgradeneeded = function(event) {
    db = event.target.result;
    const objectStore = db.createObjectStore(storeName, { keyPath: "id" });
    objectStore.createIndex("username", "username", { unique: false });
    // 可以为其他属性创建更多的索引
};

request.onsuccess = function(event) {
    db = event.target.result;
};

request.onerror = function(event) {
    console.log("Error opening DB", event);
};

function storeToIndexedDB(portrait_osrc) {
    const data = {
        id: "user_info",
        username: username,
        keep_title: keep_title,
        // ...其他要保存的属性...
    };
    storeData(data);
    // storeData({
    //     id: "user_portrait",
    //     portrait_data: portrait_osrc
    // });
    if (portrait_osrc) {
        storeData({
            id: "user_portrait",
            portrait_data: portrait_osrc
        });
    }
    showMessage();
    // alert('用户名、头像、标题已永久保存（你不换浏览器的话）。');
}
function showMessage() {
    document.getElementById('messageBox').style.display = 'block'; // 显示消息框
    setTimeout(function() {
        document.getElementById('messageBox').style.display = 'none'; // 3秒后隐藏消息框
    }, 3000);
}
function storeData(data) {
    const transaction = db.transaction([storeName], "readwrite");
    const objectStore = transaction.objectStore(storeName);
    const request = objectStore.put(data);
    request.onsuccess = function(event) {
        console.log("Data stored successfully");
    };
    request.onerror = function(event) {
        console.log("Error storing data", event);
    };
}

function retrieveData(key, callback) {
    const transaction = db.transaction([storeName]);
    const objectStore = transaction.objectStore(storeName);
    const request = objectStore.get(key);
    request.onsuccess = function(event) {
        callback(null, request.result);
    };
    request.onerror = function(event) {
        callback(event);
    };
}