sveltekit-ui 1.0.41 → 1.0.43

package/dist/Components/ImageEditor/Panels/AI/index.svelte

@@ -13,7 +13,7 @@
   {#if manager?.ai_tab_dropdown_manager?.val == "image_generator"}
     <div style="padding-top: .5rem;">
       <TextInput manager={manager?.ai_generate_image_from_text_text_input_manager} />
-      <FileInput manager={manager?.ai_generate_image_image_prompt_file_input_manager} />
+      <FileInput manager={manager?.ai_generate_image_images_prompt_file_input_manager} />
       <Button manager={manager?.ai_generate_image_from_text_button_manager} />
     </div>
   {:else if manager?.ai_tab_dropdown_manager?.val == "remove_background"}

package/dist/Components/ImageEditor/index.svelte.js

@@ -110,7 +110,7 @@ export function create_image_editor_manager(config) {
   let ai_tab_dropdown_manager = $state(null)
   let ai_image_generator_is_loading = $state(null)
   let ai_generate_image_from_text_text_input_manager = $state(null)
-  let ai_generate_image_image_prompt_file_input_manager = $state(null)
+  let ai_generate_image_images_prompt_file_input_manager = $state(null)
   let ai_generate_image_from_text_button_manager = $state(null)
   let ai_remove_background_is_loading = $state(false)
   let ai_restore_resolution_is_loading = $state(false)
@@ -789,27 +789,26 @@ export function create_image_editor_manager(config) {
 
   async function ai_image_generator(input) {
     ai_error_message = null
-    if (typeof config?.ai_image_generator !== "function") {
+    if (typeof config?.ai_image_generator != "function") {
       ai_error_message = "ai_image_generator function not provided to config"
       return
     }
     ai_image_generator_is_loading = true
-    const res = await config?.ai_image_generator(input)
+    const res = await config.ai_image_generator(input)
     if (res?.is_success) {
       try {
-        const data_url = `data:image/webp;base64,${res?.data?.b64_json}`
+        const data_url = res?.data?.data_url
         image_sources = [data_url, ...image_sources]
         image_source_index = 0
         set_base_image(data_url)
-        mime_type = "image/webp"
-        mime_type_input = "image/webp"
+        mime_type = res?.data?.mime_type || "image/webp"
+        mime_type_input = mime_type
         set_file_data_base()
-      } catch (error) {
-        console.error("Error loading image:", error)
-        ai_error_message = "Error generating image"
+      } catch (e) {
+        ai_error_message = "error generating image"
       }
     } else {
-      ai_error_message = res?.error_message ?? "Error generating image"
+      ai_error_message = res?.error_message ?? "error generating image"
     }
     ai_image_generator_is_loading = false
   }
@@ -1513,14 +1512,14 @@ export function create_image_editor_manager(config) {
       placeholder: "Describe what you want your image to be of",
       is_disabled: () => ai_image_generator_is_loading,
     })
-    ai_generate_image_image_prompt_file_input_manager = create_file_input_manager({
+    ai_generate_image_images_prompt_file_input_manager = create_file_input_manager({
       label: "Image Prompt",
       is_multiselect: true,
       is_drop_zone: false,
       accept: ["image/png", "image/jpeg", "image/webp"],
     })
     ai_generate_image_from_text_button_manager = create_button_manager({
-      text: "Generate Image From text",
+      text: "Generate Image",
       is_compressed: true,
       mt: 1,
       is_loading: () => ai_image_generator_is_loading,
@@ -1528,7 +1527,7 @@ export function create_image_editor_manager(config) {
       on_click: () =>
         ai_image_generator({
           text_prompt: ai_generate_image_from_text_text_input_manager?.val,
-          image_prompt: ai_generate_image_image_prompt_file_input_manager?.val,
+          images_prompt: ai_generate_image_images_prompt_file_input_manager?.val,
         }),
     })
     ai_remove_bg_button_manager = create_button_manager({
@@ -1860,8 +1859,8 @@ export function create_image_editor_manager(config) {
     get ai_generate_image_from_text_text_input_manager() {
       return ai_generate_image_from_text_text_input_manager
     },
-    get ai_generate_image_image_prompt_file_input_manager() {
-      return ai_generate_image_image_prompt_file_input_manager
+    get ai_generate_image_images_prompt_file_input_manager() {
+      return ai_generate_image_images_prompt_file_input_manager
     },
     get ai_generate_image_from_text_button_manager() {
       return ai_generate_image_from_text_button_manager

package/dist/client/docs/index.js

@@ -4535,7 +4535,7 @@ export const definitions = {
         type: "object",
         description: "text input manager containing the user’s text prompt for AI image generation",
       },
-      ai_generate_image_image_prompt_file_input_manager: {
+      ai_generate_image_images_prompt_file_input_manager: {
         type: "object",
         description: "text input manager containing the user’s image prompt for AI image generation",
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",

package/src/lib/Components/ImageEditor/Panels/AI/index.svelte

@@ -13,7 +13,7 @@
   {#if manager?.ai_tab_dropdown_manager?.val == "image_generator"}
     <div style="padding-top: .5rem;">
       <TextInput manager={manager?.ai_generate_image_from_text_text_input_manager} />
-      <FileInput manager={manager?.ai_generate_image_image_prompt_file_input_manager} />
+      <FileInput manager={manager?.ai_generate_image_images_prompt_file_input_manager} />
       <Button manager={manager?.ai_generate_image_from_text_button_manager} />
     </div>
   {:else if manager?.ai_tab_dropdown_manager?.val == "remove_background"}

package/src/lib/Components/ImageEditor/index.svelte.js

@@ -110,7 +110,7 @@ export function create_image_editor_manager(config) {
   let ai_tab_dropdown_manager = $state(null)
   let ai_image_generator_is_loading = $state(null)
   let ai_generate_image_from_text_text_input_manager = $state(null)
-  let ai_generate_image_image_prompt_file_input_manager = $state(null)
+  let ai_generate_image_images_prompt_file_input_manager = $state(null)
   let ai_generate_image_from_text_button_manager = $state(null)
   let ai_remove_background_is_loading = $state(false)
   let ai_restore_resolution_is_loading = $state(false)
@@ -789,27 +789,26 @@ export function create_image_editor_manager(config) {
 
   async function ai_image_generator(input) {
     ai_error_message = null
-    if (typeof config?.ai_image_generator !== "function") {
+    if (typeof config?.ai_image_generator != "function") {
       ai_error_message = "ai_image_generator function not provided to config"
       return
     }
     ai_image_generator_is_loading = true
-    const res = await config?.ai_image_generator(input)
+    const res = await config.ai_image_generator(input)
     if (res?.is_success) {
       try {
-        const data_url = `data:image/webp;base64,${res?.data?.b64_json}`
+        const data_url = res?.data?.data_url
         image_sources = [data_url, ...image_sources]
         image_source_index = 0
         set_base_image(data_url)
-        mime_type = "image/webp"
-        mime_type_input = "image/webp"
+        mime_type = res?.data?.mime_type || "image/webp"
+        mime_type_input = mime_type
         set_file_data_base()
-      } catch (error) {
-        console.error("Error loading image:", error)
-        ai_error_message = "Error generating image"
+      } catch (e) {
+        ai_error_message = "error generating image"
       }
     } else {
-      ai_error_message = res?.error_message ?? "Error generating image"
+      ai_error_message = res?.error_message ?? "error generating image"
     }
     ai_image_generator_is_loading = false
   }
@@ -1513,14 +1512,14 @@ export function create_image_editor_manager(config) {
       placeholder: "Describe what you want your image to be of",
       is_disabled: () => ai_image_generator_is_loading,
     })
-    ai_generate_image_image_prompt_file_input_manager = create_file_input_manager({
+    ai_generate_image_images_prompt_file_input_manager = create_file_input_manager({
       label: "Image Prompt",
       is_multiselect: true,
       is_drop_zone: false,
       accept: ["image/png", "image/jpeg", "image/webp"],
     })
     ai_generate_image_from_text_button_manager = create_button_manager({
-      text: "Generate Image From text",
+      text: "Generate Image",
       is_compressed: true,
       mt: 1,
       is_loading: () => ai_image_generator_is_loading,
@@ -1528,7 +1527,7 @@ export function create_image_editor_manager(config) {
       on_click: () =>
         ai_image_generator({
           text_prompt: ai_generate_image_from_text_text_input_manager?.val,
-          image_prompt: ai_generate_image_image_prompt_file_input_manager?.val,
+          images_prompt: ai_generate_image_images_prompt_file_input_manager?.val,
         }),
     })
     ai_remove_bg_button_manager = create_button_manager({
@@ -1860,8 +1859,8 @@ export function create_image_editor_manager(config) {
     get ai_generate_image_from_text_text_input_manager() {
       return ai_generate_image_from_text_text_input_manager
     },
-    get ai_generate_image_image_prompt_file_input_manager() {
-      return ai_generate_image_image_prompt_file_input_manager
+    get ai_generate_image_images_prompt_file_input_manager() {
+      return ai_generate_image_images_prompt_file_input_manager
     },
     get ai_generate_image_from_text_button_manager() {
       return ai_generate_image_from_text_button_manager

package/src/lib/client/docs/index.js

@@ -4535,7 +4535,7 @@ export const definitions = {
         type: "object",
         description: "text input manager containing the user’s text prompt for AI image generation",
       },
-      ai_generate_image_image_prompt_file_input_manager: {
+      ai_generate_image_images_prompt_file_input_manager: {
         type: "object",
         description: "text input manager containing the user’s image prompt for AI image generation",
       },