diff --git a/fe/src/lib/Chart.svelte b/fe/src/lib/Chart.svelte
new file mode 100644
index 0000000..b19d932
--- /dev/null
+++ b/fe/src/lib/Chart.svelte
@@ -0,0 +1,63 @@
+
+
+
\ No newline at end of file
diff --git a/fe/src/lib/DataView.svelte b/fe/src/lib/DataView.svelte
index 0a6b81b..5e81a5a 100644
--- a/fe/src/lib/DataView.svelte
+++ b/fe/src/lib/DataView.svelte
@@ -1,10 +1,11 @@
+
+
diff --git a/fe/src/lib/errors.ts b/fe/src/lib/errors.ts
index d44bec5..81f7145 100644
--- a/fe/src/lib/errors.ts
+++ b/fe/src/lib/errors.ts
@@ -1,7 +1,5 @@
export class UnauthorizedError extends Error {
- constructor(message?: string, options?: ErrorOptions) {
- super(message, options);
+ constructor(message?: string) {
+ super(message);
}
}
-
-
diff --git a/fe/src/lib/utils.ts b/fe/src/lib/utils.ts
index 22d4e9a..e78556c 100644
--- a/fe/src/lib/utils.ts
+++ b/fe/src/lib/utils.ts
@@ -1,5 +1,5 @@
export function processFormInput(form: HTMLFormElement) {
- const formData = new FormData(form);
+ const formData: FormData = new FormData(form);
const data: Record
= {};
for (let field of formData) {
const [key, value] = field;
diff --git a/fe/src/stores/auth.ts b/fe/src/stores/auth.ts
index 0efc80b..63f027e 100644
--- a/fe/src/stores/auth.ts
+++ b/fe/src/stores/auth.ts
@@ -1,100 +1,87 @@
-import type { Invalidator, Subscriber, Unsubscriber } from 'svelte/store';
-import type { Preference } from '../types';
-import { writable, derived } from 'svelte/store';
+import type { Preference, TokenStore, Nullable, UserStore, User, PreferenceStore } from "../types";
+import { writable, derived } from "svelte/store";
-type Nullable = T | null;
-
-interface User {
- uuid: string;
- username: string;
-}
-
-interface TokenStore {
- subscribe: (run: Subscriber>, invalidate?: Invalidator>) => Unsubscriber,
- authenticate: (newToken: string) => void,
- unauthenticate: () => void
-}
-
-
-interface UserStore {
- subscribe: (run: Subscriber>, invalidate?: Invalidator>) => Unsubscriber,
- setUser: (user: User) => void,
- reset: () => void
-}
-
-interface PreferenceStore {
- subscribe: (run: Subscriber, invalidate?: Invalidator) => Unsubscriber,
- set: (this: void, value: Preference) => void
-}
function createTokenStore(): TokenStore {
- const storedToken = localStorage.getItem("token");
- const { subscribe, set } = writable(storedToken);
-
- function authenticate(newToken: string): void {
- try {
- localStorage.setItem("token", newToken);
- set(newToken);
- } catch (e) {
- console.error('error', e);
+ const storedToken = localStorage.getItem("token");
+ const { subscribe, set } = writable(storedToken);
+
+ function authenticate(newToken: string): void {
+ try {
+ localStorage.setItem("token", newToken);
+ set(newToken);
+ } catch (e) {
+ console.error("error", e);
+ }
+ }
+
+ function unauthenticate(): void {
+ localStorage.removeItem("token");
+ set(null);
}
- }
-
- function unauthenticate(): void {
- localStorage.removeItem("token");
- set(null);
- }
-
- return {
- subscribe,
- authenticate,
- unauthenticate
- };
+
+ return {
+ subscribe,
+ authenticate,
+ unauthenticate
+ };
}
function onTokenChange($token: Nullable): boolean {
- return $token ? true : false;
+ return $token ? true : false;
}
function createUserStore(): UserStore {
- const user = localStorage.getItem('user');
- const userObj: Nullable = user ? JSON.parse(user) : null;
- const { subscribe, set } = writable(userObj);
-
- const setUser = (user: User) => {
- localStorage.setItem('user', JSON.stringify(user));
- set(user);
- }
-
- const reset = () => {
- localStorage.removeItem('user');
- set(null);
- }
-
- return {
- subscribe,
- setUser,
- reset
- }
+ const user = localStorage.getItem("user");
+ const userObj: Nullable = user ? JSON.parse(user) : null;
+ const { subscribe, set } = writable(userObj);
+
+ const setUser = (user: User) => {
+ localStorage.setItem("user", JSON.stringify(user));
+ set(user);
+ };
+
+ const reset = () => {
+ localStorage.removeItem("user");
+ set(null);
+ };
+
+ return {
+ subscribe,
+ setUser,
+ reset
+ };
}
function createPreferenceStore(): PreferenceStore {
- const preferences = localStorage.getItem('preferences');
- const preferenceObj: Preference = preferences ? JSON.parse(preferences) : {
- color: "#FF0000",
- size: {
- size: 16,
- unit: 'oz'
- }
- };
-
- const { subscribe, set } = writable(preferenceObj);
-
- return {
- subscribe,
- set
- }
+ const preferences = localStorage.getItem("preferences");
+ const preferenceObj: Preference = preferences ? JSON.parse(preferences) : {
+ id: 0,
+ color: "#FF0000",
+ size_id: 0,
+ user_id: 0
+ };
+
+ const { subscribe, set, update } = writable>(preferenceObj);
+
+ const setPreference = (preference: Preference) => {
+ localStorage.setItem("preference", JSON.stringify(preference));
+ set(preference);
+ };
+
+ const reset = () => {
+ localStorage.removeItem("preference");
+ set(null);
+ };
+
+ return {
+ set,
+ subscribe,
+ reset,
+ update,
+ setPreference,
+ };
}
export const token = createTokenStore();
diff --git a/fe/src/types.ts b/fe/src/types.ts
index 526e7eb..c8f2f00 100644
--- a/fe/src/types.ts
+++ b/fe/src/types.ts
@@ -1,14 +1,19 @@
-export interface Size {
- size: number;
- unit: string;
-}
+import type { Invalidator, Subscriber, Unsubscriber, Updater } from "svelte/store";
export interface Preference {
+ id: number;
color: string;
- size: Size;
+ size_id: number;
+ user_id: number;
+}
+
+export interface Size {
+ size: number;
+ unit: string;
}
export interface User {
+ id: number;
name: string;
uuid: string;
}
@@ -17,4 +22,32 @@ export interface Statistic {
user_id: string;
date: string;
quantity: number;
-}
\ No newline at end of file
+}
+
+export type Nullable = T | null;
+
+export interface User {
+ uuid: string;
+ username: string;
+}
+
+export interface TokenStore {
+ subscribe: (run: Subscriber>, invalidate?: Invalidator>) => Unsubscriber,
+ authenticate: (newToken: string) => void,
+ unauthenticate: () => void
+}
+
+
+export interface UserStore {
+ subscribe: (run: Subscriber>, invalidate?: Invalidator>) => Unsubscriber,
+ setUser: (user: User) => void,
+ reset: () => void
+}
+
+export interface PreferenceStore {
+ set: (this: void, value: Preference) => void;
+ subscribe: (this: void, run: Subscriber>, invalidate?: Invalidator>) => Unsubscriber;
+ reset: () => void;
+ update: (this: void, updater: Updater>) => void;
+ setPreference: (user: Preference) => void;
+}
--
cgit v1.1
From c4e5776f9e174fe6bf91721649c0541a9fb310ae Mon Sep 17 00:00:00 2001
From: Zach Berwaldt
Date: Fri, 15 Mar 2024 21:41:12 -0400
Subject: add env samples, move files
---
fe/.env.sample | 1 +
fe/src/errors.ts | 5 +++++
fe/src/lib/errors.ts | 5 -----
fe/src/lib/utils.ts | 9 ---------
fe/src/utils.ts | 9 +++++++++
5 files changed, 15 insertions(+), 14 deletions(-)
create mode 100644 fe/.env.sample
create mode 100644 fe/src/errors.ts
delete mode 100644 fe/src/lib/errors.ts
delete mode 100644 fe/src/lib/utils.ts
create mode 100644 fe/src/utils.ts
(limited to 'fe')
diff --git a/fe/.env.sample b/fe/.env.sample
new file mode 100644
index 0000000..60c383f
--- /dev/null
+++ b/fe/.env.sample
@@ -0,0 +1 @@
+VITE_API_BASE_URL="https://www.example.org"
\ No newline at end of file
diff --git a/fe/src/errors.ts b/fe/src/errors.ts
new file mode 100644
index 0000000..81f7145
--- /dev/null
+++ b/fe/src/errors.ts
@@ -0,0 +1,5 @@
+export class UnauthorizedError extends Error {
+ constructor(message?: string) {
+ super(message);
+ }
+}
diff --git a/fe/src/lib/errors.ts b/fe/src/lib/errors.ts
deleted file mode 100644
index 81f7145..0000000
--- a/fe/src/lib/errors.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export class UnauthorizedError extends Error {
- constructor(message?: string) {
- super(message);
- }
-}
diff --git a/fe/src/lib/utils.ts b/fe/src/lib/utils.ts
deleted file mode 100644
index e78556c..0000000
--- a/fe/src/lib/utils.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export function processFormInput(form: HTMLFormElement) {
- const formData: FormData = new FormData(form);
- const data: Record = {};
- for (let field of formData) {
- const [key, value] = field;
- data[key] = value;
- }
- return data;
-}
diff --git a/fe/src/utils.ts b/fe/src/utils.ts
new file mode 100644
index 0000000..e78556c
--- /dev/null
+++ b/fe/src/utils.ts
@@ -0,0 +1,9 @@
+export function processFormInput(form: HTMLFormElement) {
+ const formData: FormData = new FormData(form);
+ const data: Record = {};
+ for (let field of formData) {
+ const [key, value] = field;
+ data[key] = value;
+ }
+ return data;
+}
--
cgit v1.1
From fd1332a3df191577e91c6d846a8b5db1747099fd Mon Sep 17 00:00:00 2001
From: Zach Berwaldt
Date: Fri, 15 Mar 2024 22:00:10 -0400
Subject: cleanup
---
fe/src/lib/DataView.svelte | 7 ++++---
fe/src/lib/LoginForm.svelte | 3 ++-
fe/src/lib/PreferencesForm.svelte | 15 ++++++++-------
fe/src/lib/forms/AddForm.svelte | 3 ++-
fe/src/utils.ts | 5 +++++
5 files changed, 21 insertions(+), 12 deletions(-)
(limited to 'fe')
diff --git a/fe/src/lib/DataView.svelte b/fe/src/lib/DataView.svelte
index 5e81a5a..ffc2fe8 100644
--- a/fe/src/lib/DataView.svelte
+++ b/fe/src/lib/DataView.svelte
@@ -9,6 +9,7 @@
import Card from "./Card.svelte";
import Column from "./Column.svelte";
import AddForm from "./forms/AddForm.svelte";
+ import { apiURL } from "../utils";
let json: Promise;
@@ -24,7 +25,7 @@
let userTotalsData: number[];
async function fetchData() {
- const res = await fetch("http://localhost:8080/api/v1/stats/", {
+ const res = await fetch(apiURL("stats"), {
method: "GET",
headers: {
Authorization: `Bearer ${$token}`
@@ -38,7 +39,7 @@
}
async function fetchDailyUserStatistics() {
- const res = await fetch("http://localhost:8080/api/v1/stats/daily/", {
+ const res = await fetch(apiURL("stats/daily"), {
method: "GET",
headers: {
Authorization: `Bearer ${$token}`
@@ -57,7 +58,7 @@
}
async function fetchWeeklyTotals() {
- const res = await fetch("http://localhost:8080/api/v1/stats/weekly/", {
+ const res = await fetch(apiURL("stats/weekly"), {
method: "GET",
headers: {
Authorization: `Bearer ${$token}`
diff --git a/fe/src/lib/LoginForm.svelte b/fe/src/lib/LoginForm.svelte
index 8c3c288..cf5febf 100644
--- a/fe/src/lib/LoginForm.svelte
+++ b/fe/src/lib/LoginForm.svelte
@@ -1,6 +1,7 @@