@jseeio/jsee 0.8.1 → 0.8.7

package/src/main.js

@@ -1010,6 +1010,13 @@ export default class JSEE {
           || (output.alias && res[output.alias])
         if (typeof r !== 'undefined') {
           log(`Updating output: ${output.name} with data: ${typeof r}`)
+          if (output.type === 'file') {
+            const fileValue = utils.normalizeFileOutputValue(output, r)
+            if (typeof fileValue.filename === 'string') output.filename = fileValue.filename
+            if (typeof fileValue.mime === 'string') output.mime = fileValue.mime
+            output.value = fileValue.value
+            return
+          }
           // Convert large base64 image data URLs to blob URLs for efficiency
           if (output.type === 'image' && typeof r === 'string'
               && r.startsWith('data:') && r.length > 50000) {

package/src/utils.js

@@ -5,6 +5,41 @@ function isObject (item) {
   return (typeof item === 'object' && !Array.isArray(item) && item !== null)
 }
 
+function isBinaryLike (value) {
+  if (!value || typeof value !== 'object') return false
+  if (typeof Buffer !== 'undefined' && Buffer.isBuffer && Buffer.isBuffer(value)) return true
+  if (typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer) return true
+  if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView && ArrayBuffer.isView(value)) return true
+  return false
+}
+
+function isRecordObject (item) {
+  return isObject(item) && !isBinaryLike(item)
+}
+
+function normalizeFileOutputValue (output, value) {
+  const source = output || {}
+  const fallback = {
+    value,
+    filename: source.filename || source.name,
+    mime: source.mime || source.contentType
+  }
+
+  if (!isRecordObject(value)) return fallback
+
+  let content = value
+  if (Object.prototype.hasOwnProperty.call(value, 'content')) content = value.content
+  else if (Object.prototype.hasOwnProperty.call(value, 'value')) content = value.value
+  else if (Object.prototype.hasOwnProperty.call(value, 'data')) content = value.data
+  else if (Object.prototype.hasOwnProperty.call(value, 'url')) content = value.url
+
+  return {
+    value: content,
+    filename: value.filename || value.name || fallback.filename,
+    mime: value.mime || value.contentType || fallback.mime
+  }
+}
+
 function shouldPreserveWorkerValue (value) {
   if (!value || typeof value !== 'object') {
     return true
@@ -1291,6 +1326,9 @@ function inferOutputType (key, value) {
 
 module.exports = {
   isObject,
+  isBinaryLike,
+  isRecordObject,
+  normalizeFileOutputValue,
   loadFromDOM,
   getModelFuncJS,
   getModelFuncAPI,

package/templates/common-outputs.js

@@ -19,6 +19,27 @@ function stringify (v) {
     : JSON.stringify(v)
 }
 
+function getFileDescriptor (output) {
+  const value = output.value
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return {
+      filename: output.filename || output.name || 'output',
+      content: value,
+      mime: output.mime || output.contentType || 'application/octet-stream'
+    }
+  }
+  const has = (key) => Object.prototype.hasOwnProperty.call(value, key)
+  return {
+    filename: value.filename || value.name || output.filename || output.name || 'output',
+    content: has('content') ? value.content
+      : has('value') ? value.value
+        : has('data') ? value.data
+          : has('url') ? value.url
+            : value,
+    mime: value.mime || value.contentType || output.mime || output.contentType || 'application/octet-stream'
+  }
+}
+
 const component = {
   props: ['output'],
   emits: ['notification'],
@@ -260,19 +281,24 @@ const component = {
       }
     },
     downloadFile () {
-      let filename = this.output.filename || this.output.name || 'output'
-      let value = this.output.value
+      const file = getFileDescriptor(this.output)
+      let filename = file.filename
+      let value = file.content
       if (typeof value === 'string' && value.startsWith('data:')) {
         fetch(value)
           .then(r => r.blob())
           .then(blob => saveAs(blob, filename))
           .catch(() => {
-            let blob = new Blob([value], { type: 'application/octet-stream' })
+            let blob = new Blob([value], { type: file.mime })
             saveAs(blob, filename)
           })
       } else {
+        if (typeof Blob !== 'undefined' && value instanceof Blob) {
+          saveAs(value, filename)
+          return
+        }
         let content = typeof value === 'string' ? value : JSON.stringify(value)
-        let blob = new Blob([content], { type: 'application/octet-stream' })
+        let blob = new Blob([content], { type: file.mime })
         saveAs(blob, filename)
       }
     },

package/templates/minimal-app.vue

@@ -85,9 +85,10 @@
   }
 
   .jsee-card {
-    border: 1px solid var(--jsee-border);
+    border: 0;
     border-radius: var(--jsee-radius);
     background: var(--jsee-card-bg);
+    box-shadow: rgba(14, 63, 126, 0.04) 0 0 0 1px, rgba(42, 51, 69, 0.04) 0 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0 6px 6px -3px, rgba(14, 63, 126, 0.04) 0 12px 12px -6px, rgba(14, 63, 126, 0.04) 0 24px 24px -12px;
     position: relative;
   }