beatzaplenty/stockfill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: upgrade dependencies

Browse Source
This commit is contained in:
beatz174-bit
2025-11-24 19:59:04 +10:00
parent c3f234076b
commit 955366b511
20 changed files with 957 additions and 1100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+1 -1
View File
@@ -42,7 +42,7 @@ const AppRoutes = () => {
export const App = () => (
<ThemeProvider theme={theme}>
<CssBaseline />
<BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<BrowserRouter>
<DBProvider>
<AppRoutes />
</DBProvider>
src/db/seed.test.ts
+4 -4
View File
@@ -1,4 +1,4 @@
import { randomUUID } from 'crypto';
import { v4 as uuidv4 } from 'uuid';
import { describe, expect, it } from 'vitest';
import { seedAreas, seedCategories, seedDatabase, seedProducts } from './seed';
import { Area } from '../models/Area';
@@ -29,14 +29,14 @@ class MockTable<T extends { id: string; name: string }> {
}
const buildArea = (overrides: Partial<Area> = {}): Area => ({
id: overrides.id ?? randomUUID(),
id: overrides.id ?? uuidv4(),
name: overrides.name ?? 'Area',
created_at: overrides.created_at ?? Date.now(),
updated_at: overrides.updated_at ?? Date.now(),
});
const buildProduct = (overrides: Partial<Product> = {}): Product => ({
id: overrides.id ?? randomUUID(),
id: overrides.id ?? uuidv4(),
name: overrides.name ?? 'Product',
category: overrides.category ?? 'Category',
unit_type: overrides.unit_type ?? DEFAULT_UNIT_TYPE,
@@ -48,7 +48,7 @@ const buildProduct = (overrides: Partial<Product> = {}): Product => ({
});
const buildCategory = (overrides: Partial<Category> = {}): Category => ({
id: overrides.id ?? randomUUID(),
id: overrides.id ?? uuidv4(),
name: overrides.name ?? 'Category',
created_at: overrides.created_at ?? Date.now(),
updated_at: overrides.updated_at ?? Date.now(),
src/hooks/__tests__/useBarcodeScanner.test.tsx
+3 -3
View File
@@ -5,9 +5,9 @@ import { useBarcodeScanner } from '../useBarcodeScanner';
const decodeFromVideoDevice = vi.fn();
vi.mock('@zxing/browser', () => ({
BrowserMultiFormatReader: vi.fn().mockImplementation(() => ({
decodeFromVideoDevice,
})),
BrowserMultiFormatReader: vi.fn(function MockBrowserMultiFormatReader() {
return { decodeFromVideoDevice };
}),
}));
declare global {
src/hooks/useLongPress.ts
+1 -1
View File
@@ -7,7 +7,7 @@ interface LongPressOptions {
}
export const useLongPress = ({ delay = 500, onLongPress, onClick }: LongPressOptions) => {
const timerRef = useRef<number>();
const timerRef = useRef<number | undefined>(undefined);
const handledRef = useRef(false);
const start = useCallback(() => {
src/hooks/useSwipe.ts
+17 -14
View File
@@ -1,4 +1,4 @@
import { useMemo, useRef } from 'react';
import { useCallback, useMemo, useRef } from 'react';
interface SwipeConfig {
onSwipeLeft?: () => void;
@@ -9,26 +9,29 @@ interface SwipeConfig {
export const useSwipe = ({ onSwipeLeft, onSwipeRight, threshold = 50 }: SwipeConfig) => {
const startX = useRef<number | null>(null);
const onTouchStart = (e: React.TouchEvent) => {
const onTouchStart = useCallback((e: React.TouchEvent) => {
startX.current = e.changedTouches[0].screenX;
};
}, []);
const onTouchEnd = (e: React.TouchEvent) => {
if (startX.current === null) return;
const deltaX = e.changedTouches[0].screenX - startX.current;
if (deltaX < -threshold) {
onSwipeLeft?.();
} else if (deltaX > threshold) {
onSwipeRight?.();
}
startX.current = null;
};
const onTouchEnd = useCallback(
(e: React.TouchEvent) => {
if (startX.current === null) return;
const deltaX = e.changedTouches[0].screenX - startX.current;
if (deltaX < -threshold) {
onSwipeLeft?.();
} else if (deltaX > threshold) {
onSwipeRight?.();
}
startX.current = null;
},
[onSwipeLeft, onSwipeRight, threshold],
);
return useMemo(
() => ({
onTouchStart,
onTouchEnd,
}),
[],
[onTouchEnd, onTouchStart],
);
};
src/modules/openFoodFacts.ts
+1 -1
View File
@@ -44,7 +44,7 @@ export const fetchProductFromOFF = async (barcode: string): Promise<ExternalProd
image: data.product.image_url ?? null,
source: 'openfoodfacts',
} satisfies ExternalProductInfo;
} catch (error) {
} catch {
return null;
} finally {
clearTimeout(timeout);
src/pwa/service-worker.js
+2
View File
@@ -1,3 +1,5 @@
/* eslint-env serviceworker */
const CACHE_NAME = 'stockfill-cache-v1';
const OFFLINE_URLS = ['/', '/index.html'];
src/screens/ActivePickListScreen.test.tsx
+22 -22
View File
@@ -86,7 +86,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -118,7 +118,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -171,7 +171,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -191,7 +191,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -253,7 +253,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -270,7 +270,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -295,7 +295,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -322,7 +322,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -354,7 +354,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -387,7 +387,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -424,7 +424,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -486,7 +486,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -525,7 +525,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -563,7 +563,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -613,7 +613,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -657,7 +657,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -702,7 +702,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -749,7 +749,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -797,7 +797,7 @@ describe('ActivePickListScreen product search', () => {
const user = userEvent.setup();
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -837,7 +837,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -873,7 +873,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
@@ -899,7 +899,7 @@ describe('ActivePickListScreen product search', () => {
]);
render(
<MemoryRouter initialEntries={['/pick-lists/1']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter initialEntries={['/pick-lists/1']}>
<Routes>
<Route path="/pick-lists/:id" element={<ActivePickListScreen />} />
</Routes>
src/screens/ActivePickListScreen.tsx
+1 -4
View File
@@ -90,9 +90,6 @@ export const ActivePickListScreen = () => {
);
const sortedItems = useMemo(() => {
const normalizeProductName = (product?: Product | null) =>
product?.name ? product.name.trim().toLowerCase() : '';
return [...itemsVisibleByStatus].sort((a, b) => {
const productA = productMap.get(a.product_id);
const productB = productMap.get(b.product_id);
@@ -221,7 +218,7 @@ export const ActivePickListScreen = () => {
}, [appliedItemFilter]);
const visibleItems = useMemo(() => {
let filteredItems = showPicked
const filteredItems = showPicked
? sortedItems
: sortedItems.filter((item) => item.status !== 'picked');
src/screens/ManageAreasScreen.test.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ describe('ManageAreasScreen deletion safeguards', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageAreasScreen />
</MemoryRouter>,
);
src/screens/ManageCategoriesScreen.test.tsx
+1 -1
View File
@@ -44,7 +44,7 @@ describe('ManageCategoriesScreen deletion safeguards', () => {
it('shows an error when trying to delete an in-use category', async () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageCategoriesScreen />
</MemoryRouter>,
);
src/screens/ManageProductsScreen.test.tsx
+9 -9
View File
@@ -120,7 +120,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -150,7 +150,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -182,7 +182,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -204,7 +204,7 @@ describe('ManageProductsScreen barcode lookup', () => {
try {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -249,7 +249,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -295,7 +295,7 @@ describe('ManageProductsScreen barcode lookup', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -333,7 +333,7 @@ describe('ManageProductsScreen auto-adding products to pick lists', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -374,7 +374,7 @@ describe('ManageProductsScreen deletion safeguards', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
@@ -407,7 +407,7 @@ describe('ManageProductsScreen filtering feedback', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<ManageProductsScreen />
</MemoryRouter>,
);
src/screens/PickListsScreen.test.tsx
+2 -2
View File
@@ -54,7 +54,7 @@ describe('PickListsScreen sorting', () => {
it('sorts pick lists alphabetically by area name', () => {
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<PickListsScreen />
</MemoryRouter>,
);
@@ -80,7 +80,7 @@ describe('PickListsScreen sorting', () => {
];
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<PickListsScreen />
</MemoryRouter>,
);
src/screens/StartPickListScreen.test.tsx
+3 -3
View File
@@ -92,7 +92,7 @@ beforeEach(() => {
describe('StartPickListScreen', () => {
it('shows category selection controls', () => {
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<StartPickListScreen />
</MemoryRouter>,
);
@@ -108,7 +108,7 @@ describe('StartPickListScreen', () => {
const user = userEvent.setup();
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<StartPickListScreen />
</MemoryRouter>,
);
@@ -149,7 +149,7 @@ describe('StartPickListScreen', () => {
]);
render(
<MemoryRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
<MemoryRouter>
<StartPickListScreen />
</MemoryRouter>,
);