@blokkli/editor 1.0.1 → 1.0.3

package/dist/runtime/components/Edit/Features/Translations/index.vue

@@ -72,8 +72,10 @@
   <PluginItemAction
     v-if="editMode === 'translating'"
     id="translate"
+    :disabled="!canTranslateBlock"
     :title="$t('translationsItemAction', 'Translate')"
     icon="translate"
+    :weight="-100"
     @click="onTranslate"
   />
 </template>
@@ -98,6 +100,8 @@ import type {
   Language,
 } from '#blokkli/types'
 import Banner from './Banner/index.vue'
+import { getDefinition } from '#blokkli/definitions'
+import onBlokkliEvent from '#blokkli/helpers/composables/onBlokkliEvent'
 
 const { adapter } = defineBlokkliFeature({
   id: 'translations',
@@ -107,7 +111,7 @@ const { adapter } = defineBlokkliFeature({
   description: 'Adds support for block translations.',
 })
 
-const { eventBus, state, context, $t, ui } = useBlokkli()
+const { eventBus, state, context, $t, ui, selection, types } = useBlokkli()
 const { translation, editMode } = state
 
 const isOpen = ref(false)
@@ -152,6 +156,38 @@ const items = computed<TranslationStateItem[]>(() => {
     .filter(falsy)
 })
 
+const canTranslateBlock = computed(() => {
+  if (selection.blocks.value.length !== 1) {
+    return false
+  }
+  const block = selection.blocks.value[0]
+
+  if (block.libraryItemUuid) {
+    return false
+  }
+
+  const definition = getDefinition(
+    block.itemBundle,
+    block.hostFieldListType,
+    block.parentBlockBundle,
+  )
+
+  if (definition?.editor?.disableEdit) {
+    return false
+  }
+  const type = types.getBlockBundleDefinition(block.itemBundle)
+
+  if (!type) {
+    return false
+  }
+
+  if (!type.isTranslatable) {
+    return false
+  }
+
+  return true
+})
+
 function onClick(item: TranslationStateItem, event: Event) {
   if (item.translation?.exists) {
     return adapter.changeLanguage(item.translation)
@@ -170,6 +206,12 @@ function onTranslate(items: DraggableExistingBlock[]) {
   })
 }
 
+onBlokkliEvent('item:doubleClick', function (block) {
+  if (editMode.value === 'translating' && canTranslateBlock.value) {
+    onTranslate([block])
+  }
+})
+
 onMounted(() => {
   // Make sure the user is not trying to edit a translation that does not exist.
   const translationExists = !!translation.value.translations?.find(