import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png";
import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.png";
import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.png";
import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png";
import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png";
import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png";
import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.png";
import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.png";

export const useProjectsStore = defineStore("projects", {
  state: () => ({
    // prettier-ignore
    projects: [
      {
        description: "pihkaal.me - my personal website",
        thumbnail: PIHKAAL_ME_THUMBNAIL,
        url: "https://pihkaal.me",
      },
      {
        description: "tlock - fully customizable and cross-\nplatform terminal based clock",
        thumbnail: TLOCK_THUMBNAIL,
        url: "https://github.com/pihkaal/tlock",
      },
      {
        description: "Simple QR - Simple QR code generator\nwith straightforward API",
        thumbnail: SIMPLE_QR_THUMBNAIL,
        url: "https://simple-qr.com",
      },
      {
        description: "lilou.cat - My cat's website",
        thumbnail: LILOU_CAT_THUMBNAIL,
        url: "https://lilou.cat",
      },
      {
        description: "LBF Bot - Custom Discord bot for\na gaming group",
        thumbnail: LBF_BOT_THUMBNAIL,
        url: "https://github.com/pihkaal/lbf-bot",
      },
      {
        description: "Raylib Speedruns - Collection of simple\nRaylib setups in multiple languages",
        thumbnail: RAYLIB_SPEENDRUNS_THUMBNAIL,
        url: "https://github.com/pihkaal/raylib-speedruns",
      },
      {
        description: "S3P Map Editor - Web based map editor\nspecialized for trucks",
        thumbnail: SP3WEB_THUMBNAIL,
        url: null,
      },
      {
        description: "S3P Eramba Visualizer - Eramba\nasset visualization",
        thumbnail: SP3WEB_THUMBNAIL,
        url: null,
      },
      {
        description: "S3P Incident Engine - Automated\nalerts to Jira",
        thumbnail: SP3WEB_THUMBNAIL,
        url: null,
      },
      {
        description: "Biobleud - Automated Excel imports\nfor an ERP system",
        thumbnail: BIOBLEUD_THUMBNAIL,
        url: null,
      },
    ] satisfies {
      description: string;
      thumbnail: string;
      url: string | null;
    }[],
    currentProject: 0,
  }),

  actions: {
    visitProject() {
      const url = this.projects[this.currentProject]!.url;
      if (url) navigateTo(url, { external: true, open: { target: "_blank" } });
    },
  },
});