@blokkli/editor 1.4.0-alpha.0 → 2.0.0-alpha.1

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

@@ -12,104 +12,82 @@
   />
 </template>
 
-<script lang="ts" setup>
-import { computed, useBlokkli, defineBlokkliFeature } from '#imports'
-import type { DraggableExistingBlock } from '#blokkli/types'
-import { PluginItemAction } from '#blokkli/plugins'
-import { getFieldKey } from '#blokkli/helpers'
-
-const { state, $t, selection, types } = useBlokkli()
-
+<script setup>
+import { computed, useBlokkli, defineBlokkliFeature } from "#imports";
+import { PluginItemAction } from "#blokkli/plugins";
+import { getFieldKey } from "#blokkli/helpers";
+const { state, $t, selection, types } = useBlokkli();
 const { adapter } = defineBlokkliFeature({
-  id: 'duplicate',
-  icon: 'duplicate',
-  label: 'Duplicate',
-  requiredAdapterMethods: ['duplicateBlocks'],
-  description: 'Provides an action to duplicate one or more blocks in place.',
-})
-
-function onClick(items: DraggableExistingBlock[]) {
+  id: "duplicate",
+  icon: "duplicate",
+  label: "Duplicate",
+  requiredAdapterMethods: ["duplicateBlocks"],
+  description: "Provides an action to duplicate one or more blocks in place."
+});
+function onClick(items) {
   state.mutateWithLoadingState(
     () => adapter.duplicateBlocks(items.map((v) => v.uuid)),
-    $t('duplicateError', 'The items could not be duplicated.'),
-  )
+    $t("duplicateError", "The items could not be duplicated.")
+  );
 }
-
-const canDuplicate = computed<boolean>(() => {
-  if (state.editMode.value !== 'editing') {
-    return false
+const canDuplicate = computed(() => {
+  if (state.editMode.value !== "editing") {
+    return false;
   }
-
-  const blocksByField: Record<string, DraggableExistingBlock[]> = {}
-  const fieldsByKey: Record<
-    string,
-    { cardinality: number; allowedBundles: string[]; count: number }
-  > = {}
-
-  const selectedCount = selection.blocks.value.length
+  const blocksByField = {};
+  const fieldsByKey = {};
+  const selectedCount = selection.blocks.value.length;
   for (let i = 0; i < selectedCount; i++) {
-    const block = selection.blocks.value[i]
-    const field = state.getMutatedField(block.hostUuid, block.hostFieldName)
+    const block = selection.blocks.value[i];
+    const field = state.getMutatedField(block.hostUuid, block.hostFieldName);
     if (!field) {
-      continue
+      continue;
     }
-
-    const fieldKey = getFieldKey(field.entityUuid, field.name)
-
+    const fieldKey = getFieldKey(field.entityUuid, field.name);
     const fieldConfig = types.getFieldConfig(
       field.entityType,
       block.hostBundle,
-      field.name,
-    )
+      field.name
+    );
     if (!fieldConfig) {
-      continue
+      continue;
     }
-    const count = field.list.length
-
-    // Early return if the field is already full.
+    const count = field.list.length;
     if (fieldConfig.cardinality !== -1 && count >= fieldConfig.cardinality) {
-      return false
+      return false;
     }
-
     if (!blocksByField[fieldKey]) {
-      blocksByField[fieldKey] = []
+      blocksByField[fieldKey] = [];
     }
-    blocksByField[fieldKey].push(block)
+    blocksByField[fieldKey].push(block);
     fieldsByKey[fieldKey] = {
       cardinality: fieldConfig.cardinality,
       allowedBundles: fieldConfig.allowedBundles,
-      count,
-    }
+      count
+    };
   }
-
-  const entries = Object.entries(blocksByField)
+  const entries = Object.entries(blocksByField);
   for (let i = 0; i < entries.length; i++) {
-    const [fieldKey, blocks] = entries[i]
-    const field = fieldsByKey[fieldKey]
-    const count = state.getFieldBlockCount(fieldKey)
-    // Check cardinality of the field.
+    const [fieldKey, blocks] = entries[i];
+    const field = fieldsByKey[fieldKey];
+    if (!field) {
+      return false;
+    }
+    const count = state.getFieldBlockCount(fieldKey);
     if (field.cardinality !== -1 && count + blocks.length > field.cardinality) {
-      return false
+      return false;
     }
-
-    // Check if all bundles are allowed in the field. The restrictions may
-    // have changed and the block to be duplicated isn't allowed anymore in
-    // the field.
-    const bundles = blocks.map((v) => v.itemBundle)
-    if (
-      !field.allowedBundles.length ||
-      bundles.some((bundle) => !field.allowedBundles.includes(bundle))
-    ) {
-      return false
+    const bundles = blocks.map((v) => v.itemBundle);
+    if (!field.allowedBundles.length || bundles.some((bundle) => !field.allowedBundles.includes(bundle))) {
+      return false;
     }
   }
-
-  return true
-})
+  return true;
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'Duplicate',
-}
+  name: "Duplicate"
+};
 </script>

package/dist/runtime/components/Edit/Features/Duplicate/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -12,101 +12,71 @@
   />
 </template>
 
-<script lang="ts" setup>
-import { computed, useBlokkli, defineBlokkliFeature } from '#imports'
-import type { DraggableExistingBlock } from '#blokkli/types'
-import { PluginItemAction } from '#blokkli/plugins'
-import { getDefinition } from '#blokkli/definitions'
-import onBlokkliEvent from '#blokkli/helpers/composables/onBlokkliEvent'
-
+<script setup>
+import { computed, useBlokkli, defineBlokkliFeature } from "#imports";
+import { PluginItemAction } from "#blokkli/plugins";
+import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
 defineBlokkliFeature({
-  id: 'edit',
-  icon: 'edit',
-  label: 'Edit',
-  description: 'Provides an action to edit a block.',
-  requiredAdapterMethods: ['formFrameBuilder'],
-})
-
-const { eventBus, selection, state, $t, adapter } = useBlokkli()
-
+  id: "edit",
+  icon: "edit",
+  label: "Edit",
+  description: "Provides an action to edit a block.",
+  requiredAdapterMethods: ["formFrameBuilder"]
+});
+const { eventBus, selection, state, $t, adapter, definitions } = useBlokkli();
 const block = computed(() => {
   if (selection.blocks.value.length !== 1) {
-    return null
+    return null;
   }
-
-  return selection.blocks.value[0]
-})
-
-const isEditing = computed(() => state.editMode.value === 'editing')
-
+  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) {
-    return false
+    return false;
   }
-
-  const definition = getDefinition(
+  const definition = definitions.getBlockDefinition(
     block.value.itemBundle,
     block.value.hostFieldListType,
-    block.value.parentBlockBundle,
-  )
-
-  // Editing is explicitly disabled via the definition.
+    block.value.parentBlockBundle
+  );
   if (definition?.editor?.disableEdit) {
-    return false
+    return false;
   }
-
-  // For reusable blocks, editing is only possible if the adapter implements
-  // the getLibraryItemEditUrl method.
   if (block.value.libraryItemUuid) {
-    return (
-      !!adapter.getLibraryItemEditUrl &&
-      (state.editMode.value === 'editing' ||
-        state.editMode.value === 'translating') &&
-      !block.value.isNew
-    )
+    return !!adapter.getLibraryItemEditUrl && (state.editMode.value === "editing" || state.editMode.value === "translating") && !block.value.isNew;
   }
-
-  return state.editMode.value === 'editing'
-})
-
-function onClick(items: DraggableExistingBlock[]) {
+  return state.editMode.value === "editing";
+});
+function onClick(items) {
   if (items.length !== 1) {
-    return
+    return;
   }
-
   if (!canEdit.value) {
-    return
+    return;
   }
-
-  const item = items[0]
-
-  // Because editing library items inside the current context is not (yet)
-  // supported, editing has to happen in a separate window where the host
-  // context is the library item entity.
+  const item = items[0];
   if (item.libraryItemUuid && adapter.getLibraryItemEditUrl) {
-    const url = adapter.getLibraryItemEditUrl(item.libraryItemUuid)
-    eventBus.emit('library:edit-item', {
+    const url = adapter.getLibraryItemEditUrl(item.libraryItemUuid);
+    eventBus.emit("library:edit-item", {
       url,
       label: item.editTitle,
-      uuid: item.libraryItemUuid,
-    })
-    return
+      uuid: item.libraryItemUuid
+    });
+    return;
   }
-
-  eventBus.emit('item:edit', {
+  eventBus.emit("item:edit", {
     uuid: item.uuid,
-    bundle: item.itemBundle,
-  })
+    bundle: item.itemBundle
+  });
 }
-
-onBlokkliEvent('item:doubleClick', function (block) {
-  onClick([block])
-})
+onBlokkliEvent("item:doubleClick", function(block2) {
+  onClick([block2]);
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'Edit',
-}
+  name: "Edit"
+};
 </script>

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -12,69 +12,53 @@
   </div>
 </template>
 
-<script lang="ts" setup>
-import { ref, useBlokkli, onUnmounted, onMounted } from '#imports'
-import type { AdapterFormFrameBuilder } from '#blokkli/adapter'
-import { Loading } from '#blokkli/components'
-
-const { eventBus } = useBlokkli()
-
-const iframe = ref<HTMLIFrameElement | null>(null)
-const isLoaded = ref(false)
-
-const emit = defineEmits<{
-  (e: 'close'): void
-}>()
-
-const props = defineProps<{
-  url: string
-  form: AdapterFormFrameBuilder
-}>()
-
+<script setup>
+import { ref, useBlokkli, onUnmounted, onMounted } from "#imports";
+import { Loading } from "#blokkli/components";
+const { eventBus } = useBlokkli();
+const iframe = ref(null);
+const isLoaded = ref(false);
+const emit = defineEmits(["close"]);
+const props = defineProps({
+  url: { type: String, required: true },
+  form: { type: Object, required: true }
+});
 function onIFrameLoad() {
-  isLoaded.value = true
+  isLoaded.value = true;
   if (iframe.value?.contentWindow) {
-    iframe.value.contentWindow?.focus()
+    iframe.value.contentWindow?.focus();
   }
 }
-
-function onMessage(e: MessageEvent): void {
-  if (!e.data || typeof e.data !== 'object') {
-    return
+function onMessage(e) {
+  if (!e.data || typeof e.data !== "object") {
+    return;
   }
-  if (e.data.event !== 'BLOKKLI') {
-    return
+  if (e.data.event !== "BLOKKLI") {
+    return;
   }
-
-  const { action } = e.data
-
-  if (action === 'SAVE') {
-    if (
-      props.form.id === 'entity:edit' ||
-      props.form.id === 'entity:translate'
-    ) {
-      if (props.form.id === 'entity:translate') {
-        const langcode = props.form.translation.id
-        eventBus.emit('reloadEntity', () => {
-          eventBus.emit('entity:translated', langcode)
-        })
+  const { action } = e.data;
+  if (action === "SAVE") {
+    if (props.form.id === "entity:edit" || props.form.id === "entity:translate") {
+      if (props.form.id === "entity:translate") {
+        const langcode = props.form.translation.id;
+        eventBus.emit("reloadEntity", () => {
+          eventBus.emit("entity:translated", langcode);
+        });
       } else {
-        eventBus.emit('reloadEntity')
+        eventBus.emit("reloadEntity");
       }
     } else {
-      eventBus.emit('reloadState')
+      eventBus.emit("reloadState");
     }
-    emit('close')
-  } else if (action === 'CANCEL') {
-    emit('close')
+    emit("close");
+  } else if (action === "CANCEL") {
+    emit("close");
   }
 }
-
 onMounted(() => {
-  window.addEventListener('message', onMessage)
-})
-
+  window.addEventListener("message", onMessage);
+});
 onUnmounted(() => {
-  window.removeEventListener('message', onMessage)
-})
+  window.removeEventListener("message", onMessage);
+});
 </script>

package/dist/runtime/components/Edit/Features/EditForm/Frame/index.vue.d.ts

@@ -0,0 +1,11 @@
+import type { AdapterFormFrameBuilder } from '#blokkli/adapter';
+type __VLS_Props = {
+    url: string;
+    form: AdapterFormFrameBuilder;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;