@acorex/components 21.0.0-next.6 → 21.0.0-next.7

package/code-editor/README.md

@@ -1,3 +1,293 @@
 # @acorex/components/code-editor
 
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/code-editor`.
+A modular, plugin-based code editor component built on CodeMirror 6.
+
+## Features
+
+- 🔌 **Plugin Architecture** - Fully modular with external plugin support
+- 🎨 **Themeable** - Custom theme plugins or platform-aware themes
+- 🌍 **Multi-Language** - Support for any language via plugins
+- ✨ **Formatting** - Pluggable formatters (Prettier included)
+- 📝 **Rich API** - Comprehensive component API with signals
+- ♿ **Accessible** - ARIA support and keyboard navigation
+
+## Installation
+
+```bash
+npm install @acorex/components
+```
+
+## Basic Usage
+
+### With Default Plugins
+
+```typescript
+import { Component } from '@angular/core';
+import { AXCodeEditorComponent, provideDefaultCodeEditorConfig } from '@acorex/components/code-editor';
+import { bootstrapApplication } from '@angular/platform-browser';
+
+@Component({
+  selector: 'app-root',
+  imports: [AXCodeEditorComponent],
+  template: `
+    <ax-code-editor
+      [(value)]="code"
+      language="typescript"
+      [lineNumbers]="true"
+      [formatOnSave]="true"
+    />
+  `
+})
+export class AppComponent {
+  code = 'const hello = "world";';
+}
+
+// Provide default plugins in your app config
+bootstrapApplication(AppComponent, {
+  providers: [provideDefaultCodeEditorConfig()]
+});
+```
+
+### Without Default Plugins (Custom Configuration)
+
+```typescript
+import {
+  provideCodeEditorPlugins,
+  JavaScriptLanguagePlugin,
+  TypeScriptLanguagePlugin,
+  OneDarkThemePlugin,
+  LightThemePlugin,
+  PrettierFormatterPlugin
+} from '@acorex/components/code-editor';
+
+bootstrapApplication(AppComponent, {
+  providers: [
+    provideCodeEditorPlugins({
+      languages: [
+        new JavaScriptLanguagePlugin(),
+        new TypeScriptLanguagePlugin(),
+      ],
+      themes: [
+        new OneDarkThemePlugin(),
+        new LightThemePlugin(),
+      ],
+      formatters: [
+        new PrettierFormatterPlugin(),
+      ],
+      extensions: []
+    })
+  ]
+});
+```
+
+## Plugin System
+
+### Built-in Language Plugins
+
+- `JavaScriptLanguagePlugin` - JavaScript (js, javascript)
+- `TypeScriptLanguagePlugin` - TypeScript (ts, typescript)
+- `JSONLanguagePlugin` - JSON
+- `HTMLLanguagePlugin` - HTML
+- `CSSLanguagePlugin` - CSS
+- `SassLanguagePlugin` - Sass/SCSS
+- `SQLLanguagePlugin` - SQL
+- `XMLLanguagePlugin` - XML
+- `MarkdownLanguagePlugin` - Markdown
+
+### Built-in Theme Plugins
+
+- `OneDarkThemePlugin` - Dark theme
+- `LightThemePlugin` - Light theme
+
+### Built-in Formatter Plugins
+
+- `PrettierFormatterPlugin` - Prettier formatter (JS, TS, JSON, HTML, CSS, Markdown)
+
+### Creating Custom Plugins
+
+#### Custom Language Plugin
+
+```typescript
+import { AXCodeEditorLanguagePlugin } from '@acorex/components/code-editor';
+import type { Extension } from '@codemirror/state';
+
+export class PythonLanguagePlugin implements AXCodeEditorLanguagePlugin {
+  readonly id = 'python';
+  readonly name = 'Python';
+  readonly version = '1.0.0';
+  readonly languages = ['python', 'py'];
+
+  async getExtension(): Promise<Extension> {
+    const { python } = await import('@codemirror/lang-python');
+    return python();
+  }
+}
+```
+
+#### Custom Theme Plugin
+
+```typescript
+import { AXCodeEditorThemePlugin } from '@acorex/components/code-editor';
+import type { Extension } from '@codemirror/state';
+
+export class CustomThemePlugin implements AXCodeEditorThemePlugin {
+  readonly id = 'custom-theme';
+  readonly name = 'Custom Theme';
+  readonly version = '1.0.0';
+  readonly dark = false;
+
+  async getExtension(): Promise<Extension> {
+    const { EditorView } = await import('@codemirror/view');
+    return EditorView.theme({
+      '&': {
+        backgroundColor: '#f5f5f5',
+        color: '#333'
+      },
+      '.cm-gutters': {
+        backgroundColor: '#e0e0e0'
+      }
+    }, { dark: false });
+  }
+}
+```
+
+#### Custom Formatter Plugin
+
+```typescript
+import { AXCodeEditorFormatterPlugin } from '@acorex/components/code-editor';
+
+export class CustomFormatterPlugin implements AXCodeEditorFormatterPlugin {
+  readonly id = 'custom-formatter';
+  readonly name = 'Custom Formatter';
+  readonly version = '1.0.0';
+  readonly languages = ['custom'];
+
+  async format(text: string, language: string): Promise<string | null> {
+    // Your formatting logic
+    return text.trim();
+  }
+}
+```
+
+### Runtime Plugin Registration
+
+```typescript
+import { inject } from '@angular/core';
+import { AXCodeEditorPluginRegistry } from '@acorex/components/code-editor';
+
+export class MyComponent {
+  private registry = inject(AXCodeEditorPluginRegistry);
+
+  ngOnInit() {
+    // Register plugins at runtime
+    this.registry.registerLanguagePlugin(new PythonLanguagePlugin());
+    this.registry.registerThemePlugin(new CustomThemePlugin());
+    this.registry.registerFormatterPlugin(new CustomFormatterPlugin());
+  }
+}
+```
+
+## Component API
+
+### Inputs
+
+| Input               | Type                               | Default        | Description                      |
+| ------------------- | ---------------------------------- | -------------- | -------------------------------- |
+| `value`             | `string`                           | `''`           | Editor content (two-way binding) |
+| `language`          | `string`                           | `'javascript'` | Language identifier              |
+| `theme`             | `string \| null`                   | `null`         | Theme ID (null = platform theme) |
+| `readOnly`          | `boolean`                          | `false`        | Read-only mode                   |
+| `placeholder`       | `string`                           | `''`           | Placeholder text                 |
+| `lineNumbers`       | `boolean`                          | `true`         | Show line numbers                |
+| `lineWrapping`      | `boolean`                          | `false`        | Wrap long lines                  |
+| `tabSize`           | `number`                           | `2`            | Tab size in spaces               |
+| `indentWithTab`     | `boolean`                          | `true`         | Use Tab key for indentation      |
+| `height`            | `string \| null`                   | `null`         | Fixed height                     |
+| `minHeight`         | `string \| null`                   | `null`         | Minimum height                   |
+| `maxHeight`         | `string \| null`                   | `null`         | Maximum height                   |
+| `extensions`        | `Extension[]`                      | `[]`           | Additional CodeMirror extensions |
+| `customCompletions` | `Completion[] \| CompletionSource` | `null`         | Custom autocomplete              |
+| `ariaLabel`         | `string \| null`                   | `null`         | ARIA label                       |
+| `focusOnReady`      | `boolean`                          | `false`        | Auto-focus on mount              |
+| `formatOnSave`      | `boolean`                          | `false`        | Format on Ctrl+S                 |
+
+### Outputs
+
+| Output        | Type     | Description                      |
+| ------------- | -------- | -------------------------------- |
+| `valueChange` | `string` | Emits when content changes       |
+| `ready`       | `void`   | Emits when editor is initialized |
+| `save`        | `string` | Emits on Ctrl+S                  |
+
+### Methods
+
+| Method                 | Returns                   | Description         |
+| ---------------------- | ------------------------- | ------------------- |
+| `focus()`              | `void`                    | Focus the editor    |
+| `selectAll()`          | `void`                    | Select all text     |
+| `format(affect?)`      | `Promise<string \| null>` | Format document     |
+| `getTotalCharacters()` | `number`                  | Get character count |
+| `getTotalLines()`      | `number`                  | Get line count      |
+
+## Examples
+
+### With Custom Theme
+
+```typescript
+<ax-code-editor
+  [(value)]="code"
+  language="typescript"
+  theme="one-dark"
+/>
+```
+
+### With Formatting
+
+```typescript
+<ax-code-editor
+  [(value)]="code"
+  language="json"
+  [formatOnSave]="true"
+  (save)="onSave($event)"
+/>
+```
+
+### Programmatic Formatting
+
+```typescript
+@Component({
+  template: `
+    <ax-code-editor #editor [(value)]="code" />
+    <button (click)="formatCode()">Format</button>
+  `
+})
+export class MyComponent {
+  editor = viewChild<AXCodeEditorComponent>('editor');
+
+  async formatCode() {
+    await this.editor().format();
+  }
+}
+```
+
+## Migration from v1
+
+The component now uses a plugin architecture. Update your app configuration:
+
+**Before:**
+
+```typescript
+// Languages were hardcoded
+```
+
+**After:**
+
+```typescript
+import { provideDefaultCodeEditorConfig } from '@acorex/components/code-editor';
+
+bootstrapApplication(AppComponent, {
+  providers: [provideDefaultCodeEditorConfig()]
+});
+```
+
+The `AXCodeEditorSupportedLanguage` type is deprecated but still available for backward compatibility. Use `string` type directly for language inputs.

package/code-editor/index.d.ts

@@ -1,20 +1,267 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { InjectionToken, ElementRef } from '@angular/core';
 import * as _codemirror_autocomplete from '@codemirror/autocomplete';
 import * as _codemirror_state from '@codemirror/state';
+import { Extension } from '@codemirror/state';
 import { MXValueComponent } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 
+/**
+ * Base interface for all code editor plugins
+ */
+interface AXCodeEditorPlugin {
+    /** Unique identifier for the plugin */
+    readonly id: string;
+    /** Human-readable name */
+    readonly name: string;
+    /** Plugin version */
+    readonly version?: string;
+}
+/**
+ * Language plugin provides syntax highlighting and language-specific features
+ */
+interface AXCodeEditorLanguagePlugin extends AXCodeEditorPlugin {
+    /** Language identifiers this plugin supports (e.g., 'javascript', 'js') */
+    readonly languages: ReadonlyArray<string>;
+    /** Load and return the CodeMirror extension for this language */
+    getExtension(): Promise<Extension>;
+}
+/**
+ * Theme plugin provides visual styling for the editor
+ */
+interface AXCodeEditorThemePlugin extends AXCodeEditorPlugin {
+    /** Whether this is a dark theme */
+    readonly dark: boolean;
+    /** Load and return the CodeMirror theme extension */
+    getExtension(): Promise<Extension>;
+}
+/**
+ * Formatter plugin provides code formatting capabilities
+ */
+interface AXCodeEditorFormatterPlugin extends AXCodeEditorPlugin {
+    /** Languages this formatter supports */
+    readonly languages: ReadonlyArray<string>;
+    /** Format the given text */
+    format(text: string, language: string): Promise<string | null>;
+}
+/**
+ * Extension plugin provides additional CodeMirror extensions
+ */
+interface AXCodeEditorExtensionPlugin extends AXCodeEditorPlugin {
+    /** Get the CodeMirror extension */
+    getExtension(): Promise<Extension>;
+}
+/**
+ * Plugin configuration for the code editor
+ */
+interface AXCodeEditorPluginConfig {
+    /** Language plugins */
+    languages?: ReadonlyArray<AXCodeEditorLanguagePlugin>;
+    /** Theme plugins */
+    themes?: ReadonlyArray<AXCodeEditorThemePlugin>;
+    /** Formatter plugins */
+    formatters?: ReadonlyArray<AXCodeEditorFormatterPlugin>;
+    /** Additional extension plugins */
+    extensions?: ReadonlyArray<AXCodeEditorExtensionPlugin>;
+}
+
+/**
+ * Injection token for providing code editor plugin configuration
+ */
+declare const AX_CODE_EDITOR_PLUGIN_CONFIG: InjectionToken<AXCodeEditorPluginConfig>;
+
+/**
+ * Registry service for managing code editor plugins
+ */
+declare class AXCodeEditorPluginRegistry {
+    private config;
+    private languagePlugins;
+    private themePlugins;
+    private formatterPlugins;
+    private extensionPlugins;
+    constructor();
+    private initializePlugins;
+    /**
+     * Get language extension for the specified language
+     */
+    getLanguageExtension(language: string): Promise<Extension>;
+    /**
+     * Get theme extension by theme ID
+     */
+    getThemeExtension(themeId: string): Promise<Extension>;
+    /**
+     * Format text using the appropriate formatter for the language
+     */
+    format(text: string, language: string): Promise<string | null>;
+    /**
+     * Get all registered extension plugins
+     */
+    getExtensionPlugins(): Promise<Extension[]>;
+    /**
+     * Check if a language is supported
+     */
+    hasLanguage(language: string): boolean;
+    /**
+     * Check if a theme is available
+     */
+    hasTheme(themeId: string): boolean;
+    /**
+     * Check if a formatter is available for a language
+     */
+    hasFormatter(language: string): boolean;
+    /**
+     * Get all available language identifiers
+     */
+    getAvailableLanguages(): string[];
+    /**
+     * Get all available theme identifiers
+     */
+    getAvailableThemes(): string[];
+    /**
+     * Register a language plugin at runtime
+     */
+    registerLanguagePlugin(plugin: AXCodeEditorLanguagePlugin): void;
+    /**
+     * Register a theme plugin at runtime
+     */
+    registerThemePlugin(plugin: AXCodeEditorThemePlugin): void;
+    /**
+     * Register a formatter plugin at runtime
+     */
+    registerFormatterPlugin(plugin: AXCodeEditorFormatterPlugin): void;
+    /**
+     * Register an extension plugin at runtime
+     */
+    registerExtensionPlugin(plugin: AXCodeEditorExtensionPlugin): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorPluginRegistry, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXCodeEditorPluginRegistry>;
+}
+
+declare class JavaScriptLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "javascript";
+    readonly name = "JavaScript";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["javascript", "js"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class TypeScriptLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "typescript";
+    readonly name = "TypeScript";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["typescript", "ts"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class JSONLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "json";
+    readonly name = "JSON";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["json"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class HTMLLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "html";
+    readonly name = "HTML";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["html"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class CSSLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "css";
+    readonly name = "CSS";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["css"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class SassLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "sass";
+    readonly name = "Sass/SCSS";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["sass", "scss"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class SQLLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "sql";
+    readonly name = "SQL";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["sql"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class XMLLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "xml";
+    readonly name = "XML";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["xml"];
+    getExtension(): Promise<Extension>;
+}
+
+declare class MarkdownLanguagePlugin implements AXCodeEditorLanguagePlugin {
+    readonly id = "markdown";
+    readonly name = "Markdown";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["markdown"];
+    getExtension(): Promise<Extension>;
+}
+
+type AXCodeEditorDefaultLanguage = 'javascript' | 'js' | 'typescript' | 'ts' | 'json' | 'html' | 'css' | 'scss' | 'sass' | 'sql' | 'xml' | 'markdown';
+
+declare class OneDarkThemePlugin implements AXCodeEditorThemePlugin {
+    readonly id = "one-dark";
+    readonly name = "One Dark";
+    readonly version = "1.0.0";
+    readonly dark = true;
+    getExtension(): Promise<Extension>;
+}
+
+declare class LightThemePlugin implements AXCodeEditorThemePlugin {
+    readonly id = "light";
+    readonly name = "Light";
+    readonly version = "1.0.0";
+    readonly dark = false;
+    getExtension(): Promise<Extension>;
+}
+
+declare class GitHubLightThemePlugin implements AXCodeEditorThemePlugin {
+    readonly id = "github-light";
+    readonly name = "GitHub Light";
+    readonly version = "1.0.0";
+    readonly dark = false;
+    getExtension(): Promise<Extension>;
+}
+
+declare class GitHubDarkThemePlugin implements AXCodeEditorThemePlugin {
+    readonly id = "github-dark";
+    readonly name = "GitHub Dark";
+    readonly version = "1.0.0";
+    readonly dark = true;
+    getExtension(): Promise<Extension>;
+}
+
+declare class PrettierFormatterPlugin implements AXCodeEditorFormatterPlugin {
+    readonly id = "prettier";
+    readonly name = "Prettier";
+    readonly version = "1.0.0";
+    readonly languages: readonly ["javascript", "js", "typescript", "ts", "json", "html", "css", "markdown"];
+    format(text: string, language: string): Promise<string | null>;
+}
+
+/**
+ * Default plugin configuration with all built-in plugins
+ */
+declare function provideDefaultCodeEditorPlugins(): AXCodeEditorPluginConfig;
+
 type AXCodeEditorExtensionLike = _codemirror_state.Extension;
 type AXCodeEditorCompletionLike = _codemirror_autocomplete.Completion;
 type AXCodeEditorCompletionSourceLike = _codemirror_autocomplete.CompletionSource;
-/**
- * Supported syntax highlighting modes for the editor.
- */
-type AXCodeEditorSupportedLanguage = 'javascript' | 'js' | 'typescript' | 'ts' | 'json' | 'html' | 'css' | 'scss' | 'sass' | 'sql' | 'xml' | 'markdown' | 'text';
 declare class AXCodeEditorComponent extends MXValueComponent<string> {
-    /** Active language mode. Default: 'javascript'. */
-    language: _angular_core.InputSignal<AXCodeEditorSupportedLanguage>;
+    /** Active language identifier from default plugins. Default: 'javascript'. */
+    language: _angular_core.InputSignal<AXCodeEditorDefaultLanguage>;
     /** When true, the editor becomes readonly (non-editable). */
     readOnly: _angular_core.InputSignal<boolean>;
     /** Placeholder text shown when the document is empty. */
@@ -33,6 +280,8 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     minHeight: _angular_core.InputSignal<string>;
     /** Maximum height for the editor. */
     maxHeight: _angular_core.InputSignal<string>;
+    /** Theme identifier. If null, uses platform theme mode (dark/light). */
+    theme: _angular_core.InputSignal<string>;
     /** Additional CodeMirror extensions to apply. Reconfigures at runtime. */
     extensions: _angular_core.InputSignal<readonly _codemirror_state.Extension[]>;
     /** ARIA label for accessibility. */
@@ -54,6 +303,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private platformId;
     private destroyRef;
     private platformService;
+    private pluginRegistry;
     private editorViewSig;
     private languageCompartment;
     private readOnlyCompartment;
@@ -76,8 +326,6 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private loadCodeMirrorModules;
     private createCompartments;
     private buildKeymaps;
-    private tryFormatWithPrettier;
-    private resolveLanguageExtension;
     private resolveThemeExtension;
     private buildCustomCompletionSources;
     /** Programmatically focus the editor. */
@@ -90,7 +338,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     /** Returns the total number of lines in the current document. */
     getTotalLines(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCodeEditorComponent, "ax-code-editor", never, { "language": { "alias": "language"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lineNumbers": { "alias": "lineNumbers"; "required": false; "isSignal": true; }; "lineWrapping": { "alias": "lineWrapping"; "required": false; "isSignal": true; }; "tabSize": { "alias": "tabSize"; "required": false; "isSignal": true; }; "indentWithTab": { "alias": "indentWithTab"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "focusOnReady": { "alias": "focusOnReady"; "required": false; "isSignal": true; }; "formatOnSave": { "alias": "formatOnSave"; "required": false; "isSignal": true; }; "customCompletions": { "alias": "customCompletions"; "required": false; "isSignal": true; }; }, { "ready": "ready"; "save": "save"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCodeEditorComponent, "ax-code-editor", never, { "language": { "alias": "language"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lineNumbers": { "alias": "lineNumbers"; "required": false; "isSignal": true; }; "lineWrapping": { "alias": "lineWrapping"; "required": false; "isSignal": true; }; "tabSize": { "alias": "tabSize"; "required": false; "isSignal": true; }; "indentWithTab": { "alias": "indentWithTab"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "focusOnReady": { "alias": "focusOnReady"; "required": false; "isSignal": true; }; "formatOnSave": { "alias": "formatOnSave"; "required": false; "isSignal": true; }; "customCompletions": { "alias": "customCompletions"; "required": false; "isSignal": true; }; }, { "ready": "ready"; "save": "save"; }, never, never, true, never>;
 }
 
 declare class AXCodeEditorModule {
@@ -99,5 +347,5 @@ declare class AXCodeEditorModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCodeEditorModule>;
 }
 
-export { AXCodeEditorComponent, AXCodeEditorModule };
-export type { AXCodeEditorCompletionLike, AXCodeEditorCompletionSourceLike, AXCodeEditorExtensionLike, AXCodeEditorSupportedLanguage };
+export { AXCodeEditorComponent, AXCodeEditorModule, AXCodeEditorPluginRegistry, AX_CODE_EDITOR_PLUGIN_CONFIG, CSSLanguagePlugin, GitHubDarkThemePlugin, GitHubLightThemePlugin, HTMLLanguagePlugin, JSONLanguagePlugin, JavaScriptLanguagePlugin, LightThemePlugin, MarkdownLanguagePlugin, OneDarkThemePlugin, PrettierFormatterPlugin, SQLLanguagePlugin, SassLanguagePlugin, TypeScriptLanguagePlugin, XMLLanguagePlugin, provideDefaultCodeEditorPlugins };
+export type { AXCodeEditorCompletionLike, AXCodeEditorCompletionSourceLike, AXCodeEditorDefaultLanguage, AXCodeEditorExtensionLike, AXCodeEditorExtensionPlugin, AXCodeEditorFormatterPlugin, AXCodeEditorLanguagePlugin, AXCodeEditorPlugin, AXCodeEditorPluginConfig, AXCodeEditorThemePlugin };