@standardnotes/bold-editor 1.7.11 → 1.7.12

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.12](https://github.com/standardnotes/plugins/compare/@standardnotes/bold-editor@1.7.11...@standardnotes/bold-editor@1.7.12) (2026-02-05)
+
+### Bug Fixes
+
+* Removes filesafe dependency from bold editor ([#69](https://github.com/standardnotes/plugins/issues/69)) ([8d168d4](https://github.com/standardnotes/plugins/commit/8d168d4db685a7f9912f42d67a90a57bc1eaf191))
+
 ## [1.7.11](https://github.com/standardnotes/plugins/compare/@standardnotes/bold-editor@1.7.10...@standardnotes/bold-editor@1.7.11) (2026-01-16)
 
 **Note:** Version bump only for package @standardnotes/bold-editor

package/app/components/Editor.js

@@ -1,16 +1,8 @@
 import React from 'react';
-import FilesafeEmbed from 'filesafe-embed';
 import EditorKit from '@standardnotes/editor-kit';
 import DOMPurify  from 'dompurify';
 import { SKAlert } from 'sn-stylekit';
 
-// Not used directly here, but required to be imported so that it is included
-// in dist file.
-// Note that filesafe-embed also imports filesafe-js, but conditionally, so
-// it's not included in it's own dist files.
-// eslint-disable-next-line no-unused-vars
-import Filesafe from 'filesafe-js';
-
 export default class Editor extends React.Component {
 
   constructor(props) {
@@ -161,35 +153,25 @@ export default class Editor extends React.Component {
 
     this.editorKit = new EditorKit(delegate, {
       mode: 'html',
-      supportsFileSafe: true,
       // Redactor has its own debouncing, so we'll set ours to 0
       coallesedSavingDelay: 0
     });
   }
 
   async configureEditor() {
-    // We need to set this as a window variable so that the filesafe plugin
-    // can interact with this object passing it as an opt for some reason
-    // strips any functions off the objects.
-    const filesafeInstance = await this.editorKit.getFileSafe();
-    window.filesafe_params = {
-      embed: FilesafeEmbed,
-      client: filesafeInstance
-    };
     this.redactor = $R('#editor', {
       styles: true,
       toolbarFixed: true, // sticky toolbar
       tabAsSpaces: 2, // currently tab only works if you use spaces.
       tabKey: true, // explicitly set tabkey for editor use, not for focus.
       linkSize: 20000, // redactor default is 30, which truncates the link.
-      buttonsAdd: ['filesafe'],
       buttons: [
         'bold', 'italic', 'underline', 'deleted', 'format', 'fontsize',
-        'fontfamily', 'fontcolor', 'filesafe', 'link', 'lists', 'alignment',
+        'fontfamily', 'fontcolor', 'link', 'lists', 'alignment',
         'line', 'redo', 'undo', 'indent', 'outdent', 'textdirection', 'html'
       ],
       plugins: [
-        'filesafe', 'fontsize', 'fontfamily', 'fontcolor', 'alignment',
+        'fontsize', 'fontfamily', 'fontcolor', 'alignment',
         'table', 'inlinestyle', 'textdirection'
       ],
       fontfamily: [
@@ -206,7 +188,7 @@ export default class Editor extends React.Component {
           this.editorKit.onEditorValueChanged(html);
         },
         pasted: (_nodes) => {
-          this.editorKit.onEditorPaste();
+          this.editorKit.onEditorPaste?.();
         },
         image: {
           resized: (image) => {
@@ -222,16 +204,12 @@ export default class Editor extends React.Component {
       imageEditable: false,
       imageCaption: false,
       imageLink: false,
-      imageResizable: true, // requires image to be wrapped in a figure.
-      imageUpload: (formData, files, _event) => {
-        // Called when images are pasted from the clipboard too.
-        this.onEditorFilesDrop(files);
-      }
+      imageResizable: true // requires image to be wrapped in a figure.
     });
 
     this.redactor.editor.getElement().on('keyup.textsearcher', (event) => {
       const key = event.which;
-      this.editorKit.onEditorKeyUp({
+      this.editorKit.onEditorKeyUp?.({
         key,
         isSpace: key == this.redactor.keycodes.SPACE,
         isEnter: key == this.redactor.keycodes.ENTER
@@ -246,27 +224,6 @@ export default class Editor extends React.Component {
     }
   }
 
-  onEditorFilesDrop(files) {
-    if (!this.editorKit.canUseFileSafe()) {
-      return;
-    }
-
-    if (!this.editorKit.canUploadFiles()) {
-      // Open filesafe modal
-      this.redactor.plugin.filesafe.open();
-      return;
-    }
-
-    for (const file of files) {
-      // Observers in EditorKitInternal.js will handle successful upload
-      this.editorKit.uploadJSFileObject(file).then((descriptor) => {
-        if (!descriptor || !descriptor.uuid) {
-          // alert("File failed to upload. Please try again");
-        }
-      });
-    }
-  }
-
   /**
    * Checks if HTML is safe to render.
    */