@difizen/libro-core 0.2.0 → 0.2.1

package/es/toolbar/change-cell-to-selector.js

@@ -4,14 +4,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { useInject, ToolbarInstance, getOrigin, CommandRegistry } from '@difizen/mana-app';
-import { Select } from 'antd';
+import { useInject, ToolbarInstance, getOrigin, CommandRegistry, ThemeService } from '@difizen/mana-app';
+import { ConfigProvider, Select, theme } from 'antd';
 import { memo } from 'react';
 import { LibroCellService } from "../cell/index.js";
 import { NotebookCommands } from "../command/index.js";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var Option = Select.Option;
 var widthStyle = {
   width: 110
@@ -24,11 +23,15 @@ export var ToolItemSelectInner = function ToolItemSelectInner() {
   var data = toolbar.currentArgs;
   var command = useInject(CommandRegistry);
   var curCell = data === null || data === void 0 ? void 0 : data[0];
+  var themeService = useInject(ThemeService);
   var handleChange = function handleChange(value) {
     var args = getOrigin(data) || [];
     command.executeCommand.apply(command, [NotebookCommands['ChangeCellTo'].id].concat(_toConsumableArray(args), [value]));
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      algorithm: themeService.getCurrentTheme().type === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm
+    },
     children: /*#__PURE__*/_jsx(Select, {
       value: curCell === null || curCell === void 0 || (_curCell$model = curCell.model) === null || _curCell$model === void 0 ? void 0 : _curCell$model.type,
       size: 'small',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-core",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "",
   "keywords": [
     "libro",
@@ -34,10 +34,10 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^5.1.0",
-    "@difizen/libro-code-editor": "^0.2.0",
-    "@difizen/libro-common": "^0.2.0",
-    "@difizen/libro-shared-model": "^0.2.0",
-    "@difizen/libro-virtualized": "^0.2.0",
+    "@difizen/libro-code-editor": "^0.2.1",
+    "@difizen/libro-common": "^0.2.1",
+    "@difizen/libro-shared-model": "^0.2.1",
+    "@difizen/libro-virtualized": "^0.2.1",
     "@difizen/mana-app": "latest",
     "@difizen/mana-l10n": "latest",
     "@difizen/mana-react": "latest",
@@ -55,7 +55,7 @@
   },
   "peerDependencies": {
     "antd": "^5.8.6",
-    "react": "^18.2.0"
+    "react": ">=16"
   },
   "scripts": {
     "setup": "father build",

package/src/add-cell/libro-add-cell-view.tsx

@@ -66,7 +66,7 @@ export const LibroAddCell: React.FC = () => {
 export const LibroWrappedAddCell = forwardRef(function LibroWrappedAddCell() {
   const instance = useInject<LibroAddCellView>(ViewInstance);
   return (
-    <DisplayWrapComponent mode={instance.parent?.model.readOnly}>
+    <DisplayWrapComponent mode={!instance.parent?.model.cellsEditable}>
       <LibroAddCell />
     </DisplayWrapComponent>
   );

package/src/cell/libro-cell-model.ts

@@ -1,7 +1,7 @@
 import { Model } from '@difizen/libro-code-editor';
 import type { ICell } from '@difizen/libro-common';
 import { concatMultilineString } from '@difizen/libro-common';
-import { DisposableCollection } from '@difizen/mana-app';
+import { DisposableCollection, watch } from '@difizen/mana-app';
 import { prop, inject, postConstruct, transient } from '@difizen/mana-app';
 
 import type { DefaultDecodedFormatter } from '../formatter/index.js';
@@ -34,6 +34,8 @@ export class LibroCellModel extends Model implements CellModel {
   @prop()
   trusted: boolean;
 
+  version = 0;
+
   constructor(@inject(CellOptions) options: CellOptions) {
     super({
       id: options.cell.id as string,
@@ -68,8 +70,15 @@ export class LibroCellModel extends Model implements CellModel {
       this.libroFormatType,
       formatValue,
     );
+    this.updateVersion();
   }
 
+  updateVersion = () => {
+    watch<Model>(this, 'value', () => {
+      this.version++;
+    });
+  };
+
   get source(): string {
     const encodedValue = this.libroFormatterManager.encode(
       this.libroFormatType,

package/src/cell/libro-cell-view.tsx

@@ -1,4 +1,5 @@
 import type { ViewComponent } from '@difizen/mana-app';
+import { Deferred } from '@difizen/mana-app';
 import { useInject, watch } from '@difizen/mana-app';
 import { BaseView, view, ViewInstance, ViewOption } from '@difizen/mana-app';
 import { inject } from '@difizen/mana-app';
@@ -36,7 +37,22 @@ export class LibroCellView extends BaseView implements CellView {
   model: CellModel;
   protected cellService: CellService;
   override view: ViewComponent = LibroCellComponent;
-  parent: NotebookView;
+
+  protected _parent: NotebookView;
+
+  get parent() {
+    return this._parent;
+  }
+  set parent(value: NotebookView) {
+    this._parent = value;
+    this.parentDefer.resolve(this.parent);
+  }
+
+  protected parentDefer = new Deferred<NotebookView>();
+
+  get parentReady() {
+    return this.parentDefer.promise;
+  }
 
   @prop()
   override className?: string | undefined = 'libro-cell-view-container';

package/src/command/document-commands.ts

@@ -1,6 +1,8 @@
-import { ClearOutlined, SaveOutlined, SettingOutlined } from '@ant-design/icons';
+import { SaveOutlined, SettingOutlined } from '@ant-design/icons';
 import type { Command } from '@difizen/mana-app';
 
+import { FormatCellIcon } from '../material-from-designer.js';
+
 export const DocumentCommands: Record<string, Command & { keybind?: string }> = {
   Save: {
     id: 'document:save',
@@ -15,7 +17,8 @@ export const DocumentCommands: Record<string, Command & { keybind?: string }> =
   },
   FormatCell: {
     id: 'document.notebook.format_cell',
-    icon: ClearOutlined,
+    icon: FormatCellIcon,
     label: 'format cell code',
+    keybind: 'shift+alt+f',
   },
 };

package/src/command/libro-command-contribution.ts

@@ -11,7 +11,8 @@ import { v4 } from 'uuid';
 
 import { LibroCellView, ExecutableCellModel, EditorCellView } from '../cell/index.js';
 import type { LibroEditorCellView } from '../cell/index.js';
-import { LirboContextKey } from '../libro-context-key.js';
+import { LibroContextKey } from '../libro-context-key.js';
+import type { LibroModel } from '../libro-model.js';
 import type { CellView, NotebookView } from '../libro-protocol.js';
 import { LibroToolbarArea } from '../libro-protocol.js';
 import { LibroService } from '../libro-service.js';
@@ -29,7 +30,7 @@ export class LibroCommandContribution implements CommandContribution {
   @inject(ModalService) protected readonly modalService: ModalService;
   @inject(LibroCommandRegister) protected readonly libroCommand: LibroCommandRegister;
   @inject(LibroService) protected readonly libroService: LibroService;
-  @inject(LirboContextKey) protected readonly lirboContextKey: LirboContextKey;
+  @inject(LibroContextKey) protected readonly libroContextKey: LibroContextKey;
 
   registerCommands(command: CommandRegistry): void {
     this.libroCommand.registerLibroCommand(command, NotebookCommands['EnterEditMode'], {
@@ -37,7 +38,7 @@ export class LibroCommandContribution implements CommandContribution {
         this.libroService.active?.enterEditMode();
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.inputEditable) {
           return false;
         }
         return true;
@@ -75,10 +76,12 @@ export class LibroCommandContribution implements CommandContribution {
         ) {
           return;
         }
-        libro.runCell(cell);
+        if ((libro.model as LibroModel).executable) {
+          libro.runCell(cell);
+        }
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
         return true;
@@ -89,7 +92,9 @@ export class LibroCommandContribution implements CommandContribution {
         if (!libro || !(libro instanceof LibroView)) {
           return;
         }
-        libro.runAllCell();
+        if ((libro.model as LibroModel).executable) {
+          libro.runAllCell();
+        }
       },
     });
     this.libroCommand.registerLibroCommand(command, NotebookCommands['RunAllAbove'], {
@@ -102,7 +107,9 @@ export class LibroCommandContribution implements CommandContribution {
         ) {
           return;
         }
-        libro.runAllAbove(cell);
+        if ((libro.model as LibroModel).executable) {
+          libro.runAllAbove(cell);
+        }
       },
     });
     this.libroCommand.registerLibroCommand(command, NotebookCommands['RunAllBelow'], {
@@ -115,7 +122,9 @@ export class LibroCommandContribution implements CommandContribution {
         ) {
           return;
         }
-        libro.runAllBelow(cell);
+        if ((libro.model as LibroModel).executable) {
+          libro.runAllBelow(cell);
+        }
       },
     });
     this.libroCommand.registerLibroCommand(
@@ -131,10 +140,12 @@ export class LibroCommandContribution implements CommandContribution {
           ) {
             return;
           }
-          libro.runCellandSelectNext(cell);
+          if ((libro.model as LibroModel).executable) {
+            libro.runCellandSelectNext(cell);
+          }
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
           return true;
@@ -154,10 +165,12 @@ export class LibroCommandContribution implements CommandContribution {
           ) {
             return;
           }
-          libro.runCellandInsertBelow(cell);
+          if ((libro.model as LibroModel).executable) {
+            libro.runCellandInsertBelow(cell);
+          }
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
           return true;
@@ -190,8 +203,7 @@ export class LibroCommandContribution implements CommandContribution {
           return false;
         }
         return (
-          !libro?.model.quickEditMode &&
-          !libro?.model.readOnly &&
+          (libro?.model as LibroModel).executable &&
           path === LibroToolbarArea.HeaderCenter
         );
       },
@@ -211,8 +223,7 @@ export class LibroCommandContribution implements CommandContribution {
             return false;
           }
           return (
-            !libro?.model.quickEditMode &&
-            !libro?.model.readOnly &&
+            (libro?.model as LibroModel).executable &&
             path === LibroToolbarArea.HeaderCenter
           );
         },
@@ -265,10 +276,10 @@ export class LibroCommandContribution implements CommandContribution {
           if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
-          return !libro?.model.readOnly && path === LibroToolbarArea.CellRight;
+          return libro?.model.cellsEditable && path === LibroToolbarArea.CellRight;
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -300,7 +311,7 @@ export class LibroCommandContribution implements CommandContribution {
           }
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -373,7 +384,12 @@ export class LibroCommandContribution implements CommandContribution {
           libro.mergeCellBelow(cell);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (
+            !libro ||
+            !(libro instanceof LibroView) ||
+            !libro.model.inputEditable ||
+            !libro.model.cellsEditable
+          ) {
             return false;
           }
           return true;
@@ -396,7 +412,12 @@ export class LibroCommandContribution implements CommandContribution {
           libro.mergeCellAbove(cell);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (
+            !libro ||
+            !(libro instanceof LibroView) ||
+            !libro.model.inputEditable ||
+            !libro.model.cellsEditable
+          ) {
             return false;
           }
           return true;
@@ -416,7 +437,12 @@ export class LibroCommandContribution implements CommandContribution {
         libro.mergeCells(cell);
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (
+          !libro ||
+          !(libro instanceof LibroView) ||
+          !libro.model.inputEditable ||
+          !libro.model.cellsEditable
+        ) {
           return false;
         }
         return true;
@@ -438,10 +464,10 @@ export class LibroCommandContribution implements CommandContribution {
         if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
-        return !libro?.model.readOnly && path === LibroToolbarArea.CellRight;
+        return libro?.model.cellsEditable && path === LibroToolbarArea.CellRight;
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
           return false;
         }
         return true;
@@ -463,7 +489,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.clearOutputs(cell);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.outputEditable) {
             return false;
           }
           return true;
@@ -489,10 +515,10 @@ export class LibroCommandContribution implements CommandContribution {
           if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
-          return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+          return libro?.model.outputEditable && path === LibroToolbarArea.HeaderCenter;
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.outputEditable) {
             return false;
           }
           return true;
@@ -520,7 +546,7 @@ export class LibroCommandContribution implements CommandContribution {
           !libro ||
           !(cell instanceof LibroCellView) ||
           !(libro instanceof LibroView) ||
-          libro.model.readOnly
+          !libro.model.cellsEditable
         ) {
           return false;
         }
@@ -548,7 +574,7 @@ export class LibroCommandContribution implements CommandContribution {
           !libro ||
           !(cell instanceof LibroCellView) ||
           !(libro instanceof LibroView) ||
-          libro.model.readOnly
+          !libro.model.cellsEditable
         ) {
           return false;
         }
@@ -583,7 +609,7 @@ export class LibroCommandContribution implements CommandContribution {
       //   return true;
       // },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
           return false;
         }
         return true;
@@ -611,7 +637,7 @@ export class LibroCommandContribution implements CommandContribution {
       //   return true;
       // },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
           return false;
         }
         return true;
@@ -633,7 +659,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.pasteCellAbove(cell);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -665,7 +691,7 @@ export class LibroCommandContribution implements CommandContribution {
         //   return true;
         // },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -795,10 +821,10 @@ export class LibroCommandContribution implements CommandContribution {
         if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
-        return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+        return path === LibroToolbarArea.HeaderCenter;
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
         return true;
@@ -955,10 +981,10 @@ export class LibroCommandContribution implements CommandContribution {
         if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
-        return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+        return libro?.model.cellsEditable && path === LibroToolbarArea.HeaderCenter;
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
           return false;
         }
         return true;
@@ -980,7 +1006,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.invertCell(cell, 'code');
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1003,7 +1029,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.invertCell(cell, 'markdown');
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1067,25 +1093,25 @@ export class LibroCommandContribution implements CommandContribution {
           if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
-          return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+          return path === LibroToolbarArea.HeaderCenter;
         },
       },
     );
     this.libroCommand.registerLibroCommand(command, DocumentCommands['Save'], {
       execute: async (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView)) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.savable) {
           return;
         }
         libro.save();
       },
       isVisible: (cell, libro, path) => {
-        if (!libro || !(libro instanceof LibroView)) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.savable) {
           return false;
         }
-        return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+        return libro?.model.savable && path === LibroToolbarArea.HeaderCenter;
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
         return true;
@@ -1099,7 +1125,7 @@ export class LibroCommandContribution implements CommandContribution {
         if (!libro || !(libro instanceof LibroView)) {
           return false;
         }
-        return !libro?.model.readOnly && path === LibroToolbarArea.HeaderRight;
+        return path === LibroToolbarArea.HeaderRight;
       },
     });
     this.libroCommand.registerLibroCommand(command, DocumentCommands['FormatCell'], {
@@ -1113,7 +1139,8 @@ export class LibroCommandContribution implements CommandContribution {
           return false;
         }
         return (
-          !libro?.model.readOnly &&
+          this.libroService.hasFormatter &&
+          libro?.model.inputEditable &&
           EditorCellView.is(cell) &&
           cell.model.mimeType === MIME.python &&
           path === LibroToolbarArea.CellRight
@@ -1135,10 +1162,10 @@ export class LibroCommandContribution implements CommandContribution {
           if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
-          return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+          return libro?.model.cellsEditable && path === LibroToolbarArea.HeaderCenter;
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
 
@@ -1160,10 +1187,10 @@ export class LibroCommandContribution implements CommandContribution {
           if (!libro || !(libro instanceof LibroView)) {
             return false;
           }
-          return !libro?.model.readOnly && path === LibroToolbarArea.HeaderCenter;
+          return libro?.model.cellsEditable && path === LibroToolbarArea.HeaderCenter;
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return libro.model.canRedo ?? false;
@@ -1186,7 +1213,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.splitCell(cell);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1201,7 +1228,7 @@ export class LibroCommandContribution implements CommandContribution {
         (cell as LibroEditorCellView).redo();
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.inputEditable) {
           return false;
         }
         return true;
@@ -1215,7 +1242,7 @@ export class LibroCommandContribution implements CommandContribution {
         (cell as LibroEditorCellView).undo();
       },
       isEnabled: (cell, libro) => {
-        if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+        if (!libro || !(libro instanceof LibroView) || !libro.model.inputEditable) {
           return false;
         }
         return true;
@@ -1237,7 +1264,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 1);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1260,7 +1287,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 2);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1283,7 +1310,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 3);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1306,7 +1333,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 4);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1329,7 +1356,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 5);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;
@@ -1352,7 +1379,7 @@ export class LibroCommandContribution implements CommandContribution {
           libro.setMarkdownHeader(cell, 6);
         },
         isEnabled: (cell, libro) => {
-          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+          if (!libro || !(libro instanceof LibroView) || !libro.model.cellsEditable) {
             return false;
           }
           return true;

package/src/components/dnd-cell-item-render.tsx

@@ -407,7 +407,7 @@ export const DndCellItemContainer = memo(function DndCellItemContainer(
             e.stopPropagation();
           }}
         >
-          {isActive && !isDrag && instance.model.readOnly !== true && (
+          {isActive && !isDrag && instance.model.cellsEditable && (
             <ToolbarRender
               data={rightToolbarArgs}
               tooltip={{ placement: LibroToolbarArea.CellRight }}

package/src/components/dnd-component/default-dnd-content.tsx

@@ -259,7 +259,7 @@ export const DndCellContainer: React.FC<DndContentProps> = ({ cell, index }) =>
     },
   });
   const opacity = isDrag ? 0.4 : 1;
-  if (!instance.model.readOnly) {
+  if (instance.model.cellsEditable) {
     drop(ref);
   }
   if (isDrag) {