@blokkli/editor 2.0.0-alpha.58 → 2.0.0-alpha.60

package/dist/modules/drupal/graphql/features/block-transfer.graphql

@@ -0,0 +1,42 @@
+query pbExportParagraphs(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $paragraphUuids: [String!]!
+) {
+  result: paragraphsBlokkliExportParagraphs(
+    entityType: $entityType
+    entityUuid: $entityUuid
+    langcode: $langcode
+    paragraphUuids: $paragraphUuids
+  ) {
+    bundles
+    transferable
+  }
+}
+
+mutation pbImport(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $transferable: String!
+  $hostType: String!
+  $hostUuid: String!
+  $hostFieldName: String!
+  $afterUuid: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: import(
+      transferable: $transferable
+      hostType: $hostType
+      hostUuid: $hostUuid
+      hostFieldName: $hostFieldName
+      afterUuid: $afterUuid
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

package/dist/modules/drupal/graphql/features/comments.graphql

@@ -1,15 +1,15 @@
-fragment paragraphsBlokkliComment on CommentBlokkliNode {
+fragment paragraphsBlokkliComment on ParagraphsBlokkliComment {
   uuid
-  blockUuids: fieldTargetUuids
-  resolved: fieldResolved
-  body: commentBody
-  created: createdRawField {
-    first {
-      value
-    }
-  }
-  user: uid {
-    label
+  blockUuids
+  resolved
+  body
+  created
+  updated
+  parentUuid
+  user {
+    id
+    name
+    imageUrl
   }
 }
 
@@ -35,6 +35,7 @@ mutation pbAddComment(
   $langcode: String!
   $blockUuids: [String]!
   $body: String!
+  $parentUuid: String
 ) {
   action: paragraphsBlokkliAddComment(
     entityType: $entityType
@@ -42,6 +43,41 @@ mutation pbAddComment(
     langcode: $langcode
     body: $body
     paragraphUuids: $blockUuids
+    parentUuid: $parentUuid
+  ) {
+    ...paragraphsBlokkliComment
+  }
+}
+
+mutation pbEditComment(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $uuid: String!
+  $body: String!
+) {
+  action: paragraphsBlokkliEditComment(
+    entityType: $entityType
+    entityUuid: $entityUuid
+    langcode: $langcode
+    uuid: $uuid
+    body: $body
+  ) {
+    ...paragraphsBlokkliComment
+  }
+}
+
+mutation pbDeleteComment(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $uuid: String!
+) {
+  action: paragraphsBlokkliDeleteComment(
+    entityType: $entityType
+    entityUuid: $entityUuid
+    langcode: $langcode
+    uuid: $uuid
   ) {
     ...paragraphsBlokkliComment
   }
@@ -62,3 +98,37 @@ mutation pbResolveComment(
     ...paragraphsBlokkliComment
   }
 }
+
+mutation pbUnresolveComment(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $uuid: String!
+) {
+  action: paragraphsBlokkliUnresolveComment(
+    entityType: $entityType
+    entityUuid: $entityUuid
+    langcode: $langcode
+    uuid: $uuid
+  ) {
+    ...paragraphsBlokkliComment
+  }
+}
+
+mutation pbToggleCommentTaskItem(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $uuid: String!
+  $taskIndex: Int!
+) {
+  action: paragraphsBlokkliToggleCommentTaskItem(
+    entityType: $entityType
+    entityUuid: $entityUuid
+    langcode: $langcode
+    uuid: $uuid
+    taskIndex: $taskIndex
+  ) {
+    ...paragraphsBlokkliComment
+  }
+}

package/dist/modules/drupal/graphql/features/notifications.graphql

@@ -0,0 +1,39 @@
+fragment paragraphsBlokkliNotification on ParagraphsBlokkliNotification {
+  uuid
+  type
+  read
+  created
+  title
+  message
+  relatedEntityUuid
+  user {
+    id
+    name
+    imageUrl
+  }
+  host {
+    entityType
+    entityUuid
+    entityBundle
+    label
+    url
+  }
+}
+
+query pbGetNotifications($after: String, $markAsRead: Boolean) {
+  result: pbGetNotifications(after: $after, markAsRead: $markAsRead) {
+    items {
+      ...paragraphsBlokkliNotification
+    }
+    unreadCount
+    nextCursor
+  }
+}
+
+query pbGetNotificationCount {
+  count: pbGetNotificationCount
+}
+
+mutation pbMarkNotificationsAsRead($uuids: [String!]) {
+  count: pbMarkNotificationsAsRead(uuids: $uuids)
+}

package/dist/modules/drupal/index.d.mts

@@ -1,8 +1,9 @@
-import { B as BlokkliModule } from '../../shared/editor.Bpw1EP57.mjs';
+import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';
 import '../../../dist/global/types/theme.js';
+import '../../../dist/global/types/colorOptions.js';
 import '@nuxt/kit';
 import '../../../dist/global/types/features.js';
 

package/dist/modules/drupal/index.mjs

@@ -119,6 +119,9 @@ export declare const templateEditRouteName: string|null
     base.forEach((fileName) => {
       addGraphqlDocument("base/" + fileName);
     });
+    if (queryFields.has("paragraphsBlokkliGetUsers")) {
+      addGraphqlDocument("base/query.pbUsers.graphql");
+    }
     addMutation("add");
     addMutation("swap");
     addMutation("rearrange");
@@ -160,11 +163,16 @@ export declare const templateEditRouteName: string|null
     }
     addMutation("ignore_analyze");
     addMutation("unignore_analyze");
-    if (graphql.schemaHasType("CommentBlokkliNode")) {
+    if (graphql.schemaHasType("ParagraphsBlokkliComment")) {
       addGraphqlDocument("features/comments.graphql");
     } else {
       context.features.disableFeature("comments");
     }
+    if (queryFields.has("pbGetNotifications") && queryFields.has("pbGetNotificationCount") && mutationFields.has("pbMarkNotificationsAsRead")) {
+      addGraphqlDocument("features/notifications.graphql");
+    } else {
+      context.features.disableFeature("notifications");
+    }
     if (mutationFields.has("paragraphsBlokkliAgentToken")) {
       addGraphqlDocument("features/agent.graphql");
     } else {
@@ -203,6 +211,11 @@ export declare const templateEditRouteName: string|null
     } else {
       context.features.disableFeature("import-existing");
     }
+    if (editMutationStateFields.has("import") && queryFields.has("paragraphsBlokkliExportParagraphs")) {
+      addGraphqlDocument("features/block-transfer.graphql");
+    } else {
+      context.features.disableFeature("block-transfer");
+    }
     if (queryFields.has("pbMediaLibraryGetResults")) {
       addGraphqlDocument("features/media-library.graphql");
     } else {

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

@@ -13,6 +13,17 @@ import {
   useRouter
 } from "#imports";
 import { ParagraphsBlokkliRemoteVideoProvider } from "#graphql-operations";
+import { toValidNotificationType } from "#blokkli/editor/features/notifications/types";
+function mapBlokkliUser(user) {
+  if (!user) {
+    return null;
+  }
+  return {
+    id: String(user.id),
+    name: user.name,
+    imageUrl: user.imageUrl ?? null
+  };
+}
 function mapPublishOptions(publishOptions) {
   return {
     canPublish: !!publishOptions.canPublish,
@@ -32,7 +43,10 @@ const PERMISSION_FIELDS = {
   edit_library_item: "edit_library_item",
   create_comments: "create_comments",
   view_comments: "view_comments",
-  use_agent: "use_agent"
+  use_agent: "use_agent",
+  manage_agent_conversations: "manage_agent_conversations",
+  list_users: "list_users",
+  transfer_blocks: "transfer_blocks"
 };
 function mapUserPermissions(user) {
   return Object.entries(PERMISSION_FIELDS).filter(([, field]) => user[field] === true).map(([permission]) => permission);
@@ -135,7 +149,7 @@ export default defineBlokkliEditAdapter(
     }).then((v) => {
       return {
         clipboard: v.data.clipboards || [],
-        userPermissions: v.data.userPermissions,
+        currentUser: v.data.currentUser,
         availableFeatures: v.data.features,
         allTypes: (v.data.allTypes.items || []).map((v2) => {
           if (v2 && "id" in v2 && v2.id) {
@@ -325,6 +339,33 @@ export default defineBlokkliEditAdapter(
         errors: (action?.errors ?? []).filter(falsy)
       };
     };
+    const mapImportSummary = (summary) => {
+      return {
+        paragraphsImported: summary.paragraphsImported,
+        referencesResolvedByUuid: summary.referencesResolvedByUuid,
+        skippedBundles: summary.skippedBundles.map((s) => ({
+          bundle: s.bundle,
+          count: s.count
+        })),
+        droppedFields: summary.droppedFields.map((d) => ({
+          bundle: d.bundle,
+          fieldName: d.fieldName
+        })),
+        referencesResolvedByLabel: summary.referencesResolvedByLabel.map(
+          (r) => ({
+            entityType: r.entityType,
+            label: r.label,
+            targetId: r.targetId
+          })
+        ),
+        referencesUnresolved: summary.referencesUnresolved.map((r) => ({
+          entityType: r.entityType,
+          uuid: r.uuid ?? null,
+          label: r.label ?? null,
+          reason: r.reason
+        }))
+      };
+    };
     const route = useRoute();
     const router = useRouter();
     const changeLanguage = (translation) => {
@@ -403,9 +444,24 @@ export default defineBlokkliEditAdapter(
       addNewBlock,
       buildEditableFrameUrl,
       getUserPermissions: function() {
-        const permissions = config.userPermissions ? mapUserPermissions(config.userPermissions) : [];
+        const permissions = config.currentUser ? mapUserPermissions(config.currentUser) : [];
         return Promise.resolve(permissions);
       },
+      getCurrentUser: () => {
+        const user = config.currentUser;
+        if (!user || user.id == null || !user.name) {
+          return Promise.reject(
+            new Error(
+              "paragraphsBlokkliGetUser did not return a valid id/name."
+            )
+          );
+        }
+        return Promise.resolve({
+          id: String(user.id),
+          name: user.name,
+          imageUrl: user.imageUrl ?? null
+        });
+      },
       changeLanguage,
       formFrameBuilder,
       getAllBundles,
@@ -441,6 +497,9 @@ export default defineBlokkliEditAdapter(
         return null;
       }
     };
+    if (hasQuery("pbUsers")) {
+      adapter.getBlokkliUsers = () => useGraphqlQuery("pbUsers").then((v) => v.data.users ?? []);
+    }
     if (hasQuery("pbPublishOptions")) {
       adapter.getPublishOptions = () => useGraphqlQuery("pbPublishOptions", ctx.value).then((v) => {
         const options = v.data.state?.publishOptions;
@@ -649,10 +708,10 @@ export default defineBlokkliEditAdapter(
           blockUuids: (item.blockUuids || []).filter(falsy),
           resolved: !!item.resolved,
           body: item.body || "",
-          created: item.created?.first?.value || "",
-          user: {
-            label: item.user?.label || ""
-          }
+          created: item.created || "",
+          updated: item.updated || void 0,
+          parentUuid: item.parentUuid || void 0,
+          user: mapBlokkliUser(item.user)
         };
       }
       return null;
@@ -668,6 +727,25 @@ export default defineBlokkliEditAdapter(
         blockUuids,
         body
       }).then((v) => mapComments(v.data.action || []));
+      adapter.replyToComment = (parentUuid, body) => useGraphqlMutation("pbAddComment", {
+        ...ctx.value,
+        blockUuids: [],
+        body,
+        parentUuid
+      }).then((v) => mapComments(v.data.action || []));
+    }
+    if (hasMutation("pbEditComment")) {
+      adapter.editComment = (uuid, body) => useGraphqlMutation("pbEditComment", {
+        ...ctx.value,
+        uuid,
+        body
+      }).then((v) => mapComments(v.data.action || []));
+    }
+    if (hasMutation("pbDeleteComment")) {
+      adapter.deleteComment = (uuid) => useGraphqlMutation("pbDeleteComment", {
+        ...ctx.value,
+        uuid
+      }).then((v) => mapComments(v.data.action || []));
     }
     if (hasMutation("pbResolveComment")) {
       adapter.resolveComment = (uuid) => useGraphqlMutation("pbResolveComment", {
@@ -675,6 +753,66 @@ export default defineBlokkliEditAdapter(
         uuid
       }).then((v) => mapComments(v.data.action || []));
     }
+    if (hasMutation("pbUnresolveComment")) {
+      adapter.unresolveComment = (uuid) => useGraphqlMutation("pbUnresolveComment", {
+        ...ctx.value,
+        uuid
+      }).then((v) => mapComments(v.data.action || []));
+    }
+    if (hasMutation("pbToggleCommentTaskItem")) {
+      adapter.toggleCommentTask = (uuid, taskIndex) => useGraphqlMutation("pbToggleCommentTaskItem", {
+        ...ctx.value,
+        uuid,
+        taskIndex
+      }).then((v) => {
+        const updated = mapComments(v.data.action || []).find(
+          (c) => c.uuid === uuid
+        );
+        if (!updated) {
+          throw new Error(
+            `Comment ${uuid} not found in toggleCommentTask response.`
+          );
+        }
+        return updated;
+      });
+    }
+    if (hasQuery("pbGetNotifications")) {
+      adapter.loadNotifications = (options) => useGraphqlQuery("pbGetNotifications", {
+        after: options.after,
+        markAsRead: options.markAsRead
+      }).then((v) => {
+        const result = v.data.result;
+        return {
+          items: (result?.items ?? []).map((item) => ({
+            uuid: item.uuid,
+            type: toValidNotificationType(item.type),
+            read: item.read,
+            created: item.created,
+            title: item.title,
+            message: item.message ?? void 0,
+            relatedEntityUuid: item.relatedEntityUuid ?? void 0,
+            user: mapBlokkliUser(item.user),
+            host: item.host ? {
+              uuid: item.host.entityUuid,
+              entityType: item.host.entityType,
+              entityBundle: item.host.entityBundle,
+              label: item.host.label ?? "",
+              url: item.host.url ?? ""
+            } : null
+          })),
+          nextCursor: result?.nextCursor ?? null,
+          unreadCount: result?.unreadCount ?? 0
+        };
+      });
+    }
+    if (hasQuery("pbGetNotificationCount")) {
+      adapter.loadUnreadNotificationsCount = () => useGraphqlQuery("pbGetNotificationCount").then((v) => v.data.count ?? 0);
+    }
+    if (hasMutation("pbMarkNotificationsAsRead")) {
+      adapter.markAllNotificationsAsRead = () => useGraphqlMutation("pbMarkNotificationsAsRead", {
+        uuids: void 0
+      }).then((v) => v.data.count);
+    }
     if (hasQuery("pbReferencedEntities")) {
       adapter.getReferencedEntities = (uuids) => useGraphqlQuery("pbReferencedEntities", {
         ...ctx.value,
@@ -1318,54 +1456,104 @@ export default defineBlokkliEditAdapter(
         );
       };
     }
-    if (hasMutation("pbAgentConversationUpsert") && hasMutation("pbAgentConversationDelete") && hasQuery("pbAgentConversations") && hasQuery("pbAgentConversation")) {
-      const hostParams = () => ({
-        hostEntityType: providedContext.value.entityType,
-        hostEntityUuid: providedContext.value.entityUuid
+    if (hasMutation("pbAgentConversationUpsert") && hasMutation("pbAgentConversationDelete") && hasQuery("pbAgentConversation") && hasQuery("pbAgentConversationLatest") && hasQuery("pbAgentConversations")) {
+      const hostInput = () => ({
+        entityType: providedContext.value.entityType,
+        entityUuid: providedContext.value.entityUuid
+      });
+      const mapFeedback = (f) => ({
+        id: f.id,
+        createdAt: f.createdAt,
+        rating: f.rating,
+        comment: f.explanation ?? null,
+        itemId: f.itemId,
+        author: mapBlokkliUser(f.author),
+        conversationUuid: f.conversationUuid
       });
+      const mapConversation = (c) => {
+        if (!c) return null;
+        return {
+          uuid: c.uuid,
+          title: c.title,
+          createdAt: c.createdAt,
+          updatedAt: c.updatedAt,
+          host: c.host ? {
+            entityType: c.host.entityType,
+            entityUuid: c.host.entityUuid,
+            label: c.host.label ?? null,
+            editUrl: c.host.editUrl ?? null
+          } : null,
+          author: mapBlokkliUser(c.author),
+          clientState: c.clientState,
+          serverState: c.serverState,
+          hash: c.hash,
+          feedbackItemIds: c.feedback.map((f) => f.itemId),
+          feedback: c.feedback.map(mapFeedback)
+        };
+      };
       adapter.agentConversations = {
         upsert: (data) => useGraphqlMutation("pbAgentConversationUpsert", {
-          ...hostParams(),
+          ...{
+            hostEntityType: providedContext.value.entityType,
+            hostEntityUuid: providedContext.value.entityUuid
+          },
           uuid: data.uuid,
           title: data.title,
           dataUser: data.clientState,
           dataServer: data.serverState,
           hash: data.hash
         }).then((v) => v.data.result.success),
-        load: (uuid) => useGraphqlQuery("pbAgentConversation", {
-          ...hostParams(),
-          uuid
-        }).then((v) => {
-          const c = v.data.conversation;
-          if (!c) return null;
-          return {
-            ...c,
-            feedbackItemIds: c.feedback.map((f) => f.itemId)
-          };
-        }),
-        loadLatest: () => useGraphqlQuery("pbAgentConversation", hostParams()).then((v) => {
-          const c = v.data.conversation;
-          if (!c) return null;
-          return {
-            ...c,
-            feedbackItemIds: c.feedback.map((f) => f.itemId)
-          };
-        }),
-        list: () => useGraphqlQuery("pbAgentConversations", hostParams()).then(
-          (v) => v.data.conversations
+        load: (uuid) => useGraphqlQuery("pbAgentConversation", { uuid }).then(
+          (v) => mapConversation(v.data.conversation)
+        ),
+        loadLatest: () => useGraphqlQuery("pbAgentConversationLatest", {
+          host: hostInput()
+        }).then((v) => mapConversation(v.data.conversation)),
+        list: () => useGraphqlQuery("pbAgentConversations", { host: hostInput() }).then(
+          (v) => v.data.result.items
         ),
         delete: (uuid) => useGraphqlMutation("pbAgentConversationDelete", { uuid }).then(
           (v) => v.data.result.success
         )
       };
       if (hasMutation("pbAgentConversationFeedback")) {
-        adapter.submitConversationFeedback = (feedback) => useGraphqlMutation("pbAgentConversationFeedback", {
+        adapter.agentConversations.submitFeedback = (feedback) => useGraphqlMutation("pbAgentConversationFeedback", {
           uuid: feedback.conversationId,
           itemId: feedback.lastItemId,
           rating: feedback.rating,
           explanation: feedback.comment
         }).then((v) => v.data.result.success);
       }
+      if (hasQuery("pbAgentConversationsAll")) {
+        adapter.agentConversations.queryConversations = (e) => useGraphqlQuery("pbAgentConversationsAll", { page: e.page }).then(
+          (v) => ({
+            filters: mapPluginConfigInputs(v.data.result.filters),
+            items: v.data.result.items.map((c) => ({
+              uuid: c.uuid,
+              title: c.title,
+              createdAt: c.createdAt,
+              updatedAt: c.updatedAt,
+              host: c.host ? {
+                entityType: c.host.entityType,
+                entityUuid: c.host.entityUuid,
+                label: c.host.label ?? null,
+                editUrl: c.host.editUrl ?? null
+              } : null,
+              author: mapBlokkliUser(c.author)
+            })),
+            perPage: v.data.result.perPage,
+            total: v.data.result.total
+          })
+        );
+      }
+      if (hasQuery("pbAgentFeedbackAll")) {
+        adapter.agentConversations.queryFeedback = (e) => useGraphqlQuery("pbAgentFeedbackAll", { page: e.page }).then((v) => ({
+          filters: mapPluginConfigInputs(v.data.result.filters),
+          items: v.data.result.items.map(mapFeedback),
+          perPage: v.data.result.perPage,
+          total: v.data.result.total
+        }));
+      }
     }
     if (hasMutation("pbBulkUpdateFieldValues")) {
       adapter.updateFieldValueBatched = (data) => {
@@ -1407,6 +1595,43 @@ export default defineBlokkliEditAdapter(
       ...ctx.value,
       ids: identifiers
     }).then(mapMutation);
+    if (hasQuery("pbExportParagraphs")) {
+      adapter.exportBlocksToTransferable = (e) => useGraphqlQuery("pbExportParagraphs", {
+        ...ctx.value,
+        paragraphUuids: e.uuids
+      }).then((v) => {
+        const result = v.data.result;
+        if (!result || !result.transferable) {
+          return null;
+        }
+        return {
+          bundles: (result.bundles ?? []).filter(falsy),
+          transferable: result.transferable
+        };
+      });
+    }
+    if (hasMutation("pbImport")) {
+      adapter.importBlocksFromTransferable = (e) => useGraphqlMutation("pbImport", {
+        ...ctx.value,
+        transferable: e.transferable,
+        hostType: e.host.type,
+        hostUuid: e.host.uuid,
+        hostFieldName: e.host.fieldName,
+        afterUuid: e.afterUuid
+      }).then((v) => {
+        const base = mapMutation(v);
+        const mutations = base.state?.mutations ?? [];
+        let importSummary;
+        for (let i = mutations.length - 1; i >= 0; i--) {
+          const summary = mutations[i]?.plugin?.importSummary;
+          if (summary) {
+            importSummary = mapImportSummary(summary);
+            break;
+          }
+        }
+        return { ...base, importSummary };
+      });
+    }
     return adapter;
   }
 );

package/dist/modules/iframes/index.d.mts

@@ -1,8 +1,9 @@
-import { B as BlokkliModule } from '../../shared/editor.Bpw1EP57.mjs';
+import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';
 import '../../../dist/global/types/theme.js';
+import '../../../dist/global/types/colorOptions.js';
 import '@nuxt/kit';
 import '../../../dist/global/types/features.js';
 

package/dist/modules/iframes/runtime/features/iframes/Editor/index.vue

@@ -86,8 +86,10 @@
           v-for="(vp, key) in VIEWPORTS"
           :key="key"
           type="button"
-          class="bk-button bk-is-small"
-          :class="{ 'bk-is-primary': containerWidth === vp.width }"
+          class="bk-button bk-scheme-mono bk-is-light bk-is-small"
+          :class="{
+  'bk-scheme-accent bk-is-dark': containerWidth === vp.width
+}"
           @click="containerWidth = vp.width"
         >
           {{ vp.label }} ({{ vp.width }}px)

package/dist/modules/index.d.mts

@@ -1,7 +1,8 @@
-export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.Bpw1EP57.mjs';
+export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.D28NbXr3.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../dist/global/types/definitions.js';
 import '../../dist/global/types/theme.js';
+import '../../dist/global/types/colorOptions.js';
 import '@nuxt/kit';
 import '../../dist/global/types/features.js';

package/dist/modules/readability/index.d.mts

@@ -1,8 +1,9 @@
-import { B as BlokkliModule } from '../../shared/editor.Bpw1EP57.mjs';
+import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';
 import '../../../dist/global/types/theme.js';
+import '../../../dist/global/types/colorOptions.js';
 import '@nuxt/kit';
 import '../../../dist/global/types/features.js';