@blokkli/editor 1.0.2 → 1.0.4

package/README.md

@@ -51,12 +51,6 @@ implements all features available in the editor. It provides a new edit state
 entity that stores the applied mutations and implements a GraphQL schema
 extension to integrate the adapter.
 
-## Roadmap
-
-blökkli is currently still in beta and therefore subject to change. If you're
-considering integrating it in production sites you should probably wait until
-the first stable release.
-
 ## Acknowledgments
 
 blökkli was developed by [dulnan](https://github.com/dulnan) at

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "blokkli",
   "configKey": "blokkli",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "compatibility": {
     "nuxt": "^3.12.0"
   },

package/dist/module.mjs

@@ -6,7 +6,7 @@ import { createUnplugin } from 'unplugin';
 import MagicString from 'magic-string';
 import { walk } from 'estree-walker-ts';
 
-const version = "1.0.2";
+const version = "1.0.4";
 
 function sortObjectKeys(obj) {
   const sortedKeys = Object.keys(obj).sort();
@@ -237,10 +237,14 @@ class BlockExtractor {
             acc.push(
               `${bundle}__parent_block_${entry.parentBundle}: ${v.componentName}`
             );
-          } else {
+          } else if ("fieldList" in entry) {
             acc.push(
               `${bundle}__field_list_type_${entry.fieldList}: ${v.componentName}`
             );
+          } else if ("fieldListType" in entry) {
+            acc.push(
+              `${bundle}__field_list_type_${entry.fieldListType}: ${v.componentName}`
+            );
           }
         });
       } else {
@@ -551,10 +555,14 @@ export function getBlokkliFragmentComponent(name: string): any {
               acc.push(
                 `block_${bundle}__parent_block_${entry.parentBundle}: ${v.componentName}`
               );
-            } else {
+            } else if ("fieldList" in entry) {
               acc.push(
                 `block_${bundle}__field_list_type_${entry.fieldList}: ${v.componentName}`
               );
+            } else if ("fieldListType" in entry) {
+              acc.push(
+                `block_${bundle}__field_list_type_${entry.fieldListType}: ${v.componentName}`
+              );
             }
           });
         }

package/dist/runtime/components/BlokkliField.vue

@@ -29,7 +29,7 @@
   >
     <BlokkliItem
       v-for="(item, i) in filteredList"
-      :key="item.uuid"
+      :key="item.uuid + fieldListType"
       v-bind="item"
       :parent-type="isNested ? entity?.bundle : ''"
       :data-uuid="isPreview ? item.uuid : undefined"

package/dist/runtime/components/Edit/DragInteractions/index.vue

@@ -158,15 +158,17 @@ function onPointerDown(e: PointerEvent) {
     e.stopImmediatePropagation()
   }
 
+  if (e.pointerType === 'touch') {
+    return onTouchStart(e)
+  }
+
   // If we are already dragging, return.
   // This might be the case if a dragging:start event was manually triggered,
   // e.g. when selecting a draggable item using the keyboard.
   if (selection.isDragging.value) {
     return
   }
-  if (e.pointerType === 'touch') {
-    return onTouchStart(e)
-  }
+
   pointerDownTimestamp = Date.now()
   const coords = { x: e.clientX, y: e.clientY }
 

package/dist/runtime/components/Edit/DraggableList.vue

@@ -20,7 +20,7 @@
   >
     <BlokkliItem
       v-for="(item, i) in list"
-      :key="item.uuid"
+      :key="item.uuid + fieldListType"
       :uuid="item.uuid"
       :bundle="item.bundle"
       :is-new="item.isNew"

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

@@ -1,5 +1,6 @@
 <template>
   <PluginItemAction
+    v-if="isEditing"
     id="edit"
     :title="$t('edit', 'Edit')"
     :disabled="!canEdit"
@@ -36,6 +37,8 @@ const block = computed(() => {
   return selection.blocks.value[0]
 })
 
+const isEditing = computed(() => state.editMode.value === 'editing')
+
 const canEdit = computed(() => {
   // Editing is only possible when a single block is selected.
   if (!block.value) {

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

@@ -44,7 +44,7 @@ const onSelect = (uuids: string[]) => {
 let startTimeout: any = null
 
 onBlokkliEvent('mouse:down', (e) => {
-  if (!enabled.value || e.type !== 'mouse') {
+  if (!enabled.value || e.type !== 'mouse' || selection.isDragging.value) {
     return
   }
   if (keyboard.isPressingSpace.value || keyboard.isPressingControl.value) {

package/dist/runtime/components/Edit/Features/Options/Form/Item.vue

@@ -69,6 +69,7 @@ import OptionColor from './Color/index.vue'
 import OptionRange from './Range/index.vue'
 import OptionNumber from './Number/index.vue'
 import type { BlockOptionDefinition } from '#blokkli/types/blokkOptions'
+import { mapCheckboxTrue } from '#blokkli/helpers/runtimeHelpers'
 
 const { state } = useBlokkli()
 
@@ -99,10 +100,7 @@ const validateValue = (
       return v
     }
   } else if (props.option.type === 'checkbox') {
-    if (typeof v === 'boolean') {
-      return v ? '1' : '0'
-    }
-    return v === '1' ? '1' : '0'
+    return mapCheckboxTrue(v)
   } else if (props.option.type === 'checkboxes') {
     const options = Object.keys(props.option.options || {})
     const items = Array.isArray(v)

package/dist/runtime/components/Edit/Features/Options/Form/index.vue

@@ -258,6 +258,7 @@ const visibleOptions = computed<OptionItem[]>(() => {
       parentType: parentType as any,
       props: ctxProps as any,
       entity: context.value,
+      fieldListType: block?.hostFieldListType || 'default',
     })
 
   return availableOptions.value.filter((v) => visibleKeys.includes(v.property))

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

@@ -75,6 +75,7 @@
     :disabled="!canTranslateBlock"
     :title="$t('translationsItemAction', 'Translate')"
     icon="translate"
+    :weight="-100"
     @click="onTranslate"
   />
 </template>
@@ -100,6 +101,7 @@ import type {
 } 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',
@@ -109,7 +111,7 @@ const { adapter } = defineBlokkliFeature({
   description: 'Adds support for block translations.',
 })
 
-const { eventBus, state, context, $t, ui, selection } = useBlokkli()
+const { eventBus, state, context, $t, ui, selection, types } = useBlokkli()
 const { translation, editMode } = state
 
 const isOpen = ref(false)
@@ -173,6 +175,15 @@ const canTranslateBlock = computed(() => {
   if (definition?.editor?.disableEdit) {
     return false
   }
+  const type = types.getBlockBundleDefinition(block.itemBundle)
+
+  if (!type) {
+    return false
+  }
+
+  if (!type.isTranslatable) {
+    return false
+  }
 
   return true
 })
@@ -195,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(