// Always keep the following line if you are using any twisty players on your page.
import "cubing/twisty";

// Import from other modules as usual.
import { randomScrambleForEvent } from "cubing/scramble";
// Use the following line for specific imports from `cubing/twisty`.
import { TwistyAlgViewer, type TwistyPlayer } from "cubing/twisty";

class App {
  // Example of getting an element from the page.
  twistyPlayer: TwistyPlayer = document.querySelector("#main-player")!;
  // Example of creating a new element and adding it to the page.
  twistyAlgViewer = document.body.appendChild(
    new TwistyAlgViewer({ twistyPlayer: this.twistyPlayer }),
  );
  constructor() {
    void this.updateScramble();
  }

  async updateScramble() {
    this.twistyPlayer.alg = await randomScrambleForEvent("333");
  }
}

// Make the app object available in the console for debugging.
// Try running: app.updateScramble()
globalThis.app = new App();