// In your background.{ts|js}

import { Model } from "chromestrom";

// Define your model,
class Player extends Model {
    public name: string;
    public age: number;
    greet(): string {
        return `Hello, my name is ${this.name}!`;
    }
}

// and use it.
(async () => {
    // Save records to chrome.storage.
    const x = await Player.create({ name: "otiai10", age: 17 });
    const y = await Player.create({ name: "hiromu", age: 32 });

    // Retrieve records from chrome.storage.
    console.log(await Player.list()); // 2
    console.log(await Player.find(x._id)); // Player {name:"otiai10", age: 17}
})();

import { Model } from "chromestorm";

class Player extends Model {
    // You can define your own members of your model.
    public name: string;
    public age: number;

    // Optional: If you'd like to minify/mangle your JS,
    // you'd better set the namespace of this mode explicitly.
    static override __namespace__ = "Player";
}

const john = Player.new({name: "John", age: 17});
console.log(john._id); // null

await john.save();
console.log(john._id); // 1672363730924

const paul = await Player.create({name: "Paul", age: 16});
console.log(paul._id); // 1672968746499

const all = await Player.list();
console.log(all.length);  // 2
console.log(all[0].name); // John

const dict = await Player.dict();
console.log(Object.entries(dict));
// [[1672363730924, Player], [1672968746499, Player]]

const found = await Player.find("1672968746499");
console.log(found?.name); // Paul

const criteria = (p: Player): bool => (Player.age > 16);
const filtered = await Player.filter(criteria);
console.log(filtered.length); // 1

await john.delete();
const found = await Player.find(john._id);
console.log(found); // null

await Player.drop();
const list = await Player.list();
console.log(list.length); // 0