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

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

@@ -0,0 +1,25 @@
+mutation pbMoveMultipleItems(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $uuids: [String]!
+  $hostType: String!
+  $hostUuid: String!
+  $hostFieldName: String!
+  $afterUuid: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: move_multiple(
+      uuids: $uuids
+      hostType: $hostType
+      hostUuid: $hostUuid
+      hostFieldName: $hostFieldName
+      afterUuid: $afterUuid
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+mutation pbRedo(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: redo {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+mutation pbDeleteParagraph(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $uuid: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: remove(uuid: $uuid) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+mutation pbDeleteMultipleParagraphs(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $uuids: [String]!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: remove_multiple(uuids: $uuids) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+mutation pbReplaceHostEntityMedia(
+  $langcode: String!
+  $entityType: EntityType!
+  $entityUuid: String!
+  $fieldName: String!
+  $mediaId: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: replace_host_entity_media(
+      langcode: $langcode
+      fieldName: $fieldName
+      mediaId: $mediaId
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,22 @@
+mutation pbReplaceMedia(
+  $langcode: String!
+  $entityType: EntityType!
+  $entityUuid: String!
+  $uuid: String!
+  $fieldName: String!
+  $mediaId: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: replace_media(
+      uuid: $uuid
+      langcode: $langcode
+      fieldName: $fieldName
+      mediaId: $mediaId
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+mutation pbRevertAllChanges(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: revertAllChanges {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+mutation pbSetHistoryIndex(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $index: Int!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: setHistoryIndex(index: $index) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+mutation pbSetMutationItemStatus(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $index: Int!
+  $status: Boolean!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: setMutationStatus(index: $index, status: $status) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+mutation pbTakeOwnership(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: takeOwnership {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+mutation pbUndo(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: undo {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+mutation pbUpdateParagraphOption(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String
+  $uuid: String!
+  $key: String!
+  $value: String!
+  $pluginId: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: update_behavior_setting(
+      pluginId: $pluginId
+      uuid: $uuid
+      key: $key
+      value: $value
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,22 @@
+mutation pbUpdateFieldValue(
+  $entityType: EntityType!
+  $entityUuid: String!
+  $langcode: String!
+  $uuid: String!
+  $fieldName: String!
+  $value: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: update_field_value(
+      uuid: $uuid
+      langcode: $langcode
+      fieldName: $fieldName
+      value: $value
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+mutation pbUpdateHostEntityFieldValue(
+  $langcode: String!
+  $entityType: EntityType!
+  $entityUuid: String!
+  $fieldName: String!
+  $value: String!
+) {
+  state: paragraphsEditMutationState(
+    entityType: $entityType
+    entityUuid: $entityUuid
+  ) {
+    action: update_host_entity_field_value(
+      langcode: $langcode
+      fieldName: $fieldName
+      value: $value
+    ) {
+      ...paragraphsBlokkliMutationResult
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import { B as BlokkliModule } from '../../shared/editor.gz_ac6uT.mjs';
+import 'nuxt/schema';
+import '../../../dist/runtime/types/index.js';
+import '#blokkli-build/module-types';
+import '../../../dist/runtime/types/theme.js';
+import '@nuxt/kit';
+
+declare const _default: (options?: object | undefined) => BlokkliModule<object>;
+
+export { _default as default };

package/dist/modules/drupal/index.mjs

@@ -0,0 +1,170 @@
+import { useLogger, createResolver } from '@nuxt/kit';
+import { fileURLToPath } from 'node:url';
+import { join } from 'pathe';
+import { isObjectType, isInterfaceType } from 'graphql';
+import { useGraphqlModuleContext } from 'nuxt-graphql-middleware/utils';
+
+function defineBlokkliModule(init) {
+  return function(options) {
+    return {
+      options,
+      init
+    };
+  };
+}
+
+const logger = useLogger("@blokkli/editor");
+
+function toPascalCase(text) {
+  return text.replace(/(^\w|_\w)/g, clearAndUpper);
+}
+function clearAndUpper(text) {
+  return text.replace(/_/, "").toUpperCase();
+}
+const index = defineBlokkliModule({
+  alterOptions(options) {
+    if (!options.itemEntityType) {
+      options.itemEntityType = "paragraph";
+    }
+    if (!options.pattern) {
+      options.pattern = ["~/components/Paragraph/**/*.vue"];
+    }
+    if (!options.editAdapterPath) {
+      const resolver = createResolver(
+        fileURLToPath(new URL("./", import.meta.url))
+      );
+      const filePath = resolver.resolve("./adapter/index.mjs");
+      options.editAdapterPath = filePath;
+    }
+    if (!options.getBundlePropsType) {
+      options.getBundlePropsType = function(bundle) {
+        return {
+          typeName: `Paragraph${toPascalCase(bundle)}Fragment`,
+          from: "#graphql-operations"
+        };
+      };
+    }
+  },
+  setup({ context }) {
+    if (!useGraphqlModuleContext({ nullOnMissing: true })) {
+      logger.box(
+        'Failed to load nuxt-graphql-middleware module context. Make sure that "nuxt-graphql-middleware" is placed before "@blokkli/editor" in your "modules" config in nuxt.config.ts.'
+      );
+      throw new Error("Failed to initialise bl\xF6kkli Drupal module.");
+    }
+    const graphql = useGraphqlModuleContext();
+    function getTypeFields(typeName) {
+      const type = graphql.schemaGetType(typeName);
+      if (isObjectType(type) || isInterfaceType(type)) {
+        const fields = type.getFields();
+        return new Map(Object.entries(fields));
+      }
+      return /* @__PURE__ */ new Map();
+    }
+    const queryFields = getTypeFields("Query");
+    const editStateFields = getTypeFields("ParagraphsBlokkliEditState");
+    const editMutationStateFields = getTypeFields("ParagraphsEditMutationState");
+    const resolver = createResolver(
+      join(fileURLToPath(new URL("./", import.meta.url)), "graphql")
+    );
+    function addGraphqlDocument(fileName) {
+      const filePath = resolver.resolve(fileName);
+      graphql.addImportFile(filePath);
+    }
+    function addMutation(mutationName, feature) {
+      if (editMutationStateFields.has(mutationName)) {
+        addGraphqlDocument(`mutations/${mutationName}.graphql`);
+      } else if (feature) {
+        context.features.disableFeature(feature);
+      }
+    }
+    const base = [
+      "fragment.paragraphsBlokkliEditState.graphql",
+      "fragment.paragraphsBlokkliMutatedField.graphql",
+      "fragment.paragraphsBlokkliMutationItem.graphql",
+      "fragment.paragraphsBlokkliMutationResult.graphql",
+      "fragment.paragraphsBlokkliViolation.graphql",
+      "query.pbConfig.graphql",
+      "query.pbEditState.graphql"
+    ];
+    base.forEach((fileName) => {
+      addGraphqlDocument("base/" + fileName);
+    });
+    addMutation("add");
+    addMutation("add_clipboard_text");
+    addMutation("add_entity_reference");
+    addMutation("add_entity_reference_multiple");
+    addMutation("add_file");
+    addMutation("add_image");
+    addMutation("add_video_remote");
+    addMutation("bulk_update_behavior_settings");
+    addMutation("duplicate", "duplicate");
+    addMutation("move");
+    addMutation("move_multiple");
+    addMutation("redo");
+    addMutation("remove");
+    addMutation("remove_multiple");
+    addMutation("replace_host_entity_media");
+    addMutation("replace_media");
+    addMutation("revertAllChanges", "revert");
+    addMutation("setHistoryIndex", "history");
+    addMutation("setMutationStatus");
+    addMutation("takeOwnership");
+    addMutation("undo");
+    addMutation("update_behavior_setting");
+    addMutation("update_field_value");
+    addMutation("update_host_entity_field_value");
+    if (graphql.schemaHasType("CommentBlokkliNode")) {
+      addGraphqlDocument("features/comments.graphql");
+    } else {
+      context.features.disableFeature("comments");
+    }
+    if (graphql.schemaHasType("ParagraphBlokkliFragment")) {
+      addGraphqlDocument("features/fragments.graphql");
+    } else {
+      context.features.disableFeature("fragments");
+    }
+    if (graphql.schemaHasType("ParagraphsBlokkliTransformPlugin")) {
+      addGraphqlDocument("features/transform.graphql");
+    } else {
+      context.features.disableFeature("transform");
+    }
+    if (graphql.schemaHasType("ParagraphFromLibrary")) {
+      addGraphqlDocument("features/library.graphql");
+    } else {
+      context.features.disableFeature("library");
+    }
+    if (graphql.schemaHasType("ParagraphsBlokkliSearchTab")) {
+      addGraphqlDocument("features/search.graphql");
+    } else {
+      context.features.disableFeature("search");
+    }
+    if (graphql.schemaHasType("ParagraphsBlokkliConversion")) {
+      addGraphqlDocument("features/conversions.graphql");
+    } else {
+      context.features.disableFeature("conversions");
+    }
+    if (queryFields.has("pbGetImportSourceEntities")) {
+      addGraphqlDocument("features/import-existing.graphql");
+    } else {
+      context.features.disableFeature("import-existing");
+    }
+    if (queryFields.has("pbMediaLibraryGetResults")) {
+      addGraphqlDocument("features/media-library.graphql");
+    } else {
+      context.features.disableFeature("media-library");
+    }
+    if (editStateFields.has("previewUrl")) {
+      addGraphqlDocument("features/preview-grant.graphql");
+    } else {
+      context.features.disableFeature("preview-grant");
+    }
+    if (editStateFields.has("publishOptions") && queryFields.has("pbSearchEditStates")) {
+      addGraphqlDocument("features/publishNew.graphql");
+    } else {
+      addGraphqlDocument("features/publish.graphql");
+    }
+  }
+});
+
+export { index as default };

package/dist/runtime/adapter/index.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef } from 'vue';
-import type { CommentItem, ConversionItem, MappedState, ImportItem, LibraryItem, BlockBundleDefinition, EntityTranslation, SearchContentItem, AddClipboardItemEvent, AddNewBlockEvent, AddReusableItemEvent, ImportFromExistingEvent, MakeReusableEvent, MoveMultipleBlocksEvent, MoveBlockEvent, UpdateBlockOptionEvent, AddContentSearchItemEvent, TransformPlugin, EditBlockEvent, PasteExistingBlocksEvent, UpdateFieldValueEvent, AssistantResult, DraggableHostData, DetachReusableBlockEvent, FieldConfig, EditableFieldConfig, DraggableMediaLibraryItem, DroppableFieldConfig } from './../types.js';
+import type { CommentItem, ConversionItem, MappedState, ImportItem, LibraryItem, BlockBundleDefinition, EntityTranslation, SearchContentItem, AddClipboardItemEvent, AddNewBlockEvent, AddReusableItemEvent, ImportFromExistingEvent, MakeReusableEvent, MoveMultipleBlocksEvent, MoveBlockEvent, UpdateBlockOptionEvent, AddContentSearchItemEvent, TransformPlugin, EditBlockEvent, PasteExistingBlocksEvent, UpdateFieldValueEvent, AssistantResult, DraggableHostData, DetachReusableBlockEvent, FieldConfig, EditableFieldConfig, DraggableMediaLibraryItem, DroppableFieldConfig, PublishOptions, GetEditStatesItem } from './../types/index.js';
 import type getVideoId from 'get-video-id';
 import type { GetMediaLibraryFunction } from './../components/Edit/Features/MediaLibrary/types.js';
 export type { GetMediaLibraryFunction };
@@ -121,12 +121,22 @@ export type BlokkliAdapterGetLibraryItemsData = {
     page: number;
     text: string;
 };
-export type BlokkliAdapterGetLibraryItemsResult = {
-    items: LibraryItem[];
+export type BlokkliAdapterSearchResults<T> = {
+    items: T[];
     total: number;
     perPage: number;
 };
+export type BlokkliAdapterGetLibraryItemsResult = BlokkliAdapterSearchResults<LibraryItem>;
+export type BlokkliAdapterGetEditStatesResult = BlokkliAdapterSearchResults<GetEditStatesItem>;
 export type BlokkliAdapterPublishOptions = {
+    /**
+     * The host entity type.
+     */
+    hostEntityType: string;
+    /**
+     * The host entity UUID.
+     */
+    hostEntityUuid: string;
     /**
      * Whether the editor will be closed after publishing.
      *
@@ -136,6 +146,14 @@ export type BlokkliAdapterPublishOptions = {
      * be closed anyway after publishing.
      */
     closeAfterPublish?: boolean;
+    /**
+     * If the host entity is currently unpublished, publish it.
+     */
+    publishIfUnpublished?: boolean;
+    /**
+     * The revision log message.
+     */
+    revisionLogMessage?: string;
 };
 export interface BlokkliAdapter<T> {
     /**
@@ -200,7 +218,7 @@ export interface BlokkliAdapter<T> {
     /**
      * Determine the block bundle for the given clipboard item.
      */
-    clipboardMapBundle?: (e: ClipboardMapBundleEvent) => string | undefined;
+    clipboardMapBundle?: (e: ClipboardMapBundleEvent) => string | undefined | null;
     /**
      * Add a clipboard item.
      */
@@ -276,6 +294,14 @@ export interface BlokkliAdapter<T> {
      * Resolve a comment.
      */
     resolveComment?: (uuid: string) => Promise<CommentItem[]>;
+    /**
+     * Get the publish options.
+     */
+    getPublishOptions?: () => Promise<PublishOptions>;
+    /**
+     * Search for edit states.
+     */
+    getEditStates?: (page?: number) => Promise<BlokkliAdapterGetEditStatesResult>;
     /**
      * Make an item reusable.
      */

package/dist/runtime/blokkliPlugins/AddAction/index.vue

@@ -16,72 +16,57 @@
   </Teleport>
 </template>
 
-<script lang="ts" setup>
-import { computed, useBlokkli, nextTick, ref } from '#imports'
-import type { BlokkliIcon } from '#blokkli-build/icons'
-import type { ActionPlacedEvent } from '#blokkli/types'
-import { AddListItem } from '#blokkli/components'
-import onBlokkliEvent from '#blokkli/helpers/composables/onBlokkliEvent'
-import defineTourItem from '#blokkli/helpers/composables/defineTourItem'
-
-const props = defineProps<{
-  type: string
-  title: string
-  icon: BlokkliIcon
-  itemBundle?: string
-  color: 'rose' | 'lime' | 'accent'
-  description?: string
-  disabled?: boolean
-  weight?: number
-}>()
-
-const item = ref<InstanceType<typeof AddListItem> | null>(null)
-
-const emit = defineEmits<{
-  (e: 'placed', data: ActionPlacedEvent): void
-}>()
-
-const { ui, state, features } = useBlokkli()
-
+<script setup>
+import { computed, useBlokkli, nextTick, ref } from "#imports";
+import { AddListItem } from "#blokkli/components";
+import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
+import defineTourItem from "#blokkli/helpers/composables/defineTourItem";
+const props = defineProps({
+  type: { type: String, required: true },
+  title: { type: String, required: true },
+  icon: { type: null, required: true },
+  itemBundle: { type: String, required: false },
+  color: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  weight: { type: Number, required: false }
+});
+const item = ref(null);
+const emit = defineEmits(["placed"]);
+const { ui, state, features } = useBlokkli();
 const addListAvailable = computed(
-  () => !!features.features.value.find((v) => v.id === 'add-list'),
-)
-
+  () => !!features.mountedFeatures.value.find((v) => v.id === "add-list")
+);
 const shouldRender = computed(
-  () => addListAvailable.value && state.editMode.value === 'editing',
-)
-
-const renderKey = ref('')
-
-onBlokkliEvent('add-list:change', () => {
+  () => addListAvailable.value && state.editMode.value === "editing"
+);
+const renderKey = ref("");
+onBlokkliEvent("add-list:change", () => {
   nextTick(() => {
-    renderKey.value = Math.round(Math.random() * 1000000000).toString()
-  })
-})
-
-onBlokkliEvent('action:placed', (e) => {
+    renderKey.value = Math.round(Math.random() * 1e9).toString();
+  });
+});
+onBlokkliEvent("action:placed", (e) => {
   if (e.action.actionType !== props.type) {
-    return
+    return;
   }
-
-  emit('placed', e)
-})
-
+  emit("placed", e);
+});
 defineTourItem(() => {
   if (!props.description) {
-    return
+    return;
   }
   return {
-    id: 'plugin:add_action:' + props.type,
+    id: "plugin:add_action:" + props.type,
     title: props.title,
     text: props.description,
-    element: () => item.value?.getElement(),
-  }
-})
+    element: () => item.value?.getElement()
+  };
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'PluginAddAction',
-}
+  name: "PluginAddAction"
+};
 </script>

package/dist/runtime/blokkliPlugins/AddAction/index.vue.d.ts

@@ -0,0 +1,26 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { ActionPlacedEvent } from '#blokkli/types';
+declare const _default: import("vue").DefineComponent<{
+    type: string;
+    title: string;
+    icon: BlokkliIcon;
+    itemBundle?: string;
+    color: "rose" | "lime" | "accent";
+    description?: string;
+    disabled?: boolean;
+    weight?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    placed: (data: ActionPlacedEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    type: string;
+    title: string;
+    icon: BlokkliIcon;
+    itemBundle?: string;
+    color: "rose" | "lime" | "accent";
+    description?: string;
+    disabled?: boolean;
+    weight?: number;
+}> & Readonly<{
+    onPlaced?: ((data: ActionPlacedEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;