Enhance routing and layout in SvelteKit project by adding new routes for accounts and transactions, updating existing routes, and improving layout parameters. Refactor item handling and integrate barcode scanning functionality for better user experience.

.svelte-kit/types/route_meta_data.json

@@ -4,10 +4,17 @@
 		"src/routes/+layout.ts",
 		"src/routes/+layout.ts"
 	],
+	"/accounts": [
+		"src/routes/+layout.ts"
+	],
 	"/items": [
 		"src/routes/items/+page.server.ts",
 		"src/routes/+layout.ts"
 	],
+	"/items/[id]": [
+		"src/routes/items/[id]/+page.server.ts",
+		"src/routes/+layout.ts"
+	],
 	"/login": [
 		"src/routes/login/+page.server.ts",
 		"src/routes/+layout.ts"
@@ -15,5 +22,8 @@
 	"/logout": [
 		"src/routes/logout/+page.server.ts",
 		"src/routes/+layout.ts"
+	],
+	"/transactions": [
+		"src/routes/+layout.ts"
 	]
 }

.svelte-kit/types/src/routes/$types.d.ts

@@ -13,8 +13,8 @@ type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends
 export type Snapshot<T = any> = Kit.Snapshot<T>;
 type PageServerParentData = EnsureDefined<LayoutServerData>;
 type PageParentData = EnsureDefined<LayoutData>;
-type LayoutRouteId = RouteId | "/" | "/logout" | "/items" | "/login" | null
-type LayoutParams = RouteParams & {  }
+type LayoutRouteId = RouteId | "/" | "/logout" | "/transactions" | "/accounts" | "/items" | "/items/[id]" | "/login" | null
+type LayoutParams = RouteParams & { id?: string }
 type LayoutParentData = EnsureDefined<{}>;
 
 export type PageServerLoad<OutputData extends OutputDataShape<PageServerParentData> = OutputDataShape<PageServerParentData>> = Kit.ServerLoad<RouteParams, PageServerParentData, OutputData, RouteId>;
@@ -26,7 +26,7 @@ export type Action<OutputData extends Record<string, any> | void = Record<string
 export type Actions<OutputData extends Record<string, any> | void = Record<string, any> | void> = Kit.Actions<RouteParams, OutputData, RouteId>
 export type PageProps = { params: RouteParams; data: PageData; form: ActionData }
 export type LayoutServerData = null;
-export type LayoutLoad<OutputData extends Partial<App.PageData> & Record<string, any> | void = Partial<App.PageData> & Record<string, any> | void> = Kit.Load<LayoutParams, LayoutServerData, LayoutParentData, OutputData, LayoutRouteId>;
+export type LayoutLoad<OutputData extends OutputDataShape<LayoutParentData> = OutputDataShape<LayoutParentData>> = Kit.Load<LayoutParams, LayoutServerData, LayoutParentData, OutputData, LayoutRouteId>;
 export type LayoutLoadEvent = Parameters<LayoutLoad>[0];
 export type LayoutData = Expand<Omit<LayoutParentData, keyof LayoutParentData & EnsureDefined<LayoutServerData>> & OptionalUnion<EnsureDefined<LayoutParentData & EnsureDefined<LayoutServerData>>>>;
 export type LayoutProps = { params: LayoutParams; data: LayoutData; children: import("svelte").Snippet }

.svelte-kit/types/src/routes/accounts/$types.d.ts

@@ -0,0 +1,18 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/accounts';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type PageParentData = EnsureDefined<import('../$types.js').LayoutData>;
+
+export type PageServerData = null;
+export type PageData = Expand<PageParentData>;
+export type PageProps = { params: RouteParams; data: PageData }

.svelte-kit/types/src/routes/items/[id]/$types.d.ts

@@ -0,0 +1,32 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = { id: string };
+type RouteId = '/items/[id]';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type PageServerParentData = EnsureDefined<import('../../$types.js').LayoutServerData>;
+type PageParentData = EnsureDefined<import('../../$types.js').LayoutData>;
+
+export type EntryGenerator = () => Promise<Array<RouteParams>> | Array<RouteParams>;
+export type PageServerLoad<OutputData extends OutputDataShape<PageServerParentData> = OutputDataShape<PageServerParentData>> = Kit.ServerLoad<RouteParams, PageServerParentData, OutputData, RouteId>;
+export type PageServerLoadEvent = Parameters<PageServerLoad>[0];
+type ExcludeActionFailure<T> = T extends Kit.ActionFailure<any> ? never : T extends void ? never : T;
+type ActionsSuccess<T extends Record<string, (...args: any) => any>> = { [Key in keyof T]: ExcludeActionFailure<Awaited<ReturnType<T[Key]>>>; }[keyof T];
+type ExtractActionFailure<T> = T extends Kit.ActionFailure<infer X>	? X extends void ? never : X : never;
+type ActionsFailure<T extends Record<string, (...args: any) => any>> = { [Key in keyof T]: Exclude<ExtractActionFailure<Awaited<ReturnType<T[Key]>>>, void>; }[keyof T];
+type ActionsExport = typeof import('./proxy+page.server.js').actions
+export type SubmitFunction = Kit.SubmitFunction<Expand<ActionsSuccess<ActionsExport>>, Expand<ActionsFailure<ActionsExport>>>
+export type ActionData = Expand<Kit.AwaitedActions<ActionsExport>> | null;
+export type PageServerData = Expand<OptionalUnion<EnsureDefined<Kit.LoadProperties<Awaited<ReturnType<typeof import('./proxy+page.server.js').load>>>>>>;
+export type PageData = Expand<Omit<PageParentData, keyof PageServerData> & EnsureDefined<PageServerData>>;
+export type Action<OutputData extends Record<string, any> | void = Record<string, any> | void> = Kit.Action<RouteParams, OutputData, RouteId>
+export type Actions<OutputData extends Record<string, any> | void = Record<string, any> | void> = Kit.Actions<RouteParams, OutputData, RouteId>
+export type PageProps = { params: RouteParams; data: PageData; form: ActionData }
+export type RequestEvent = Kit.RequestEvent<RouteParams, RouteId>;

.svelte-kit/types/src/routes/items/[id]/proxy+page.server.ts

@@ -0,0 +1,91 @@
+// @ts-nocheck
+import { error, fail, redirect } from "@sveltejs/kit";
+import type { Actions, PageServerLoad } from "./$types";
+import type { StackqItem } from "$lib/types/items";
+
+const COLLECTION = "Stackq_Items";
+
+function parseNum(val: unknown): number | undefined {
+  if (val === "" || val === null || val === undefined) return undefined;
+  const n = Number(val);
+  return Number.isFinite(n) ? n : undefined;
+}
+
+function parseBool(val: unknown): boolean {
+  return val === "on" || val === "true" || val === true;
+}
+
+export const load = async ({ params, locals }: Parameters<PageServerLoad>[0]) => {
+  const id = params.id;
+  if (!id) throw error(404, "Item not found");
+
+  try {
+    const item = await locals.pb
+      .collection(COLLECTION)
+      .getOne<StackqItem>(id, { expand: "Parent" });
+    const list = await locals.pb
+      .collection(COLLECTION)
+      .getFullList<StackqItem>({ sort: "-created", expand: "Parent" })
+      .catch(() => [] as StackqItem[]);
+    const itemsForParent = list.map((i) => ({ id: i.id, Item: i.Item, SKU: i.SKU }));
+    return { item, itemsForParent };
+  } catch {
+    throw error(404, "Item not found");
+  }
+};
+
+export const actions = {
+  update: async ({ request, locals, params }: import('./$types').RequestEvent) => {
+    const id = params.id;
+    if (!id) return fail(400, { error: "Missing id", form: "update" });
+    const form = await request.formData();
+    const Item = (form.get("Item") as string)?.trim() ?? "";
+    const SKU = (form.get("SKU") as string)?.trim() ?? "";
+    const Description = (form.get("Description") as string)?.trim() ?? "";
+    const UOM = (form.get("UOM") as string)?.trim() ?? "";
+    const Cost = parseNum(form.get("Cost"));
+    const Vendor = (form.get("Vendor") as string)?.trim() ?? "";
+    const Catagory = (form.get("Catagory") as string)?.trim() ?? "";
+    const Sub_Catagory = (form.get("Sub_Catagory") as string)?.trim() ?? "";
+    const Has_Parent = parseBool(form.get("Has_Parent"));
+    const Parent = (form.get("Parent") as string)?.trim() ?? "";
+    const Stock = parseBool(form.get("Stock"));
+    const Image = form.get("Image") as File | null;
+    const imageFile = Image && Image.size > 0 ? Image : undefined;
+    if (!Item) return fail(400, { error: "Item name is required", form: "update" });
+    try {
+      const body: Record<string, unknown> = {
+        Item,
+        SKU,
+        Description,
+        UOM: UOM || undefined,
+        Cost: Cost ?? 0,
+        Vendor,
+        Catagory: Catagory || undefined,
+        Sub_Catagory: Sub_Catagory || undefined,
+        Has_Parent: !!Has_Parent,
+        Parent: Parent || null,
+        Stock: !!Stock,
+      };
+      if (imageFile) body.Image = imageFile;
+      await locals.pb.collection(COLLECTION).update(id, body);
+    } catch (e: unknown) {
+      const message = e && typeof e === "object" && "message" in e ? String((e as { message: string }).message) : "Update failed";
+      return fail(500, { error: message, form: "update" });
+    }
+    return { success: true };
+  },
+
+  delete: async ({ locals, params }: import('./$types').RequestEvent) => {
+    const id = params.id;
+    if (!id) return fail(400, { error: "Missing id", form: "delete" });
+    try {
+      await locals.pb.collection(COLLECTION).delete(id);
+    } catch (e: unknown) {
+      const message = e && typeof e === "object" && "message" in e ? String((e as { message: string }).message) : "Delete failed";
+      return fail(500, { error: message, form: "delete" });
+    }
+    throw redirect(303, "/items");
+  },
+};
+;null as any as Actions;

.svelte-kit/types/src/routes/proxy+page.server.ts

@@ -11,5 +11,5 @@ export const load = async ({ locals }: Parameters<PageServerLoad>[0]) => {
     .catch(() => [] as StackqItem[]);
 
   const itemsForParent = list.map((i) => ({ id: i.id, Item: i.Item, SKU: i.SKU }));
-  return { itemsForParent };
+  return { items: list, itemsForParent };
 };

.svelte-kit/types/src/routes/transactions/$types.d.ts

@@ -0,0 +1,18 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/transactions';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type PageParentData = EnsureDefined<import('../$types.js').LayoutData>;
+
+export type PageServerData = null;
+export type PageData = Expand<PageParentData>;
+export type PageProps = { params: RouteParams; data: PageData }