@hostlink/nuxt-light 1.61.0 → 1.62.1

package/dist/runtime/components/l-file-manager-preview.vue

@@ -1,30 +1,39 @@
 <script setup>
-import { format, useQuasar } from "quasar";
+import { format, useQuasar, date } from "quasar";
 import { computed } from "vue";
-import { getApiClient } from "@hostlink/light";
+import { getApiClient, query } from "@hostlink/light";
 const api = getApiClient();
 const { humanStorageSize } = format;
 const quasar = useQuasar();
 const props = defineProps({
-  path: {
+  location: {
     type: String,
     required: true
-  },
-  driveIndex: {
-    type: Number,
-    default: 0
   }
 });
-const file = await api.drive(props.driveIndex).files.get(props.path, {
-  name: true,
-  size: true,
-  mime: true,
-  url: true,
-  lastModified: true,
-  lastModifiedHuman: true,
-  path: true
-});
+const file = await query({
+  app: {
+    fs: {
+      node: {
+        __args: {
+          location: props.location
+        },
+        __typename: true,
+        __on: {
+          __typeName: "File",
+          name: true,
+          size: true,
+          path: true,
+          mimeType: true,
+          lastModified: true,
+          publicUrl: true
+        }
+      }
+    }
+  }
+}).then((res) => res.app.fs.node);
 const size = humanStorageSize(file.size);
+const lastModifiedHuman = date.formatDate(file.lastModified * 1e3, "YYYY-MM-DD HH:mm:ss");
 const copyToClipboard = (text) => {
   let urlToCopy = text;
   if (!text.startsWith("https://") && !text.startsWith("http://")) {
@@ -43,33 +52,34 @@ const copyToClipboard = (text) => {
   });
 };
 const isImage = computed(() => {
-  return file.mime.startsWith("image/");
+  return file.mimeType.startsWith("image/");
 });
 const isVideo = computed(() => {
-  return file.mime.startsWith("video/");
+  return file.mimeType.startsWith("video/");
 });
 </script>
 
 <template>
-  <q-img :src="file.url" v-if="isImage"></q-img>
-  <q-video :src="file.url" v-else-if="isVideo"></q-video>
+  <q-img :src="file.publicUrl" v-if="isImage"></q-img>
+  <q-video :src="file.publicUrl" v-else-if="isVideo"></q-video>
 
   <q-list dense>
     <l-item label="Name">{{ file.name }}</l-item>
     <l-item label="Size">{{ size }} ({{ file.size }})</l-item>
     <l-item label="Location">{{ file.path }}</l-item>
-    <l-item label="Last modified">{{ file.lastModifiedHuman }}</l-item>
+    <l-item label="Last modified">{{ lastModifiedHuman }}</l-item>
+    <l-item label="MIME type">{{ file.mimeType }}</l-item>
 
     <q-item>
       <q-item-section side>
         <q-item-label>URL</q-item-label>
       </q-item-section>
       <q-item-section style="align-items: flex-end;">
-        <q-item-label lines="1">{{ file.url }}</q-item-label>
+        <q-item-label lines="1">{{ file.publicUrl }}</q-item-label>
       </q-item-section>
 
       <q-item-section side>
-        <q-btn size="md" flat dense round icon="sym_o_content_copy" @click="copyToClipboard(file.url)"></q-btn>
+        <q-btn size="md" flat dense round icon="sym_o_content_copy" @click="copyToClipboard(file.publicUrl)"></q-btn>
       </q-item-section>
     </q-item>
   </q-list>

package/dist/runtime/components/l-file-manager-preview.vue.d.ts

@@ -1,23 +1,13 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    path: {
+    location: {
         type: StringConstructor;
         required: true;
     };
-    driveIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    path: {
+    location: {
         type: StringConstructor;
         required: true;
     };
-    driveIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    driveIndex: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;