@slopmachine/svelte 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slopmachine/svelte",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "llms": "https://slopmachine-dev.github.io/slopmachine-sdk/llms.txt",
   "llmsFull": "https://slopmachine-dev.github.io/slopmachine-sdk/llms-full.txt",
   "description": "The official Svelte SDK for Slop Machine",

package/src/SlopImage.svelte

@@ -15,7 +15,7 @@
   />
   ```
 
-  @version 0.1.20
+  @version 0.1.22
 -->
 <script lang="ts">
   import {
@@ -108,18 +108,22 @@
       fetch(src, { method: "HEAD", signal: abortController.signal })
         .then(async (res) => {
           if (!res.ok) {
-            // console.error(`Failed to load image from ${src}. Status: ${res.status} ${res.statusText}`);
+            let errorMessage = res.statusText;
             try {
               const errRes = await fetch(src, {
                 signal: abortController.signal,
               });
-              const errJson = await errRes.json();
-              console.error("SlopImage error:", res.status, errJson.error);
+              const errorText = await errRes.text();
+              const errorData = JSON.parse(errorText);
+              if (errorData.error) {
+                errorMessage = errorData.error;
+              }
             } catch (e: any) {
               if (e.name !== "AbortError") {
                 // Failed to fetch or parse error details
               }
             }
+            console.error("SlopImage error:", res.status, errorMessage);
             isLoading = false;
           }
         })

package/src/SlopText.svelte

@@ -23,7 +23,7 @@
    * </SlopText>
    * ```
    *
-   * @version 0.1.20
+   * @version 0.1.22
    */
   interface Props {
     // SlopTextOptions
@@ -76,7 +76,17 @@
 
         const response = await fetch(url);
         if (!response.ok) {
-          throw new Error(`Failed to fetch text: ${response.statusText}`);
+          let errorMessage = response.statusText;
+          try {
+            const errorText = await response.text();
+            const errorData = JSON.parse(errorText);
+            if (errorData.error) {
+              errorMessage = errorData.error;
+            }
+          } catch (e) {
+            // Ignore JSON parse errors if the response isn't JSON
+          }
+          throw new Error(`Failed to fetch text: ${errorMessage}`);
         }
         const content = await response.text();
         if (isMounted) {
@@ -84,8 +94,10 @@
         }
       } catch (err) {
         if (isMounted) {
-          error =
+          const finalError =
             err instanceof Error ? err : new Error("Failed to generate text");
+          console.error(finalError);
+          error = finalError;
         }
       } finally {
         if (isMounted) {

package/src/SlopVideo.svelte

@@ -18,7 +18,7 @@
   />
   ```
 
-  @version 0.1.20
+  @version 0.1.22
 -->
 <script lang="ts">
   import {
@@ -112,17 +112,22 @@
       fetch(src, { method: "HEAD", signal: abortController.signal })
         .then(async (res) => {
           if (!res.ok) {
+            let errorMessage = res.statusText;
             try {
               const errRes = await fetch(src, {
                 signal: abortController.signal,
               });
-              const errJson = await errRes.json();
-              console.error("SlopVideo error:", res.status, errJson.error);
+              const errorText = await errRes.text();
+              const errorData = JSON.parse(errorText);
+              if (errorData.error) {
+                errorMessage = errorData.error;
+              }
             } catch (e: any) {
               if (e.name !== "AbortError") {
                 // Failed to fetch or parse error details
               }
             }
+            console.error("SlopVideo error:", res.status, errorMessage);
             isLoading = false;
           }
         })