@dotcms/uve 0.0.1-beta.27 → 0.0.1-beta.29

package/index.cjs.js

@@ -8,8 +8,10 @@ require('@dotcms/types/internal');
 
 exports.createUVESubscription = _public.createUVESubscription;
 exports.editContentlet = _public.editContentlet;
+exports.enableBlockEditorInline = _public.enableBlockEditorInline;
 exports.getUVEState = _public.getUVEState;
 exports.initInlineEditing = _public.initInlineEditing;
 exports.initUVE = _public.initUVE;
 exports.reorderMenu = _public.reorderMenu;
 exports.sendMessageToUVE = _public.sendMessageToUVE;
+exports.updateNavigation = _public.updateNavigation;

package/index.esm.js

@@ -1,3 +1,3 @@
-export { c as createUVESubscription, e as editContentlet, g as getUVEState, i as initInlineEditing, a as initUVE, r as reorderMenu, s as sendMessageToUVE } from './public.esm.js';
+export { c as createUVESubscription, e as editContentlet, a as enableBlockEditorInline, g as getUVEState, i as initInlineEditing, b as initUVE, r as reorderMenu, s as sendMessageToUVE, u as updateNavigation } from './public.esm.js';
 import '@dotcms/types';
 import '@dotcms/types/internal';

package/internal.esm.js

@@ -1,4 +1,4 @@
-export { C as CUSTOM_NO_COMPONENT, D as DEVELOPMENT_MODE, f as EMPTY_CONTAINER_STYLE_ANGULAR, d as EMPTY_CONTAINER_STYLE_REACT, E as END_CLASS, P as PRODUCTION_MODE, S as START_CLASS, _ as __UVE_EVENTS__, b as __UVE_EVENT_ERROR_FALLBACK__, p as combineClasses, o as computeScrollIsInBottom, m as findDotCMSElement, n as findDotCMSVTLData, l as getClosestDotCMSContainerData, q as getColumnPositionClasses, u as getContainersData, v as getContentletsInContainer, k as getDotCMSContainerData, j as getDotCMSContentletsBound, h as getDotCMSPageBounds, w as getDotContainerAttributes, t as getDotContentletAttributes, y as isValidBlocks, x as setBounds } from './public.esm.js';
+export { C as CUSTOM_NO_COMPONENT, D as DEVELOPMENT_MODE, h as EMPTY_CONTAINER_STYLE_ANGULAR, f as EMPTY_CONTAINER_STYLE_REACT, E as END_CLASS, P as PRODUCTION_MODE, S as START_CLASS, _ as __UVE_EVENTS__, d as __UVE_EVENT_ERROR_FALLBACK__, q as combineClasses, p as computeScrollIsInBottom, n as findDotCMSElement, o as findDotCMSVTLData, m as getClosestDotCMSContainerData, t as getColumnPositionClasses, w as getContainersData, x as getContentletsInContainer, l as getDotCMSContainerData, k as getDotCMSContentletsBound, j as getDotCMSPageBounds, y as getDotContainerAttributes, v as getDotContentletAttributes, A as isValidBlocks, z as setBounds } from './public.esm.js';
 import '@dotcms/types';
 import '@dotcms/types/internal';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/uve",
-  "version": "0.0.1-beta.27",
+  "version": "0.0.1-beta.29",
   "description": "Official JavaScript library for interacting with Universal Visual Editor (UVE)",
   "repository": {
     "type": "git",

package/public.cjs.js

@@ -933,6 +933,22 @@ const listenBlockEditorClick = () => {
   });
 };
 
+/**
+ * Updates the navigation in the editor.
+ *
+ * @param {string} pathname - The pathname to update the navigation with.
+ * @memberof DotCMSPageEditor
+ * @example
+ * updateNavigation('/home'); // Sends a message to the editor to update the navigation to '/home'
+ */
+function updateNavigation(pathname) {
+  sendMessageToUVE({
+    action: types.DotCMSUVEAction.NAVIGATION_UPDATE,
+    payload: {
+      url: pathname || '/'
+    }
+  });
+}
 /**
  * Post message to dotcms page editor
  *
@@ -1005,6 +1021,35 @@ function initInlineEditing(type, data) {
     }
   });
 }
+/**
+ * Initializes the block editor inline editing for a contentlet field.
+ *
+ * @example
+ * ```html
+ * <div onclick="enableBlockEditorInline(contentlet, 'MY_BLOCK_EDITOR_FIELD_VARIABLE')">
+ *      ${My Content}
+ * </div>
+ * ```
+ *
+ * @export
+ * @param {DotCMSBasicContentlet} contentlet
+ * @param {string} fieldName
+ * @return {*}  {void}
+ */
+function enableBlockEditorInline(contentlet, fieldName) {
+  if (!contentlet?.[fieldName]) {
+    console.error(`Contentlet ${contentlet?.identifier} does not have field ${fieldName}`);
+    return;
+  }
+  const data = {
+    fieldName,
+    inode: contentlet.inode,
+    language: contentlet.languageId,
+    contentType: contentlet.contentType,
+    content: contentlet[fieldName]
+  };
+  initInlineEditing('BLOCK_EDITOR', data);
+}
 /**
  * Initializes the Universal Visual Editor (UVE) with required handlers and event listeners.
  *
@@ -1060,6 +1105,7 @@ exports.combineClasses = combineClasses;
 exports.computeScrollIsInBottom = computeScrollIsInBottom;
 exports.createUVESubscription = createUVESubscription;
 exports.editContentlet = editContentlet;
+exports.enableBlockEditorInline = enableBlockEditorInline;
 exports.findDotCMSElement = findDotCMSElement;
 exports.findDotCMSVTLData = findDotCMSVTLData;
 exports.getClosestDotCMSContainerData = getClosestDotCMSContainerData;
@@ -1078,3 +1124,4 @@ exports.isValidBlocks = isValidBlocks;
 exports.reorderMenu = reorderMenu;
 exports.sendMessageToUVE = sendMessageToUVE;
 exports.setBounds = setBounds;
+exports.updateNavigation = updateNavigation;

package/public.esm.js

@@ -931,6 +931,22 @@ const listenBlockEditorClick = () => {
   });
 };
 
+/**
+ * Updates the navigation in the editor.
+ *
+ * @param {string} pathname - The pathname to update the navigation with.
+ * @memberof DotCMSPageEditor
+ * @example
+ * updateNavigation('/home'); // Sends a message to the editor to update the navigation to '/home'
+ */
+function updateNavigation(pathname) {
+  sendMessageToUVE({
+    action: DotCMSUVEAction.NAVIGATION_UPDATE,
+    payload: {
+      url: pathname || '/'
+    }
+  });
+}
 /**
  * Post message to dotcms page editor
  *
@@ -1003,6 +1019,35 @@ function initInlineEditing(type, data) {
     }
   });
 }
+/**
+ * Initializes the block editor inline editing for a contentlet field.
+ *
+ * @example
+ * ```html
+ * <div onclick="enableBlockEditorInline(contentlet, 'MY_BLOCK_EDITOR_FIELD_VARIABLE')">
+ *      ${My Content}
+ * </div>
+ * ```
+ *
+ * @export
+ * @param {DotCMSBasicContentlet} contentlet
+ * @param {string} fieldName
+ * @return {*}  {void}
+ */
+function enableBlockEditorInline(contentlet, fieldName) {
+  if (!contentlet?.[fieldName]) {
+    console.error(`Contentlet ${contentlet?.identifier} does not have field ${fieldName}`);
+    return;
+  }
+  const data = {
+    fieldName,
+    inode: contentlet.inode,
+    language: contentlet.languageId,
+    contentType: contentlet.contentType,
+    content: contentlet[fieldName]
+  };
+  initInlineEditing('BLOCK_EDITOR', data);
+}
 /**
  * Initializes the Universal Visual Editor (UVE) with required handlers and event listeners.
  *
@@ -1045,4 +1090,4 @@ function initUVE(config = {}) {
   };
 }
 
-export { CUSTOM_NO_COMPONENT as C, DEVELOPMENT_MODE as D, END_CLASS as E, PRODUCTION_MODE as P, START_CLASS as S, __UVE_EVENTS__ as _, initUVE as a, __UVE_EVENT_ERROR_FALLBACK__ as b, createUVESubscription as c, EMPTY_CONTAINER_STYLE_REACT as d, editContentlet as e, EMPTY_CONTAINER_STYLE_ANGULAR as f, getUVEState as g, getDotCMSPageBounds as h, initInlineEditing as i, getDotCMSContentletsBound as j, getDotCMSContainerData as k, getClosestDotCMSContainerData as l, findDotCMSElement as m, findDotCMSVTLData as n, computeScrollIsInBottom as o, combineClasses as p, getColumnPositionClasses as q, reorderMenu as r, sendMessageToUVE as s, getDotContentletAttributes as t, getContainersData as u, getContentletsInContainer as v, getDotContainerAttributes as w, setBounds as x, isValidBlocks as y };
+export { isValidBlocks as A, CUSTOM_NO_COMPONENT as C, DEVELOPMENT_MODE as D, END_CLASS as E, PRODUCTION_MODE as P, START_CLASS as S, __UVE_EVENTS__ as _, enableBlockEditorInline as a, initUVE as b, createUVESubscription as c, __UVE_EVENT_ERROR_FALLBACK__ as d, editContentlet as e, EMPTY_CONTAINER_STYLE_REACT as f, getUVEState as g, EMPTY_CONTAINER_STYLE_ANGULAR as h, initInlineEditing as i, getDotCMSPageBounds as j, getDotCMSContentletsBound as k, getDotCMSContainerData as l, getClosestDotCMSContainerData as m, findDotCMSElement as n, findDotCMSVTLData as o, computeScrollIsInBottom as p, combineClasses as q, reorderMenu as r, sendMessageToUVE as s, getColumnPositionClasses as t, updateNavigation as u, getDotContentletAttributes as v, getContainersData as w, getContentletsInContainer as x, getDotContainerAttributes as y, setBounds as z };

package/src/lib/editor/public.d.ts

@@ -1,5 +1,14 @@
-import { Contentlet, DotCMSUVEConfig, DotCMSInlineEditingPayload, DotCMSInlineEditingType } from '@dotcms/types';
+import { Contentlet, DotCMSUVEConfig, DotCMSInlineEditingPayload, DotCMSInlineEditingType, DotCMSBasicContentlet } from '@dotcms/types';
 import { DotCMSReorderMenuConfig, DotCMSUVEMessage } from '@dotcms/types/internal';
+/**
+ * Updates the navigation in the editor.
+ *
+ * @param {string} pathname - The pathname to update the navigation with.
+ * @memberof DotCMSPageEditor
+ * @example
+ * updateNavigation('/home'); // Sends a message to the editor to update the navigation to '/home'
+ */
+export declare function updateNavigation(pathname: string): void;
 /**
  * Post message to dotcms page editor
  *
@@ -35,6 +44,22 @@ export declare function reorderMenu(config?: DotCMSReorderMenuConfig): void;
  * ```
  */
 export declare function initInlineEditing(type: DotCMSInlineEditingType, data?: DotCMSInlineEditingPayload): void;
+/**
+ * Initializes the block editor inline editing for a contentlet field.
+ *
+ * @example
+ * ```html
+ * <div onclick="enableBlockEditorInline(contentlet, 'MY_BLOCK_EDITOR_FIELD_VARIABLE')">
+ *      ${My Content}
+ * </div>
+ * ```
+ *
+ * @export
+ * @param {DotCMSBasicContentlet} contentlet
+ * @param {string} fieldName
+ * @return {*}  {void}
+ */
+export declare function enableBlockEditorInline(contentlet: DotCMSBasicContentlet, fieldName: string): void;
 /**
  * Initializes the Universal Visual Editor (UVE) with required handlers and event listeners.
  *