ckeditor5 1.31.8 → 1.32.0

data/lib/ckeditor5/rails/assets/webcomponents/components/ui-part.mjs

@@ -1,26 +0,0 @@
-class CKEditorUIPartComponent extends HTMLElement {
-  /**
-   * Lifecycle callback when element is added to DOM
-   * Adds the toolbar to the editor UI
-   */
-  connectedCallback() {
-    execIfDOMReady(async () => {
-      const uiPart = this.getAttribute('name');
-      const editor = await this.#queryEditorElement().instancePromise.promise;
-
-      this.appendChild(editor.ui.view[uiPart].element);
-    });
-  }
-
-  /**
-   * 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-ui-part-component', CKEditorUIPartComponent);

data/lib/ckeditor5/rails/assets/webcomponents/utils.mjs

@@ -1,235 +0,0 @@
-/**
- * Executes callback when DOM is ready
- *
- * @param {() => void} callback - Function to execute when DOM is ready
- */
-function execIfDOMReady(callback) {
-  switch (document.readyState) {
-    case 'loading':
-      document.addEventListener('DOMContentLoaded', callback, { once: true });
-      break;
-
-    case 'interactive':
-    case 'complete':
-      setTimeout(callback, 0);
-      break;
-
-    default:
-      console.warn('Unexpected document.readyState:', document.readyState);
-      setTimeout(callback, 0);
-  }
-}
-
-/**
- * Dynamically imports modules based on configuration
- *
- * @param {Array<Object>} imports - Array of import configurations
- * @param {Object} imports[].name - Name of inline plugin (for inline type)
- * @param {Object} imports[].code - Source code of inline plugin (for inline type)
- * @param {Object} imports[].import_name - Module path to import (for external type)
- * @param {Object} imports[].import_as - Name to import as (for external type)
- * @param {Object} imports[].window_name - Global window object name (for external type)
- * @param {('inline'|'external')} imports[].type - Type of import
- * @returns {Promise<Array<any>>} Array of loaded modules
- * @throws {Error} When plugin loading fails
- */
-function loadAsyncImports(imports = []) {
-  const loadExternalPlugin = async ({ url, import_name, import_as, window_name, stylesheets }) => {
-    if (stylesheets?.length) {
-      await loadAsyncCSS(stylesheets);
-    }
-
-    if (window_name) {
-      function isScriptPresent() {
-        return Object.prototype.hasOwnProperty.call(window, window_name);
-      }
-
-      if (url && !isScriptPresent()) {
-        await injectScript(url);
-      }
-
-      if (!isScriptPresent()) {
-        window.dispatchEvent(
-          new CustomEvent(`ckeditor:request-cjs-plugin:${window_name}`)
-        );
-      }
-
-      if (!isScriptPresent()) {
-        throw new Error(
-          `Plugin window['${window_name}'] not found in global scope. ` +
-          'Please ensure the plugin is loaded before CKEditor initialization.'
-        );
-      }
-
-      return window[window_name];
-    }
-
-    const module = await import(import_name);
-    const imported = module[import_as || 'default'];
-
-    if (!imported) {
-      throw new Error(
-        `Plugin "${import_as || 'default'}" not found in the ESM module ` +
-        `"${import_name}"! Available imports: ${Object.keys(module).join(', ')}! ` +
-        'Consider changing "import_as" value.'
-      );
-    }
-
-    return imported;
-  };
-
-  function uncompressImport(pkg) {
-    if (typeof pkg === 'string') {
-      return loadExternalPlugin({ import_name: 'ckeditor5', import_as: pkg });
-    }
-
-    return loadExternalPlugin(pkg);
-  }
-
-  return Promise.all(imports.map(uncompressImport));
-}
-
-/**
- * Checks if stylesheet with given href already exists in document
- *
- * @param {string} href - Stylesheet URL to check
- * @returns {boolean} True if stylesheet already exists
- */
-function stylesheetExists(href) {
-  return Array
-    .from(document.styleSheets)
-    .some(sheet =>
-      sheet.href === href || sheet.href === new URL(href, window.location.href).href
-    );
-}
-
-/**
- * Dynamically loads CSS files based on configuration
- *
- * @param {Array<string>} imports - Array of CSS file URLs to load
- * @returns {Promise<Array<void>>} Array of promises for each CSS file load
- * @throws {Error} When CSS file loading fails
- */
-function loadAsyncCSS(stylesheets = []) {
-  const promises = stylesheets.map(href =>
-    new Promise((resolve, reject) => {
-      if (stylesheetExists(href)) {
-        resolve();
-        return;
-      }
-
-      const link = document.createElement('link');
-      link.rel = 'stylesheet';
-      link.href = href;
-
-      link.onerror = reject;
-      link.onload = () => resolve();
-
-      document.head.appendChild(link);
-    })
-  );
-
-  return Promise.all(promises);
-}
-
-const SCRIPT_LOAD_PROMISES = new Map();
-
-/**
- * Dynamically loads script files based on configuration.
- * Uses caching to avoid loading the same script multiple times.
- *
- * @param {string} url - URL of the script to load
- */
-function injectScript(url) {
-  if (SCRIPT_LOAD_PROMISES.has(url)) {
-    return SCRIPT_LOAD_PROMISES.get(url);
-  }
-
-  const promise = new Promise((resolve, reject) => {
-    const script = document.createElement('script');
-    script.src = url;
-    script.onload = resolve;
-    script.onerror = reject;
-
-    document.head.appendChild(script);
-  });
-
-  SCRIPT_LOAD_PROMISES.set(url, promise);
-  return promise;
-}
-
-/**
- * Checks if a key is safe to use in configuration objects to prevent prototype pollution
- *
- * @param {string} key - Key name to check
- * @returns {boolean} True if key is safe to use
- */
-function isSafeKey(key) {
-  return typeof key === 'string' &&
-          key !== '__proto__' &&
-          key !== 'constructor' &&
-          key !== 'prototype';
-}
-
-/**
- * Resolves element references in configuration object.
- * Looks for objects with { $element: "selector" } format and replaces them with actual DOM elements.
- *
- * @param {Object} obj - Configuration object to process
- * @returns {Object} Processed configuration object with resolved element references
- * @throws {Error} When element reference is invalid
- */
-function resolveElementReferences(obj) {
-  if (!obj || typeof obj !== 'object') {
-    return obj;
-  }
-
-  if (Array.isArray(obj)) {
-    return obj.map(item => resolveElementReferences(item));
-  }
-
-  const result = Object.create(null);
-
-  for (const key of Object.getOwnPropertyNames(obj)) {
-    if (!isSafeKey(key)) {
-      console.warn(`Suspicious key "${key}" detected in config, skipping`);
-      continue;
-    }
-
-    const value = obj[key];
-
-    if (value && typeof value === 'object') {
-      if (value.$element) {
-        const selector = value.$element;
-
-        if (typeof selector !== 'string') {
-          console.warn(`Invalid selector type for "${key}", expected string`);
-          continue;
-        }
-
-        const element = document.querySelector(selector);
-
-        if (!element) {
-          console.warn(`Element not found for selector: ${selector}`);
-        }
-
-        result[key] = element || null;
-      } else {
-        result[key] = resolveElementReferences(value);
-      }
-    } else {
-      result[key] = value;
-    }
-  }
-
-  return result;
-}
-
-/**
- * Generates a unique identifier string
- *
- * @returns {string} Random string that can be used as unique identifier
- */
-function uid() {
-  return Math.random().toString(36).substring(2);
-}