@difizen/libro-code-editor 0.0.0-snapshot-20241017072317

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@difizen/libro-code-editor",
+  "version": "0.0.0-snapshot-20241017072317",
+  "description": "",
+  "keywords": [
+    "libro",
+    "notebook"
+  ],
+  "repository": "git@github.com:difizen/libro.git",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "typings": "./es/index.d.ts",
+      "default": "./es/index.js"
+    },
+    "./mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./es/mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "src"
+  ],
+  "dependencies": {
+    "@difizen/mana-app": "latest",
+    "@difizen/mana-l10n": "latest",
+    "@difizen/libro-common": "0.0.0-snapshot-20241017072317",
+    "uuid": "^9.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.25",
+    "@types/uuid": "^9.0.2"
+  },
+  "scripts": {
+    "setup": "father build",
+    "build": "father build",
+    "test": ": Note: lint task is delegated to test:* scripts",
+    "test:vitest": "vitest run",
+    "test:jest": "jest",
+    "coverage": ": Note: lint task is delegated to coverage:* scripts",
+    "coverage:vitest": "vitest run --coverage",
+    "coverage:jest": "jest --coverage",
+    "lint": ": Note: lint task is delegated to lint:* scripts",
+    "lint:eslint": "eslint src",
+    "typecheck:tsc": "tsc --noEmit"
+  }
+}

package/src/code-editor-info-manager.ts

@@ -0,0 +1,25 @@
+import { singleton } from '@difizen/mana-app';
+
+@singleton()
+export class CodeEditorInfoManager {
+  editorHostRefMap: Map<string, React.RefObject<HTMLDivElement>>;
+
+  constructor() {
+    this.editorHostRefMap = new Map();
+  }
+
+  setEditorHostRef(id: string, ref: React.RefObject<HTMLDivElement>) {
+    if (!this.editorHostRefMap) {
+      this.editorHostRefMap = new Map();
+    }
+
+    this.editorHostRefMap.set(id, ref);
+  }
+
+  getEditorHostRef(id: string) {
+    if (!this.editorHostRefMap) {
+      return undefined;
+    }
+    return this.editorHostRefMap.get(id);
+  }
+}

package/src/code-editor-manager.ts

@@ -0,0 +1,71 @@
+import type { Contribution } from '@difizen/mana-app';
+import { Priority, ViewManager, contrib, inject, singleton } from '@difizen/mana-app';
+
+import { CodeEditorInfoManager } from './code-editor-info-manager.js';
+import type { IModel } from './code-editor-model.js';
+import { CodeEditorContribution } from './code-editor-protocol.js';
+import type { EditorState } from './code-editor-protocol.js';
+import { CodeEditorSettings } from './code-editor-settings.js';
+import type { CodeEditorViewOptions } from './code-editor-view.js';
+import { CodeEditorView } from './code-editor-view.js';
+
+@singleton()
+export class CodeEditorManager {
+  @contrib(CodeEditorContribution)
+  protected readonly codeEditorProvider: Contribution.Provider<CodeEditorContribution>;
+  @inject(ViewManager) protected readonly viewManager: ViewManager;
+  @inject(CodeEditorInfoManager) protected codeEditorInfoManager: CodeEditorInfoManager;
+  @inject(CodeEditorSettings) protected readonly codeEditorSettings: CodeEditorSettings;
+  protected stateCache: Map<string, EditorState> = new Map();
+
+  setEditorHostRef(id: string, ref: React.RefObject<HTMLDivElement>) {
+    this.codeEditorInfoManager.setEditorHostRef(id, ref);
+  }
+
+  protected findCodeEditorProvider(model: IModel) {
+    const prioritized = Priority.sortSync(
+      this.codeEditorProvider.getContributions(),
+      (contribution) => contribution.canHandle(model.mimeType),
+    );
+    const sorted = prioritized.map((c) => c.value);
+    return sorted[0];
+  }
+
+  /**
+   * 获取默认配置
+   * @param model
+   * @returns
+   */
+  getEditorDefaultConfig(model: IModel) {
+    return this.findCodeEditorProvider(model)?.defaultConfig;
+  }
+
+  /**
+   * 用户配置+默认配置（还有一部分配置在cell中指定）
+   * @param model
+   * @returns
+   */
+  getUserEditorConfig(model: IModel) {
+    return {
+      ...this.getEditorDefaultConfig(model),
+      ...this.codeEditorSettings.getUserEditorSettings(),
+    };
+  }
+
+  async getOrCreateEditorView(option: CodeEditorViewOptions): Promise<CodeEditorView> {
+    const factory = this.findCodeEditorProvider(option.model)?.factory;
+    if (!factory) {
+      throw new Error(
+        `no code editor factory registered for mimetype: ${option.model.mimeType}`,
+      );
+    }
+    const editorView = await this.viewManager.getOrCreateView<
+      CodeEditorView,
+      CodeEditorViewOptions
+    >(CodeEditorView, {
+      factory,
+      ...option,
+    });
+    return editorView;
+  }
+}

package/src/code-editor-model.ts

@@ -0,0 +1,120 @@
+import type { CellType } from '@difizen/libro-common';
+import type { Disposable, Event } from '@difizen/mana-app';
+import { prop, transient, Emitter } from '@difizen/mana-app';
+import { v4 } from 'uuid';
+
+import type { ITextSelection } from './code-editor-protocol.js';
+
+export interface IModelOptions {
+  /**
+   * A unique identifier for the model.
+   */
+  id?: string;
+
+  /**
+   * The initial value of the model.
+   */
+  value?: string;
+
+  /**
+   * The mimetype of the model.
+   */
+  mimeType?: string;
+}
+
+/**
+ * An editor model.
+ */
+export interface IModel extends Disposable {
+  /**
+   * The text stored in the model.
+   */
+  value: string;
+
+  /**
+   * A mime type of the model.
+   *
+   * #### Notes
+   * It is never `null`, the default mime type is `text/plain`.
+   */
+  mimeType: string;
+
+  /**
+   * The currently selected code.
+   */
+  selections: ITextSelection[];
+}
+
+/**
+ * The default implementation of the editor model.
+ */
+@transient()
+export class Model implements IModel {
+  id: string;
+
+  /**
+   * The text stored in the model.
+   */
+  @prop()
+  value: string;
+
+  /**
+   * A mime type of the model.
+   *
+   * #### Notes
+   * It is never `null`, the default mime type is `text/plain`.
+   */
+  @prop()
+  mimeType: string;
+
+  @prop()
+  type: CellType = 'code';
+
+  /**
+   * The currently selected code.
+   */
+  @prop()
+  selections: ITextSelection[];
+
+  /**
+   * Construct a new Model.
+   */
+  constructor(options?: IModelOptions) {
+    // this.sharedModel = models.createStandaloneCell(this.type, options.id) as models.ISharedText;
+    // this.sharedModel.changed.connect(this._onSharedModelChanged, this);
+    this.id = options?.id ?? v4();
+
+    this.value = options?.value ?? '';
+    this.mimeType = options?.mimeType ?? 'text/plain';
+    this.selections = [];
+  }
+
+  /**
+   * A signal emitted when the shared model was switched.
+   */
+  get sharedModelSwitched(): Event<boolean> {
+    return this._sharedModelSwitched;
+  }
+
+  /**
+   * Whether the model is disposed.
+   */
+  get isDisposed(): boolean {
+    return this._isDisposed;
+  }
+
+  /**
+   * Dispose of the resources used by the model.
+   */
+  dispose(): void {
+    if (this._isDisposed) {
+      return;
+    }
+    this._isDisposed = true;
+  }
+
+  protected _isDisposed = false;
+
+  protected _sharedModelSwitchedEmitter = new Emitter<boolean>();
+  protected _sharedModelSwitched = this._sharedModelSwitchedEmitter.event;
+}