@blockslides/core 0.3.2 → 0.3.3

package/dist/index.mjs

@@ -2812,6 +2812,7 @@ var EventEmitter = class {
     this.callbacks = {};
   }
   on(event, fn) {
+    if (!fn) return this;
     if (!this.callbacks[event]) {
       this.callbacks[event] = [];
     }
@@ -4587,6 +4588,7 @@ function createStyleTag(style2, nonce, suffix) {
 // src/SlideEditor.ts
 var SlideEditor = class extends EventEmitter {
   constructor(options = {}) {
+    console.log("[Core SlideEditor] Constructor called with options:", options);
     super();
     this.css = null;
     this.editorView = null;
@@ -4636,10 +4638,15 @@ var SlideEditor = class extends EventEmitter {
     this.isCapturingTransaction = false;
     this.capturedTransaction = null;
     this.setOptions(options);
+    console.log("[Core SlideEditor] this.options.enableCoreExtensions:", this.options.enableCoreExtensions);
     this.resolvedTheme = resolveTheme(this.options.theme);
+    console.log("[Core SlideEditor] Theme resolved:", this.resolvedTheme);
     this.createExtensionManager();
+    console.log("[Core SlideEditor] Extension manager created");
     this.createCommandManager();
+    console.log("[Core SlideEditor] Command manager created");
     this.createSchema();
+    console.log("[Core SlideEditor] Schema created");
     this.on("beforeCreate", this.options.onBeforeCreate);
     this.emit("beforeCreate", { editor: this });
     this.on("mount", this.options.onMount);
@@ -4658,21 +4665,29 @@ var SlideEditor = class extends EventEmitter {
     );
     this.on("paste", ({ event, slice }) => this.options.onPaste(event, slice));
     this.on("delete", this.options.onDelete);
+    console.log("[Core SlideEditor] Event handlers registered");
     const initialDoc = this.createDoc();
+    console.log("[Core SlideEditor] Initial doc created:", initialDoc);
     const selection = resolveFocusPosition(initialDoc, this.options.autofocus);
     this.editorState = EditorState.create({
       doc: initialDoc,
       schema: this.schema,
       selection: selection || void 0
     });
+    console.log("[Core SlideEditor] Editor state created:", this.editorState);
     if (this.options.element) {
+      console.log("[Core SlideEditor] Element provided, calling mount");
       this.mount(this.options.element);
+    } else {
+      console.log("[Core SlideEditor] No element provided, skipping mount");
     }
+    console.log("[Core SlideEditor] \u2705 Constructor complete");
   }
   /**
    * Attach the editor to the DOM, creating a new editor view.
    */
   mount(el) {
+    console.log("[Core SlideEditor] mount() called with element:", el);
     if (typeof document === "undefined") {
       throw new Error(
         `[blockslides error]: The editor cannot be mounted because there is no 'document' defined in this environment.`
@@ -4684,9 +4699,15 @@ var SlideEditor = class extends EventEmitter {
       document.head.appendChild(this.css);
     }
     window.setTimeout(() => {
+      var _a;
       if (this.isDestroyed) {
         return;
       }
+      console.log("[mount setTimeout] this:", this);
+      console.log("[mount setTimeout] this.commandManager:", this.commandManager);
+      console.log("[mount setTimeout] this.commands:", this.commands);
+      console.log("[mount setTimeout] typeof this.commands:", typeof this.commands);
+      console.log("[mount setTimeout] this.commands.focus:", (_a = this.commands) == null ? void 0 : _a.focus);
       this.commands.focus(this.options.autofocus);
       this.emit("create", { editor: this });
       this.isInitialized = true;
@@ -4886,6 +4907,7 @@ var SlideEditor = class extends EventEmitter {
    */
   createExtensionManager() {
     var _a, _b;
+    console.log("[Core SlideEditor] createExtensionManager - enableCoreExtensions:", this.options.enableCoreExtensions);
     const coreExtensions = this.options.enableCoreExtensions ? [
       Editable,
       ClipboardTextSerializer.configure({
@@ -4904,6 +4926,8 @@ var SlideEditor = class extends EventEmitter {
       }
       return true;
     }) : [];
+    console.log("[Core SlideEditor] coreExtensions:", coreExtensions.map((e) => e.name));
+    console.log("[Core SlideEditor] this.options.extensions:", this.options.extensions.map((e) => e.name));
     const allExtensions = [
       ...coreExtensions,
       ...this.options.extensions
@@ -4976,6 +5000,8 @@ var SlideEditor = class extends EventEmitter {
    */
   createView(element) {
     var _a;
+    console.log("[Core SlideEditor] createView() called with element:", element);
+    console.log("[Core SlideEditor] editorState:", this.editorState);
     this.editorView = new EditorView(element, {
       ...this.options.editorProps,
       attributes: {
@@ -4988,10 +5014,14 @@ var SlideEditor = class extends EventEmitter {
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews
     });
+    console.log("[Core SlideEditor] EditorView created:", this.editorView);
+    console.log("[Core SlideEditor] EditorView.dom:", this.editorView.dom);
     const newState = this.state.reconfigure({
       plugins: this.extensionManager.plugins
     });
+    console.log("[Core SlideEditor] Reconfigured state with plugins");
     this.view.updateState(newState);
+    console.log("[Core SlideEditor] \u2705 View state updated");
     this.prependClass();
     this.injectCSS();
     applyTheme(this.resolvedTheme, this.view.dom);