@oix1987/yjd 1.0.0 → 1.0.2

package/lib/core/registry.js

@@ -1,152 +0,0 @@
-/**
- * Registry system - Inspired by Quill's registration system
- * Manages registration and retrieval of modules, formats, themes, and UI components
- */
-class Registry {
-  constructor() {
-    this.modules = new Map();
-    this.formats = new Map();
-    this.themes = new Map();
-    this.ui = new Map();
-  }
-
-  /**
-   * Register a module, format, theme, or UI component
-   * @param {string|object} path - Registration path or object with multiple registrations
-   * @param {*} def - Definition to register
-   * @param {boolean} suppressWarning - Suppress overwrite warnings
-   */
-  register(path, def, suppressWarning = false) {
-    if (typeof path === 'object') {
-      // Bulk registration
-      Object.entries(path).forEach(([key, value]) => {
-        this.register(key, value, suppressWarning);
-      });
-      return;
-    }
-
-    const [type, name] = path.split('/');
-    
-    if (!suppressWarning && this.get(path)) {
-      console.warn(`Overwriting ${path}`);
-    }
-
-    switch (type) {
-      case 'modules':
-        this.modules.set(name, def);
-        break;
-      case 'formats':
-        this.formats.set(name, def);
-        break;
-      case 'themes':
-        this.themes.set(name, def);
-        break;
-      case 'ui':
-        this.ui.set(name, def);
-        break;
-      default:
-        console.warn(`Unknown registry type: ${type}`);
-    }
-  }
-
-  /**
-   * Get a registered item
-   * @param {string} path - Registration path
-   * @returns {*}
-   */
-  get(path) {
-    const [type, name] = path.split('/');
-    
-    switch (type) {
-      case 'modules':
-        return this.modules.get(name);
-      case 'formats':
-        return this.formats.get(name);
-      case 'themes':
-        return this.themes.get(name);
-      case 'ui':
-        return this.ui.get(name);
-      default:
-        return null;
-    }
-  }
-
-  /**
-   * Check if an item is registered
-   * @param {string} path - Registration path
-   * @returns {boolean}
-   */
-  has(path) {
-    return this.get(path) !== null && this.get(path) !== undefined;
-  }
-
-  /**
-   * Get all registered items of a type
-   * @param {string} type - Type to get (modules, formats, themes, ui)
-   * @returns {Map}
-   */
-  getAll(type) {
-    switch (type) {
-      case 'modules':
-        return new Map(this.modules);
-      case 'formats':
-        return new Map(this.formats);
-      case 'themes':
-        return new Map(this.themes);
-      case 'ui':
-        return new Map(this.ui);
-      default:
-        return new Map();
-    }
-  }
-
-  /**
-   * Unregister an item
-   * @param {string} path - Registration path
-   */
-  unregister(path) {
-    const [type, name] = path.split('/');
-    
-    switch (type) {
-      case 'modules':
-        this.modules.delete(name);
-        break;
-      case 'formats':
-        this.formats.delete(name);
-        break;
-      case 'themes':
-        this.themes.delete(name);
-        break;
-      case 'ui':
-        this.ui.delete(name);
-        break;
-    }
-  }
-
-  /**
-   * Clear all registrations
-   */
-  clear() {
-    this.modules.clear();
-    this.formats.clear();
-    this.themes.clear();
-    this.ui.clear();
-  }
-
-  /**
-   * Get all registered items for debugging
-   */
-  getAllItems() {
-    const items = {};
-    items.modules = Array.from(this.modules.keys());
-    items.formats = Array.from(this.formats.keys());
-    items.themes = Array.from(this.themes.keys());
-    items.ui = Array.from(this.ui.keys());
-    return items;
-  }
-}
-
-// Create singleton instance
-const registry = new Registry();
-
-export default registry; 

package/lib/formats/background.js

@@ -1,212 +0,0 @@
-import { InlineFormat } from '../core/format.js';
-import ColorPicker from '../ui/color-picker.js';
-import { saveBeforeFormat } from '../utils/history-helper.js';
-import Editor from '../core/editor.js';
-
-/**
- * Background Color Format - Handles text background color formatting
- * Now supports multiple editor instances with separate popup instances
- */
-class Background extends InlineFormat {
-  static formatName = 'background';
-  static tagName = 'SPAN';
-  static attribute = 'background-color';
-
-  constructor() {
-    super();
-    
-    // Get current editor instance
-    const currentEditor = Editor.getCurrentInstance();
-    if (!currentEditor) {
-      console.warn('No editor instance found for Background format');
-      return;
-    }
-    
-    this.editorId = currentEditor.instanceId;
-    
-    // Check if this editor already has a background color picker instance
-    let colorPicker = currentEditor.getPopupInstance('background');
-    
-    if (!colorPicker) {
-      // Create new color picker instance for this editor
-      colorPicker = new ColorPicker({
-        onColorSelect: (color) => {
-          Background.applyBackgroundToCurrentSelection(color, this.editorId);
-        },
-        editor: currentEditor,
-        editorId: this.editorId
-      });
-      
-      // Store popup instance in editor
-      currentEditor.setPopupInstance('background', colorPicker);
-    }
-    
-    this.colorPicker = colorPicker;
-  }
-
-  /**
-   * Create a new Background format instance for a specific editor
-   * @param {string} editorId - Editor instance ID
-   * @returns {Background} Background format instance
-   */
-  static createForEditor(editorId) {
-    const editor = Editor.getInstanceById(editorId);
-    if (!editor) {
-      console.warn('No editor instance found for ID:', editorId);
-      return null;
-    }
-    
-    // Temporarily set as current instance
-    const originalCurrent = Editor.currentInstance;
-    Editor.currentInstance = editor;
-    
-    // Create format instance
-    const format = new Background();
-    
-    // Restore original current instance
-    Editor.currentInstance = originalCurrent;
-    
-    return format;
-  }
-
-  /**
-   * Static method to apply background color to current selection
-   * @param {string} color - Background color value
-   * @param {string} editorId - Editor instance ID
-   */
-  static applyBackgroundToCurrentSelection(color, editorId = null) {
-    // Get the correct editor instance
-    let editor = null;
-    if (editorId) {
-      editor = Editor.getInstanceById(editorId);
-    } else {
-      editor = Editor.getCurrentInstance();
-    }
-    
-    if (!editor) {
-      console.warn('No editor instance found for background color application');
-      return;
-    }
-    
-    const selection = window.getSelection();
-    if (!selection || !selection.rangeCount || selection.isCollapsed) return;
-
-    // Save state before applying format
-    saveBeforeFormat();
-    
-    // Find background button in the current editor's toolbar
-    const toolbar = editor.getModule('toolbar');
-    let backgroundButton = null;
-    
-    if (toolbar) {
-      backgroundButton = toolbar.getButton('background');
-    }
-    
-    // Fallback: find button by class in the current editor's toolbar
-    if (!backgroundButton) {
-      const toolbarContainer = toolbar?.getContainer();
-      if (toolbarContainer) {
-        backgroundButton = toolbarContainer.querySelector('.rich-editor-toolbar-btn.background-btn');
-      }
-    }
-    
-    // Final fallback: find any background button in the current editor's wrapper
-    if (!backgroundButton) {
-      backgroundButton = editor.wrapper.querySelector('.rich-editor-toolbar-btn.background-btn');
-    }
-
-    try {
-      document.execCommand('styleWithCSS', false, true);
-      document.execCommand('backColor', false, color);
-      if (backgroundButton) {
-        backgroundButton.classList.add('active');
-      }
-    } catch (error) {
-      console.error('Error applying background color format:', error);
-    }
-    
-    // Trigger content change after applying format
-    setTimeout(() => {
-      if (editor && typeof editor.onContentChange === 'function') {
-        editor.onContentChange();
-      }
-    }, 0);
-  }
-
-  /**
-   * Toggle background color formatting - shows/hides color picker
-   */
-  toggle() {
-    if (this.colorPicker.isVisible) {
-      this.colorPicker.hide();
-    } else {
-      this.showColorPicker();
-    }
-  }
-
-  /**
-   * Show color picker positioned relative to background button on toolbar
-   */
-  showColorPicker() {
-    // Find background button in the current editor's toolbar
-    const editor = Editor.getInstanceById(this.editorId);
-    if (!editor) return;
-    
-    const toolbar = editor.getModule('toolbar');
-    let backgroundButton = null;
-    
-    if (toolbar) {
-      backgroundButton = toolbar.getButton('background');
-    }
-    
-    // Fallback: find button by class in the current editor's toolbar
-    if (!backgroundButton) {
-      const toolbarContainer = toolbar?.getContainer();
-      if (toolbarContainer) {
-        backgroundButton = toolbarContainer.querySelector('.rich-editor-toolbar-btn.background-btn');
-      }
-    }
-    
-    // Final fallback: find any background button in the current editor's wrapper
-    if (!backgroundButton) {
-      backgroundButton = editor.wrapper.querySelector('.rich-editor-toolbar-btn.background-btn');
-    }
-    
-    if (!backgroundButton) {
-      console.warn('Background button not found for editor:', this.editorId);
-      return;
-    }
-    
-    this.colorPicker.show(backgroundButton);
-  }
-
-  /**
-   * Check if background color formatting is active in current selection
-   */
-  isActive() {
-    const selection = window.getSelection();
-    if (!selection || !selection.rangeCount) return false;
-
-    const range = selection.getRangeAt(0);
-    let node = range.startContainer;
-
-    // Nếu là text node thì lấy parent element
-    if (node.nodeType === Node.TEXT_NODE) {
-      node = node.parentNode;
-    }
-
-    while (node && node !== document.body) {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        const bg = window.getComputedStyle(node).backgroundColor;
-        if ((bg && bg != 'rgba(0, 0, 0, 0)' && bg !== 'transparent')&&(bg && bg!= 'rgb(255, 255, 255)' && bg !== 'transparent')) {
-          return true;
-        }
-      }
-      node = node.parentNode;
-    }
-    
-    return false;
-  }
-}
-
-export default Background; 

package/lib/formats/bold.js

@@ -1,67 +0,0 @@
-import { InlineFormat } from '../core/format.js';
-import { saveBeforeFormat } from '../utils/history-helper.js';
-
-/**
- * Bold Format - Handles bold text formatting
- */
-class Bold extends InlineFormat {
-  static formatName = 'bold';
-  static tagName = 'B';
-  static alternativeTagNames = ['STRONG'];
-
-   /**
-   * Apply bold formatting using execCommand
-   */
-  apply() {
-    // Save state before applying format
-    saveBeforeFormat();
-
-    try {
-      document.execCommand('bold', false, null);
-    } catch (error) {
-      console.error('Error applying bold format:', error);
-    }
-  }
-
-  /**
-   * Remove bold formatting using execCommand
-   */
-  remove() {
-    try {
-      document.execCommand('bold', false, null);
-    } catch (error) {
-      console.error('Error removing bold format:', error);
-    }
-  }
-
-  /**
-   * Toggle bold formatting
-   */
-  toggle() {
-    // Save state before applying format
-    saveBeforeFormat();
-
-    try {
-      document.execCommand('bold', false, null);
-    } catch (error) {
-      console.error('Error toggling bold format:', error);
-    }
-  }
-
-  /**
-   * Check if bold formatting is active using execCommand
-   */
-  isActive() {
-    try {
-      return document.queryCommandState('bold');
-    } catch (error) {
-      console.error('Error checking bold state:', error);
-      return false;
-    }
-  }
-
-
-}
-
-
-export default Bold;