%sveltekit.body%
-
-
-
\ No newline at end of file
diff --git a/fe/src/assets/quasar-logo-vertical.svg b/fe/src/assets/quasar-logo-vertical.svg
new file mode 100644
index 0000000..8210831
--- /dev/null
+++ b/fe/src/assets/quasar-logo-vertical.svg
@@ -0,0 +1,15 @@
+
\ No newline at end of file
diff --git a/fe/src/boot/.gitkeep b/fe/src/boot/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/fe/src/boot/axios.ts b/fe/src/boot/axios.ts
new file mode 100644
index 0000000..ed9fb0f
--- /dev/null
+++ b/fe/src/boot/axios.ts
@@ -0,0 +1,70 @@
+import { boot } from 'quasar/wrappers';
+import axios, { type AxiosInstance } from 'axios';
+import { useAuthStore } from 'stores/auth';
+
+declare module '@vue/runtime-core' {
+ interface ComponentCustomProperties {
+ $axios: AxiosInstance;
+ }
+}
+
+const api = axios.create({
+ baseURL: `${import.meta.env.VITE_API_URL || 'http://localhost:8000'}/api/v1`,
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+});
+
+// Request interceptor for adding auth token
+api.interceptors.request.use(
+ (config) => {
+ const authStore = useAuthStore();
+ if (authStore.accessToken) {
+ config.headers.Authorization = `Bearer ${authStore.accessToken}`;
+ }
+ return config;
+ },
+ (error) => {
+ return Promise.reject(new Error(error.message));
+ },
+);
+
+// Response interceptor for handling errors
+api.interceptors.response.use(
+ (response) => response,
+ async (error) => {
+ const authStore = useAuthStore();
+
+ // If the error is 401 and we have a refresh token, try to refresh the access token
+ if (error.response?.status === 401 && authStore.refreshToken) {
+ try {
+ await authStore.refreshAccessToken();
+ // Retry the original request
+ const config = error.config;
+ config.headers.Authorization = `Bearer ${authStore.accessToken}`;
+ return api(config);
+ } catch (error) {
+ // If refresh fails, clear tokens and redirect to login
+ authStore.logout();
+ window.location.href = '/login';
+ return Promise.reject(
+ new Error(error instanceof Error ? error.message : 'Failed to refresh token'),
+ );
+ }
+ }
+
+ // If it's a 401 without refresh token or refresh failed, clear tokens and redirect
+ if (error.response?.status === 401) {
+ authStore.logout();
+ window.location.href = '/login';
+ }
+
+ return Promise.reject(new Error(error.response?.data?.detail || error.message));
+ },
+);
+
+export default boot(({ app }) => {
+ app.config.globalProperties.$axios = api;
+});
+
+export { api };
diff --git a/fe/src/boot/i18n.ts b/fe/src/boot/i18n.ts
new file mode 100644
index 0000000..5b89b30
--- /dev/null
+++ b/fe/src/boot/i18n.ts
@@ -0,0 +1,33 @@
+import { defineBoot } from '#q-app/wrappers';
+import { createI18n } from 'vue-i18n';
+
+import messages from 'src/i18n';
+
+export type MessageLanguages = keyof typeof messages;
+// Type-define 'en-US' as the master schema for the resource
+export type MessageSchema = typeof messages['en-US'];
+
+// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+declare module 'vue-i18n' {
+ // define the locale messages schema
+ export interface DefineLocaleMessage extends MessageSchema {}
+
+ // define the datetime format schema
+ export interface DefineDateTimeFormat {}
+
+ // define the number format schema
+ export interface DefineNumberFormat {}
+}
+/* eslint-enable @typescript-eslint/no-empty-object-type */
+
+export default defineBoot(({ app }) => {
+ const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({
+ locale: 'en-US',
+ legacy: false,
+ messages,
+ });
+
+ // Set i18n instance on app
+ app.use(i18n);
+});
diff --git a/fe/src/components/EssentialLink.vue b/fe/src/components/EssentialLink.vue
new file mode 100644
index 0000000..47f3857
--- /dev/null
+++ b/fe/src/components/EssentialLink.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
diff --git a/fe/src/components/models.ts b/fe/src/components/models.ts
new file mode 100644
index 0000000..6945920
--- /dev/null
+++ b/fe/src/components/models.ts
@@ -0,0 +1,8 @@
+export interface Todo {
+ id: number;
+ content: string;
+}
+
+export interface Meta {
+ totalCount: number;
+}
diff --git a/fe/src/css/app.scss b/fe/src/css/app.scss
new file mode 100644
index 0000000..ecac98f
--- /dev/null
+++ b/fe/src/css/app.scss
@@ -0,0 +1 @@
+// app global css in SCSS form
diff --git a/fe/src/css/quasar.variables.scss b/fe/src/css/quasar.variables.scss
new file mode 100644
index 0000000..3996ce1
--- /dev/null
+++ b/fe/src/css/quasar.variables.scss
@@ -0,0 +1,25 @@
+// Quasar SCSS (& Sass) Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
+
+// Check documentation for full list of Quasar variables
+
+// Your own variables (that are declared here) and Quasar's own
+// ones will be available out of the box in your .vue/.scss/.sass files
+
+// It's highly recommended to change the default colors
+// to match your app's branding.
+// Tip: Use the "Theme Builder" on Quasar's documentation website.
+
+$primary : #1976D2;
+$secondary : #26A69A;
+$accent : #9C27B0;
+
+$dark : #1D1D1D;
+$dark-page : #121212;
+
+$positive : #21BA45;
+$negative : #C10015;
+$info : #31CCEC;
+$warning : #F2C037;
diff --git a/fe/src/env.d.ts b/fe/src/env.d.ts
new file mode 100644
index 0000000..12dcd18
--- /dev/null
+++ b/fe/src/env.d.ts
@@ -0,0 +1,7 @@
+declare namespace NodeJS {
+ interface ProcessEnv {
+ NODE_ENV: string;
+ VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
+ VUE_ROUTER_BASE: string | undefined;
+ }
+}
diff --git a/fe/src/i18n/en-US/index.ts b/fe/src/i18n/en-US/index.ts
new file mode 100644
index 0000000..d555d3f
--- /dev/null
+++ b/fe/src/i18n/en-US/index.ts
@@ -0,0 +1,7 @@
+// This is just an example,
+// so you can safely delete all default props below
+
+export default {
+ failed: 'Action failed',
+ success: 'Action was successful'
+};
diff --git a/fe/src/i18n/index.ts b/fe/src/i18n/index.ts
new file mode 100644
index 0000000..5851f87
--- /dev/null
+++ b/fe/src/i18n/index.ts
@@ -0,0 +1,5 @@
+import enUS from './en-US';
+
+export default {
+ 'en-US': enUS
+};
diff --git a/fe/src/layouts/AuthLayout.vue b/fe/src/layouts/AuthLayout.vue
new file mode 100644
index 0000000..f038553
--- /dev/null
+++ b/fe/src/layouts/AuthLayout.vue
@@ -0,0 +1,11 @@
+
+ {{ title }}
+-
+
- + {{ todo.id }} - {{ todo.content }} + +
Count: {{ todoCount }} / {{ meta.totalCount }}
+Active: {{ active ? 'yes' : 'no' }}
+Clicks on todos: {{ clickCount }}
+
-
diff --git a/fe/src/lib/components/ItemDisplay.svelte b/fe/src/lib/components/ItemDisplay.svelte
deleted file mode 100644
index 899ae6b..0000000
--- a/fe/src/lib/components/ItemDisplay.svelte
+++ /dev/null
@@ -1,318 +0,0 @@
-
-
-
-
-
-
-- Add Items via Photo -
- - {#if error} -
- {error}
-
- {/if}
-
-
-
-
-
- {#if previewUrl}
-
-
- 
-
-
- {/if}
-
-
- Image Preview:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {item.name}
-
- {#if item.quantity}
-
- Qty: {item.quantity}
-
- {/if}
-
-
-
-
-
- {/if}
-
-
-
diff --git a/fe/src/lib/db.ts b/fe/src/lib/db.ts
deleted file mode 100644
index 3f1da8c..0000000
--- a/fe/src/lib/db.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-// src/lib/db.ts
-import { openDB, type IDBPDatabase, type DBSchema } from 'idb';
-import type { ListDetail, ListPublic } from './schemas/list'; // Import your list types
-import type { ItemPublic } from './schemas/item'; // Import your item type
-
-const DB_NAME = 'SharedListsDB';
-const DB_VERSION = 1; // Increment this when changing schema
-
-// Define the structure for queued actions
-export interface SyncAction {
- id?: number; // Optional: will be added by IndexedDB autoIncrement
- type: 'create_list' | 'update_list' | 'delete_list' | 'create_item' | 'update_item' | 'delete_item';
- payload: any; // Data needed for the API call (e.g., listId, itemId, updateData)
- timestamp: number;
- tempId?: string; // Optional temporary ID for optimistic UI mapping (e.g., for newly created items)
-}
-
-// Define the database schema using TypeScript interface
-interface SharedListsDBSchema extends DBSchema {
- lists: {
- key: number; // Primary key (list.id)
- value: ListDetail; // Store full detail including items
- indexes: Record
-
-
-
-
-
-
- - Review Extracted Items -
-- Edit, delete, or add items below. Confirm to add them to your list. -
-
- {#if reviewedItems.length > 0}
-
-
-
- -
- {#each reviewedItems as item (item.id)}
-
- - - - - - {/each} -
- No items extracted. Add items manually below. -
- {/if} -
-
-
-
-
-
-
-
-
- Account
+Your account settings will appear here.
+
+
+
+
+
diff --git a/fe/src/pages/GroupDetailPage.vue b/fe/src/pages/GroupDetailPage.vue
new file mode 100644
index 0000000..c7b2ade
--- /dev/null
+++ b/fe/src/pages/GroupDetailPage.vue
@@ -0,0 +1,149 @@
+
+
+
+
+ 404
+
+
+
+ Oops. Nothing here...
+
+
+
+
+ Group: {{ group.name }}
+ + +
+
+ Invite Members
+
+
+
+
+
+ Invite code copied to clipboard!
+
+
+
+
+ Group not found or an error occurred.
+
+
+
+
+ Your Groups
+Create New Group
+ Lists
+Your lists will appear here.
+Login
+
+
+
+
+ Don't have an account? Sign up
+
+ Sign Up
+
+
+
+
+ Already have an account? Login
+
+
-
-
-
-
-
-
-
-
-
-
diff --git a/fe/src/routes/(app)/+layout.ts b/fe/src/routes/(app)/+layout.ts
deleted file mode 100644
index 71f01bd..0000000
--- a/fe/src/routes/(app)/+layout.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-// src/routes/(app)/+layout.ts
-import { redirect } from '@sveltejs/kit';
-import { browser } from '$app/environment';
-import { get } from 'svelte/store'; // Import get for synchronous access in load
-import { authStore } from '$lib/stores/authStore';
-import type { LayoutLoad } from './$types'; // Import generated types for load function
-
-export const load: LayoutLoad = ({ url }) => {
- // IMPORTANT: localStorage/authStore logic relies on the browser.
- // This check prevents errors during SSR or prerendering.
- if (!browser) {
- // On the server, we cannot reliably check auth state stored in localStorage.
- // You might implement server-side session checking here later if needed.
- // For now, we allow server rendering to proceed, the client-side check
- // or a subsequent navigation check will handle redirection if necessary.
- return {}; // Proceed with loading on server
- }
-
- // Get the current auth state synchronously
- const authState = get(authStore);
-
- console.log('(app) layout load: Checking auth state', authState);
-
- // If not authenticated in the browser, redirect to login
- if (!authState.isAuthenticated) {
- console.log('(app) layout load: User not authenticated, redirecting to login.');
- // Construct the redirect URL, preserving the original path the user tried to access
- const redirectTo = `/login?redirectTo=${encodeURIComponent(url.pathname + url.search)}`;
- throw redirect(307, redirectTo); // Use 307 Temporary Redirect
- }
-
- // If authenticated, allow the layout and page to load.
- // We could return user data here if needed by the layout/pages.
- console.log('(app) layout load: User authenticated, proceeding.');
- return {
- user: authState.user // Optionally pass user data to the layout/pages
- };
-};
\ No newline at end of file
diff --git a/fe/src/routes/(app)/dashboard/+page.svelte b/fe/src/routes/(app)/dashboard/+page.svelte
deleted file mode 100644
index 9012989..0000000
--- a/fe/src/routes/(app)/dashboard/+page.svelte
+++ /dev/null
@@ -1,187 +0,0 @@
-
-
-
-
- App Dashboard
-
-
- {#if data.user}
- Welcome, {data.user.name || data.user.email}!
- {/if}
-
-
-
-
diff --git a/fe/src/routes/(app)/dashboard/+page.ts b/fe/src/routes/(app)/dashboard/+page.ts
deleted file mode 100644
index 4b5db4a..0000000
--- a/fe/src/routes/(app)/dashboard/+page.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-// src/routes/(app)/dashboard/+page.ts
-import { error } from '@sveltejs/kit';
-import { apiClient, ApiClientError } from '$lib/apiClient';
-import type { GroupPublic } from '$lib/schemas/group'; // Import the Group type
-import type { PageLoad } from './$types'; // SvelteKit's type for load functions
-import type { ListPublic } from '$lib/schemas/list';
-
-// Define the expected shape of the data returned by this load function
-export interface DashboardLoadData {
- groups: GroupPublic[];
- error?: string | null; // Optional error message property
-}
-
-export const load: PageLoad
-
-
-
- Your Groups
- - - + Create New List - -
-
-
- Create New Group
- - {#if createError} -{createError}
- {/if} -
-
-
-
- My Lists
- {#if loadError} -
-
- {:else if !data.lists || data.lists.length === 0}
- Error Loading Data
-{loadError}
-You haven't created any lists yet.
- {:else} --
- {#each data.lists as list (list.id)}
-
-
- -- -- - - {list.name} - - --- - Edit - --
- {/each}
-
-
-My Groups
- - {#if loadError} - -
-
- {:else if displayedGroups.length === 0}
-
- Error Loading Groups
-{loadError}
-You are not a member of any groups yet. Create one above!
- {:else} - --
- {#each displayedGroups as group (group.id)}
-
-
- - {group.name} - - - View - --
- ID: {group.id} | Created: {new Date(group.created_at).toLocaleDateString()} -
-
- {/each}
-
-
-{:else}
- Group: {data.group.name}
-- ID: {data.group.id} | Created: {new Date(data.group.created_at).toLocaleDateString()} -
- - -
-
-
-
-
- {#if isOwner}
- Members
- {#if data.group.members && data.group.members.length > 0} --
- {#each data.group.members as member (member.id)}
-
- - {member.name || member.email} - ID: {member.id} - - {/each} -
No members found (or data not loaded).
- {/if} -
-
-
- {/if}
-
-
- Invite Members
- -
-
-
-
-
- Group Actions
- {#if leaveError} -{leaveError}
- {/if} - - {#if isOwner} -Owners may have restrictions on leaving.
- {/if} - -Group data could not be loaded.
-{/if} diff --git a/fe/src/routes/(app)/groups/[groupId]/+page.ts b/fe/src/routes/(app)/groups/[groupId]/+page.ts deleted file mode 100644 index 1a28cfa..0000000 --- a/fe/src/routes/(app)/groups/[groupId]/+page.ts +++ /dev/null @@ -1,55 +0,0 @@ -// src/routes/(app)/groups/[groupId]/+page.ts -import { error } from '@sveltejs/kit'; -import { apiClient, ApiClientError } from '$lib/apiClient'; -import type { GroupPublic } from '$lib/schemas/group'; -import type { PageLoad } from './$types'; // SvelteKit's type for load functions - -// Define the expected shape of the data returned -export interface GroupDetailPageLoadData { - group: GroupPublic; // The fetched group data -} - -export const load: PageLoad
-
- {#if $syncStatus === 'syncing'}
-
-{:else}
-
-
- Syncing changes...
-
- {:else if $syncStatus === 'error' && $syncError}
-
- Sync Error: {$syncError}
-
- {/if}
-
-
-
-
- {#if ocrError || confirmOcrError}
-
-
-
- {list.name}
- {#if list.description} -{list.description}
- {/if} -- ID: {list.id} | - {#if list.group_id} - Shared | - {:else} - Personal | - {/if} - Status: {list.is_complete ? 'Complete' : 'In Progress'} | Updated: {new Date( - list.updated_at - ).toLocaleString()} -
-
-
- {#if isRefreshing}
- Refreshing...
- {/if}
-
-
-
- Edit List Details
-
-
-
- {ocrError || confirmOcrError}
-
- {/if}
-
-
-
-
-
-
- Add New Item
- - {#if addItemError} -{addItemError}
- {/if} -
-
-
-
-
- Items ({list.items?.length ?? 0})
- {#if itemUpdateError} - -
- {itemUpdateError}
-
- {/if}
- {#if list.items && list.items.length > 0}
- -
-
- {#each list.items as item (item.id)}
-
This list is empty. Add items above!
- {/if} -Loading list data...
-{/if} - - -{#if showOcrModal} -
- ← Back to Dashboard
-
-
-
diff --git a/fe/src/routes/(app)/lists/[listId]/edit/+page.ts b/fe/src/routes/(app)/lists/[listId]/edit/+page.ts
deleted file mode 100644
index 190c3af..0000000
--- a/fe/src/routes/(app)/lists/[listId]/edit/+page.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-// src/routes/(app)/lists/[listId]/edit/+page.ts
-import { error } from '@sveltejs/kit';
-import { apiClient, ApiClientError } from '$lib/apiClient';
-import type { GroupPublic } from '$lib/schemas/group';
-import type { ListPublic } from '$lib/schemas/list'; // Use ListPublic or ListDetail
-import type { PageLoad } from './$types';
-
-export interface EditListPageLoadData {
- list: ListPublic; // Or ListDetail if needed
- groups: GroupPublic[];
- error?: string | null; // For group loading errors
-}
-
-// Fetch the specific list to edit AND the user's groups for the dropdown
-export const load: PageLoad
-
-
-
diff --git a/fe/src/routes/(app)/lists/new/+page.ts b/fe/src/routes/(app)/lists/new/+page.ts
deleted file mode 100644
index e76f0be..0000000
--- a/fe/src/routes/(app)/lists/new/+page.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-// src/routes/(app)/lists/new/+page.ts
-import { apiClient, ApiClientError } from '$lib/apiClient';
-import type { GroupPublic } from '$lib/schemas/group';
-import type { PageLoad } from './$types';
-
-export interface NewListPageLoadData {
- groups: GroupPublic[];
- error?: string | null;
-}
-
-// Fetch groups needed for the dropdown in the form
-export const load: PageLoad
-
- {#if !$page.route.id?.startsWith('/(app)')}
-
-
- {/if}
-
-
-
-
-
-
-
- {#if !$page.route.id?.startsWith('/(app)')}
-
- {/if}
-
diff --git a/fe/src/routes/+page.svelte b/fe/src/routes/+page.svelte
deleted file mode 100644
index e11d895..0000000
--- a/fe/src/routes/+page.svelte
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
- Shared Lists App
-
-
-
-
-
-
diff --git a/fe/src/routes/join/+page.svelte b/fe/src/routes/join/+page.svelte
deleted file mode 100644
index 9b389ca..0000000
--- a/fe/src/routes/join/+page.svelte
+++ /dev/null
@@ -1,138 +0,0 @@
-
-
-
-
-
-
-
- Welcome to Shared Lists!
-- Your go-to app for managing household shopping lists, capturing items via OCR, and splitting - costs easily. -
-
-
-
-
-
-System Status
- {#if errorMessage} -{errorMessage}
- {/if} -- API Reachable: - - {apiStatus} - -
-- Database Connection: - - {dbStatus} - -
-
-
diff --git a/fe/src/routes/join/+page.ts b/fe/src/routes/join/+page.ts
deleted file mode 100644
index 71214c6..0000000
--- a/fe/src/routes/join/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// src/routes/join/+page.ts
-import type { PageLoad } from './$types';
-
-// Define the shape of data passed to the page component
-export interface JoinPageLoadData {
- codeFromUrl?: string | null; // Code extracted from URL, if present
-}
-
-export const load: PageLoadJoin a Group
- - - - -
-
diff --git a/fe/src/routes/signup/+page.svelte b/fe/src/routes/signup/+page.svelte
deleted file mode 100644
index 663c6c2..0000000
--- a/fe/src/routes/signup/+page.svelte
+++ /dev/null
@@ -1,118 +0,0 @@
-
-
-
-Log In
- - -- Don't have an account? - Sign Up -
-
-
diff --git a/fe/src/service-worker.ts b/fe/src/service-worker.ts
deleted file mode 100644
index f7047a0..0000000
--- a/fe/src/service-worker.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-// src/service-worker.ts
-
-/// Create Account
- - - -- Already have an account? - Log In -
-