indexeddb

npm install universe-code@latest

import { Injectable } from "@angular/core";
import { IdbService as CoreIdbService } from "universe-code/angular";

interface IdbConfig {
  dbName: string;
  version: number;
  storeName: string;
}

const IDB_CONFIG: IdbConfig = {
  dbName: "dynamicDB",
  version: 1,
  storeName: "store",
};

@Injectable({ providedIn: "root" })
export class AppIdbService {
  private client: any;

  constructor() {
    this.client = new CoreIdbService(IDB_CONFIG);

    // 🔥 Force IndexedDB + objectStore creation when service is constructed
    this.client
      .connect()
      .then(() => {
        console.log("IndexedDB connected / created");
      })
      .catch((err: any) => {
        console.error("IndexedDB connect error:", err);
      });
  }

  fetchWithExpiry(key: string, ttl: number, apiFn: () => Promise<any>) {
    return this.client.getWithExpiry(key, ttl, apiFn);
  }

  get(key: string) {
    return this.client.get(key);
  }

  set(data: any) {
    return this.client.put(data);
  }

  remove(key: string) {
    return this.client.remove(key);
  }

  clear() {
    return this.client.clear();
  }
}

import { Component, OnInit } from "@angular/core";
import { AppIdbService } from "./services/app-idb.service";
import { minutesToMs } from "universe-code/core";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"],
})
export class AppComponent implements OnInit {
  constructor(private readonly idb: AppIdbService) {}

  async ngOnInit(): Promise<void> {
    try {
      const data = await this.idb.fetchWithExpiry(
        "usersList",
        minutesToMs(1),
        () => this.http.get("https://example.com/api/user").toPromise()
      );

      console.log("All Users:", data);
    } catch (error) {
      console.error("Failed to load events:", error);
    }
  }
}

const data = await this.idb.get("users");
console.log(data);

await this.idb.set({
  id: "users",
  data: {
    name: "Mark",
    country: "USA",
  },
});

await this.idb.remove("users");

await this.idb.clear();