@blokkli/editor 1.1.1 → 1.1.2

package/dist/runtime/helpers/domProvider.d.ts

@@ -20,7 +20,6 @@ export type DomProvider = {
      * Return the droppable markup for a draggable item.
      */
     getDropElementMarkup(item: DraggableItem, checkSize?: boolean): string;
-    getBlockField(uuid: string): BlokkliFieldElement;
     findField(entityUuid: string, fieldName: string): BlokkliFieldElement | undefined;
     registerBlock: (uuid: string, instance: ComponentInternalInstance | null | HTMLElement, bundle: string, fieldListType: ValidFieldListTypes, parentBlockBundle?: BlockBundleWithNested) => void;
     unregisterBlock: (uuid: string) => void;
@@ -33,7 +32,6 @@ export type DomProvider = {
      */
     getAllDroppableFields(): DroppableEntityField[];
     findClosestEntityContext(el: HTMLElement): EntityContext | undefined;
-    getBlockVisibilities(): Record<string, boolean>;
     getVisibleBlocks(): string[];
     getVisibleFields(): string[];
     isBlockVisible(uuid: string): boolean;

package/dist/runtime/helpers/domProvider.js

@@ -63,7 +63,6 @@ export default function(ui, debug) {
   const logger = debug.createLogger("DomProvider");
   const mutationsReady = ref(true);
   const intersectionReady = ref(false);
-  const blockVisibility = {};
   const visibleBlocks = /* @__PURE__ */ new Set();
   const visibleFields = /* @__PURE__ */ new Set();
   const blockRects = {};
@@ -133,7 +132,6 @@ export default function(ui, debug) {
           } else {
             visibleBlocks.delete(uuid);
           }
-          blockVisibility[uuid] = entry.isIntersecting;
         }
       }
     }
@@ -279,21 +277,6 @@ export default function(ui, debug) {
       ""
     );
   };
-  const getBlockField = (uuid) => {
-    const block = findBlock(uuid);
-    if (!block) {
-      throw new Error("Block does not exist: " + uuid);
-    }
-    const el = block.element().closest(".bk-draggable-list-container");
-    if (!(el instanceof HTMLElement)) {
-      throw new TypeError("Failed to locate field element for block: " + uuid);
-    }
-    const field = buildFieldElement(el);
-    if (!field) {
-      throw new Error("Failed to build field for block: " + uuid);
-    }
-    return field;
-  };
   const findField = (uuid, fieldName) => {
     const el = document.querySelector(
       `[data-field-name="${fieldName}"][data-host-entity-uuid="${uuid}"]`
@@ -306,9 +289,6 @@ export default function(ui, debug) {
   const getAllDroppableFields = () => [...document.querySelectorAll("[data-blokkli-droppable-field]")].filter((el) => {
     return !el.closest('[data-bk-in-proxy="true"]');
   }).map(mapDroppableField);
-  const getBlockVisibilities = () => {
-    return blockVisibility;
-  };
   const getVisibleBlocks = () => Array.from(visibleBlocks);
   const getVisibleFields = () => Array.from(visibleFields);
   const getActiveProviderElement = () => {
@@ -463,13 +443,11 @@ export default function(ui, debug) {
     getAllBlocks,
     findClosestBlock,
     getDropElementMarkup,
-    getBlockField,
     findField,
     registerBlock,
     unregisterBlock,
     getAllDroppableFields,
     findClosestEntityContext,
-    getBlockVisibilities,
     getVisibleBlocks,
     getVisibleFields,
     registerField,

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

@@ -1,4 +1,4 @@
-import type { DraggableItem, Rectangle, DroppableEntityField, DraggableExistingBlock, EntityContext, Coord } from '#blokkli/types';
+import type { DraggableItem, Rectangle, DroppableEntityField, DraggableExistingBlock, EntityContext, Coord, LibraryItemProps } from '#blokkli/types';
 import type { RGB } from '#blokkli/types/theme';
 /**
  * Type check for falsy values.
@@ -85,3 +85,4 @@ export declare function getFieldKey(uuid: string, fieldName: string): string;
 export declare function getInteractionCoordinates(e: MouseEvent | TouchEvent): Coord;
 export declare function toShaderColor(rgba: RGB): RGB;
 export declare function generateUUID(): string;
+export declare function buildAttributesForLibraryItem(props: LibraryItemProps): Record<string, string | undefined>;

package/dist/runtime/helpers/index.js

@@ -465,3 +465,12 @@ export function generateUUID() {
     return (c == "x" ? r : r & 7 | 8).toString(16);
   });
 }
+export function buildAttributesForLibraryItem(props) {
+  return {
+    "data-reusable-bundle": props.block?.bundle,
+    "data-reusable-uuid": props.block?.uuid,
+    "data-bk-library-label": props.label,
+    "data-bk-library-item-uuid": props.uuid,
+    "data-blokkli-is-reusable": "true"
+  };
+}

package/dist/runtime/helpers/keyboardProvider.d.ts

@@ -9,6 +9,7 @@ export type KeyboardProvider = {
     isPressingSpace: Readonly<Ref<boolean>>;
     isPressingControl: Readonly<Ref<boolean>>;
     isPressingShift: Readonly<Ref<boolean>>;
+    setShortcutStateFromEvent: (e: MouseEvent | PointerEvent) => void;
     shortcuts: ComputedRef<RegisteredShortcut[]>;
     registerShortcut: (shortcut: KeyboardShortcut) => void;
     unregisterShortcut: (shortcut: KeyboardShortcut) => void;

package/dist/runtime/helpers/keyboardProvider.js

@@ -7,6 +7,12 @@ import {
   computed
 } from "vue";
 import { eventBus } from "#blokkli/helpers/eventBus";
+function getControlState(e) {
+  if ("code" in e && e.code === "CapsLock") {
+    return true;
+  }
+  return e.getModifierState("Control") || e.getModifierState("Meta");
+}
 export default function(animationProvider) {
   const isPressingControl = ref(false);
   const isPressingSpace = ref(false);
@@ -23,7 +29,7 @@ export default function(animationProvider) {
     }
   };
   const onKeyDown = (e) => {
-    isPressingControl.value = e.getModifierState("Control") || e.getModifierState("Meta") || e.code === "CapsLock";
+    isPressingControl.value = getControlState(e);
     isPressingShift.value = e.getModifierState("Shift");
     if (!isPressingSpace.value) {
       eventBus.emit("keyPressed", {
@@ -68,12 +74,17 @@ export default function(animationProvider) {
     );
   };
   const shortcuts = computed(() => registeredShortcuts.value);
+  function setShortcutStateFromEvent(e) {
+    isPressingControl.value = getControlState(e);
+    isPressingShift.value = !!e.shiftKey;
+  }
   return {
     isPressingSpace: readonly(isPressingSpace),
     isPressingControl: readonly(isPressingControl),
     isPressingShift: readonly(isPressingShift),
     shortcuts,
     registerShortcut,
-    unregisterShortcut
+    unregisterShortcut,
+    setShortcutStateFromEvent
   };
 }

package/dist/runtime/helpers/selectionProvider.d.ts

@@ -7,7 +7,7 @@ export type SelectionProvider = {
      */
     uuids: Readonly<Ref<string[]>>;
     /**
-     * The currently selected UUIDs as a map.
+     * The currently selected UUIDs as a Set.
      */
     uuidsSet: ComputedRef<Set<string>>;
     /**

package/dist/runtime/helpers/selectionProvider.js

@@ -98,6 +98,9 @@ export default function(dom) {
   onBlokkliEvent("select:next", selectInList);
   onBlokkliEvent("setActiveFieldKey", setActiveFieldKey);
   onBlokkliEvent("state:reloaded", () => {
+    selectedUuids.value = selectedUuids.value.filter((uuid) => {
+      return !!dom.findBlock(uuid);
+    });
   });
   onBlokkliEvent("dragging:start", (e) => {
     draggingMode.value = e.mode;
@@ -113,6 +116,9 @@ export default function(dom) {
   onBlokkliEvent("dragging:end", () => {
     draggingMode.value = null;
   });
+  onBlokkliEvent("select:unselect", () => {
+    selectedUuids.value = [];
+  });
   onBlokkliEvent("window:clickAway", () => {
     unselectItems();
     activeFieldKey.value = "";

package/dist/runtime/helpers/stateProvider.d.ts

@@ -30,6 +30,7 @@ export type StateProvider = {
     getFieldBlockCount: (key: string) => number;
     getBlockBundleCount: (bundle: string) => number;
     getFieldListItem: (uuid: string) => FieldListItem | undefined;
+    getFieldListForBlock: (uuid: string) => MutatedField | undefined;
     getMutatedField: (uuid: string, fieldName: string) => MutatedField | undefined;
 };
 export default function (adapter: BlokkliAdapter<any>, context: ComputedRef<AdapterContext>, $t: TextProvider): Promise<StateProvider>;

package/dist/runtime/helpers/stateProvider.js

@@ -42,6 +42,13 @@ export default async function(adapter, context, $t) {
     }
     return field.list.find((v) => v.uuid === uuid);
   }
+  function getFieldListForBlock(uuid) {
+    const fieldKey = fieldListItemMap[uuid];
+    if (!fieldKey) {
+      return;
+    }
+    return mutatedFieldsMap[fieldKey];
+  }
   const mutatedOptions = reactive({});
   const translation = ref({
     isTranslatable: false,
@@ -221,6 +228,7 @@ export default async function(adapter, context, $t) {
     getFieldBlockCount,
     getBlockBundleCount,
     getFieldListItem,
-    getMutatedField
+    getMutatedField,
+    getFieldListForBlock
   };
 }

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

@@ -844,6 +844,7 @@ export type LibraryEditItemEvent = {
 };
 export type EventbusEvents = {
     select: string | string[];
+    'select:unselect': undefined;
     'item:edit': EditBlockEvent;
     batchTranslate: undefined;
     'dragging:start': DraggableStartEvent;
@@ -1094,5 +1095,10 @@ export type SelectedRect = Rectangle & {
     uuid: string;
     style: DraggableStyle;
 };
+export interface LibraryItemProps {
+    block?: FieldListItem;
+    label?: string;
+    uuid?: string;
+}
 declare const _default: {};
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Interactive page building experience for Nuxt",
   "repository": "blokkli/editor",
   "type": "module",