ckeditor5 1.31.8 → 1.32.0

data/lib/ckeditor5/rails/assets/webcomponents/components/context.mjs

@@ -1,123 +0,0 @@
-class CKEditorContextComponent extends HTMLElement {
-  static get observedAttributes() {
-    return ['plugins', 'config'];
-  }
-
-  /** @type {import('ckeditor5').Context|null} */
-  instance = null;
-
-  /** @type {Promise<import('ckeditor5').Context>} */
-  instancePromise = Promise.withResolvers();
-
-  /** @type {Set<CKEditorComponent>} */
-  #connectedEditors = new Set();
-
-  async connectedCallback() {
-    try {
-      execIfDOMReady(() => this.#initializeContext());
-    } catch (error) {
-      console.error('Failed to initialize context:', error);
-      this.dispatchEvent(new CustomEvent('context-error', { detail: error }));
-    }
-  }
-
-  async attributeChangedCallback(name, oldValue, newValue) {
-    if (oldValue !== null && oldValue !== newValue) {
-      await this.#initializeContext();
-    }
-  }
-
-  async disconnectedCallback() {
-    if (this.instance) {
-      await this.instance.destroy();
-      this.instance = null;
-    }
-  }
-
-  /**
-   * Register editor component with this context
-   *
-   * @param {CKEditorComponent} editor
-   */
-  registerEditor(editor) {
-    this.#connectedEditors.add(editor);
-  }
-
-  /**
-   * Unregister editor component from this context
-   *
-   * @param {CKEditorComponent} editor
-   */
-  unregisterEditor(editor) {
-    this.#connectedEditors.delete(editor);
-  }
-
-  /**
-   * Initialize CKEditor context with shared configuration
-   *
-   * @private
-   */
-  async #initializeContext() {
-    if (this.instance) {
-      this.instancePromise = Promise.withResolvers();
-
-      await this.instance.destroy();
-
-      this.instance = null;
-    }
-
-    // Broadcast context initialization event
-    window.dispatchEvent(
-      new CustomEvent('ckeditor:context:attach:before', { detail: { element: this } })
-    );
-
-    const { Context, ContextWatchdog } = await import('ckeditor5');
-    const plugins = await this.#getPlugins();
-    const config = this.#getConfig();
-
-    // Broadcast context mounting event with configuration
-    window.dispatchEvent(
-      new CustomEvent('ckeditor:context:attach', { detail: { config, element: this } })
-    );
-
-    this.instance = new ContextWatchdog(Context, {
-      crashNumberLimit: 10
-    });
-
-    await this.instance.create({
-      ...config,
-      plugins
-    });
-
-    this.instance.on('itemError', (...args) => {
-      console.error('Context item error:', ...args);
-    });
-
-    this.instancePromise.resolve(this.instance);
-    this.dispatchEvent(new CustomEvent('context-ready', { detail: this.instance }));
-
-    // Reinitialize connected editors.
-    await Promise.all(
-      [...this.#connectedEditors].map(editor => editor.reinitializeEditor())
-    );
-  }
-
-  async #getPlugins() {
-    const raw = this.getAttribute('plugins');
-
-    return loadAsyncImports(raw ? JSON.parse(raw) : []);
-  }
-
-  /**
-   * Gets context configuration with resolved element references.
-   *
-   * @private
-   */
-  #getConfig() {
-    const config = JSON.parse(this.getAttribute('config') || '{}');
-
-    return resolveElementReferences(config);
-  }
-}
-
-customElements.define('ckeditor-context-component', CKEditorContextComponent);

data/lib/ckeditor5/rails/assets/webcomponents/components/editable.mjs

@@ -1,113 +0,0 @@
-class CKEditorEditableComponent extends HTMLElement {
-  /**
-   * List of attributes that trigger updates when changed
-   *
-   * @static
-   * @returns {string[]} Array of attribute names to observe
-   */
-  static get observedAttributes() {
-    return ['name'];
-  }
-
-  /**
-   * Gets the name of this editable region
-   *
-   * @returns {string} The name attribute value
-   */
-  get name() {
-    // The default value is set mainly for decoupled editors where the name is not required.
-    return this.getAttribute('name') || 'editable';
-  }
-
-  /**
-   * Gets the actual editable DOM element
-   * @returns {HTMLDivElement|null} The div element containing editable content
-   */
-  get editableElement() {
-    return this.querySelector('div');
-  }
-
-  /**
-   * Lifecycle callback when element is added to DOM
-   * Sets up the editable element and registers it with the parent editor
-   *
-   * @throws {Error} If not used as child of ckeditor-component
-   */
-  connectedCallback() {
-    execIfDOMReady(() => {
-      const editorComponent = this.#queryEditorElement();
-
-      if (!editorComponent ) {
-        throw new Error('ckeditor-editable-component must be a child of ckeditor-component');
-      }
-
-      this.innerHTML = `<div>${this.innerHTML}</div>`;
-      this.style.display = 'block';
-
-      if (editorComponent.isDecoupled()) {
-        editorComponent.runAfterEditorReady(editor => {
-          this.appendChild(editor.ui.view[this.name].element);
-        });
-      } else {
-        if (!this.name) {
-          throw new Error('Editable component missing required "name" attribute');
-        }
-
-        editorComponent.editables[this.name] = this;
-      }
-    });
-  }
-
-  /**
-   * Lifecycle callback for attribute changes
-   * Handles name changes and propagates other attributes to editable element
-   *
-   * @param {string} name - Name of changed attribute
-   * @param {string|null} oldValue - Previous value
-   * @param {string|null} newValue - New value
-   */
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (oldValue === newValue) {
-      return;
-    }
-
-    if (name === 'name') {
-      if (!oldValue) {
-        return;
-      }
-
-      const editorComponent = this.#queryEditorElement();
-
-      if (editorComponent) {
-        editorComponent.editables[newValue] = editorComponent.editables[oldValue];
-        delete editorComponent.editables[oldValue];
-      }
-    } else {
-      this.editableElement.setAttribute(name, newValue);
-    }
-  }
-
-  /**
-   * Lifecycle callback when element is removed
-   * Un-registers this editable from the parent editor
-   */
-  disconnectedCallback() {
-    const editorComponent = this.#queryEditorElement();
-
-    if (editorComponent) {
-      delete editorComponent.editables[this.name];
-    }
-  }
-
-  /**
-   * Finds the parent editor component
-   *
-   * @private
-   * @returns {CKEditorComponent|null} Parent editor component or null if not found
-   */
-  #queryEditorElement() {
-    return this.closest('ckeditor-component') || document.body.querySelector('ckeditor-component');
-  }
-}
-
-customElements.define('ckeditor-editable-component', CKEditorEditableComponent);