removed println from simkl body

upgraded go packages
2025-02-15 18:48:17 -05:00 · 2025-02-15 18:48:03 -05:00 · 2025-02-15 18:47:52 -05:00 · 2025-02-07 22:58:39 -05:00 · 2025-02-07 22:57:05 -05:00 · 2025-02-05 21:36:23 -05:00
15 changed files with 1485 additions and 912 deletions
--- a/MALUserFunctions.go
+++ b/MALUserFunctions.go
@@ -71,7 +71,6 @@ func (v *CodeVerifier) CodeChallengeS256() string {
 }
 func (a *App) CheckIfMyAnimeListLoggedIn() bool {
 	fmt.Println("check function reached")
 	if (MyAnimeListJWT{} == myAnimeListJwt) {
 		tokenType, tokenErr := myAnimeListRing.Get("MyAnimeListTokenType")
 		expiresIn, expiresInErr := myAnimeListRing.Get("MyAnimeListExpiresIn")
@@ -96,7 +95,6 @@ func (a *App) CheckIfMyAnimeListLoggedIn() bool {
 }
 func (a *App) MyAnimeListLogin() {
 	fmt.Println("login function reached")
 	if !a.CheckIfMyAnimeListLoggedIn() {
 		fmt.Println("check logged in function failed")
 		tokenType, tokenErr := myAnimeListRing.Get("MyAnimeListTokenType")
--- a/SimklFunctions.go
+++ b/SimklFunctions.go
@@ -262,7 +262,6 @@ func (a *App) SimklSearch(aniListAnime MediaList) SimklAnime {
 		if len(anime) == 0 {
 			url = "https://api.simkl.com/search/id?mal=" + strconv.Itoa(aniListAnime.Media.IDMal)
 			respBody = SimklHelper("GET", url, nil)
 			fmt.Println(string(respBody))
 			err = json.Unmarshal(respBody, &anime)
 		}
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,13 +1,16 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+    <head>
-    <meta charset="UTF-8"/>
+        <meta charset="UTF-8" />
-    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-    <title>AniTrack</title>
+        <title>AniTrack</title>
-</head>
+    </head>
-<body>
+    <body>
-<div id="app"></div>
+        <div id="app"></div>
-<script src="./src/main.ts" type="module"></script>
+        <script src="./src/main.ts" type="module"></script>
-<script src="./node_modules/flowbite/dist/flowbite.js"></script>
+        <script
-</body>
+            src="./node_modules/flowbite/dist/flowbite.js"
            type="module"
        ></script>
    </body>
 </html>
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,6 +17,7 @@
    "svelte": "^4.0.0",
    "svelte-check": "^3.4.3",
    "svelte-headless-table": "^0.18.2",
    "@tanstack/svelte-table": "^8.20.5",
    "svelte-preprocess": "^5.0.3",
    "svelte-spa-router": "^4.0.1",
    "tailwind-merge": "^2.5.2",
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
--- a/frontend/src/helperComponents/AnimeTable.svelte
+++ b/frontend/src/helperComponents/AnimeTable.svelte
@@ -1,119 +1,166 @@
 <script lang="ts">
-    import {
+  import { writable } from "svelte/store";
-        createRender,
+  import {
-        createTable,
+    createSvelteTable,
-        Render,
+    flexRender,
-        Subscribe,
+    getCoreRowModel,
-    } from "svelte-headless-table"
+    getSortedRowModel,
-    // @ts-ignore
+    type OnChangeFn,
-    import { addSortBy } from "svelte-headless-table/plugins"
+    renderComponent,
-    import { tableItems } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte"
+  } from "@tanstack/svelte-table";
-    import WebsiteLink from "./WebsiteLink.svelte"
+  import type {
    ColumnDef,
    SortingState,
    TableOptions,
    Updater,
  } from "@tanstack/svelte-table";
  import { tableItems } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
  import type { TableItem, TableItems } from "../helperTypes/TableTypes";
  import WebsiteLink from "./WebsiteLink.svelte";
-    //when adding sort here is code { sort: addSortBy() }
+  let currentTableItems: TableItems;
    const table = createTable(tableItems, { sort: addSortBy() })
-    const columns = table.createColumns([
+  tableItems.subscribe((value: TableItems) => (currentTableItems = value));
        table.column({
            header: "Service Id",
            cell: ({ value }) => createRender(WebsiteLink, {id: value}),
            accessor: "id",
        }),
        table.column({
            header: "Anime Title",
            accessor: "title",
        }),
        table.column({
            header: "Service",
            accessor: "service",
        }),
        table.column({
            header: "Episode Progress",
            accessor: "progress",
        }),
        table.column({
            header: "Status",
            accessor: "status",
        }),
        table.column({
            header: "Started At",
            accessor: "startedAt",
        }),
        table.column({
            header: "Completed At",
            accessor: "completedAt",
        }),
        table.column({
            header: "Rating",
            accessor: "score",
        }),
        table.column({
            header: "Repeat",
            accessor: "repeat",
        }),
        table.column({
            header: "Notes",
            accessor: "notes",
        }),
    ])
-    //add pluginStates when add sort back
+  const defaultColumns: ColumnDef<TableItem>[] = [
-    const { headerRows, rows, tableAttrs, tableBodyAttrs } =
+    {
-        table.createViewModel(columns)
+      accessorKey: "id",
      cell: (cell) => {
        return renderComponent(WebsiteLink, { id: cell.renderValue() });
      },
      header: () => "Service ID",
    },
    {
      accessorKey: "title",
      header: () => "Anime Title",
    },
    {
      accessorKey: "service",
      header: () => "Service",
    },
    {
      accessorKey: "progress",
      header: () => "Episode Progress",
    },
    {
      accessorKey: "status",
      header: "Status",
    },
    {
      accessorKey: "startedAt",
      header: "Started At",
    },
    {
      accessorKey: "completedAt",
      header: "Completed At",
    },
    {
      accessorKey: "score",
      header: "Rating",
    },
    {
      accessorKey: "repeat",
      header: "Repeat",
    },
    {
      accessorKey: "notes",
      header: "Notes",
    },
  ];
  //sorting info
  let sorting: SortingState[] = [];
  const setSorting: OnChangeFn<SortingState> = (updater) => {
    if (updater instanceof Function) {
      sorting = updater(sorting);
    } else {
      sorting = updater;
    }
    options.update((old) => ({
      ...old,
      state: {
        ...old.state,
        sorting,
      },
    }));
  };
  const options = writable<TableOptions<TableItem>>({
    data: currentTableItems,
    columns: defaultColumns,
    state: {
      sorting,
    },
    onSortingChange: setSorting,
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
  });
  const rerender = () => {
    options.update((options) => ({
      ...options,
      data: currentTableItems,
    }));
  };
  const table = createSvelteTable(options);
 </script>
-<div class="relative overflow-x-auto rounded-lg mb-5">
+<div>
-    <table
+  <div class="relative overflow-x-auto rounded-lg mb-5">
-        class="w-full text-sm text-left rtl:text-right text-gray-400"
+    <table class="w-full text-sm text-left rtl:text-right text-gray-400">
-        {...$tableAttrs}
+      <thead class="text-xs uppercase bg-gray-700 text-gray-400">
-    >
+        {#each $table.getHeaderGroups() as headerGroup}
-        <thead class="text-xs uppercase bg-gray-700 text-gray-400">
+          <tr>
-            {#each $headerRows as headerRow (headerRow.id)}
+            {#each headerGroup.headers as header}
-                <Subscribe attrs={headerRow.attrs()} let:attrs>
+              <th colSpan={header.colSpan} class="px-6 py-3">
-                    <tr {...attrs}>
+                {#if !header.isPlaceholder}
-                        {#each headerRow.cells as cell (cell.id)}
+                  <div
-                            <Subscribe
+                    class:cursor-pointer={header.column.getCanSort()}
-                                attrs={cell.attrs()}
+                    class:select-none={header.column.getCanSort()}
-                                let:attrs
+                    on:click={header.column.getToggleSortingHandler()}
-                                props={cell.props()}
+                  >
-                                let:props
+                    <svelte:component
-                            >
+                      this={flexRender(
-                                <th
+                        header.column.columnDef.header,
-                                    {...attrs}
+                        header.getContext(),
-                                    on:click={props.sort.toggle}
+                      )}
-                                    class:sorted={props.sort.order !==
+                    />
-                                        undefined}
+                    {#if header.column.getIsSorted().toString() === "asc"}
-                                    class="px-6 py-3"
+                      ⬆️
-                                >
+                    {:else if header.column.getIsSorted().toString() === "desc"}
-                                    <div>
+                      ⬇️
-                                        <Render of={cell.render()} />
+                    {/if}
-                                        {#if props.sort.order === "asc"}
+                  </div>
-                                            ⬇️
+                {/if}
-                                        {:else if props.sort.order === "desc"}
+              </th>
                                            ⬆️
                                        {/if}
                                    </div>
                                </th>
                            </Subscribe>
                        {/each}
                    </tr>
                </Subscribe>
            {/each}
-        </thead>
+          </tr>
-        <tbody {...$tableBodyAttrs}>
+        {/each}
-            {#each $rows as row (row.id)}
+      </thead>
-                <Subscribe attrs={row.attrs()} let:attrs>
+      <tbody class="bg-gray-800 border-gray-700">
-                    <tr {...attrs} class="bg-gray-800 border-gray-700">
+        {#each $table.getRowModel().rows as row}
-                        {#each row.cells as cell (cell.id)}
+          <tr>
-                            <Subscribe attrs={cell.attrs()} let:attrs>
+            {#each row.getVisibleCells() as cell}
-                                <td {...attrs} class="px-6 py-4">
+              <td class="px-6 py-4">
-                                    <Render of={cell.render()} />
+                <svelte:component
-                                </td>
+                  this={flexRender(
-                            </Subscribe>
+                    cell.column.columnDef.cell,
-                        {/each}
+                    cell.getContext(),
-                    </tr>
+                  )}
-                </Subscribe>
+                />
              </td>
            {/each}
-        </tbody>
+          </tr>
        {/each}
      </tbody>
    </table>
  </div>
  <!-- <button -->
  <!--   class="text-white bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-800 dark:focus:ring-blue-800 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none" -->
  <!--   on:click={() => rerender()} -->
  <!-- > -->
  <!--   Rerender -->
  <!-- </button> -->
 </div>
--- a/frontend/src/helperComponents/Datepicker.svelte
+++ b/frontend/src/helperComponents/Datepicker.svelte
@@ -0,0 +1,481 @@
 <script lang="ts">
    import { createEventDispatcher, onMount } from "svelte";
    import { fade } from "svelte/transition";
    import { Button } from "flowbite-svelte";
    export let value: Date | null = null;
    export let defaultDate: Date | null = null;
    export let range: boolean = false;
    export let rangeFrom: Date | null = null;
    export let rangeTo: Date | null = null;
    export let locale: string = "default";
    export let firstDayOfWeek: number = 0; // 0 = Monday, 6 = Sunday
    export let dateFormat: Intl.DateTimeFormatOptions = {
        year: "numeric",
        month: "long",
        day: "numeric",
    };
    export let placeholder: string = "Select date";
    export let disabled: boolean = false;
    export let required: boolean = false;
    export let inputClass: string = "";
    export let color: Button["color"] = "primary";
    export let inline: boolean = false;
    export let autohide: boolean = true;
    export let showActionButtons: boolean = false;
    export let title: string = "";
    // Internal state
    const dispatch = createEventDispatcher();
    let isOpen: boolean = inline;
    let inputElement: HTMLInputElement;
    let datepickerContainerElement: HTMLDivElement;
    let currentMonth: Date = value || defaultDate || new Date();
    let focusedDate: Date | null = null;
    let calendarRef: HTMLDivElement;
    $: daysInMonth = getDaysInMonth(currentMonth);
    $: weekdays = getWeekdays();
    onMount(() => {
        if (!inline) {
            document.addEventListener("click", handleClickOutside);
            return () => {
                document.removeEventListener("click", handleClickOutside);
            };
        }
    });
    // Color handling functions
    function getFocusRingClass(color: Button["color"]): string {
        switch (color) {
            case "primary":
                return "focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400";
            case "blue":
                return "focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400";
            case "red":
                return "focus:ring-2 focus:ring-red-500 dark:focus:ring-red-400";
            case "green":
                return "focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400";
            case "yellow":
                return "focus:ring-2 focus:ring-yellow-500 dark:focus:ring-yellow-400";
            case "purple":
                return "focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400";
            case "slate":
                return "focus:ring-2 focus:ring-slate-500 dark:focus:ring-slate-400";
            default:
                return "";
        }
    }
    function getRangeBackgroundClass(color: Button["color"]): string {
        switch (color) {
            case "primary":
                return "bg-primary-100 dark:bg-primary-900";
            case "blue":
                return "bg-blue-100 dark:bg-blue-900";
            case "red":
                return "bg-red-100 dark:bg-red-900";
            case "green":
                return "bg-green-100 dark:bg-green-900";
            case "yellow":
                return "bg-yellow-100 dark:bg-yellow-900";
            case "purple":
                return "bg-purple-100 dark:bg-purple-900";
            case "slate":
                return "bg-slate-100 dark:bg-slate-900";
            default:
                return "";
        }
    }
    function getDaysInMonth(date: Date): Date[] {
        const year = date.getFullYear();
        const month = date.getMonth();
        const firstDay = new Date(year, month, 0);
        const lastDay = new Date(year, month + 1, 0);
        const daysArray: Date[] = [];
        // Add days from previous month to fill the first week
        let start = firstDay.getDay() - firstDayOfWeek;
        if (start < 0) start += 7;
        for (let i = 0; i < start; i++) {
            daysArray.unshift(new Date(year, month, -i));
        }
        // Add days of the current month
        for (let i = 1; i <= lastDay.getDate(); i++) {
            daysArray.push(new Date(year, month, i));
        }
        // Add days from next month to fill the last week
        const remainingDays = 7 - (daysArray.length % 7);
        if (remainingDays < 7) {
            for (let i = 1; i <= remainingDays; i++) {
                daysArray.push(new Date(year, month + 1, i));
            }
        }
        return daysArray;
    }
    function getWeekdays(): string[] {
        const weekdays = [];
        for (let i = 0; i < 7; i++) {
            const day = new Date(2021, 5, i + firstDayOfWeek);
            weekdays.push(day.toLocaleString(locale, { weekday: "short" }));
        }
        return weekdays;
    }
    function changeMonth(increment: number) {
        currentMonth = new Date(
            currentMonth.getFullYear(),
            currentMonth.getMonth() + increment,
            1,
        );
    }
    function handleDaySelect(day: Date) {
        if (range) {
            if (!rangeFrom || (rangeFrom && rangeTo)) {
                rangeFrom = day;
                rangeTo = null;
            } else if (day < rangeFrom) {
                rangeTo = rangeFrom;
                rangeFrom = day;
            } else {
                rangeTo = day;
            }
            dispatch("select", { from: rangeFrom, to: rangeTo });
        } else {
            value = day;
            dispatch("select", value);
            if (autohide && !inline) isOpen = false;
        }
    }
    function handleInputChange() {
        const date = new Date(inputElement.value);
        if (!isNaN(date.getTime())) {
            handleDaySelect(date);
        }
    }
    function handleClickOutside(event: MouseEvent) {
        if (
            isOpen &&
            datepickerContainerElement &&
            !datepickerContainerElement.contains(event.target as Node)
        ) {
            isOpen = false;
        }
    }
    function formatDate(date: Date | null): string {
        if (!date) return "";
        return date.toLocaleDateString(locale, dateFormat);
    }
    function isSameDate(date1: Date | null, date2: Date | null): boolean {
        if (!date1 || !date2) return false;
        return date1.toDateString() === date2.toDateString();
    }
    $: isSelected = (day: Date): boolean => {
        if (range) {
            return isSameDate(day, rangeFrom) || isSameDate(day, rangeTo);
        }
        return isSameDate(day, value);
    };
    function isInRange(day: Date): boolean {
        if (!range || !rangeFrom || !rangeTo) return false;
        return day > rangeFrom && day < rangeTo;
    }
    function isToday(day: Date): boolean {
        const today = new Date();
        return day.toDateString() === today.toDateString();
    }
    function handleCalendarKeydown(event: KeyboardEvent) {
        if (!isOpen) return;
        if (!focusedDate) {
            focusedDate = value || new Date();
        }
        switch (event.key) {
            case "ArrowLeft":
                focusedDate = new Date(
                    focusedDate.getFullYear(),
                    focusedDate.getMonth(),
                    focusedDate.getDate() - 1,
                );
                break;
            case "ArrowRight":
                focusedDate = new Date(
                    focusedDate.getFullYear(),
                    focusedDate.getMonth(),
                    focusedDate.getDate() + 1,
                );
                break;
            case "ArrowUp":
                focusedDate = new Date(
                    focusedDate.getFullYear(),
                    focusedDate.getMonth(),
                    focusedDate.getDate() - 7,
                );
                break;
            case "ArrowDown":
                focusedDate = new Date(
                    focusedDate.getFullYear(),
                    focusedDate.getMonth(),
                    focusedDate.getDate() + 7,
                );
                break;
            case "Enter":
                handleDaySelect(focusedDate);
                break;
            case "Escape":
                isOpen = false;
                inputElement.focus();
                break;
            default:
                return;
        }
        event.preventDefault();
        if (focusedDate.getMonth() !== currentMonth.getMonth()) {
            currentMonth = new Date(
                focusedDate.getFullYear(),
                focusedDate.getMonth(),
                1,
            );
        }
        // Focus the button for the focused date
        setTimeout(() => {
            const focusedButton = calendarRef.querySelector(
                `button[aria-label="${focusedDate!.toLocaleDateString(locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" })}"]`,
            ) as HTMLButtonElement | null;
            focusedButton?.focus();
        }, 0);
    }
    function handleInputKeydown(event: KeyboardEvent) {
        if (event.key === "Enter" || event.key === " ") {
            event.preventDefault();
            isOpen = !isOpen;
        }
    }
    function handleToday() {
        handleDaySelect(new Date());
    }
    function handleClear() {
        value = null;
        rangeFrom = null;
        rangeTo = null;
        dispatch("clear");
    }
    function handleApply() {
        dispatch("apply", range ? { from: rangeFrom, to: rangeTo } : value);
        if (!inline) isOpen = false;
    }
 </script>
 <div
    bind:this={datepickerContainerElement}
    class="relative {inline ? 'inline-block' : ''}"
 >
    {#if !inline}
        <div class="relative">
            <input
                bind:this={inputElement}
                type="text"
                class="w-full px-4 py-3 text-sm border rounded-md focus:outline-none dark:bg-gray-700 dark:text-white dark:border-gray-600 {getFocusRingClass(
                    color,
                )} {inputClass}"
                {placeholder}
                value={range
                    ? `${formatDate(rangeFrom)} - ${formatDate(rangeTo)}`
                    : formatDate(value)}
                on:focus={() => (isOpen = true)}
                on:input={handleInputChange}
                on:keydown={handleInputKeydown}
                {disabled}
                {required}
                aria-haspopup="dialog"
            />
            <button
                type="button"
                class="absolute inset-y-0 right-0 flex items-center px-3 text-gray-500 dark:text-gray-400 focus:outline-none"
                on:click={() => (isOpen = !isOpen)}
                {disabled}
                aria-label={isOpen ? "Close date picker" : "Open date picker"}
            >
                <svg
                    class="w-4 h-4 text-gray-500 dark:text-gray-400"
                    aria-hidden="true"
                    xmlns="http://www.w3.org/2000/svg"
                    fill="currentColor"
                    viewBox="0 0 20 20"
                >
                    <path
                        d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"
                    ></path>
                </svg>
            </button>
        </div>
    {/if}
    {#if isOpen || inline}
        <div
            bind:this={calendarRef}
            id="datepicker-dropdown"
            class="
        {inline ? '' : 'absolute z-10 mt-1'}
        bg-white dark:bg-gray-800 rounded-md shadow-lg"
            transition:fade={{ duration: 100 }}
            role="dialog"
            aria-label="Calendar"
        >
            <div class="p-4" role="application">
                {#if title}
                    <h2 class="text-lg font-semibold mb-4 dark:text-white">
                        {title}
                    </h2>
                {/if}
                <div class="flex items-center justify-between mb-4">
                    <Button
                        on:click={() => changeMonth(-1)}
                        {color}
                        size="sm"
                        aria-label="Previous month"
                    >
                        <svg
                            class="w-3 h-3 rtl:rotate-180 text-white dark:text-white"
                            aria-hidden="true"
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 14 10"
                            ><path
                                stroke="currentColor"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-width="2"
                                d="M13 5H1m0 0 4 4M1 5l4-4"
                            ></path></svg
                        >
                    </Button>
                    <h3
                        class="text-lg font-semibold dark:text-white"
                        aria-live="polite"
                    >
                        {currentMonth.toLocaleString(locale, {
                            month: "long",
                            year: "numeric",
                        })}
                    </h3>
                    <Button
                        on:click={() => changeMonth(1)}
                        {color}
                        size="sm"
                        aria-label="Next month"
                    >
                        <svg
                            class="w-3 h-3 rtl:rotate-180 text-white dark:text-white"
                            aria-hidden="true"
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 14 10"
                            ><path
                                stroke="currentColor"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-width="2"
                                d="M1 5h12m0 0L9 1m4 4L9 9"
                            ></path></svg
                        >
                    </Button>
                </div>
                <div class="grid grid-cols-7 gap-1" role="grid">
                    {#each weekdays as day}
                        <div
                            class="text-center text-sm font-medium text-gray-500 dark:text-gray-400"
                            role="columnheader"
                        >
                            {day}
                        </div>
                    {/each}
                    {#each daysInMonth as day}
                        <Button
                            color={isSelected(day) ? color : "alternative"}
                            size="sm"
                            class="w-full h-8 {day.getMonth() !==
                            currentMonth.getMonth()
                                ? 'text-gray-300 dark:text-gray-600'
                                : ''} {isToday(day)
                                ? 'font-bold'
                                : ''} {isInRange(day)
                                ? getRangeBackgroundClass(color)
                                : ''}"
                            on:click={() => handleDaySelect(day)}
                            on:keydown={handleCalendarKeydown}
                            aria-label={day.toLocaleDateString(locale, {
                                weekday: "long",
                                year: "numeric",
                                month: "long",
                                day: "numeric",
                            })}
                            aria-selected={isSelected(day)}
                            role="gridcell"
                        >
                            {day.getDate()}
                        </Button>
                    {/each}
                </div>
                {#if showActionButtons}
                    <div class="mt-4 flex justify-between">
                        <Button on:click={handleToday} {color} size="sm"
                            >Today</Button
                        >
                        <Button on:click={handleClear} color="red" size="sm"
                            >Clear</Button
                        >
                        <Button on:click={handleApply} {color} size="sm"
                            >Apply</Button
                        >
                    </div>
                {/if}
            </div>
        </div>
    {/if}
 </div>
 <!--
@component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
@prop export let value: Date | null = null;
@prop export let defaultDate: Date | null = null;
@prop export let range: boolean = false;
@prop export let rangeFrom: Date | null = null;
@prop export let rangeTo: Date | null = null;
@prop export let locale: string = 'default';
@prop export let firstDayOfWeek: number = 0;
@prop export let dateFormat: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };
@prop export let placeholder: string = 'Select date';
@prop export let disabled: boolean = false;
@prop export let required: boolean = false;
@prop export let inputClass: string = '';
@prop export let color: Button['color'] = 'primary';
@prop export let inline: boolean = false;
@prop export let autohide: boolean = true;
@prop export let showActionButtons: boolean = false;
@prop export let title: string = '';
 -->
--- a/frontend/src/helperFunctions/convertAniListDateIn.ts
+++ b/frontend/src/helperFunctions/convertAniListDateIn.ts
@@ -0,0 +1,37 @@
 import moment from "moment";
 const convertAniListDateToString = (date: {
  year?: number;
  month?: number;
  day?: number;
 }): string => {
  if (
    date.year === undefined ||
    (date.year === 0 && date.month === undefined) ||
    (date.month === 0 && date.day === undefined) ||
    date.day === 0
  ) {
    return "";
  }
  const newISODate = new Date(date.year, date.month - 1, date.day);
  const newMoment = moment(newISODate);
  return newMoment.format("MM-DD-YYYY");
 };
 const convertAniListDateToDate = (date: {
  year?: number;
  month?: number;
  day?: number;
 }): Date | null => {
  if (
    date.year === undefined ||
    (date.year === 0 && date.month === undefined) ||
    (date.month === 0 && date.day === undefined) ||
    date.day === 0
  ) {
    return null;
  }
  return new Date(date.year, date.month - 1, date.day);
 };
 export { convertAniListDateToString, convertAniListDateToDate };
--- a/frontend/src/helperFunctions/convertAniListDateToString.ts
+++ b/frontend/src/helperFunctions/convertAniListDateToString.ts
@@ -1,17 +0,0 @@
 import moment from "moment";
 export default (date: {
    year?: number,
    month?: number,
    day?: number,
 }): string => {
    if (date.year === undefined || date.year === 0
        && date.month === undefined || date.month === 0
        && date.day === undefined || date.day === 0
    ) {
        return ""
    }
    const newISODate = new Date(date.year, date.month - 1, date.day)
    const newMoment = moment(newISODate)
    return newMoment.format('YYYY-MM-DD')
 }
--- a/frontend/src/helperFunctions/convertDateStringToAniList.ts
+++ b/frontend/src/helperFunctions/convertDateStringToAniList.ts
@@ -1,22 +0,0 @@
 type Date = {
    year: number,
    month: number,
    day: number,
 }
 export default (date: string): Date => {
    if (date === "") {
        return {
            year: 0,
            month: 0,
            day: 0,
        }
    }
    const re = /^([0-9]{4})-([0-9]{2})-([0-9]{2})/
    const newDate = re.exec(date)
    return {
        year: Number(newDate[1]),
        month: Number(newDate[2]),
        day: Number(newDate[3])
    }
 }
--- a/frontend/src/helperFunctions/convertDateToAniList.ts
+++ b/frontend/src/helperFunctions/convertDateToAniList.ts
@@ -0,0 +1,39 @@
 type AnilistDate = {
  year: number;
  month: number;
  day: number;
 };
 const convertDateStringToAniList = (date: string): AnilistDate => {
  if (date === "") {
    return {
      year: 0,
      month: 0,
      day: 0,
    };
  }
  const re = /^([0-9]{4})-([0-9]{2})-([0-9]{2})/;
  const newDate = re.exec(date);
  return {
    year: Number(newDate[1]),
    month: Number(newDate[2]),
    day: Number(newDate[3]),
  };
 };
 const convertDateToAniList = (date: Date | null): AnilistDate => {
  if (date === null) {
    return {
      year: 0,
      month: 0,
      day: 0,
    };
  }
  return {
    year: Number(date.getFullYear()),
    month: Number(date.getMonth()) + 1,
    day: Number(date.getDate()),
  };
 };
 export { convertDateStringToAniList, convertDateToAniList };
--- a/frontend/wailsjs/runtime/runtime.d.ts
+++ b/frontend/wailsjs/runtime/runtime.d.ts
@@ -134,7 +134,7 @@ export function WindowIsFullscreen(): Promise<boolean>;
 // [WindowSetSize](https://wails.io/docs/reference/runtime/window#windowsetsize)
 // Sets the width and height of the window.
-export function WindowSetSize(width: number, height: number): Promise<Size>;
+export function WindowSetSize(width: number, height: number): void;
 // [WindowGetSize](https://wails.io/docs/reference/runtime/window#windowgetsize)
 // Gets the width and height of the window.
--- a/go.mod
+++ b/go.mod
@@ -1,11 +1,11 @@
 module AniTrack
-go 1.23
+go 1.24
 require (
 	github.com/99designs/keyring v1.2.2
 	github.com/tidwall/gjson v1.18.0
-	github.com/wailsapp/wails/v2 v2.9.2
+	github.com/wailsapp/wails/v2 v2.10.0
 )
 require (
@@ -31,7 +31,7 @@ require (
 	github.com/pkg/browser v0.0.0-20240102092130-5ac0b6a4141c // indirect
 	github.com/pkg/errors v0.9.1 // indirect
 	github.com/rivo/uniseg v0.4.7 // indirect
-	github.com/samber/lo v1.47.0 // indirect
+	github.com/samber/lo v1.49.1 // indirect
 	github.com/tidwall/match v1.1.1 // indirect
 	github.com/tidwall/pretty v1.2.1 // indirect
 	github.com/tkrajina/go-reflector v0.5.8 // indirect
@@ -39,11 +39,11 @@ require (
 	github.com/valyala/fasttemplate v1.2.2 // indirect
 	github.com/wailsapp/go-webview2 v1.0.19 // indirect
 	github.com/wailsapp/mimetype v1.4.1 // indirect
-	golang.org/x/crypto v0.32.0 // indirect
+	golang.org/x/crypto v0.33.0 // indirect
-	golang.org/x/net v0.34.0 // indirect
+	golang.org/x/net v0.35.0 // indirect
-	golang.org/x/sys v0.29.0 // indirect
+	golang.org/x/sys v0.30.0 // indirect
-	golang.org/x/term v0.28.0 // indirect
+	golang.org/x/term v0.29.0 // indirect
-	golang.org/x/text v0.21.0 // indirect
+	golang.org/x/text v0.22.0 // indirect
 )
 // replace github.com/wailsapp/wails/v2 v2.9.1 => /home/nymusicman/go/pkg/mod
--- a/go.sum
+++ b/go.sum
@@ -23,8 +23,9 @@ github.com/gsterjov/go-libsecret v0.0.0-20161001094733-a6f4afe4910c/go.mod h1:NM
 github.com/jchv/go-winloader v0.0.0-20210711035445-715c2860da7e h1:Q3+PugElBCf4PFpxhErSzU3/PY5sFL5Z6rfv4AbGAck=
 github.com/jchv/go-winloader v0.0.0-20210711035445-715c2860da7e/go.mod h1:alcuEEnZsY1WQsagKhZDsoPCRoOijYqhZvPwLG0kzVs=
 github.com/kr/pty v1.1.1/go.mod h1:pFQYn66WHrOpPYNljwOMqo10TkYh1fy3cYio2l3bCsQ=
 github.com/kr/text v0.1.0 h1:45sCR5RtlFHMR4UwH9sdQ5TC8v0qDQCHnXt+kaKSTVE=
 github.com/kr/text v0.1.0/go.mod h1:4Jbv+DJW3UT/LiOwJeYQe1efqtUx/iVham/4vfdArNI=
 github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
 github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
 github.com/labstack/echo/v4 v4.13.3 h1:pwhpCPrTl5qry5HRdM5FwdXnhXSLSY+WE+YQSeCaafY=
 github.com/labstack/echo/v4 v4.13.3/go.mod h1:o90YNEeQWjDozo584l7AwhJMHN0bOC4tAfg+Xox9q5g=
 github.com/labstack/gommon v0.4.2 h1:F8qTUNXgG1+6WQmqoUWnz8WiEU60mXVVw0P4ht1WRA0=
@@ -59,8 +60,8 @@ github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZN
 github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
 github.com/rivo/uniseg v0.4.7 h1:WUdvkW8uEhrYfLC4ZzdpI2ztxP1I582+49Oc5Mq64VQ=
 github.com/rivo/uniseg v0.4.7/go.mod h1:FN3SvrM+Zdj16jyLfmOkMNblXMcoc8DfTHruCPUcx88=
-github.com/samber/lo v1.47.0 h1:z7RynLwP5nbyRscyvcD043DWYoOcYRv3mV8lBeqOCLc=
+github.com/samber/lo v1.49.1 h1:4BIFyVfuQSEpluc7Fua+j1NolZHiEHEpaSEKdsH0tew=
-github.com/samber/lo v1.47.0/go.mod h1:RmDH9Ct32Qy3gduHQuKJ3gW1fMHAnE/fAzQuf6He5cU=
+github.com/samber/lo v1.49.1/go.mod h1:dO6KHFzUKXgP8LDhU0oI8d2hekjXnGOu0DB8Jecxd6o=
 github.com/stretchr/objx v0.5.2 h1:xuMeJ0Sdp5ZMRXx/aWO6RZxdr3beISkG5/G/aIRr3pY=
 github.com/stretchr/objx v0.5.2/go.mod h1:FRsXN1f5AsAjCGJKqEizvkpNtU+EGNCLh3NxZ/8L+MA=
 github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
@@ -82,26 +83,26 @@ github.com/wailsapp/go-webview2 v1.0.19 h1:7U3QcDj1PrBPaxJNCui2k1SkWml+Q5kvFUFyT
 github.com/wailsapp/go-webview2 v1.0.19/go.mod h1:qJmWAmAmaniuKGZPWwne+uor3AHMB5PFhqiK0Bbj8kc=
 github.com/wailsapp/mimetype v1.4.1 h1:pQN9ycO7uo4vsUUuPeHEYoUkLVkaRntMnHJxVwYhwHs=
 github.com/wailsapp/mimetype v1.4.1/go.mod h1:9aV5k31bBOv5z6u+QP8TltzvNGJPmNJD4XlAL3U+j3o=
-github.com/wailsapp/wails/v2 v2.9.2 h1:Xb5YRTos1w5N7DTMyYegWaGukCP2fIaX9WF21kPPF2k=
+github.com/wailsapp/wails/v2 v2.10.0 h1:kfpWnfdNL1nXq0PyqAVPPDQY2pxkqcqWab01NGh3a6w=
-github.com/wailsapp/wails/v2 v2.9.2/go.mod h1:uehvlCwJSFcBq7rMCGfk4rxca67QQGsbg5Nm4m9UnBs=
+github.com/wailsapp/wails/v2 v2.10.0/go.mod h1:zrebnFV6MQf9kx8HI4iAv63vsR5v67oS7GTEZ7Pz1TY=
-golang.org/x/crypto v0.32.0 h1:euUpcYgM8WcP71gNpTqQCn6rC2t6ULUPiOzfWaXVVfc=
+golang.org/x/crypto v0.33.0 h1:IOBPskki6Lysi0lo9qQvbxiQ+FvsCC/YWOecCHAixus=
-golang.org/x/crypto v0.32.0/go.mod h1:ZnnJkOaASj8g0AjIduWNlq2NRxL0PlBrbKVyZ6V/Ugc=
+golang.org/x/crypto v0.33.0/go.mod h1:bVdXmD7IV/4GdElGPozy6U7lWdRXA4qyRVGJV57uQ5M=
 golang.org/x/net v0.0.0-20210505024714-0287a6fb4125/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
-golang.org/x/net v0.34.0 h1:Mb7Mrk043xzHgnRM88suvJFwzVrRfHEHJEl5/71CKw0=
+golang.org/x/net v0.35.0 h1:T5GQRQb2y08kTAByq9L4/bz8cipCdA8FbRTXewonqY8=
-golang.org/x/net v0.34.0/go.mod h1:di0qlW3YNM5oh6GqDGQr92MyTozJPmybPK4Ev/Gm31k=
+golang.org/x/net v0.35.0/go.mod h1:EglIi67kWsHKlRzzVMUD93VMSWGFOMSZgxFjparz1Qk=
 golang.org/x/sys v0.0.0-20200810151505-1b9f1253b3ed/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.1.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.29.0 h1:TPYlXGxvx1MGTn2GiZDhnjPA9wZzZeGKHHmKhHYvgaU=
+golang.org/x/sys v0.30.0 h1:QjkSwP/36a20jFYWkSue1YwXzLmsV5Gfq7Eiy72C1uc=
-golang.org/x/sys v0.29.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
+golang.org/x/sys v0.30.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
-golang.org/x/term v0.28.0 h1:/Ts8HFuMR2E6IP/jlo7QVLZHggjKQbhu/7H0LJFr3Gg=
+golang.org/x/term v0.29.0 h1:L6pJp37ocefwRRtYPKSWOWzOtWSxVajvz2ldH/xi3iU=
-golang.org/x/term v0.28.0/go.mod h1:Sw/lC2IAUZ92udQNf3WodGtn4k/XoLyZoh8v/8uiwek=
+golang.org/x/term v0.29.0/go.mod h1:6bl4lRlvVuDgSf3179VpIxBF0o10JUpXWOnI7nErv7s=
 golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
-golang.org/x/text v0.21.0 h1:zyQAAkrwaneQ066sspRyJaG9VNi/YJ1NfzcGB3hZ/qo=
+golang.org/x/text v0.22.0 h1:bofq7m3/HAFvbF51jz3Q9wLg3jkvSPuiZu/pD1XwgtM=
-golang.org/x/text v0.21.0/go.mod h1:4IBbMaMmOPCJ8SecivzSH54+73PCFmPWxNTLm+vZkEQ=
+golang.org/x/text v0.22.0/go.mod h1:YRoo4H8PVmsu+E3Ou7cqLVH8oXWIHVoX0jqUWALQhfY=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 gopkg.in/check.v1 v1.0.0-20200902074654-038fdea0a05b h1:QRR6H1YWRnHb4Y/HeNFCTJLFVxaq6wH4YuVdsUOr75U=
 gopkg.in/check.v1 v1.0.0-20200902074654-038fdea0a05b/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
--- a/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
  },
  "info": {
    "productName": "AniTrack",
-    "productVersion": "0.1.5"
+    "productVersion": "0.1.6"
  }
 }
Author	SHA1	Message	Date
John O'Keefe	61f8f5dd84	removed println from simkl body	2025-02-15 18:48:17 -05:00
John O'Keefe	4509e479bc	upgraded go packages	2025-02-15 18:48:03 -05:00
John O'Keefe	ee8dd2e866	upgraded go packages	2025-02-15 18:47:52 -05:00
John O'Keefe	0c6a8a40c3	removed unused import	2025-02-07 22:58:39 -05:00
John O'Keefe	45845c2a69	finished switch from svelte table to tanstack table	2025-02-07 22:57:05 -05:00
John O'Keefe	3ec5eb1a03	began transition to tanstack table	2025-02-05 21:36:23 -05:00
John O'Keefe	a2aa90edec	added buttons to top of table	2025-01-26 11:00:49 -05:00
John O'Keefe	d08283bd2d	upped minor version	2025-01-25 22:51:59 -05:00
John O'Keefe	73d349ee1a	cleaned up some print lines	2025-01-25 22:50:54 -05:00
John O'Keefe	c9c6650829	significantly improved datepicker	2025-01-25 22:50:35 -05:00
John O'Keefe	896c6640e2	added datepicker manually	2025-01-25 19:18:08 -05:00
John O'Keefe	18c744c1cf	fixed formatting	2025-01-25 19:17:42 -05:00