grantthomas-nuxt 1.0.29 → 1.0.31

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@grantthomas/nuxt",
   "configKey": "grantThomasNuxt",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -22,7 +22,6 @@ const module$1 = defineNuxtModule({
     const resolver = createResolver(import.meta.url);
     nuxt.options.runtimeConfig.public.grantThomasNuxt = options;
     nuxt.options.build.transpile.push("qs");
-    nuxt.options.build.transpile.push("heic2any");
     addServerHandler({
       route: "/api/maps/autocomplete",
       handler: resolver.resolve("runtime/server/api/maps/autocomplete")

package/dist/runtime/components/CrudImageCropper.d.vue.ts

@@ -36,6 +36,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: null;
     };
+    hideAspectRatioSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
     cancel: (...args: any[]) => void;
@@ -78,6 +82,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: null;
     };
+    hideAspectRatioSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -93,4 +101,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     outputMimeType: string;
     quality: number;
     fileName: string;
+    hideAspectRatioSelector: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/CrudImageCropper.vue

@@ -35,6 +35,10 @@ const props = defineProps({
   fileName: {
     type: String,
     default: null
+  },
+  hideAspectRatioSelector: {
+    type: Boolean,
+    default: false
   }
 });
 const emit = defineEmits(["crop", "cancel", "ready", "change", "error"]);
@@ -54,7 +58,7 @@ const aspectRatioOptions = [
 ];
 const selectedAspectRatio = ref(props.defaultAspectRatio || null);
 const showAspectRatioSelector = computed(() => {
-  return props.aspectRatio === null;
+  return props.aspectRatio === null && !props.hideAspectRatioSelector;
 });
 const parsedAspectRatio = computed(() => {
   const ratioString = props.aspectRatio || selectedAspectRatio.value;
@@ -78,6 +82,12 @@ const stencilProps = computed(() => {
   }
   return props2;
 });
+const defaultSize = ({ imageSize, visibleArea }) => {
+  return {
+    width: imageSize.width,
+    height: imageSize.height
+  };
+};
 const finalOutputMimeType = computed(() => {
   const type = props.outputMimeType || actualMimeType.value || props.mimeType || "image/png";
   const supportedTypes = ["image/png", "image/jpeg", "image/webp"];
@@ -240,6 +250,7 @@ const onError = (error) => {
             ref="cropper"
             :src="processedImageUrl"
             :stencil-props="stencilProps"
+            :default-size="defaultSize"
             class="cropper"
             @ready="onReady"
             @change="onChange"

package/dist/runtime/components/CrudImageCropper.vue.d.ts

@@ -36,6 +36,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: null;
     };
+    hideAspectRatioSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
     cancel: (...args: any[]) => void;
@@ -78,6 +82,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: null;
     };
+    hideAspectRatioSelector: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -93,4 +101,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     outputMimeType: string;
     quality: number;
     fileName: string;
+    hideAspectRatioSelector: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/CrudUploadField.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed, watch } from "vue";
+import { heicTo } from "heic-to";
 import { useCrudApi } from "../composables/useCrudApi";
 import { useCrudConverters } from "../composables/useCrudConverters";
 import CrudErrorDisplay from "../components/CrudErrorDisplay.vue";
@@ -165,69 +166,25 @@ const isHeicFile = (file) => {
   if (!file) return false;
   return file.type === "image/heic" || file.type === "image/heic-sequence" || file.name.toLowerCase().endsWith(".heic") || file.name.toLowerCase().endsWith(".heics");
 };
-let heic2anyConverter = null;
-const loadHeic2any = async () => {
-  if (!heic2anyConverter) {
-    try {
-      let module;
-      try {
-        module = await import("heic2any");
-      } catch (e) {
-        console.warn("Dynamic import failed:", e);
-        throw new Error("heic2any module not found. Please ensure it is installed in your project.");
-      }
-      if (typeof module.default === "function") {
-        heic2anyConverter = module.default;
-      } else if (typeof module.heic2any === "function") {
-        heic2anyConverter = module.heic2any;
-      } else if (typeof module === "function") {
-        heic2anyConverter = module;
-      } else if (typeof window !== "undefined" && typeof window.heic2any === "function") {
-        heic2anyConverter = window.heic2any;
-      } else if (module.default && typeof module.default === "object") {
-        const possibleKeys = ["default", "heic2any", "convert", "convertHeic"];
-        for (const key of possibleKeys) {
-          if (typeof module.default[key] === "function") {
-            heic2anyConverter = module.default[key];
-            break;
-          }
-        }
-      }
-      if (typeof heic2anyConverter !== "function") {
-        throw new Error("heic2any function not found in module");
-      }
-    } catch (error) {
-      console.error("Failed to load heic2any:", error);
-      throw new Error("Failed to load HEIC converter. Please ensure heic2any is installed: npm install heic2any");
-    }
-  }
-  return heic2anyConverter;
-};
 const convertHeicToJpeg = async (file) => {
   try {
     convertingHeic.value = true;
-    const heic2any = await loadHeic2any();
-    const convertedBlob = await heic2any({
+    const convertedBlob = await heicTo({
       blob: file,
-      toType: "image/jpeg",
+      type: "image/jpeg",
       quality: 0.9
     });
-    const blob = Array.isArray(convertedBlob) ? convertedBlob[0] : convertedBlob;
     return new File(
-      [blob],
+      [convertedBlob],
       file.name.replace(/\.heic$/i, ".jpg"),
       { type: "image/jpeg" }
     );
   } catch (error) {
     console.error("HEIC conversion failed:", error);
-    if (error.code === 2 || error.message?.includes("format not supported")) {
-      throw new Error("This HEIC file format is not supported. Please use a JPEG or PNG instead.");
-    } else if (error.code === 1 || error.message?.includes("corrupt")) {
-      throw new Error("This HEIC file appears to be corrupted. Please try a different file.");
-    } else if (error.message?.includes("load HEIC converter") || error.message?.includes("installed") || error.message?.includes("not found")) {
-      throw error;
+    if (error && error.message) {
+      throw new Error(`HEIC conversion failed: ${error.message}`);
     } else {
-      throw new Error("Failed to convert HEIC image. Please try converting to JPEG/PNG first.");
+      throw new Error("Failed to convert HEIC image. The file may be corrupted or use an unsupported format.");
     }
   } finally {
     convertingHeic.value = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grantthomas-nuxt",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "Crud module for Nuxt 3 interacting with sibling .net project",
   "repository": "Tap-Leagues/GrantThomas.Nuxt",
   "license": "MIT",