@libs-ui/components-preview-text-data 0.2.350-1 → 0.2.351-0

package/fesm2022/libs-ui-components-preview-text-data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-components-preview-text-data.mjs","sources":["../../../../../libs-ui/components/preview-text-data/src/preview-text-data.define.ts","../../../../../libs-ui/components/preview-text-data/src/preview-text-data.component.ts","../../../../../libs-ui/components/preview-text-data/src/preview-text-data.component.html","../../../../../libs-ui/components/preview-text-data/src/libs-ui-components-preview-text-data.ts"],"sourcesContent":["import { signal } from '@angular/core';\nimport { IListConfigItem } from '@libs-ui/components-list';\nimport { IHttpRequestConfig, returnListObject } from '@libs-ui/services-http-request';\nimport { UtilsHttpParamsRequest } from '@libs-ui/utils';\n\nexport const optionsLang = () => [\n  { id: 'text', label: 'Plain Text' },\n  { id: 'javascript', label: 'JavaScript/TypeScript' },\n  { id: 'html', label: 'HTML' },\n  { id: 'css', label: 'CSS/SCSS/SASS' },\n  { id: 'markdown', label: 'Markdown' },\n  { id: 'json', label: 'JSON' },\n  { id: 'sql', label: 'SQL' },\n  { id: 'xml', label: 'XML' },\n  { id: 'yaml', label: 'YAML' },\n  { id: 'python', label: 'Python' },\n  { id: 'java', label: 'Java' },\n  { id: 'cpp', label: 'C/C++' },\n  { id: 'php', label: 'PHP' },\n  { id: 'go', label: 'Go' },\n];\n\nexport const httpRequestConfigGetOptionsLang = (): IListConfigItem => {\n  return {\n    type: 'text',\n    httpRequestData: signal<IHttpRequestConfig>({\n      objectInstance: returnListObject(optionsLang()),\n      functionName: 'list',\n      argumentsValue: [new UtilsHttpParamsRequest({ fromObject: { page: 1, per_page: 40 } })],\n    }),\n    configTemplateText: signal({\n      fieldKey: 'id',\n      notUseVirtualScroll: true,\n    }),\n  };\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AfterViewInit, ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, model, output, signal, viewChild } from '@angular/core';\nimport { cpp } from '@codemirror/lang-cpp';\nimport { css } from '@codemirror/lang-css';\nimport { go } from '@codemirror/lang-go';\nimport { html } from '@codemirror/lang-html';\nimport { java } from '@codemirror/lang-java';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { json } from '@codemirror/lang-json';\nimport { markdown } from '@codemirror/lang-markdown';\nimport { php } from '@codemirror/lang-php';\nimport { python } from '@codemirror/lang-python';\nimport { sql } from '@codemirror/lang-sql';\nimport { xml } from '@codemirror/lang-xml';\nimport { yaml } from '@codemirror/lang-yaml';\nimport { StreamLanguage } from '@codemirror/language';\nimport { Diagnostic, linter, lintGutter } from '@codemirror/lint';\nimport { Compartment, EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiNotificationService } from '@libs-ui/services-notification';\nimport { get } from '@libs-ui/utils';\nimport { basicSetup, EditorView } from 'codemirror';\nimport { Parser } from 'node-sql-parser';\nimport { httpRequestConfigGetOptionsLang, optionsLang } from './preview-text-data.define';\nimport { IPreviewTextDataChange, PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT } from './preview-text-data.interfaces';\n\nconst sqlParser = new Parser();\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-preview_text_data',\n  templateUrl: './preview-text-data.component.html',\n  styleUrls: ['./preview-text-data.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LibsUiComponentsDropdownComponent, LibsUiComponentsButtonsButtonComponent],\n})\nexport class LibsUiComponentsPreviewTextDataComponent implements AfterViewInit {\n  private editorViewInstance?: EditorView;\n  private wrapCompartment = new Compartment();\n  private languageCompartment = new Compartment();\n  private lineNumberCompartment = new Compartment();\n\n  protected isWrap = signal<boolean>(true);\n  protected configLoadDataIsHttpConfig = httpRequestConfigGetOptionsLang();\n  protected labelLang = computed(() => optionsLang().find((item) => item.id === this.langSelected())?.label);\n\n  readonly content = input<string, string | undefined>('', { transform: (value?: string) => value ?? '' });\n  readonly langSelected = model.required<PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT>();\n  readonly editable = input<boolean, boolean | undefined>(false, { transform: (value?: boolean) => value ?? false });\n  readonly hiddenAction = input<boolean, boolean | undefined>(false, { transform: (value?: boolean) => value ?? false });\n  readonly lintIgnorePatterns = input<Array<string>, Array<string> | undefined>(['Cannot use import statement outside a module', 'Unexpected token export', 'import ', '@angular/core'], {\n    transform: (value?: Array<string>) => value ?? ['Cannot use import statement outside a module', 'Unexpected token export', 'import ', '@angular/core'],\n  });\n\n  readonly background = input<string, string | undefined>('#f8f9fa', { transform: (value?: string) => value ?? '#f8f9fa' });\n\n  readonly outChange = output<IPreviewTextDataChange>();\n  readonly syntaxErrors = output<Diagnostic[]>();\n\n  private containerPreview = viewChild.required<ElementRef<HTMLDivElement>>('containerPreview');\n\n  private notificationService = inject(LibsUiNotificationService);\n  ngAfterViewInit() {\n    this.editorViewInstance = new EditorView({ ...this.getExtensionsByLanguage(this.langSelected()), doc: this.content(), parent: this.containerPreview().nativeElement });\n  }\n\n  private getExtensionsByLanguage(lang: PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT): any {\n    let formatByLangFunction: any = StreamLanguage.define({\n      token(stream: any) {\n        stream.skipToEnd();\n        return null;\n      },\n    });\n    let lintFunction = linter(() => []);\n\n    const lowerLang = lang.toLowerCase();\n\n    switch (lowerLang) {\n      case 'javascript':\n        formatByLangFunction = javascript({ jsx: true, typescript: true });\n        lintFunction = this.jsLinterFn();\n        break;\n\n      case 'html':\n        formatByLangFunction = html();\n        break;\n\n      case 'css':\n        formatByLangFunction = css();\n        break;\n\n      case 'markdown':\n        formatByLangFunction = markdown();\n        break;\n\n      case 'json':\n        formatByLangFunction = json();\n        lintFunction = this.jsonLinterFn();\n        break;\n\n      case 'sql':\n        formatByLangFunction = sql();\n        lintFunction = this.sqlLinterFn();\n        break;\n\n      case 'xml':\n        formatByLangFunction = xml();\n        break;\n\n      case 'yaml':\n        formatByLangFunction = yaml();\n        break;\n\n      case 'python':\n        formatByLangFunction = python();\n        break;\n\n      case 'java':\n        formatByLangFunction = java();\n        break;\n\n      case 'cpp':\n        formatByLangFunction = cpp();\n        break;\n\n      case 'php':\n        formatByLangFunction = php();\n        break;\n\n      case 'go':\n        formatByLangFunction = go();\n        break;\n    }\n\n    return {\n      extensions: [\n        basicSetup,\n        this.languageCompartment.of(formatByLangFunction),\n        this.lightTheme(),\n        EditorView.editable.of(this.editable()),\n        this.wrapCompartment.of(EditorView.lineWrapping),\n        this.lineNumberCompartment.of(lineNumbers()),\n        lintGutter(),\n        this.customBracketTheme(),\n        lintFunction,\n        EditorView.updateListener.of((update: any) => {\n          if (update.docChanged && this.editable()) {\n            const newValue = update.state.doc.toString();\n\n            this.outChange.emit({\n              content: newValue,\n              isWrap: this.isWrap(),\n              language: this.langSelected(),\n              contextChange: 'content',\n            });\n          }\n        }),\n      ],\n    };\n  }\n\n  private lightTheme() {\n    return EditorView.theme({\n      '&': { backgroundColor: this.background(), color: '#333' },\n      '.cm-content': { caretColor: '#111' },\n      '.cm-activeLine': { backgroundColor: '#f0f0f0' },\n    });\n  }\n\n  private customBracketTheme() {\n    return EditorView.theme({\n      '.cm-matchingBracket': {\n        backgroundColor: 'rgba(100, 200, 255, 0.15)', // xanh nhẹ trong suốt\n        border: '1px solid rgba(100, 200, 255, 0.4)',\n        borderRadius: '3px',\n        transition: 'all 0.2s ease',\n      },\n      '.cm-nonmatchingBracket': {\n        backgroundColor: 'rgba(255, 100, 100, 0.15)', // đỏ nhẹ\n        border: '1px solid rgba(255, 100, 100, 0.3)',\n        borderRadius: '3px',\n      },\n    });\n  }\n\n  private jsLinterFn() {\n    return linter((view: any) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n      try {\n        new Function(text); // test parse code\n      } catch (err: any) {\n        if (!this.lintIgnorePatterns().some((pattern: any) => err.message.includes(pattern))) {\n          diagnostics.push({\n            from: 0,\n            to: text.length,\n            severity: 'error',\n            message: err.message,\n          });\n          this.syntaxErrors.emit(diagnostics);\n        }\n      }\n      return diagnostics;\n    });\n  }\n\n  private jsonLinterFn() {\n    return linter((view: any) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n      try {\n        JSON.parse(text);\n      } catch (err: unknown) {\n        diagnostics.push({\n          from: 0,\n          to: text.length,\n          severity: 'error',\n          message: get(err, 'message', ''),\n        });\n      }\n      this.syntaxErrors.emit(diagnostics);\n      return diagnostics;\n    });\n  }\n\n  private sqlLinterFn() {\n    return linter((view: any) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n      try {\n        sqlParser.astify(text);\n      } catch (err: unknown) {\n        diagnostics.push({\n          from: 0,\n          to: text.length,\n          severity: 'error',\n          message: get(err, 'message', ''),\n        });\n      }\n      this.syntaxErrors.emit(diagnostics);\n      return diagnostics;\n    });\n  }\n\n  protected handlerCopy() {\n    navigator.clipboard.writeText(this.content() || '');\n    this.notificationService.showCompTypeTextInfo('Sao chép thành công');\n  }\n\n  protected handlerLineWrap() {\n    this.isWrap.update((val: any) => !val);\n    this.editorViewInstance?.dispatch({\n      effects: this.wrapCompartment.reconfigure(this.isWrap() ? EditorView.lineWrapping : []),\n    });\n\n    this.editorViewInstance?.dispatch({\n      effects: this.lineNumberCompartment.reconfigure(\n        this.isWrap() ? lineNumbers() : [] // 👈 nếu tắt thì remove extension\n      ),\n    });\n    this.outChange.emit({\n      content: this.content(),\n      isWrap: this.isWrap(),\n      language: this.langSelected(),\n      contextChange: 'isWrap',\n    });\n  }\n\n  protected handlerSelectKey(data?: IEmitSelectKey) {\n    if (!data || !data.key) {\n      return;\n    }\n    this.langSelected.set(data.key as PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT);\n    const extensions = this.getExtensionsByLanguage(this.langSelected());\n    this.editorViewInstance?.setState(\n      EditorState.create({\n        doc: this.editorViewInstance?.state.doc.toString(),\n        ...extensions,\n      })\n    );\n    this.outChange.emit({\n      content: this.content(),\n      isWrap: this.isWrap(),\n      language: this.langSelected(),\n      contextChange: 'language',\n    });\n  }\n}\n","<div\n  class=\"libs-ui-preview-data-container flex flex-col w-full h-auto rounded-[8px] libs-ui-border-general px-[8px]\"\n  [style.--background-color]=\"background()\"\n  [class.pt-[8px]]=\"!hiddenAction()\">\n  @if (!hiddenAction()) {\n    <div class=\"flex items-center content-between color-[#6a7383]\">\n      <libs_ui-components-dropdown\n        classInclude=\"w-[200px]\"\n        [listConfig]=\"configLoadDataIsHttpConfig\"\n        [listMaxItemShow]=\"5\"\n        [isNgContent]=\"true\"\n        [readonly]=\"!editable()\"\n        [listHasButtonUnSelectOption]=\"false\"\n        (outSelectKey)=\"handlerSelectKey($event)\">\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"labelLang() || ''\"\n          [sizeButton]=\"'small'\"\n          [classIconRight]=\"editable() ? 'libs-ui-icon-move-right rotate-90' : ''\"\n          [classInclude]=\"'!p-[0px]' + (editable() ? '' : '!pointer-events-none !cursor-default hover:!text-[#6A7383]')\" />\n      </libs_ui-components-dropdown>\n      <div class=\"flex items-center\">\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"isWrap() ? 'i18n_remove_line_wrap' : 'i18n_line_wrap'\"\n          [sizeButton]=\"'small'\"\n          [classIconLeft]=\"isWrap() ? 'libs-ui-icon-unwrap' : 'libs-ui-icon-wrap'\"\n          [classInclude]=\"'mo-lib-p-0px mo-lib-mr-16px'\"\n          (outClick)=\"handlerLineWrap()\" />\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"'i18n_copy'\"\n          [sizeButton]=\"'small'\"\n          [classIconLeft]=\"'libs-ui-icon-copy'\"\n          [classInclude]=\"'mo-lib-p-0px'\"\n          (outClick)=\"handlerCopy()\" />\n      </div>\n    </div>\n  }\n  <div #containerPreview></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"libs-ui-components-preview-text-data.mjs","sources":["../../../../../libs-ui/components/preview-text-data/src/preview-text-data.define.ts","../../../../../libs-ui/components/preview-text-data/src/preview-text-data.component.ts","../../../../../libs-ui/components/preview-text-data/src/preview-text-data.component.html","../../../../../libs-ui/components/preview-text-data/src/libs-ui-components-preview-text-data.ts"],"sourcesContent":["import { signal } from '@angular/core';\nimport { Extension } from '@codemirror/state';\nimport { IListConfigItem } from '@libs-ui/components-list';\nimport { IHttpRequestConfig, returnListObject } from '@libs-ui/services-http-request';\nimport { UtilsHttpParamsRequest } from '@libs-ui/utils';\nimport { LibsUiComponentsPreviewTextDataComponent } from './preview-text-data.component';\n\n/**\n * Danh sách các ngôn ngữ được hỗ trợ\n * Sử dụng const array để tránh tạo mới mỗi lần truy cập\n */\nexport const optionsLangData = [\n  { id: 'text', label: 'Plain Text' },\n  { id: 'javascript', label: 'JavaScript/TypeScript' },\n  { id: 'html', label: 'HTML' },\n  { id: 'css', label: 'CSS/SCSS/SASS' },\n  { id: 'markdown', label: 'Markdown' },\n  { id: 'json', label: 'JSON' },\n  { id: 'sql', label: 'SQL' },\n  { id: 'xml', label: 'XML' },\n  { id: 'yaml', label: 'YAML' },\n  { id: 'python', label: 'Python' },\n  { id: 'java', label: 'Java' },\n  { id: 'cpp', label: 'C/C++' },\n  { id: 'php', label: 'PHP' },\n  { id: 'go', label: 'Go' },\n] as const;\n\nexport const httpRequestConfigGetOptionsLang = (): IListConfigItem => {\n  return {\n    type: 'text',\n    httpRequestData: signal<IHttpRequestConfig>({\n      objectInstance: returnListObject([...optionsLangData]),\n      functionName: 'list',\n      argumentsValue: [new UtilsHttpParamsRequest({ fromObject: { page: 1, per_page: 40 } })],\n    }),\n    configTemplateText: signal({\n      fieldKey: 'id',\n      notUseVirtualScroll: true,\n    }),\n  };\n};\n\ntype T_LanguageLoader = () => Promise<Extension>;\ntype T_LinterLoader = (component: LibsUiComponentsPreviewTextDataComponent) => Promise<Extension>;\ninterface I_LanguageRegistryItem {\n  loader: T_LanguageLoader;\n  linter?: T_LinterLoader;\n}\n\nexport const languageRegistry: Record<string, I_LanguageRegistryItem> = {\n  javascript: {\n    loader: async () => {\n      const { javascript } = await import('@codemirror/lang-javascript');\n      return javascript({ jsx: true, typescript: true });\n    },\n    linter: async (component) => component.createJsLinter(),\n  },\n  html: {\n    loader: async () => {\n      const { html } = await import('@codemirror/lang-html');\n      return html();\n    },\n  },\n  css: {\n    loader: async () => {\n      const { css } = await import('@codemirror/lang-css');\n      return css();\n    },\n  },\n  markdown: {\n    loader: async () => {\n      const { markdown } = await import('@codemirror/lang-markdown');\n      return markdown();\n    },\n  },\n  json: {\n    loader: async () => {\n      const { json } = await import('@codemirror/lang-json');\n      return json();\n    },\n    linter: async (component) => component.createJsonLinter(),\n  },\n  sql: {\n    loader: async () => {\n      const { sql } = await import('@codemirror/lang-sql');\n      return sql();\n    },\n    linter: async (component) => component.createSqlLinter(),\n  },\n  xml: {\n    loader: async () => {\n      const { xml } = await import('@codemirror/lang-xml');\n      return xml();\n    },\n  },\n  yaml: {\n    loader: async () => {\n      const { yaml } = await import('@codemirror/lang-yaml');\n      return yaml();\n    },\n  },\n  python: {\n    loader: async () => {\n      const { python } = await import('@codemirror/lang-python');\n      return python();\n    },\n  },\n  java: {\n    loader: async () => {\n      const { java } = await import('@codemirror/lang-java');\n      return java();\n    },\n  },\n  cpp: {\n    loader: async () => {\n      const { cpp } = await import('@codemirror/lang-cpp');\n      return cpp();\n    },\n  },\n  php: {\n    loader: async () => {\n      const { php } = await import('@codemirror/lang-php');\n      return php();\n    },\n  },\n  go: {\n    loader: async () => {\n      const { go } = await import('@codemirror/lang-go');\n      return go();\n    },\n  },\n};\n\n/**\n * Tạo default language extension cho plain text\n * Sử dụng khi ngôn ngữ không được hỗ trợ\n */\nexport const createDefaultLanguage = async (): Promise<Extension> => {\n  const { StreamLanguage } = await import('@codemirror/language');\n  return StreamLanguage.define({\n    token(stream) {\n      stream.skipToEnd();\n      return null;\n    },\n  });\n};\n","import { AfterViewInit, ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, inject, input, model, output, signal, viewChild } from '@angular/core';\nimport { Diagnostic, linter, lintGutter } from '@codemirror/lint';\nimport { Compartment, Extension } from '@codemirror/state';\nimport { EditorView, lineNumbers, ViewUpdate } from '@codemirror/view';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiNotificationService } from '@libs-ui/services-notification';\nimport { get } from '@libs-ui/utils';\nimport { basicSetup } from 'codemirror6';\nimport { createDefaultLanguage, httpRequestConfigGetOptionsLang, languageRegistry, optionsLangData } from './preview-text-data.define';\nimport { IPreviewTextDataChange, PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT } from './preview-text-data.interfaces';\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-preview_text_data',\n  templateUrl: './preview-text-data.component.html',\n  styleUrls: ['./preview-text-data.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LibsUiComponentsDropdownComponent, LibsUiComponentsButtonsButtonComponent],\n})\nexport class LibsUiComponentsPreviewTextDataComponent implements AfterViewInit {\n  // ==========================================================================\n  // PRIVATE PROPERTIES\n  // ==========================================================================\n\n  private editorViewInstance?: EditorView;\n  private readonly wrapCompartment = new Compartment();\n  private readonly languageCompartment = new Compartment();\n  private readonly lineNumberCompartment = new Compartment();\n  private readonly linterCompartment = new Compartment();\n\n  /** Cache để tránh load lại language đã load */\n  private readonly languageCache = new Map<string, Extension>();\n\n  /** Flag để tránh update editor khi đang khởi tạo */\n  private isInitialized = false;\n\n  // ==========================================================================\n  // INJECTED SERVICES\n  // ==========================================================================\n\n  private readonly notificationService = inject(LibsUiNotificationService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  // ==========================================================================\n  // PROTECTED SIGNALS\n  // ==========================================================================\n\n  protected readonly isWrap = signal<boolean>(true);\n  protected readonly configLoadDataIsHttpConfig = httpRequestConfigGetOptionsLang();\n  protected readonly labelLang = computed(() => optionsLangData.find((item) => item.id === this.langSelected())?.label);\n\n  // ==========================================================================\n  // INPUTS\n  // ==========================================================================\n\n  readonly content = input<string, string | undefined>('', {\n    transform: (value?: string) => value ?? '',\n  });\n\n  readonly langSelected = model.required<PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT>();\n\n  readonly editable = input<boolean, boolean | undefined>(false, {\n    transform: (value?: boolean) => value ?? false,\n  });\n\n  readonly hiddenAction = input<boolean, boolean | undefined>(false, {\n    transform: (value?: boolean) => value ?? false,\n  });\n\n  readonly lintIgnorePatterns = input<Array<string>, Array<string> | undefined>(['Cannot use import statement outside a module', 'Unexpected token export', 'import ', '@angular/core'], {\n    transform: (value?: Array<string>) => value ?? ['Cannot use import statement outside a module', 'Unexpected token export', 'import ', '@angular/core'],\n  });\n\n  readonly background = input<string, string | undefined>('#f8f9fa', {\n    transform: (value?: string) => value ?? '#f8f9fa',\n  });\n\n  // ==========================================================================\n  // OUTPUTS\n  // ==========================================================================\n\n  readonly outChange = output<IPreviewTextDataChange>();\n  readonly syntaxErrors = output<Diagnostic[]>();\n\n  // ==========================================================================\n  // VIEW CHILDREN\n  // ==========================================================================\n\n  private readonly containerPreview = viewChild.required<ElementRef<HTMLDivElement>>('containerPreview');\n\n  // ==========================================================================\n  // CONSTRUCTOR - Setup effects\n  // ==========================================================================\n\n  constructor() {\n    // Effect để sync content từ input vào editor\n    effect(() => {\n      const newContent = this.content();\n      if (this.isInitialized && this.editorViewInstance) {\n        const currentContent = this.editorViewInstance.state.doc.toString();\n        if (newContent !== currentContent) {\n          this.editorViewInstance.dispatch({\n            changes: {\n              from: 0,\n              to: currentContent.length,\n              insert: newContent,\n            },\n          });\n        }\n      }\n    });\n\n    // Cleanup khi component bị destroy\n    this.destroyRef.onDestroy(() => {\n      this.editorViewInstance?.destroy();\n      this.languageCache.clear();\n    });\n  }\n\n  // ==========================================================================\n  // LIFECYCLE HOOKS\n  // ==========================================================================\n\n  async ngAfterViewInit(): Promise<void> {\n    await this.initializeEditor();\n    this.isInitialized = true;\n  }\n\n  // ==========================================================================\n  // PRIVATE METHODS - Editor initialization\n  // ==========================================================================\n\n  /**\n   * Khởi tạo editor với các extensions cơ bản\n   * Language được load async để tối ưu bundle size\n   */\n  private async initializeEditor(): Promise<void> {\n    const languageExtension = await this.loadLanguageExtension(this.langSelected());\n    const linterExtension = await this.loadLinterExtension(this.langSelected());\n\n    this.editorViewInstance = new EditorView({\n      doc: this.content(),\n      parent: this.containerPreview().nativeElement,\n      extensions: this.createExtensions(languageExtension, linterExtension),\n    });\n  }\n\n  /**\n   * Tạo danh sách extensions cho editor\n   */\n  private createExtensions(languageExtension: Extension, linterExtension: Extension): Extension[] {\n    return [\n      basicSetup,\n      this.languageCompartment.of(languageExtension),\n      this.linterCompartment.of(linterExtension),\n      this.createLightTheme(),\n      EditorView.editable.of(this.editable()),\n      this.wrapCompartment.of(EditorView.lineWrapping),\n      this.lineNumberCompartment.of(lineNumbers()),\n      lintGutter(),\n      this.createBracketTheme(),\n      this.createUpdateListener(),\n    ];\n  }\n\n  /**\n   * Load language extension với caching\n   * Mỗi language chỉ được load 1 lần\n   */\n  private async loadLanguageExtension(lang: PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT): Promise<Extension> {\n    const lowerLang = lang.toLowerCase();\n\n    const cached = this.languageCache.get(lowerLang);\n    if (cached) {\n      return cached;\n    }\n    const registryItem = languageRegistry[lowerLang];\n    const extension = registryItem ? await registryItem.loader() : await createDefaultLanguage();\n\n    this.languageCache.set(lowerLang, extension);\n    return extension;\n  }\n\n  /**\n   * Load linter extension nếu có\n   */\n  private async loadLinterExtension(lang: PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT): Promise<Extension> {\n    const lowerLang = lang.toLowerCase();\n    const registryItem = languageRegistry[lowerLang];\n\n    if (registryItem?.linter) {\n      return registryItem.linter(this);\n    }\n\n    return linter(() => []);\n  }\n\n  // ==========================================================================\n  // PRIVATE METHODS - Theme configuration\n  // ==========================================================================\n\n  private createLightTheme(): Extension {\n    return EditorView.theme({\n      '&': { backgroundColor: this.background(), color: '#333' },\n      '.cm-content': { caretColor: '#111' },\n      '.cm-activeLine': { backgroundColor: '#f0f0f0' },\n    });\n  }\n\n  private createBracketTheme(): Extension {\n    return EditorView.theme({\n      '.cm-matchingBracket': {\n        backgroundColor: 'rgba(100, 200, 255, 0.15)',\n        border: '1px solid rgba(100, 200, 255, 0.4)',\n        borderRadius: '3px',\n        transition: 'all 0.2s ease',\n      },\n      '.cm-nonmatchingBracket': {\n        backgroundColor: 'rgba(255, 100, 100, 0.15)',\n        border: '1px solid rgba(255, 100, 100, 0.3)',\n        borderRadius: '3px',\n      },\n    });\n  }\n\n  // ==========================================================================\n  // PRIVATE METHODS - Update listener\n  // ==========================================================================\n\n  private createUpdateListener(): Extension {\n    return EditorView.updateListener.of((update: ViewUpdate) => {\n      if (update.docChanged && this.editable()) {\n        const newValue = update.state.doc.toString();\n        this.outChange.emit({\n          content: newValue,\n          isWrap: this.isWrap(),\n          language: this.langSelected(),\n          contextChange: 'content',\n        });\n      }\n    });\n  }\n\n  // ==========================================================================\n  // PUBLIC METHODS - Linter factories (được gọi từ registry)\n  // ==========================================================================\n\n  /**\n   * Tạo JavaScript linter\n   * Sử dụng Function constructor để validate syntax\n   */\n  createJsLinter(): Extension {\n    return linter((view) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n\n      try {\n        new Function(text);\n      } catch (err: unknown) {\n        const message = get(err, 'message', '');\n        const shouldIgnore = this.lintIgnorePatterns().some((pattern) => message.includes(pattern));\n\n        if (!shouldIgnore) {\n          diagnostics.push({\n            from: 0,\n            to: text.length,\n            severity: 'error',\n            message,\n          });\n          this.syntaxErrors.emit(diagnostics);\n        }\n      }\n\n      return diagnostics;\n    });\n  }\n\n  /**\n   * Tạo JSON linter\n   * Sử dụng JSON.parse để validate\n   */\n  createJsonLinter(): Extension {\n    return linter((view) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n\n      try {\n        JSON.parse(text);\n      } catch (err: unknown) {\n        diagnostics.push({\n          from: 0,\n          to: text.length,\n          severity: 'error',\n          message: get(err, 'message', ''),\n        });\n      }\n\n      this.syntaxErrors.emit(diagnostics);\n      return diagnostics;\n    });\n  }\n\n  /**\n   * Tạo SQL linter\n   * Lazy load node-sql-parser chỉ khi cần\n   */\n  createSqlLinter(): Extension {\n    return linter(async (view) => {\n      const text = view.state.doc.toString();\n      const diagnostics: Diagnostic[] = [];\n\n      try {\n        // Lazy load SQL parser chỉ khi thực sự cần\n        const { Parser } = await import('node-sql-parser');\n        const sqlParser = new Parser();\n        sqlParser.astify(text);\n      } catch (err: unknown) {\n        diagnostics.push({\n          from: 0,\n          to: text.length,\n          severity: 'error',\n          message: get(err, 'message', ''),\n        });\n      }\n\n      this.syntaxErrors.emit(diagnostics);\n      return diagnostics;\n    });\n  }\n\n  // ==========================================================================\n  // PROTECTED METHODS - Event handlers\n  // ==========================================================================\n\n  protected handlerCopy(): void {\n    navigator.clipboard.writeText(this.content() || '');\n    this.notificationService.showCompTypeTextInfo('Sao chép thành công');\n  }\n\n  protected handlerLineWrap(): void {\n    console.log('handlerLineWrap', this.isWrap());\n    // Lấy nội dung mới nhất từ editor sau khi đã xóa newlines\n    const currentContent = this.editorViewInstance?.state.doc.toString() || '';\n    const updatedContent = this.isWrap() && currentContent ? currentContent.replace(/\\n/g, ' ') : this.content();\n    this.isWrap.update((val) => !val);\n    console.log('updatedContent', this.isWrap());\n    console.log('currentContent', currentContent);\n    console.log('updatedContent', updatedContent);\n\n    if (currentContent !== updatedContent) {\n      this.editorViewInstance?.dispatch({\n        changes: { from: 0, to: currentContent.length, insert: updatedContent },\n      });\n    }\n\n    // Batch cả 2 dispatch thành 1 để tối ưu performance\n    this.editorViewInstance?.dispatch({\n      effects: [this.wrapCompartment.reconfigure(this.isWrap() ? EditorView.lineWrapping : []), this.lineNumberCompartment.reconfigure(this.isWrap() ? lineNumbers() : [])],\n    });\n\n    this.outChange.emit({\n      content: updatedContent,\n      isWrap: this.isWrap(),\n      language: this.langSelected(),\n      contextChange: 'isWrap',\n    });\n  }\n\n  protected async handlerSelectKey(data?: IEmitSelectKey): Promise<void> {\n    if (!data?.key) {\n      return;\n    }\n\n    const newLang = data.key as PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT;\n    this.langSelected.set(newLang);\n\n    // Load language và linter mới\n    const [languageExtension, linterExtension] = await Promise.all([this.loadLanguageExtension(newLang), this.loadLinterExtension(newLang)]);\n\n    // Reconfigure thay vì tạo mới state để giữ lại document content\n    this.editorViewInstance?.dispatch({\n      effects: [this.languageCompartment.reconfigure(languageExtension), this.linterCompartment.reconfigure(linterExtension)],\n    });\n\n    this.outChange.emit({\n      content: this.content(),\n      isWrap: this.isWrap(),\n      language: this.langSelected(),\n      contextChange: 'language',\n    });\n  }\n}\n","<div\n  class=\"libs-ui-preview-data-container flex flex-col w-full h-auto rounded-[8px] libs-ui-border-general px-[8px]\"\n  [style.--background-color]=\"background()\"\n  [class.pt-[8px]]=\"!hiddenAction()\">\n  @if (!hiddenAction()) {\n    <div class=\"flex items-center content-between color-[#6a7383]\">\n      <libs_ui-components-dropdown\n        classInclude=\"w-[200px]\"\n        [listConfig]=\"configLoadDataIsHttpConfig\"\n        [listMaxItemShow]=\"5\"\n        [isNgContent]=\"true\"\n        [readonly]=\"!editable()\"\n        [listHasButtonUnSelectOption]=\"false\"\n        (outSelectKey)=\"handlerSelectKey($event)\">\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"labelLang() || ''\"\n          [sizeButton]=\"'small'\"\n          [classIconRight]=\"editable() ? 'libs-ui-icon-move-right rotate-90' : ''\"\n          [classInclude]=\"'!p-[0px]' + (editable() ? '' : '!pointer-events-none !cursor-default hover:!text-[#6A7383]')\" />\n      </libs_ui-components-dropdown>\n      <div class=\"flex items-center\">\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"isWrap() ? 'i18n_remove_line_wrap' : 'i18n_line_wrap'\"\n          [sizeButton]=\"'small'\"\n          [classIconLeft]=\"isWrap() ? 'libs-ui-icon-unwrap' : 'libs-ui-icon-wrap'\"\n          [classInclude]=\"'mo-lib-p-0px mo-lib-mr-16px'\"\n          (outClick)=\"handlerLineWrap()\" />\n        <libs_ui-components-buttons-button\n          [type]=\"'button-link-third'\"\n          [label]=\"'i18n_copy'\"\n          [sizeButton]=\"'small'\"\n          [classIconLeft]=\"'libs-ui-icon-copy'\"\n          [classInclude]=\"'mo-lib-p-0px'\"\n          (outClick)=\"handlerCopy()\" />\n      </div>\n    </div>\n  }\n  <div #containerPreview></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@libs-ui/components-preview-text-data",
-  "version": "0.2.350-1",
+  "version": "0.2.351-0",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-buttons-button": "0.2.350-1",
-    "@libs-ui/components-dropdown": "0.2.350-1",
-    "@libs-ui/services-notification": "0.2.350-1",
-    "@libs-ui/utils": "0.2.350-1"
+    "@libs-ui/components-buttons-button": "0.2.351-0",
+    "@libs-ui/components-dropdown": "0.2.351-0",
+    "@libs-ui/services-notification": "0.2.351-0",
+    "@libs-ui/utils": "0.2.351-0"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-preview-text-data.mjs",

package/preview-text-data.component.d.ts

@@ -1,16 +1,24 @@
 import { AfterViewInit } from '@angular/core';
 import { Diagnostic } from '@codemirror/lint';
+import { Extension } from '@codemirror/state';
 import { IEmitSelectKey } from '@libs-ui/components-dropdown';
 import { IPreviewTextDataChange, PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT } from './preview-text-data.interfaces';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsPreviewTextDataComponent implements AfterViewInit {
     private editorViewInstance?;
-    private wrapCompartment;
-    private languageCompartment;
-    private lineNumberCompartment;
-    protected isWrap: import("@angular/core").WritableSignal<boolean>;
-    protected configLoadDataIsHttpConfig: import("@libs-ui/components-list").IListConfigItem;
-    protected labelLang: import("@angular/core").Signal<string | undefined>;
+    private readonly wrapCompartment;
+    private readonly languageCompartment;
+    private readonly lineNumberCompartment;
+    private readonly linterCompartment;
+    /** Cache để tránh load lại language đã load */
+    private readonly languageCache;
+    /** Flag để tránh update editor khi đang khởi tạo */
+    private isInitialized;
+    private readonly notificationService;
+    private readonly destroyRef;
+    protected readonly isWrap: import("@angular/core").WritableSignal<boolean>;
+    protected readonly configLoadDataIsHttpConfig: import("@libs-ui/components-list").IListConfigItem;
+    protected readonly labelLang: import("@angular/core").Signal<"Plain Text" | "JavaScript/TypeScript" | "HTML" | "CSS/SCSS/SASS" | "Markdown" | "JSON" | "SQL" | "XML" | "YAML" | "Python" | "Java" | "C/C++" | "PHP" | "Go" | undefined>;
     readonly content: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly langSelected: import("@angular/core").ModelSignal<PREVIEW_TEXT_DATA_LANGUAGE_SUPPORT>;
     readonly editable: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
@@ -19,18 +27,48 @@ export declare class LibsUiComponentsPreviewTextDataComponent implements AfterVi
     readonly background: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly outChange: import("@angular/core").OutputEmitterRef<IPreviewTextDataChange>;
     readonly syntaxErrors: import("@angular/core").OutputEmitterRef<Diagnostic[]>;
-    private containerPreview;
-    private notificationService;
-    ngAfterViewInit(): void;
-    private getExtensionsByLanguage;
-    private lightTheme;
-    private customBracketTheme;
-    private jsLinterFn;
-    private jsonLinterFn;
-    private sqlLinterFn;
+    private readonly containerPreview;
+    constructor();
+    ngAfterViewInit(): Promise<void>;
+    /**
+     * Khởi tạo editor với các extensions cơ bản
+     * Language được load async để tối ưu bundle size
+     */
+    private initializeEditor;
+    /**
+     * Tạo danh sách extensions cho editor
+     */
+    private createExtensions;
+    /**
+     * Load language extension với caching
+     * Mỗi language chỉ được load 1 lần
+     */
+    private loadLanguageExtension;
+    /**
+     * Load linter extension nếu có
+     */
+    private loadLinterExtension;
+    private createLightTheme;
+    private createBracketTheme;
+    private createUpdateListener;
+    /**
+     * Tạo JavaScript linter
+     * Sử dụng Function constructor để validate syntax
+     */
+    createJsLinter(): Extension;
+    /**
+     * Tạo JSON linter
+     * Sử dụng JSON.parse để validate
+     */
+    createJsonLinter(): Extension;
+    /**
+     * Tạo SQL linter
+     * Lazy load node-sql-parser chỉ khi cần
+     */
+    createSqlLinter(): Extension;
     protected handlerCopy(): void;
     protected handlerLineWrap(): void;
-    protected handlerSelectKey(data?: IEmitSelectKey): void;
+    protected handlerSelectKey(data?: IEmitSelectKey): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsPreviewTextDataComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsPreviewTextDataComponent, "libs_ui-components-preview_text_data", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "langSelected": { "alias": "langSelected"; "required": true; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "hiddenAction": { "alias": "hiddenAction"; "required": false; "isSignal": true; }; "lintIgnorePatterns": { "alias": "lintIgnorePatterns"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; }, { "langSelected": "langSelectedChange"; "outChange": "outChange"; "syntaxErrors": "syntaxErrors"; }, never, never, true, never>;
 }

package/preview-text-data.define.d.ts

@@ -1,6 +1,64 @@
+import { Extension } from '@codemirror/state';
 import { IListConfigItem } from '@libs-ui/components-list';
-export declare const optionsLang: () => {
-    id: string;
-    label: string;
-}[];
+import { LibsUiComponentsPreviewTextDataComponent } from './preview-text-data.component';
+/**
+ * Danh sách các ngôn ngữ được hỗ trợ
+ * Sử dụng const array để tránh tạo mới mỗi lần truy cập
+ */
+export declare const optionsLangData: readonly [{
+    readonly id: "text";
+    readonly label: "Plain Text";
+}, {
+    readonly id: "javascript";
+    readonly label: "JavaScript/TypeScript";
+}, {
+    readonly id: "html";
+    readonly label: "HTML";
+}, {
+    readonly id: "css";
+    readonly label: "CSS/SCSS/SASS";
+}, {
+    readonly id: "markdown";
+    readonly label: "Markdown";
+}, {
+    readonly id: "json";
+    readonly label: "JSON";
+}, {
+    readonly id: "sql";
+    readonly label: "SQL";
+}, {
+    readonly id: "xml";
+    readonly label: "XML";
+}, {
+    readonly id: "yaml";
+    readonly label: "YAML";
+}, {
+    readonly id: "python";
+    readonly label: "Python";
+}, {
+    readonly id: "java";
+    readonly label: "Java";
+}, {
+    readonly id: "cpp";
+    readonly label: "C/C++";
+}, {
+    readonly id: "php";
+    readonly label: "PHP";
+}, {
+    readonly id: "go";
+    readonly label: "Go";
+}];
 export declare const httpRequestConfigGetOptionsLang: () => IListConfigItem;
+type T_LanguageLoader = () => Promise<Extension>;
+type T_LinterLoader = (component: LibsUiComponentsPreviewTextDataComponent) => Promise<Extension>;
+interface I_LanguageRegistryItem {
+    loader: T_LanguageLoader;
+    linter?: T_LinterLoader;
+}
+export declare const languageRegistry: Record<string, I_LanguageRegistryItem>;
+/**
+ * Tạo default language extension cho plain text
+ * Sử dụng khi ngôn ngữ không được hỗ trợ
+ */
+export declare const createDefaultLanguage: () => Promise<Extension>;
+export {};