Merge pull request #80 from art-by-city/79-bump-artbycitysdk-to-013

Bumps @artbycity/sdk to v0.1.3 and adds support for ancient legacy da…

components/FeedItemCard.vue

@@ -125,25 +125,17 @@ const { data, pending } = useLazyAsyncData(props.id, async () => {
 })
 
 const src = computed(() => {
-  if (data.value) {
-    if ('images' in data.value && data.value.images.length > 0) {
-      return `${gatewayBase}/${data.value.images[0].preview}`
-    }
-  }
+  if (!data.value) { return '' }
 
-  return ''
+  return data.value.image.preview.startsWith('data:image')
+    ? data.value.image.preview
+    : `${gatewayBase}/${data.value.image.preview}`
 })
 
 const isPlayable = computed(() => {
-  if (data.value) {
-    if ('images' in data.value) {
-      return !!data.value.images[0].animated
-    } else if (
-      'audio' in data.value || 'model' in data.value
-    ) { return true }
-  }
-
-  return false
+  if (!data.value) { return false }
+
+  return data.value.image.animated || !!data.value.audio || !!data.value.model
 })
 
 const to = computed(() => {

package.json

@@ -26,7 +26,7 @@
     "vue-eslint-parser": "^9.3.1"
   },
   "dependencies": {
-    "@artbycity/sdk": "^0.1.1",
+    "@artbycity/sdk": "^0.1.3",
     "@google/model-viewer": "^3.3.0",
     "@mdi/font": "^7.2.96",
     "@pinia/nuxt": "^0.4.11",

pages/[profile]/[slugOrId].vue

@@ -5,7 +5,6 @@
         <v-img
           :src="src"
           aspect-ratio="1"
-          style="cursor: pointer;"
           class="publication-image"
           max-height="75vh"
           max-width="75vw"
@@ -212,6 +211,7 @@
 }
 .publication-image {
   margin: 0 auto;
+  cursor: pointer;
 }
 </style>
 
@@ -236,14 +236,11 @@ const hasError = computed(() => {
 })
 
 const src = computed(() => {
-  if (artwork.value) {
-    if ('images' in artwork.value && artwork.value.images.length > 0) {
-      /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
-      return `${gatewayBase}/${artwork.value.images[0].preview4k}`
-    }
-  }
+  if (!artwork.value) { return '' }
 
-  return ''
+  return artwork.value.image.preview4k.startsWith('data:image')
+    ? artwork.value.image.preview4k
+    : `${gatewayBase}/${artwork.value.image.preview4k}`
 })
 
 const audioSrc = computed(() => {
@@ -294,11 +291,15 @@ const onOverlayClicked = debounce(() => {
 })
 
 const onImageClicked = debounce(() => {
-  if (artwork.value) {
-    if ('images' in artwork.value && artwork.value.images.length > 0) {
-      /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
-      window.open(`${gatewayBase}/${artwork.value.images[0].image}`, '_blank')
-    }
+  if (!artwork.value) { return }
+
+  if (!artwork.value.image.image.startsWith('data:image')) {
+    return `${gatewayBase}/${artwork.value.image.image}`
   }
+
+  const image = new Image()
+  image.src = artwork.value.image.image
+  const w = window.open('', '_blank')
+  w?.document.write(image.outerHTML)
 })
 </script>