@blokkli/editor 2.0.0-alpha.44 → 2.0.0-alpha.45

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@blokkli/editor",
   "configKey": "blokkli",
-  "version": "2.0.0-alpha.44",
+  "version": "2.0.0-alpha.45",
   "compatibility": {
     "nuxt": ">=3.15.0"
   },

package/dist/module.mjs

@@ -18,7 +18,7 @@ import 'typescript';
 import 'oxc-walker';
 
 const name = "@blokkli/editor";
-const version = "2.0.0-alpha.44";
+const version = "2.0.0-alpha.45";
 
 function validateOption(optionKey, option, icons) {
   const errors = [];

package/dist/modules/drupal/graphql/mutations/add_file.graphql

@@ -8,6 +8,7 @@ mutation pbAddFile(
   $hostUuid: String!
   $hostFieldName: String!
   $afterUuid: String
+  $paragraphBundle: String!
 ) {
   state: paragraphsEditMutationState(
     entityType: $entityType
@@ -20,6 +21,7 @@ mutation pbAddFile(
       hostType: $hostType
       hostUuid: $hostUuid
       hostFieldName: $hostFieldName
+      paragraphBundle: $paragraphBundle
     ) {
       ...paragraphsBlokkliMutationResult
     }

package/dist/modules/drupal/graphql/mutations/add_image.graphql

@@ -8,6 +8,7 @@ mutation pbAddImage(
   $hostUuid: String!
   $hostFieldName: String!
   $afterUuid: String
+  $paragraphBundle: String!
 ) {
   state: paragraphsEditMutationState(
     entityType: $entityType
@@ -20,6 +21,7 @@ mutation pbAddImage(
       hostType: $hostType
       hostUuid: $hostUuid
       hostFieldName: $hostFieldName
+      paragraphBundle: $paragraphBundle
     ) {
       ...paragraphsBlokkliMutationResult
     }

package/dist/modules/drupal/graphql/mutations/add_video_remote.graphql

@@ -7,6 +7,7 @@ mutation pbAddVideoRemote(
   $hostUuid: String!
   $hostFieldName: String!
   $afterUuid: String
+  $paragraphBundle: String!
 ) {
   state: paragraphsEditMutationState(
     entityType: $entityType
@@ -18,6 +19,7 @@ mutation pbAddVideoRemote(
       hostType: $hostType
       hostUuid: $hostUuid
       hostFieldName: $hostFieldName
+      paragraphBundle: $paragraphBundle
     ) {
       ...paragraphsBlokkliMutationResult
     }

package/dist/modules/drupal/runtime/adapter/index.js

@@ -887,7 +887,8 @@ export default defineBlokkliEditAdapter(
           hostType: e.host.type,
           hostUuid: e.host.uuid,
           hostFieldName: e.host.fieldName,
-          afterUuid: e.afterUuid
+          afterUuid: e.afterUuid,
+          paragraphBundle: e.blockBundle
         }).then(mapMutation);
       } else if (e.item.type === "file" && hasMutation("pbAddFile")) {
         return useGraphqlMutation("pbAddFile", {
@@ -897,7 +898,8 @@ export default defineBlokkliEditAdapter(
           hostType: e.host.type,
           hostUuid: e.host.uuid,
           hostFieldName: e.host.fieldName,
-          afterUuid: e.afterUuid
+          afterUuid: e.afterUuid,
+          paragraphBundle: e.blockBundle
         }).then(mapMutation);
       } else if (e.item.type === "video" && hasMutation("pbAddVideoRemote")) {
         return useGraphqlMutation("pbAddVideoRemote", {
@@ -906,7 +908,8 @@ export default defineBlokkliEditAdapter(
           hostType: e.host.type,
           hostUuid: e.host.uuid,
           hostFieldName: e.host.fieldName,
-          afterUuid: e.afterUuid
+          afterUuid: e.afterUuid,
+          paragraphBundle: e.blockBundle
         }).then(mapMutation);
       }
     };

package/dist/runtime/editor/features/clipboard/index.vue

@@ -574,12 +574,12 @@ defineDropHandler("native_drop", {
     }
     const dt = item.dataTransfer;
     if (dt.files.length > 0) {
+      item.files = [...dt.files];
       if (!adapter.clipboardMapBundle) {
         return field.allowedBundles.filter((b) => item.itemBundles.includes(b));
       }
-      const files = [...dt.files];
       let possibleBundles = null;
-      for (const file of files) {
+      for (const file of item.files) {
         const type = file.type.startsWith("image/") ? "image" : "file";
         const mapped = normalizeBundles(
           adapter.clipboardMapBundle({
@@ -691,12 +691,8 @@ defineDropHandler("native_drop", {
       });
       return;
     }
-    if (!item.dataTransfer) {
-      return;
-    }
-    const dt = item.dataTransfer;
-    if (dt.files.length > 0) {
-      const files = [...dt.files];
+    const files = item.files;
+    if (files?.length) {
       if (adapter.clipboardMapBundle) {
         for (const file of files) {
           const type = file.type.startsWith("image/") ? "image" : "file";
@@ -742,25 +738,6 @@ defineDropHandler("native_drop", {
         }
         return lastResult;
       });
-    } else {
-      const text = dt.getData("text/html") || dt.getData("text/plain") || dt.getData("text");
-      if (!text) {
-        return;
-      }
-      const clipboardItem = {
-        type: "text",
-        id: generateUUID(),
-        itemBundle: bundle,
-        data: text
-      };
-      await state.mutateWithLoadingState(
-        () => adapter.addBlockFromClipboardItem({
-          item: clipboardItem,
-          blockBundle: bundle,
-          host,
-          afterUuid
-        })
-      );
     }
   }
 });

package/dist/runtime/editor/features/clipboard/types.d.ts

@@ -85,6 +85,12 @@ export interface DraggableNativeDropItem {
     itemBundles: string[];
     dataTransfer: DataTransfer | null;
     clipboardItems?: BlokkliClipboardItem[];
+    /**
+     * Eagerly extracted from DataTransfer in resolveBundles, because the
+     * DataTransfer object becomes stale after the synchronous event handler
+     * returns (e.g. while the bundle selector is shown).
+     */
+    files?: File[];
 }
 declare module '#blokkli/editor/adapter' {
     interface BlokkliAdapter<T> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.44",
+  "version": "2.0.0-alpha.45",
   "description": "Interactive page building experience for Nuxt",
   "keywords": [
     "cms",