@blokkli/editor 1.3.1 → 1.3.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "blokkli",
   "configKey": "blokkli",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "compatibility": {
     "nuxt": "^3.12.0"
   },

package/dist/module.mjs

@@ -7,7 +7,7 @@ import MagicString from 'magic-string';
 import { walk } from 'estree-walker-ts';
 import { BK_VISIBLE_LANGUAGES, BK_HIDDEN_GLOBALLY } from '../dist/runtime/helpers/symbols.js';
 
-const version = "1.3.1";
+const version = "1.3.2";
 
 function sortObjectKeys(obj) {
   if (Array.isArray(obj)) {

package/dist/runtime/components/BlokkliField.vue

@@ -17,6 +17,7 @@
     :proxy-mode="proxyMode"
     :tag="tag"
     :global-proxy-mode="!!isGlobalProxyMode"
+    :should-render-item="shouldRenderItem"
   />
   <component
     :is="tag"
@@ -146,6 +147,11 @@ const props = withDefaults(
      * Renders proxy blocks during editing.
      */
     proxyMode?: boolean
+
+    /**
+     * Determine whether an item should be rendered.
+     */
+    shouldRenderItem?: (item: FieldListItem | FieldListItemTyped) => boolean
   }>(),
   {
     list: () => [],
@@ -155,6 +161,7 @@ const props = withDefaults(
     nonEmptyClass: '',
     allowedFragments: () => [],
     dropAlignment: undefined,
+    shouldRenderItem: undefined,
   },
 )
 
@@ -171,11 +178,20 @@ const fieldKey = computed<string | undefined>(() => {
 const fieldListType = computed(() => props.fieldListType)
 
 function filterVisible(item?: FieldListItemTyped | FieldListItem): boolean {
+  if (!item) {
+    return false
+  }
+
   // The block is always rendered during editing.
   if (isEditing) {
     return true
   }
-  return isVisibleByOptions(item, providerEntity.value.language)
+
+  const isVisible = isVisibleByOptions(item, providerEntity.value.language)
+  const isVisibleCustom = props.shouldRenderItem
+    ? props.shouldRenderItem(item)
+    : true
+  return isVisible && isVisibleCustom
 }
 
 const filteredList = computed<FieldListItemTyped[]>(() => {

package/dist/runtime/components/BlokkliProvider.vue

@@ -103,6 +103,7 @@ const props = withDefaults(
     tag?: string
     language?: string
     editLabel?: string
+    editPath?: string
 
     /**
      * When set to true, during editing, everything except the provider element will be hidden.
@@ -114,6 +115,7 @@ const props = withDefaults(
     language: '',
     editLabel: '',
     entity: undefined,
+    editPath: undefined,
   },
 )
 
@@ -145,7 +147,7 @@ const showIndicator = computed(
 
 function edit() {
   router.push({
-    path: route.path,
+    path: props.editPath || route.path,
     query: {
       blokkliEditing: props.entityUuid,
       language: props.language,

package/dist/runtime/components/Edit/DraggableList.vue

@@ -98,6 +98,7 @@ import {
   INJECT_FIELD_PROXY_MODE,
   INJECT_IS_EDITING,
 } from '#blokkli/helpers/symbols'
+import type { FieldListItemTyped } from '#blokkli/generated-types'
 
 const { dom, types, runtimeConfig, selection } = useBlokkli()
 
@@ -118,12 +119,14 @@ const props = withDefaults(
     proxyMode?: boolean
     globalProxyMode?: boolean
     nestingLevel: number
+    shouldRenderItem?: (item: FieldListItem | FieldListItemTyped) => boolean
   }>(),
   {
     tag: 'div',
     allowedFragments: undefined,
     dropAlignment: undefined,
     language: undefined,
+    shouldRenderItem: undefined,
   },
 )
 
@@ -195,7 +198,16 @@ const fieldAttributes = computed(() => {
 // Ideally this is handled as an overlay on top of the blocks, similar to how
 // selection or multi-select works.
 function isMuted(item?: FieldListItem) {
-  return !isVisibleByOptions(item, props.language)
+  if (!item) {
+    return true
+  }
+
+  const isVisible = isVisibleByOptions(item, props.language)
+  const isVisibleCustom = props.shouldRenderItem
+    ? props.shouldRenderItem(item)
+    : true
+
+  return !(isVisible && isVisibleCustom)
 }
 
 watch(root, function (newRoot) {

package/package.json

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