Refactor environment variable declarations, enhance image handling in item forms, and update asset references in SvelteKit project for improved functionality and performance.

2026-02-17 15:13:03 -06:00
parent 9022114c8d
commit 7ac169c1e4
238 changed files with 35126 additions and 1344 deletions
@@ -33,9 +33,11 @@ const actions = {
    const Has_Parent = parseBool(form.get("Has_Parent"));
    const Parent = form.get("Parent")?.trim() ?? "";
    const Stock = parseBool(form.get("Stock"));
+    const imageFileCreate = form.get("Image");
+    const hasImage = imageFileCreate && imageFileCreate.size > 0;
    if (!Item) return fail(400, { error: "Item name is required", form: "create" });
    try {
-      await locals.pb.collection(COLLECTION).create({
+      const body = {
        Item,
        SKU,
        Description,
@@ -47,7 +49,9 @@ const actions = {
        Has_Parent: !!Has_Parent,
        Parent: Parent || null,
        Stock: !!Stock
-      });
+      };
+      if (hasImage) body.Image = imageFileCreate;
+      await locals.pb.collection(COLLECTION).create(body);
    } catch (e) {
      const message = e && typeof e === "object" && "message" in e ? String(e.message) : "Create failed";
      return fail(500, { error: message, form: "create" });
@@ -69,9 +73,11 @@ const actions = {
    const Has_Parent = parseBool(form.get("Has_Parent"));
    const Parent = form.get("Parent")?.trim() ?? "";
    const Stock = parseBool(form.get("Stock"));
+    const Image = form.get("Image");
+    const imageFile = Image && Image.size > 0 ? Image : void 0;
    if (!Item) return fail(400, { error: "Item name is required", form: "update" });
    try {
-      await locals.pb.collection(COLLECTION).update(id, {
+      const body = {
        Item,
        SKU,
        Description,
@@ -83,7 +89,9 @@ const actions = {
        Has_Parent: !!Has_Parent,
        Parent: Parent || null,
        Stock: !!Stock
-      });
+      };
+      if (imageFile) body.Image = imageFile;
+      await locals.pb.collection(COLLECTION).update(id, body);
    } catch (e) {
      const message = e && typeof e === "object" && "message" in e ? String(e.message) : "Update failed";
      return fail(500, { error: message, form: "update" });
@@ -1,4 +1,4 @@
-import { a as attributes, c as clsx, b as bind_props, d as element, h as head, e as escape_html, f as ensure_array_like } from "../../../chunks/index.js";
+import { a as attributes, c as clsx, b as bind_props, d as element, h as head, e as escape_html, f as ensure_array_like, i as attr } from "../../../chunks/index.js";
 import { c as cn } from "../../../chunks/utils2.js";
 import "clsx";
 import { tv } from "tailwind-variants";
@@ -221,6 +221,12 @@ function _page($$renderer, $$props) {
      }
    }
    const items = data?.items ?? [];
+    const PB_BASE = "https://pocketbase.ccllc.pro";
+    const COLLECTION = "Stackq_Items";
+    function imageUrl(item) {
+      if (!item.Image) return null;
+      return `${PB_BASE}/api/files/${COLLECTION}/${item.id}/${item.Image}`;
+    }
    head("rk8na7", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Items – Stackq</title>`);
@@ -243,6 +249,14 @@ function _page($$renderer, $$props) {
                      $$renderer6.push("<!---->");
                      Table_row?.($$renderer6, {
                        children: ($$renderer7) => {
+                          $$renderer7.push("<!---->");
+                          Table_head?.($$renderer7, {
+                            children: ($$renderer8) => {
+                              $$renderer8.push(`<!---->Image`);
+                            },
+                            $$slots: { default: true }
+                          });
+                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
@@ -369,7 +383,7 @@ function _page($$renderer, $$props) {
                          children: ($$renderer7) => {
                            $$renderer7.push("<!---->");
                            Table_cell?.($$renderer7, {
-                              colspan: "13",
+                              colspan: "14",
                              class: "h-24 text-center text-muted-foreground",
                              children: ($$renderer8) => {
                                $$renderer8.push(`<!---->No items.`);
@@ -390,6 +404,22 @@ function _page($$renderer, $$props) {
                          $$renderer6.push("<!---->");
                          Table_row?.($$renderer6, {
                            children: ($$renderer7) => {
+                              $$renderer7.push("<!---->");
+                              Table_cell?.($$renderer7, {
+                                class: "w-16",
+                                children: ($$renderer8) => {
+                                  if (imageUrl(item)) {
+                                    $$renderer8.push("<!--[-->");
+                                    $$renderer8.push(`<img${attr("src", imageUrl(item))} alt="" class="size-14 rounded border object-cover" loading="lazy"/>`);
+                                  } else {
+                                    $$renderer8.push("<!--[!-->");
+                                    $$renderer8.push(`<span class="text-muted-foreground text-xs">—</span>`);
+                                  }
+                                  $$renderer8.push(`<!--]-->`);
+                                },
+                                $$slots: { default: true }
+                              });
+                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "font-medium",