@kispace-io/extension-monaco-editor 0.8.0 → 0.8.2

package/{src/i18n.json → dist/i18n.json.d.ts}

@@ -1,4 +1,4 @@
-{
+declare const _default: {
   "namespace": "extensions",
   "en": {
     "EXT_MONACO_NAME": "Monaco Code Editor",
@@ -8,4 +8,6 @@
     "EXT_MONACO_NAME": "Monaco-Code-Editor",
     "EXT_MONACO_DESC": "Code-Editor mit Syntaxhervorhebung, Code-Vervollständigung und Python-Ausführungsunterstützung"
   }
-}
+};
+
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,20 @@
+import { contributionRegistry, SYSTEM_LANGUAGE_BUNDLES, i18nLazy, extensionRegistry } from "@kispace-io/core";
+const namespace = "extensions";
+const en = { "EXT_MONACO_NAME": "Monaco Code Editor", "EXT_MONACO_DESC": "Code editor with syntax highlighting, code completion, and Python execution support" };
+const de = { "EXT_MONACO_NAME": "Monaco-Code-Editor", "EXT_MONACO_DESC": "Code-Editor mit Syntaxhervorhebung, Code-Vervollständigung und Python-Ausführungsunterstützung" };
+const bundle = {
+  namespace,
+  en,
+  de
+};
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle);
+const t = i18nLazy("extensions");
+extensionRegistry.registerExtension({
+  id: "system.monaco",
+  name: t("EXT_MONACO_NAME"),
+  description: t("EXT_MONACO_DESC"),
+  loader: () => import("./monaco-editor-extension-B5XEGKAr.js"),
+  icon: "file-pen",
+  dependencies: ["system.pythonruntime"]
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { extensionRegistry, i18nLazy, contributionRegistry, SYSTEM_LANGUAGE_BUNDLES } from '@kispace-io/core';\nimport bundle from './i18n.json';\n\ncontributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle as any);\n\nconst t = i18nLazy('extensions');\n\nextensionRegistry.registerExtension({\n  id: \"system.monaco\",\n  name: t('EXT_MONACO_NAME'),\n  description: t('EXT_MONACO_DESC'),\n  loader: () => import(\"./monaco-editor-extension\"),\n  icon: \"file-pen\",\n  \n  dependencies: [\"system.pythonruntime\"],\n});\n"],"names":[],"mappings":";;;;;;;;;AAGA,qBAAqB,qBAAqB,yBAAyB,MAAa;AAEhF,MAAM,IAAI,SAAS,YAAY;AAE/B,kBAAkB,kBAAkB;AAAA,EAClC,IAAI;AAAA,EACJ,MAAM,EAAE,iBAAiB;AAAA,EACzB,aAAa,EAAE,iBAAiB;AAAA,EAChC,QAAQ,MAAM,OAAO,uCAA2B;AAAA,EAChD,MAAM;AAAA,EAEN,cAAc,CAAC,sBAAsB;AACvC,CAAC;"}

package/dist/k-monaco-editor-D9TjtA98.js

@@ -0,0 +1,309 @@
+import * as monaco from "monaco-editor";
+import styles from "monaco-editor/min/vs/editor/editor.main.css?raw";
+import { property, state, customElement } from "lit/decorators.js";
+import { KPart, logger, workspaceService } from "@kispace-io/core";
+import { css, html } from "lit";
+import { createRef, ref } from "lit/directives/ref.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { PyEnv, pythonPackageManagerService } from "@kispace-io/extension-python-runtime/api";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const workerMap = {
+  "json": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgSlNPTldvcmtlciB9IGZyb20gJy4vanNvbldvcmtlci5qcyc7CgpzZWxmLm9ubWVzc2FnZSA9ICgpID0+IHsKICBpbml0aWFsaXplKChjdHgsIGNyZWF0ZURhdGEpID0+IHsKICAgIHJldHVybiBuZXcgSlNPTldvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "css": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgQ1NTV29ya2VyIH0gZnJvbSAnLi9jc3NXb3JrZXIuanMnOwoKc2VsZi5vbm1lc3NhZ2UgPSAoKSA9PiB7CiAgaW5pdGlhbGl6ZSgoY3R4LCBjcmVhdGVEYXRhKSA9PiB7CiAgICByZXR1cm4gbmV3IENTU1dvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "scss": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgQ1NTV29ya2VyIH0gZnJvbSAnLi9jc3NXb3JrZXIuanMnOwoKc2VsZi5vbm1lc3NhZ2UgPSAoKSA9PiB7CiAgaW5pdGlhbGl6ZSgoY3R4LCBjcmVhdGVEYXRhKSA9PiB7CiAgICByZXR1cm4gbmV3IENTU1dvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "less": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgQ1NTV29ya2VyIH0gZnJvbSAnLi9jc3NXb3JrZXIuanMnOwoKc2VsZi5vbm1lc3NhZ2UgPSAoKSA9PiB7CiAgaW5pdGlhbGl6ZSgoY3R4LCBjcmVhdGVEYXRhKSA9PiB7CiAgICByZXR1cm4gbmV3IENTU1dvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "html": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgSFRNTFdvcmtlciB9IGZyb20gJy4vaHRtbFdvcmtlci5qcyc7CgpzZWxmLm9ubWVzc2FnZSA9ICgpID0+IHsKICBpbml0aWFsaXplKChjdHgsIGNyZWF0ZURhdGEpID0+IHsKICAgIHJldHVybiBuZXcgSFRNTFdvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "handlebars": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgSFRNTFdvcmtlciB9IGZyb20gJy4vaHRtbFdvcmtlci5qcyc7CgpzZWxmLm9ubWVzc2FnZSA9ICgpID0+IHsKICBpbml0aWFsaXplKChjdHgsIGNyZWF0ZURhdGEpID0+IHsKICAgIHJldHVybiBuZXcgSFRNTFdvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "razor": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgSFRNTFdvcmtlciB9IGZyb20gJy4vaHRtbFdvcmtlci5qcyc7CgpzZWxmLm9ubWVzc2FnZSA9ICgpID0+IHsKICBpbml0aWFsaXplKChjdHgsIGNyZWF0ZURhdGEpID0+IHsKICAgIHJldHVybiBuZXcgSFRNTFdvcmtlcihjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9Owo=", import.meta.url).href,
+  "typescript": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0ICogYXMgdHlwZXNjcmlwdFNlcnZpY2VzIGZyb20gJy4vbGliL3R5cGVzY3JpcHRTZXJ2aWNlcy5qcyc7CmV4cG9ydCB7IHR5cGVzY3JpcHRTZXJ2aWNlcyBhcyB0cyB9OwppbXBvcnQgeyBjcmVhdGUgfSBmcm9tICcuL3RzV29ya2VyLmpzJzsKZXhwb3J0IHsgVHlwZVNjcmlwdFdvcmtlciB9IGZyb20gJy4vdHNXb3JrZXIuanMnOwpleHBvcnQgeyBsaWJGaWxlTWFwIH0gZnJvbSAnLi9saWIvbGliLmpzJzsKCnNlbGYub25tZXNzYWdlID0gKCkgPT4gewogIGluaXRpYWxpemUoKGN0eCwgY3JlYXRlRGF0YSkgPT4gewogICAgcmV0dXJuIGNyZWF0ZShjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9OwoKZXhwb3J0IHsgY3JlYXRlLCBpbml0aWFsaXplIH07Cg==", import.meta.url).href,
+  "javascript": new URL("data:text/javascript;base64,aW1wb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0ICogYXMgdHlwZXNjcmlwdFNlcnZpY2VzIGZyb20gJy4vbGliL3R5cGVzY3JpcHRTZXJ2aWNlcy5qcyc7CmV4cG9ydCB7IHR5cGVzY3JpcHRTZXJ2aWNlcyBhcyB0cyB9OwppbXBvcnQgeyBjcmVhdGUgfSBmcm9tICcuL3RzV29ya2VyLmpzJzsKZXhwb3J0IHsgVHlwZVNjcmlwdFdvcmtlciB9IGZyb20gJy4vdHNXb3JrZXIuanMnOwpleHBvcnQgeyBsaWJGaWxlTWFwIH0gZnJvbSAnLi9saWIvbGliLmpzJzsKCnNlbGYub25tZXNzYWdlID0gKCkgPT4gewogIGluaXRpYWxpemUoKGN0eCwgY3JlYXRlRGF0YSkgPT4gewogICAgcmV0dXJuIGNyZWF0ZShjdHgsIGNyZWF0ZURhdGEpOwogIH0pOwp9OwoKZXhwb3J0IHsgY3JlYXRlLCBpbml0aWFsaXplIH07Cg==", import.meta.url).href
+};
+self.MonacoEnvironment = {
+  getWorkerUrl(_, label) {
+    return workerMap[label] || new URL("data:text/javascript;base64,aW1wb3J0IHsgaXNXb3JrZXJJbml0aWFsaXplZCB9IGZyb20gJy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKZXhwb3J0IHsgaW5pdGlhbGl6ZSB9IGZyb20gJy4uL2NvbW1vbi9pbml0aWFsaXplLmpzJzsKaW1wb3J0IHsgc3RhcnQgfSBmcm9tICcuL2VkaXRvci53b3JrZXIuc3RhcnQuanMnOwoKc2VsZi5vbm1lc3NhZ2UgPSAoKSA9PiB7CiAgaWYgKCFpc1dvcmtlckluaXRpYWxpemVkKCkpIHsKICAgIHN0YXJ0KCgpID0+IHsKICAgICAgcmV0dXJuIHt9OwogICAgfSk7CiAgfQp9Owo=", import.meta.url).href;
+  }
+};
+let KMonacoEditor = class extends KPart {
+  constructor() {
+    super(...arguments);
+    this.readOnly = false;
+    this.editorRef = createRef();
+    this.canExecute = false;
+    this.requiredPackages = [];
+  }
+  doBeforeUI() {
+    const file = this.input.data;
+    this.canExecute = file.getName().endsWith(".py");
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("canExecute") || changedProperties.has("pyenv")) {
+      this.updateToolbar();
+    }
+  }
+  async doInitUI() {
+    const file = this.input.data;
+    const textContents = await file.getContents();
+    const container = this.editorRef.value;
+    const uri = monaco.Uri.file(file.getName());
+    this.model = monaco.editor.createModel(textContents, void 0, uri);
+    this.editor = monaco.editor.create(container, {
+      theme: "vs-dark",
+      automaticLayout: false
+    });
+    this.model.onDidChangeContent((_event) => {
+      if (this.readOnly) {
+        return;
+      }
+      this.markDirty(true);
+    });
+    this.editor.setModel(this.model);
+    if (this.canExecute) {
+      this.requiredPackages = this.parsePackagesFromContent(textContents);
+    }
+  }
+  getEditor() {
+    return this.editor;
+  }
+  save() {
+    const value = this.model.getValue();
+    this.input?.data.saveContents(value);
+    this.markDirty(false);
+  }
+  doClose() {
+    this.model?.dispose();
+    this.editor?.dispose();
+    this.model = void 0;
+    this.editor = void 0;
+    this.pyenv?.close();
+    this.pyenv = void 0;
+  }
+  async onRunCode() {
+    if (!this.canExecute) {
+      return;
+    }
+    if (!this.pyenv) {
+      await this.toggleConnection();
+    }
+    this.pyenv?.execCode(this.model.getValue());
+  }
+  getLanguage() {
+    return this.model?.getLanguageId()?.toLowerCase() || null;
+  }
+  getContent() {
+    if (!this.model) {
+      return null;
+    }
+    return this.model.getValue();
+  }
+  getSelection() {
+    if (!this.editor || !this.model) {
+      return null;
+    }
+    try {
+      const selection = this.editor.getSelection();
+      if (!selection || selection.isEmpty()) {
+        return null;
+      }
+      return this.model.getValueInRange(selection) || null;
+    } catch (err) {
+      return null;
+    }
+  }
+  getSnippet(lines = 5) {
+    if (!this.editor || !this.model) {
+      return null;
+    }
+    try {
+      const position = this.editor.getPosition();
+      if (!position) {
+        return null;
+      }
+      if (isNaN(lines) || lines < 0) {
+        lines = 5;
+      }
+      const cursorLineNumber = position.lineNumber;
+      const totalLines = this.model.getLineCount();
+      const startLine = Math.max(1, cursorLineNumber - lines);
+      const endLine = Math.min(totalLines, cursorLineNumber + lines);
+      const snippet = this.model.getValueInRange({
+        startLineNumber: startLine,
+        startColumn: 1,
+        endLineNumber: endLine,
+        endColumn: this.model.getLineMaxColumn(endLine)
+      });
+      return {
+        snippet,
+        cursorLine: cursorLineNumber
+      };
+    } catch (err) {
+      return null;
+    }
+  }
+  getFilePath() {
+    return this.input?.data?.getWorkspacePath() || null;
+  }
+  renderToolbar() {
+    if (!this.canExecute) {
+      return html``;
+    }
+    return html`
+            <wa-button @click=${() => this.onRunCode()} title="Run code"
+                       ?disabled="${!this.canExecute}" appearance="plain" size="small">
+                <wa-icon name="play" label="Run code"></wa-icon>
+            </wa-button>
+            <wa-button @click=${() => this.toggleConnection()}
+                       style="${styleMap({ color: this.pyenv ? "var(--wa-color-success-fill-loud)" : "var(--wa-color-danger-fill-loud)" })}"
+                       title="(Re)Connect to execution environment"
+                       ?disabled="${!this.canExecute}"
+                       appearance="plain" size="small">
+                <wa-icon name="circle" label="Connection status"></wa-icon>
+            </wa-button>
+            <wa-button 
+                size="small" 
+                appearance="plain"
+                @click=${() => this.openPackageManager()}
+                title="Manage required Python packages">
+                <wa-icon name="box" label="Packages"></wa-icon>
+                Packages
+            </wa-button>
+        `;
+  }
+  async toggleConnection() {
+    if (this.pyenv) {
+      this.pyenv.close();
+      this.pyenv = void 0;
+    }
+    if (this.model.getLanguageId() !== "python") {
+      logger.error("Language not supported: " + this.model.getLanguageId());
+      return;
+    }
+    this.pyenv = new PyEnv();
+    const workspace = await workspaceService.getWorkspace();
+    await this.pyenv.init(workspace);
+    if (this.requiredPackages.length > 0) {
+      try {
+        await this.pyenv.loadPackages(this.requiredPackages);
+      } catch (error) {
+        logger.error("Failed to load required packages: " + String(error));
+      }
+    }
+  }
+  parsePackagesFromContent(content) {
+    const lines = content.split("\n");
+    const magicCommentRegex = /^#\s*@gs-packages:\s*(.+)$/i;
+    for (const line of lines) {
+      const match = line.match(magicCommentRegex);
+      if (match) {
+        return match[1].split(",").map((pkg) => pkg.trim()).filter((pkg) => pkg.length > 0);
+      }
+    }
+    return [];
+  }
+  updatePackagesInContent() {
+    if (!this.model) return;
+    const content = this.model.getValue();
+    const lines = content.split("\n");
+    const magicCommentRegex = /^#\s*@gs-packages:/i;
+    let magicCommentLineIndex = -1;
+    for (let i = 0; i < lines.length; i++) {
+      if (magicCommentRegex.test(lines[i])) {
+        magicCommentLineIndex = i;
+        break;
+      }
+    }
+    const newMagicComment = this.requiredPackages.length > 0 ? `# @gs-packages: ${this.requiredPackages.join(", ")}` : null;
+    if (newMagicComment) {
+      if (magicCommentLineIndex >= 0) {
+        lines[magicCommentLineIndex] = newMagicComment;
+      } else {
+        const insertIndex = lines[0]?.startsWith("#!") ? 1 : 0;
+        lines.splice(insertIndex, 0, newMagicComment);
+      }
+    } else if (magicCommentLineIndex >= 0) {
+      lines.splice(magicCommentLineIndex, 1);
+    }
+    const newContent = lines.join("\n");
+    if (newContent !== content) {
+      this.model.setValue(newContent);
+    }
+  }
+  openPackageManager() {
+    pythonPackageManagerService.showPackageManager({
+      packages: this.requiredPackages,
+      pyenv: this.pyenv,
+      onPackageAdded: (packageName) => {
+        if (!this.requiredPackages.includes(packageName)) {
+          this.requiredPackages = [...this.requiredPackages, packageName];
+          this.updatePackagesInContent();
+        }
+      },
+      onPackageRemoved: (packageName) => {
+        this.requiredPackages = this.requiredPackages.filter((pkg) => pkg !== packageName);
+        this.updatePackagesInContent();
+      }
+    });
+  }
+  render() {
+    return html`
+            <style>
+                ${styles}
+            </style>
+            <div class="monaco-editor-container" ${ref(this.editorRef)}>
+            </div>
+        `;
+  }
+};
+KMonacoEditor.styles = css`
+        :host {
+            display: flex;
+            flex-direction: column;
+            position: relative;
+            width: 100%;
+            height: 100%;
+        }
+
+        input.prompt {
+            flex: 1;
+            font-size: large;
+        }
+
+        div.monaco-editor-container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+        }
+    `;
+__decorateClass([
+  property({ attribute: false })
+], KMonacoEditor.prototype, "input", 2);
+__decorateClass([
+  property()
+], KMonacoEditor.prototype, "readOnly", 2);
+__decorateClass([
+  state()
+], KMonacoEditor.prototype, "canExecute", 2);
+__decorateClass([
+  state()
+], KMonacoEditor.prototype, "pyenv", 2);
+__decorateClass([
+  state()
+], KMonacoEditor.prototype, "requiredPackages", 2);
+KMonacoEditor = __decorateClass([
+  customElement("k-monaco-editor")
+], KMonacoEditor);
+export {
+  KMonacoEditor
+};
+//# sourceMappingURL=k-monaco-editor-D9TjtA98.js.map

package/dist/k-monaco-editor-D9TjtA98.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"k-monaco-editor-D9TjtA98.js","sources":["../src/k-monaco-editor.ts"],"sourcesContent":["import * as monaco from 'monaco-editor';\nimport styles from \"monaco-editor/min/vs/editor/editor.main.css?raw\";\nimport {customElement, property, state} from \"lit/decorators.js\";\nimport {KPart} from \"@kispace-io/core\";\nimport {css, html} from \"lit\";\nimport {createRef, ref} from \"lit/directives/ref.js\";\nimport {EditorInput, EditorContentProvider} from \"@kispace-io/core\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport { PyEnv, pythonPackageManagerService } from \"@kispace-io/extension-python-runtime/api\";\nimport { workspaceService } from \"@kispace-io/core\";\nimport { logger } from '@kispace-io/core';\n\nconst workerMap: Record<string, string> = {\n    'json': new URL('monaco-editor/esm/vs/language/json/json.worker.js', import.meta.url).href,\n    'css': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,\n    'scss': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,\n    'less': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,\n    'html': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,\n    'handlebars': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,\n    'razor': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,\n    'typescript': new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url).href,\n    'javascript': new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url).href,\n};\n\nself.MonacoEnvironment = {\n    getWorkerUrl(_: any, label: string) {\n        return workerMap[label] || new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url).href;\n    }\n};\n\n@customElement('k-monaco-editor')\nexport class KMonacoEditor extends KPart implements EditorContentProvider {\n    @property({attribute: false})\n    public input?: EditorInput;\n    @property()\n    public readOnly: boolean = false;\n\n    private editorRef = createRef();\n    private editor?: any;\n    private model?: any;\n\n    @state()\n    private canExecute: boolean = false;\n\n    @state()\n    private pyenv?: PyEnv;\n\n    @state()\n    private requiredPackages: string[] = [];\n\n\n    protected doBeforeUI() {\n        const file = this.input!.data\n        this.canExecute = file.getName().endsWith(\".py\")\n    }\n\n    protected updated(changedProperties: Map<string, any>) {\n        super.updated(changedProperties);\n        \n        if (changedProperties.has('canExecute') || changedProperties.has('pyenv')) {\n            this.updateToolbar();\n        }\n    }\n\n    protected async doInitUI() {\n        const file = this.input!.data\n        const textContents = await file.getContents()\n        const container = this.editorRef.value as HTMLElement\n        const uri = monaco.Uri.file(file.getName())\n        this.model = monaco.editor.createModel(textContents, undefined, uri)\n        this.editor = monaco.editor.create(container, {\n            theme: 'vs-dark',\n            automaticLayout: false,\n        })\n        this.model.onDidChangeContent((_event: Event) => {\n            if (this.readOnly) {\n                return\n            }\n            this.markDirty(true)\n        })\n        this.editor.setModel(this.model)\n\n        if (this.canExecute) {\n            this.requiredPackages = this.parsePackagesFromContent(textContents as string)\n        }\n    }\n\n    public getEditor() {\n        return this.editor\n    }\n\n    save(): void {\n        const value = this.model.getValue()\n        this.input?.data.saveContents(value)\n        this.markDirty(false)\n    }\n\n    protected doClose() {\n        this.model?.dispose();\n        this.editor?.dispose()\n        this.model = undefined\n        this.editor = undefined\n        this.pyenv?.close()\n        this.pyenv = undefined\n    }\n\n    private async onRunCode() {\n        if (!this.canExecute) {\n            return\n        }\n        if (!this.pyenv) {\n            await this.toggleConnection();\n        }\n        this.pyenv?.execCode(this.model.getValue())\n    }\n\n    public getLanguage() {\n        return this.model?.getLanguageId()?.toLowerCase() || null\n    }\n\n    public getContent(): string | null {\n        if (!this.model) {\n            return null\n        }\n        return this.model.getValue()\n    }\n\n    public getSelection(): string | null {\n        if (!this.editor || !this.model) {\n            return null\n        }\n        try {\n            const selection = this.editor.getSelection()\n            if (!selection || selection.isEmpty()) {\n                return null\n            }\n            return this.model.getValueInRange(selection) || null\n        } catch (err) {\n            return null\n        }\n    }\n\n    public getSnippet(lines: number = 5): { snippet: string; cursorLine: number } | null {\n        if (!this.editor || !this.model) {\n            return null\n        }\n        try {\n            const position = this.editor.getPosition()\n            if (!position) {\n                return null\n            }\n\n            if (isNaN(lines) || lines < 0) {\n                lines = 5\n            }\n\n            const cursorLineNumber = position.lineNumber\n            const totalLines = this.model.getLineCount()\n            \n            const startLine = Math.max(1, cursorLineNumber - lines)\n            const endLine = Math.min(totalLines, cursorLineNumber + lines)\n            \n            const snippet = this.model.getValueInRange({\n                startLineNumber: startLine,\n                startColumn: 1,\n                endLineNumber: endLine,\n                endColumn: this.model.getLineMaxColumn(endLine)\n            })\n\n            return {\n                snippet,\n                cursorLine: cursorLineNumber\n            }\n        } catch (err) {\n            return null\n        }\n    }\n\n    public getFilePath(): string | null {\n        return this.input?.data?.getWorkspacePath() || null\n    }\n\n    protected renderToolbar() {\n        if (!this.canExecute) {\n            return html``;\n        }\n\n        return html`\n            <wa-button @click=${() => this.onRunCode()} title=\"Run code\"\n                       ?disabled=\"${!this.canExecute}\" appearance=\"plain\" size=\"small\">\n                <wa-icon name=\"play\" label=\"Run code\"></wa-icon>\n            </wa-button>\n            <wa-button @click=${() => this.toggleConnection()}\n                       style=\"${styleMap({color: this.pyenv ? \"var(--wa-color-success-fill-loud)\" : \"var(--wa-color-danger-fill-loud)\"})}\"\n                       title=\"(Re)Connect to execution environment\"\n                       ?disabled=\"${!this.canExecute}\"\n                       appearance=\"plain\" size=\"small\">\n                <wa-icon name=\"circle\" label=\"Connection status\"></wa-icon>\n            </wa-button>\n            <wa-button \n                size=\"small\" \n                appearance=\"plain\"\n                @click=${() => this.openPackageManager()}\n                title=\"Manage required Python packages\">\n                <wa-icon name=\"box\" label=\"Packages\"></wa-icon>\n                Packages\n            </wa-button>\n        `;\n    }\n\n    private async toggleConnection() {\n        if (this.pyenv) {\n            this.pyenv.close()\n            this.pyenv = undefined\n        }\n        if (this.model.getLanguageId() !== \"python\") {\n            logger.error(\"Language not supported: \" + this.model.getLanguageId());\n            return\n        }\n        this.pyenv = new PyEnv()\n        const workspace = await workspaceService.getWorkspace()\n        await this.pyenv.init(workspace!)\n\n        if (this.requiredPackages.length > 0) {\n            try {\n                await this.pyenv.loadPackages(this.requiredPackages)\n            } catch (error) {\n                logger.error(\"Failed to load required packages: \" + String(error))\n            }\n        }\n    }\n\n    private parsePackagesFromContent(content: string): string[] {\n        const lines = content.split('\\n')\n        const magicCommentRegex = /^#\\s*@gs-packages:\\s*(.+)$/i\n        \n        for (const line of lines) {\n            const match = line.match(magicCommentRegex)\n            if (match) {\n                return match[1]\n                    .split(',')\n                    .map(pkg => pkg.trim())\n                    .filter(pkg => pkg.length > 0)\n            }\n        }\n        \n        return []\n    }\n\n    private updatePackagesInContent(): void {\n        if (!this.model) return\n\n        const content = this.model.getValue()\n        const lines = content.split('\\n')\n        const magicCommentRegex = /^#\\s*@gs-packages:/i\n        \n        let magicCommentLineIndex = -1\n        for (let i = 0; i < lines.length; i++) {\n            if (magicCommentRegex.test(lines[i])) {\n                magicCommentLineIndex = i\n                break\n            }\n        }\n\n        const newMagicComment = this.requiredPackages.length > 0\n            ? `# @gs-packages: ${this.requiredPackages.join(', ')}`\n            : null\n\n        if (newMagicComment) {\n            if (magicCommentLineIndex >= 0) {\n                lines[magicCommentLineIndex] = newMagicComment\n            } else {\n                const insertIndex = lines[0]?.startsWith('#!') ? 1 : 0\n                lines.splice(insertIndex, 0, newMagicComment)\n            }\n        } else if (magicCommentLineIndex >= 0) {\n            lines.splice(magicCommentLineIndex, 1)\n        }\n\n        const newContent = lines.join('\\n')\n        if (newContent !== content) {\n            this.model.setValue(newContent)\n        }\n    }\n\n    private openPackageManager() {\n        pythonPackageManagerService.showPackageManager({\n            packages: this.requiredPackages,\n            pyenv: this.pyenv,\n            onPackageAdded: (packageName: string) => {\n                if (!this.requiredPackages.includes(packageName)) {\n                    this.requiredPackages = [...this.requiredPackages, packageName]\n                    this.updatePackagesInContent()\n                }\n            },\n            onPackageRemoved: (packageName: string) => {\n                this.requiredPackages = this.requiredPackages.filter(pkg => pkg !== packageName)\n                this.updatePackagesInContent()\n            }\n        })\n    }\n\n    render() {\n        return html`\n            <style>\n                ${styles}\n            </style>\n            <div class=\"monaco-editor-container\" ${ref(this.editorRef)}>\n            </div>\n        `\n    }\n\n    static styles = css`\n        :host {\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }\n\n        input.prompt {\n            flex: 1;\n            font-size: large;\n        }\n\n        div.monaco-editor-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n        }\n    `;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'k-monaco-editor': KMonacoEditor\n    }\n}\n\n"],"names":[],"mappings":"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"}

package/dist/k-monaco-editor.d.ts

@@ -0,0 +1,39 @@
+import { KPart, EditorInput, EditorContentProvider } from '@kispace-io/core';
+export declare class KMonacoEditor extends KPart implements EditorContentProvider {
+    input?: EditorInput;
+    readOnly: boolean;
+    private editorRef;
+    private editor?;
+    private model?;
+    private canExecute;
+    private pyenv?;
+    private requiredPackages;
+    protected doBeforeUI(): void;
+    protected updated(changedProperties: Map<string, any>): void;
+    protected doInitUI(): Promise<void>;
+    getEditor(): any;
+    save(): void;
+    protected doClose(): void;
+    private onRunCode;
+    getLanguage(): any;
+    getContent(): string | null;
+    getSelection(): string | null;
+    getSnippet(lines?: number): {
+        snippet: string;
+        cursorLine: number;
+    } | null;
+    getFilePath(): string | null;
+    protected renderToolbar(): import('lit-html').TemplateResult<1>;
+    private toggleConnection;
+    private parsePackagesFromContent;
+    private updatePackagesInContent;
+    private openPackageManager;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'k-monaco-editor': KMonacoEditor;
+    }
+}
+//# sourceMappingURL=k-monaco-editor.d.ts.map

package/dist/k-monaco-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"k-monaco-editor.d.ts","sourceRoot":"","sources":["../src/k-monaco-editor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAwBpE,qBACa,aAAc,SAAQ,KAAM,YAAW,qBAAqB;IAE9D,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,MAAM,CAAC,CAAM;IACrB,OAAO,CAAC,KAAK,CAAC,CAAM;IAGpB,OAAO,CAAC,UAAU,CAAkB;IAGpC,OAAO,CAAC,KAAK,CAAC,CAAQ;IAGtB,OAAO,CAAC,gBAAgB,CAAgB;IAGxC,SAAS,CAAC,UAAU;IAKpB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;cAQrC,QAAQ;IAuBjB,SAAS;IAIhB,IAAI,IAAI,IAAI;IAMZ,SAAS,CAAC,OAAO;YASH,SAAS;IAUhB,WAAW;IAIX,UAAU,IAAI,MAAM,GAAG,IAAI;IAO3B,YAAY,IAAI,MAAM,GAAG,IAAI;IAe7B,UAAU,CAAC,KAAK,GAAE,MAAU,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAoC7E,WAAW,IAAI,MAAM,GAAG,IAAI;IAInC,SAAS,CAAC,aAAa;YA4BT,gBAAgB;IAsB9B,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,uBAAuB;IAoC/B,OAAO,CAAC,kBAAkB;IAiB1B,MAAM;IAUN,MAAM,CAAC,MAAM,0BAqBX;CACL;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAA;KACnC;CACJ"}

package/dist/monaco-editor-extension-B5XEGKAr.js

@@ -0,0 +1,60 @@
+import { html } from "lit";
+import { editorRegistry, File, contributionRegistry } from "@kispace-io/core";
+import { CID_PROMPT_ENHANCERS } from "@kispace-io/extension-ai-system/api";
+const PYTHON_PROMPT = "**Python Programming Assistant:**\n\nYou are helping with Python code. Python code is executed in the browser using Pyodide.\n\n**Python-Specific Responsibilities:**\n- Explain Python code and help debug Python errors\n- Help with `js` module interaction: calling JavaScript functions from Python and passing data between Python and JavaScript\n- Provide Python code examples\n- Remember code runs in a browser environment (Pyodide) - be mindful of browser limitations\n\n**Python Environment:**\n- Working directory is `/workspace` (linked to user's local file system)\n- Install packages by adding them to `requirements.txt` in the workspace\n- Packages in `requirements.txt` are automatically installed before code execution\n\n";
+const JAVASCRIPT_PROMPT = "**JavaScript Programming Assistant:**\n\nYou are helping with JavaScript code. JavaScript code is executed in a worker.\n\n**JavaScript-Specific Focus:**\n- Help with JavaScript, OpenLayers usage, and module patterns\n- When a user requests a starter module, provide this template:\n\n```javascript\nexport default function ({ map, env, render, html, style, when, ref, createRef, events, settings }) {\n    const state = {};\n    return () => html`\n        <div>\n            <h3>Hello!</h3>\n            <button @click=${() => {}}>Click me</button>\n        </div>\n    `;\n}\n```\n\n";
+editorRegistry.registerEditorInputHandler({
+  lazyInit: async () => {
+    await import("./k-monaco-editor-D9TjtA98.js");
+  },
+  canHandle: (input) => input instanceof File,
+  handle: async (input) => {
+    const editorInput = {
+      title: input.getName(),
+      data: input,
+      key: input.getName(),
+      editorId: "monaco-editor",
+      icon: "file-pen",
+      noOverflow: false,
+      state: {}
+    };
+    editorInput.widgetFactory = () => html`
+            <k-monaco-editor .input=${editorInput}></k-monaco-editor>`;
+    return editorInput;
+  }
+});
+function isMonacoEditorWithLanguage(context, language) {
+  const activeEditor = context.activeEditor;
+  return activeEditor && typeof activeEditor.getEditor === "function" && typeof activeEditor.getLanguage === "function" && activeEditor.getLanguage() === language;
+}
+const pythonPromptEnhancer = {
+  priority: 50,
+  enhance: async (prompt, context) => {
+    if (!isMonacoEditorWithLanguage(context, "python")) {
+      return prompt;
+    }
+    return `${prompt}
+
+${PYTHON_PROMPT}`;
+  }
+};
+const javascriptPromptEnhancer = {
+  priority: 50,
+  enhance: async (prompt, context) => {
+    if (!isMonacoEditorWithLanguage(context, "javascript")) {
+      return prompt;
+    }
+    return `${prompt}
+
+${JAVASCRIPT_PROMPT}`;
+  }
+};
+contributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {
+  label: "Python Programming Enhancer",
+  enhancer: pythonPromptEnhancer
+});
+contributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {
+  label: "JavaScript Programming Enhancer",
+  enhancer: javascriptPromptEnhancer
+});
+//# sourceMappingURL=monaco-editor-extension-B5XEGKAr.js.map

package/dist/monaco-editor-extension-B5XEGKAr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-editor-extension-B5XEGKAr.js","sources":["../src/py-programming-prompt.txt?raw","../src/js-programming-prompt.txt?raw","../src/monaco-editor-extension.ts"],"sourcesContent":["export default \"**Python Programming Assistant:**\\n\\nYou are helping with Python code. Python code is executed in the browser using Pyodide.\\n\\n**Python-Specific Responsibilities:**\\n- Explain Python code and help debug Python errors\\n- Help with `js` module interaction: calling JavaScript functions from Python and passing data between Python and JavaScript\\n- Provide Python code examples\\n- Remember code runs in a browser environment (Pyodide) - be mindful of browser limitations\\n\\n**Python Environment:**\\n- Working directory is `/workspace` (linked to user's local file system)\\n- Install packages by adding them to `requirements.txt` in the workspace\\n- Packages in `requirements.txt` are automatically installed before code execution\\n\\n\"","export default \"**JavaScript Programming Assistant:**\\n\\nYou are helping with JavaScript code. JavaScript code is executed in a worker.\\n\\n**JavaScript-Specific Focus:**\\n- Help with JavaScript, OpenLayers usage, and module patterns\\n- When a user requests a starter module, provide this template:\\n\\n```javascript\\nexport default function ({ map, env, render, html, style, when, ref, createRef, events, settings }) {\\n    const state = {};\\n    return () => html`\\n        <div>\\n            <h3>Hello!</h3>\\n            <button @click=${() => {}}>Click me</button>\\n        </div>\\n    `;\\n}\\n```\\n\\n\"","import {html} from \"lit\";\nimport {EditorInput, editorRegistry} from \"@kispace-io/core\";\nimport {File} from \"@kispace-io/core\";\nimport {contributionRegistry} from \"@kispace-io/core\";\nimport {CID_PROMPT_ENHANCERS, type PromptEnhancer, type PromptEnhancerContribution} from \"@kispace-io/extension-ai-system/api\";\nimport type {ExecutionContext} from \"@kispace-io/core\";\nimport PYTHON_PROMPT from \"./py-programming-prompt.txt?raw\";\nimport JAVASCRIPT_PROMPT from \"./js-programming-prompt.txt?raw\";\n\neditorRegistry.registerEditorInputHandler({\n    lazyInit: async () => {\n        await import('./k-monaco-editor');\n    },\n    canHandle: input => input instanceof File,\n    handle: async (input: File) => {\n        const editorInput = {\n            title: input.getName(),\n            data: input,\n            key: input.getName(),\n            editorId: \"monaco-editor\",\n            icon: \"file-pen\",\n            noOverflow: false,\n            state: {},\n        } as EditorInput\n        editorInput.widgetFactory = () => html`\n            <k-monaco-editor .input=${editorInput}></k-monaco-editor>`\n        return editorInput;\n    }\n})\n\n// Helper to check if active editor is a Monaco editor with specific language\nfunction isMonacoEditorWithLanguage(context: ExecutionContext, language: string): boolean {\n    const activeEditor = context.activeEditor as any;\n    return activeEditor &&\n        typeof activeEditor.getEditor === 'function' &&\n        typeof activeEditor.getLanguage === 'function' &&\n        activeEditor.getLanguage() === language;\n}\n\n// Python programming prompt enhancer\nconst pythonPromptEnhancer: PromptEnhancer = {\n    priority: 50,\n    enhance: async (prompt: string, context: ExecutionContext) => {\n        if (!isMonacoEditorWithLanguage(context, 'python')) {\n            return prompt;\n        }\n        return `${prompt}\\n\\n${PYTHON_PROMPT}`;\n    }\n};\n\n// JavaScript programming prompt enhancer\nconst javascriptPromptEnhancer: PromptEnhancer = {\n    priority: 50,\n    enhance: async (prompt: string, context: ExecutionContext) => {\n        if (!isMonacoEditorWithLanguage(context, 'javascript')) {\n            return prompt;\n        }\n        return `${prompt}\\n\\n${JAVASCRIPT_PROMPT}`;\n    }\n};\n\n// Register prompt enhancers for programming languages\ncontributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {\n    label: \"Python Programming Enhancer\",\n    enhancer: pythonPromptEnhancer\n} as PromptEnhancerContribution);\n\ncontributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {\n    label: \"JavaScript Programming Enhancer\",\n    enhancer: javascriptPromptEnhancer\n} as PromptEnhancerContribution);\n\n"],"names":[],"mappings":";;;AAAA,MAAA,gBAAe;ACAf,MAAA,oBAAe;ACSf,eAAe,2BAA2B;AAAA,EACtC,UAAU,YAAY;AAClB,UAAM,OAAO,+BAAmB;AAAA,EACpC;AAAA,EACA,WAAW,WAAS,iBAAiB;AAAA,EACrC,QAAQ,OAAO,UAAgB;AAC3B,UAAM,cAAc;AAAA,MAChB,OAAO,MAAM,QAAA;AAAA,MACb,MAAM;AAAA,MACN,KAAK,MAAM,QAAA;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,OAAO,CAAA;AAAA,IAAC;AAEZ,gBAAY,gBAAgB,MAAM;AAAA,sCACJ,WAAW;AACzC,WAAO;AAAA,EACX;AACJ,CAAC;AAGD,SAAS,2BAA2B,SAA2B,UAA2B;AACtF,QAAM,eAAe,QAAQ;AAC7B,SAAO,gBACH,OAAO,aAAa,cAAc,cAClC,OAAO,aAAa,gBAAgB,cACpC,aAAa,YAAA,MAAkB;AACvC;AAGA,MAAM,uBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,SAAS,OAAO,QAAgB,YAA8B;AAC1D,QAAI,CAAC,2BAA2B,SAAS,QAAQ,GAAG;AAChD,aAAO;AAAA,IACX;AACA,WAAO,GAAG,MAAM;AAAA;AAAA,EAAO,aAAa;AAAA,EACxC;AACJ;AAGA,MAAM,2BAA2C;AAAA,EAC7C,UAAU;AAAA,EACV,SAAS,OAAO,QAAgB,YAA8B;AAC1D,QAAI,CAAC,2BAA2B,SAAS,YAAY,GAAG;AACpD,aAAO;AAAA,IACX;AACA,WAAO,GAAG,MAAM;AAAA;AAAA,EAAO,iBAAiB;AAAA,EAC5C;AACJ;AAGA,qBAAqB,qBAAqB,sBAAsB;AAAA,EAC5D,OAAO;AAAA,EACP,UAAU;AACd,CAA+B;AAE/B,qBAAqB,qBAAqB,sBAAsB;AAAA,EAC5D,OAAO;AAAA,EACP,UAAU;AACd,CAA+B;"}

package/dist/monaco-editor-extension.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=monaco-editor-extension.d.ts.map

package/dist/monaco-editor-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-editor-extension.d.ts","sourceRoot":"","sources":["../src/monaco-editor-extension.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@kispace-io/extension-monaco-editor",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "type": "module",
-  "main": "./src/index.ts",
+  "main": "./dist/index.js",
   "exports": {
     ".": {
-      "import": "./src/index.ts",
-      "types": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "dependencies": {
@@ -16,6 +16,16 @@
     "monaco-editor": "0.55.1"
   },
   "devDependencies": {
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
   }
 }

package/src/index.ts

@@ -1,16 +0,0 @@
-import { extensionRegistry, i18nLazy, contributionRegistry, SYSTEM_LANGUAGE_BUNDLES } from '@kispace-io/core';
-import bundle from './i18n.json';
-
-contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle as any);
-
-const t = i18nLazy('extensions');
-
-extensionRegistry.registerExtension({
-  id: "system.monaco",
-  name: t('EXT_MONACO_NAME'),
-  description: t('EXT_MONACO_DESC'),
-  loader: () => import("./monaco-editor-extension"),
-  icon: "file-pen",
-  
-  dependencies: ["system.pythonruntime"],
-});

package/src/js-programming-prompt.txt

@@ -1,20 +0,0 @@
-**JavaScript Programming Assistant:**
-
-You are helping with JavaScript code. JavaScript code is executed in a worker.
-
-**JavaScript-Specific Focus:**
-- Help with JavaScript, OpenLayers usage, and module patterns
-- When a user requests a starter module, provide this template:
-
-```javascript
-export default function ({ map, env, render, html, style, when, ref, createRef, events, settings }) {
-    const state = {};
-    return () => html`
-        <div>
-            <h3>Hello!</h3>
-            <button @click=${() => {}}>Click me</button>
-        </div>
-    `;
-}
-```
-

package/src/k-monaco-editor.ts

@@ -1,342 +0,0 @@
-import * as monaco from 'monaco-editor';
-import styles from "monaco-editor/min/vs/editor/editor.main.css?raw";
-import {customElement, property, state} from "lit/decorators.js";
-import {KPart} from "@kispace-io/core";
-import {css, html} from "lit";
-import {createRef, ref} from "lit/directives/ref.js";
-import {EditorInput, EditorContentProvider} from "@kispace-io/core";
-import {styleMap} from "lit/directives/style-map.js";
-import { PyEnv, pythonPackageManagerService } from "@kispace-io/extension-python-runtime";
-import { workspaceService } from "@kispace-io/core";
-import { logger } from '@kispace-io/core';
-
-const workerMap: Record<string, string> = {
-    'json': new URL('monaco-editor/esm/vs/language/json/json.worker.js', import.meta.url).href,
-    'css': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,
-    'scss': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,
-    'less': new URL('monaco-editor/esm/vs/language/css/css.worker.js', import.meta.url).href,
-    'html': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,
-    'handlebars': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,
-    'razor': new URL('monaco-editor/esm/vs/language/html/html.worker.js', import.meta.url).href,
-    'typescript': new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url).href,
-    'javascript': new URL('monaco-editor/esm/vs/language/typescript/ts.worker.js', import.meta.url).href,
-};
-
-self.MonacoEnvironment = {
-    getWorkerUrl(_: any, label: string) {
-        return workerMap[label] || new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url).href;
-    }
-};
-
-@customElement('k-monaco-editor')
-export class KMonacoEditor extends KPart implements EditorContentProvider {
-    @property({attribute: false})
-    public input?: EditorInput;
-    @property()
-    public readOnly: boolean = false;
-
-    private editorRef = createRef();
-    private editor?: any;
-    private model?: any;
-
-    @state()
-    private canExecute: boolean = false;
-
-    @state()
-    private pyenv?: PyEnv;
-
-    @state()
-    private requiredPackages: string[] = [];
-
-
-    protected doBeforeUI() {
-        const file = this.input!.data
-        this.canExecute = file.getName().endsWith(".py")
-    }
-
-    protected updated(changedProperties: Map<string, any>) {
-        super.updated(changedProperties);
-        
-        if (changedProperties.has('canExecute') || changedProperties.has('pyenv')) {
-            this.updateToolbar();
-        }
-    }
-
-    protected async doInitUI() {
-        const file = this.input!.data
-        const textContents = await file.getContents()
-        const container = this.editorRef.value as HTMLElement
-        const uri = monaco.Uri.file(file.getName())
-        this.model = monaco.editor.createModel(textContents, undefined, uri)
-        this.editor = monaco.editor.create(container, {
-            theme: 'vs-dark',
-            automaticLayout: false,
-        })
-        this.model.onDidChangeContent((_event: Event) => {
-            if (this.readOnly) {
-                return
-            }
-            this.markDirty(true)
-        })
-        this.editor.setModel(this.model)
-
-        if (this.canExecute) {
-            this.requiredPackages = this.parsePackagesFromContent(textContents as string)
-        }
-    }
-
-    public getEditor() {
-        return this.editor
-    }
-
-    save(): void {
-        const value = this.model.getValue()
-        this.input?.data.saveContents(value)
-        this.markDirty(false)
-    }
-
-    protected doClose() {
-        this.model?.dispose();
-        this.editor?.dispose()
-        this.model = undefined
-        this.editor = undefined
-        this.pyenv?.close()
-        this.pyenv = undefined
-    }
-
-    private async onRunCode() {
-        if (!this.canExecute) {
-            return
-        }
-        if (!this.pyenv) {
-            await this.toggleConnection();
-        }
-        this.pyenv?.execCode(this.model.getValue())
-    }
-
-    public getLanguage() {
-        return this.model?.getLanguageId()?.toLowerCase() || null
-    }
-
-    public getContent(): string | null {
-        if (!this.model) {
-            return null
-        }
-        return this.model.getValue()
-    }
-
-    public getSelection(): string | null {
-        if (!this.editor || !this.model) {
-            return null
-        }
-        try {
-            const selection = this.editor.getSelection()
-            if (!selection || selection.isEmpty()) {
-                return null
-            }
-            return this.model.getValueInRange(selection) || null
-        } catch (err) {
-            return null
-        }
-    }
-
-    public getSnippet(lines: number = 5): { snippet: string; cursorLine: number } | null {
-        if (!this.editor || !this.model) {
-            return null
-        }
-        try {
-            const position = this.editor.getPosition()
-            if (!position) {
-                return null
-            }
-
-            if (isNaN(lines) || lines < 0) {
-                lines = 5
-            }
-
-            const cursorLineNumber = position.lineNumber
-            const totalLines = this.model.getLineCount()
-            
-            const startLine = Math.max(1, cursorLineNumber - lines)
-            const endLine = Math.min(totalLines, cursorLineNumber + lines)
-            
-            const snippet = this.model.getValueInRange({
-                startLineNumber: startLine,
-                startColumn: 1,
-                endLineNumber: endLine,
-                endColumn: this.model.getLineMaxColumn(endLine)
-            })
-
-            return {
-                snippet,
-                cursorLine: cursorLineNumber
-            }
-        } catch (err) {
-            return null
-        }
-    }
-
-    public getFilePath(): string | null {
-        return this.input?.data?.getWorkspacePath() || null
-    }
-
-    protected renderToolbar() {
-        if (!this.canExecute) {
-            return html``;
-        }
-
-        return html`
-            <wa-button @click=${() => this.onRunCode()} title="Run code"
-                       ?disabled="${!this.canExecute}" appearance="plain" size="small">
-                <wa-icon name="play" label="Run code"></wa-icon>
-            </wa-button>
-            <wa-button @click=${() => this.toggleConnection()}
-                       style="${styleMap({color: this.pyenv ? "var(--wa-color-success-fill-loud)" : "var(--wa-color-danger-fill-loud)"})}"
-                       title="(Re)Connect to execution environment"
-                       ?disabled="${!this.canExecute}"
-                       appearance="plain" size="small">
-                <wa-icon name="circle" label="Connection status"></wa-icon>
-            </wa-button>
-            <wa-button 
-                size="small" 
-                appearance="plain"
-                @click=${() => this.openPackageManager()}
-                title="Manage required Python packages">
-                <wa-icon name="box" label="Packages"></wa-icon>
-                Packages
-            </wa-button>
-        `;
-    }
-
-    private async toggleConnection() {
-        if (this.pyenv) {
-            this.pyenv.close()
-            this.pyenv = undefined
-        }
-        if (this.model.getLanguageId() !== "python") {
-            logger.error("Language not supported: " + this.model.getLanguageId());
-            return
-        }
-        this.pyenv = new PyEnv()
-        const workspace = await workspaceService.getWorkspace()
-        await this.pyenv.init(workspace!)
-
-        if (this.requiredPackages.length > 0) {
-            try {
-                await this.pyenv.loadPackages(this.requiredPackages)
-            } catch (error) {
-                logger.error("Failed to load required packages: " + String(error))
-            }
-        }
-    }
-
-    private parsePackagesFromContent(content: string): string[] {
-        const lines = content.split('\n')
-        const magicCommentRegex = /^#\s*@gs-packages:\s*(.+)$/i
-        
-        for (const line of lines) {
-            const match = line.match(magicCommentRegex)
-            if (match) {
-                return match[1]
-                    .split(',')
-                    .map(pkg => pkg.trim())
-                    .filter(pkg => pkg.length > 0)
-            }
-        }
-        
-        return []
-    }
-
-    private updatePackagesInContent(): void {
-        if (!this.model) return
-
-        const content = this.model.getValue()
-        const lines = content.split('\n')
-        const magicCommentRegex = /^#\s*@gs-packages:/i
-        
-        let magicCommentLineIndex = -1
-        for (let i = 0; i < lines.length; i++) {
-            if (magicCommentRegex.test(lines[i])) {
-                magicCommentLineIndex = i
-                break
-            }
-        }
-
-        const newMagicComment = this.requiredPackages.length > 0
-            ? `# @gs-packages: ${this.requiredPackages.join(', ')}`
-            : null
-
-        if (newMagicComment) {
-            if (magicCommentLineIndex >= 0) {
-                lines[magicCommentLineIndex] = newMagicComment
-            } else {
-                const insertIndex = lines[0]?.startsWith('#!') ? 1 : 0
-                lines.splice(insertIndex, 0, newMagicComment)
-            }
-        } else if (magicCommentLineIndex >= 0) {
-            lines.splice(magicCommentLineIndex, 1)
-        }
-
-        const newContent = lines.join('\n')
-        if (newContent !== content) {
-            this.model.setValue(newContent)
-        }
-    }
-
-    private openPackageManager() {
-        pythonPackageManagerService.showPackageManager({
-            packages: this.requiredPackages,
-            pyenv: this.pyenv,
-            onPackageAdded: (packageName: string) => {
-                if (!this.requiredPackages.includes(packageName)) {
-                    this.requiredPackages = [...this.requiredPackages, packageName]
-                    this.updatePackagesInContent()
-                }
-            },
-            onPackageRemoved: (packageName: string) => {
-                this.requiredPackages = this.requiredPackages.filter(pkg => pkg !== packageName)
-                this.updatePackagesInContent()
-            }
-        })
-    }
-
-    render() {
-        return html`
-            <style>
-                ${styles}
-            </style>
-            <div class="monaco-editor-container" ${ref(this.editorRef)}>
-            </div>
-        `
-    }
-
-    static styles = css`
-        :host {
-            display: flex;
-            flex-direction: column;
-            position: relative;
-            width: 100%;
-            height: 100%;
-        }
-
-        input.prompt {
-            flex: 1;
-            font-size: large;
-        }
-
-        div.monaco-editor-container {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-        }
-    `;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'k-monaco-editor': KMonacoEditor
-    }
-}
-

package/src/monaco-editor-extension.ts

@@ -1,72 +0,0 @@
-import {html} from "lit";
-import {EditorInput, editorRegistry} from "@kispace-io/core";
-import {File} from "@kispace-io/core";
-import {contributionRegistry} from "@kispace-io/core";
-import {CID_PROMPT_ENHANCERS, type PromptEnhancer, type PromptEnhancerContribution} from "@kispace-io/extension-ai-system";
-import type {ExecutionContext} from "@kispace-io/core";
-import PYTHON_PROMPT from "./py-programming-prompt.txt?raw";
-import JAVASCRIPT_PROMPT from "./js-programming-prompt.txt?raw";
-
-editorRegistry.registerEditorInputHandler({
-    lazyInit: async () => {
-        await import('./k-monaco-editor');
-    },
-    canHandle: input => input instanceof File,
-    handle: async (input: File) => {
-        const editorInput = {
-            title: input.getName(),
-            data: input,
-            key: input.getName(),
-            editorId: "monaco-editor",
-            icon: "file-pen",
-            noOverflow: false,
-            state: {},
-        } as EditorInput
-        editorInput.widgetFactory = () => html`
-            <k-monaco-editor .input=${editorInput}></k-monaco-editor>`
-        return editorInput;
-    }
-})
-
-// Helper to check if active editor is a Monaco editor with specific language
-function isMonacoEditorWithLanguage(context: ExecutionContext, language: string): boolean {
-    const activeEditor = context.activeEditor as any;
-    return activeEditor &&
-        typeof activeEditor.getEditor === 'function' &&
-        typeof activeEditor.getLanguage === 'function' &&
-        activeEditor.getLanguage() === language;
-}
-
-// Python programming prompt enhancer
-const pythonPromptEnhancer: PromptEnhancer = {
-    priority: 50,
-    enhance: async (prompt: string, context: ExecutionContext) => {
-        if (!isMonacoEditorWithLanguage(context, 'python')) {
-            return prompt;
-        }
-        return `${prompt}\n\n${PYTHON_PROMPT}`;
-    }
-};
-
-// JavaScript programming prompt enhancer
-const javascriptPromptEnhancer: PromptEnhancer = {
-    priority: 50,
-    enhance: async (prompt: string, context: ExecutionContext) => {
-        if (!isMonacoEditorWithLanguage(context, 'javascript')) {
-            return prompt;
-        }
-        return `${prompt}\n\n${JAVASCRIPT_PROMPT}`;
-    }
-};
-
-// Register prompt enhancers for programming languages
-contributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {
-    label: "Python Programming Enhancer",
-    enhancer: pythonPromptEnhancer
-} as PromptEnhancerContribution);
-
-contributionRegistry.registerContribution(CID_PROMPT_ENHANCERS, {
-    label: "JavaScript Programming Enhancer",
-    enhancer: javascriptPromptEnhancer
-} as PromptEnhancerContribution);
-

package/src/py-programming-prompt.txt

@@ -1,15 +0,0 @@
-**Python Programming Assistant:**
-
-You are helping with Python code. Python code is executed in the browser using Pyodide.
-
-**Python-Specific Responsibilities:**
-- Explain Python code and help debug Python errors
-- Help with `js` module interaction: calling JavaScript functions from Python and passing data between Python and JavaScript
-- Provide Python code examples
-- Remember code runs in a browser environment (Pyodide) - be mindful of browser limitations
-
-**Python Environment:**
-- Working directory is `/workspace` (linked to user's local file system)
-- Install packages by adding them to `requirements.txt` in the workspace
-- Packages in `requirements.txt` are automatically installed before code execution
-

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "src/**/*"
-  ]
-}