@genexus/genexus-ide-ui 3.2.8 → 3.2.10

package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.en.json

@@ -39,20 +39,28 @@
   "tabAdvanced": {
     "tabLabel": "Advanced",
     "tabTitle": "Knowledge Base Storage",
+    "tabSubtitle": "Where this KB's metadata and objects will live",
+    "connectionGroup": "Connection",
+    "authenticationGroup": "Authentication",
+    "databaseHint": "Will be created if it doesn't exist.",
+    "windowsAuthCalloutTitle": "Using current Windows credentials",
+    "windowsAuthCalloutDescription": "Your domain account will be used to connect. No username or password is required.",
     "serverName": {
       "label": "Server Name",
       "placeholder": null,
-      "disabledPlaceholder": "There are no server names to display"
+      "disabledPlaceholder": "There are no server names to display",
+      "browseForMore": "Browse for more..."
     },
     "databaseName": {
-      "label": "Database",
+      "label": "Database Name",
       "placeholder": null,
       "disabledPlaceholder": null
     },
     "collation": {
       "label": "Collation",
       "placeholder": null,
-      "disabledPlaceholder": "There are no collations to display"
+      "disabledPlaceholder": "There are no collations to display",
+      "loadingPlaceholder": "Loading collations..."
     },
     "createDataFilesInKbFolder": "Create Data in Knowledge Base Folder",
     "authenticationType": {
@@ -74,6 +82,11 @@
   },
   "footer": {
     "btnCreate": "Create",
-    "btnCancel": "Cancel"
+    "btnCancel": "Cancel",
+    "connectionStatus": {
+      "connecting": "Connecting...",
+      "success": "Connection success",
+      "failed": "Connection failed"
+    }
   }
 }

package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.ja.json

@@ -39,20 +39,28 @@
   "tabAdvanced": {
     "tabLabel": "詳細",
     "tabTitle": "ナレッジベースのストレージ",
+    "tabSubtitle": "この KB のメタデータとオブジェクトの保存先",
+    "connectionGroup": "接続",
+    "authenticationGroup": "認証",
+    "databaseHint": "存在しない場合は作成されます。",
+    "windowsAuthCalloutTitle": "現在の Windows 認証情報を使用",
+    "windowsAuthCalloutDescription": "ドメインアカウントを使用して接続します。ユーザー名とパスワードは必要ありません。",
     "serverName": {
       "label": "サーバー名",
       "placeholder": null,
-      "disabledPlaceholder": "表示するサーバー名がありません"
+      "disabledPlaceholder": "表示するサーバー名がありません",
+      "browseForMore": "さらに参照..."
     },
     "databaseName": {
-      "label": "データベース",
+      "label": "データベース名",
       "placeholder": null,
       "disabledPlaceholder": null
     },
     "collation": {
       "label": "照合順序",
       "placeholder": null,
-      "disabledPlaceholder": "表示する照合順序がありません"
+      "disabledPlaceholder": "表示する照合順序がありません",
+      "loadingPlaceholder": "照合順序を読み込み中..."
     },
     "createDataFilesInKbFolder": "ナレッジベースのフォルダ内にデータを作成",
     "authenticationType": {
@@ -74,6 +82,11 @@
   },
   "footer": {
     "btnCreate": "作成",
-    "btnCancel": "キャンセル"
+    "btnCancel": "キャンセル",
+    "connectionStatus": {
+      "connecting": "接続中...",
+      "success": "接続に成功しました",
+      "failed": "接続に失敗しました"
+    }
   }
 }

package/dist/genexus-ide-ui/gx-ide-assets/new-kb/langs/new-kb.lang.zh.json

@@ -39,20 +39,28 @@
   "tabAdvanced": {
     "tabLabel": "Advanced",
     "tabTitle": "Knowledge Base Storage",
+    "tabSubtitle": "Where this KB's metadata and objects will live",
+    "connectionGroup": "Connection",
+    "authenticationGroup": "Authentication",
+    "databaseHint": "Will be created if it doesn't exist.",
+    "windowsAuthCalloutTitle": "Using current Windows credentials",
+    "windowsAuthCalloutDescription": "Your domain account will be used to connect. No username or password is required.",
     "serverName": {
       "label": "Server Name",
       "placeholder": null,
-      "disabledPlaceholder": "There are no server names to display"
+      "disabledPlaceholder": "There are no server names to display",
+      "browseForMore": "Browse for more..."
     },
     "databaseName": {
-      "label": "Database",
+      "label": "Database Name",
       "placeholder": null,
       "disabledPlaceholder": null
     },
     "collation": {
       "label": "Collation",
       "placeholder": null,
-      "disabledPlaceholder": "There are no collations to display"
+      "disabledPlaceholder": "There are no collations to display",
+      "loadingPlaceholder": "加载排序规则中..."
     },
     "createDataFilesInKbFolder": "Create Data in Knowledge Base Folder",
     "authenticationType": {
@@ -74,6 +82,11 @@
   },
   "footer": {
     "btnCreate": "Create",
-    "btnCancel": "Cancel"
+    "btnCancel": "Cancel",
+    "connectionStatus": {
+      "connecting": "Connecting...",
+      "success": "Connection success",
+      "failed": "Connection failed"
+    }
   }
 }

package/dist/genexus-ide-ui/{p-45b6dc45.entry.js → p-a456237f.entry.js}

@@ -49,19 +49,12 @@ const j = class {
       var t;
       this.errorMessage = undefined;
       this.actionInProgress = true;
-      this.status = "starting";
       try {
         const s = await this.startCallback();
-        if (s.success) {
-          this.status = "running";
-          this.serverPort = s.port;
-          this.serverEndpoint = s.endpoint;
-        } else {
-          this.status = "error";
+        if (!s.success) {
           this.errorMessage = (t = s.errorMessage) !== null && t !== void 0 ? t : d(this, u, "f").errors.startFailed;
         }
       } catch (t) {
-        this.status = "error";
         this.errorMessage = d(this, u, "f").errors.startFailed;
       } finally {
         this.actionInProgress = false;
@@ -71,19 +64,12 @@ const j = class {
       var t;
       this.errorMessage = undefined;
       this.actionInProgress = true;
-      this.status = "stopping";
       try {
         const s = await this.stopCallback();
-        if (s.success) {
-          this.status = "stopped";
-          this.serverPort = undefined;
-          this.serverEndpoint = undefined;
-        } else {
-          this.status = "error";
+        if (!s.success) {
           this.errorMessage = (t = s.errorMessage) !== null && t !== void 0 ? t : d(this, u, "f").errors.stopFailed;
         }
       } catch (t) {
-        this.status = "error";
         this.errorMessage = d(this, u, "f").errors.stopFailed;
       } finally {
         this.actionInProgress = false;
@@ -227,12 +213,14 @@ b = new WeakMap, m = new WeakMap, c = new WeakSet, y = function _GxIdeMcpServer_
   }, this.errorMessage);
 }, x = function _GxIdeMcpServer_renderPrimaryButton() {
   const t = this.status === "running" || this.status === "stopping";
+  const s = this.status === "starting" || this.status === "stopping";
+  const i = this.actionInProgress || s;
   if (t) {
     return e("button", {
       class: "button-primary primary-action",
       type: "button",
       onClick: d(this, g, "f"),
-      disabled: this.actionInProgress,
+      disabled: i,
       part: "button-confirm"
     }, d(this, u, "f").buttons.stop);
   }
@@ -240,7 +228,7 @@ b = new WeakMap, m = new WeakMap, c = new WeakSet, y = function _GxIdeMcpServer_
     class: "button-primary primary-action",
     type: "button",
     onClick: d(this, f, "f"),
-    disabled: this.actionInProgress,
+    disabled: i,
     part: "button-confirm"
   }, d(this, u, "f").buttons.start);
 };
@@ -248,4 +236,4 @@ b = new WeakMap, m = new WeakMap, c = new WeakSet, y = function _GxIdeMcpServer_
 j.style = o;
 
 export { j as gx_ide_mcp_server };
-//# sourceMappingURL=p-45b6dc45.entry.js.map
+//# sourceMappingURL=p-a456237f.entry.js.map

package/dist/genexus-ide-ui/p-a456237f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mcpServerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","GxIdeMcpServer","_GxIdeMcpServer_componentLocale","set","this","_GxIdeMcpServer_chShortcutsEl","_GxIdeMcpServer_shortcutsSrc","getAssetPath","_GxIdeMcpServer_startHandler","async","errorMessage","undefined","actionInProgress","result","startCallback","success","_a","__classPrivateFieldGet","errors","startFailed","_b","_GxIdeMcpServer_stopHandler","stopCallback","stopFailed","_GxIdeMcpServer_closeHandler","closeCallback","call","_GxIdeMcpServer_copyEndpointHandler","serverEndpoint","copyCallback","copying","setTimeout","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","h","Host","class","model","src","ref","header","title","initialLoading","_GxIdeMcpServer_instances","_GxIdeMcpServer_renderStatusBadge","loaderTitle","loader","show","info","description","details","_GxIdeMcpServer_renderStatusCard","_GxIdeMcpServer_renderError","type","onClick","part","buttons","close","_GxIdeMcpServer_renderPrimaryButton","statusText","status","badgeClass","isAnimated","isDimmed","statusCard","statusLabel","serverPort","portLabel","endpointLabel","disabled","copyEndpoint","copiedEndpoint","isRunning","isTransitioning","isDisabled","stop","start"],"sources":["src/components/mcp-server/mcp-server.scss?tag=gx-ide-mcp-server&encapsulation=shadow","src/components/mcp-server/mcp-server.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  inline-size: 100%;\n  block-size: 100%;\n  min-inline-size: 480px;\n  min-block-size: 320px;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n}\n\n.main {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xl);\n  padding-block: var(--spacing-padding-l);\n}\n\n\n.info-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n  color: var(--color-text-neutral-default);\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-gap-xs);\n}\n\n.status-dot {\n  $dot-size: 8px;\n\n  display: inline-block;\n  inline-size: $dot-size;\n  block-size: $dot-size;\n  border-radius: 50%;\n  background-color: var(--color-text-neutral-disabled);\n  flex-shrink: 0;\n\n  .status-badge--running & {\n    background-color: var(--color-text-success-default, #22c55e);\n  }\n\n  .status-badge--error & {\n    background-color: var(--color-text-error-default, #ef4444);\n  }\n\n  .status-badge--starting &,\n  .status-badge--stopping & {\n    background-color: var(--color-text-warning-default, #f59e0b);\n  }\n\n  &--animated {\n    animation: pulse 1.2s ease-in-out infinite;\n  }\n}\n\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.3;\n  }\n}\n\n.status-card {\n  border: 1px solid var(--color-border-surface-on-elevation-1);\n  border-radius: 4px;\n  padding: var(--spacing-gap-l);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n\n  &--dimmed {\n    opacity: 0.5;\n  }\n\n  &__row {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--spacing-gap-l);\n\n    > :first-child {\n      min-inline-size: 80px;\n      flex-shrink: 0;\n    }\n  }\n\n  &__endpoint {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--spacing-gap-m);\n    flex-wrap: wrap;\n\n    > .button-icon-only {\n      padding: 0;\n      block-size: auto;\n    }\n  }\n}\n\n.endpoint-value {\n  word-break: break-all;\n  color: var(--color-text-neutral-default);\n}\n\n.loader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n}\n\n.error-message {\n  color: var(--color-text-error-default, #ef4444);\n  padding: var(--spacing-gap-m);\n  border: 1px solid var(--color-border-error-default, #ef4444);\n  border-radius: 4px;\n  background-color: var(--color-surface-error-default, rgba(239, 68, 68, 0.08));\n}\n\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  McpServerStatus,\n  McpStartResult,\n  McpStopResult\n} from \"./types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"primary\"\n});\n\n\n@Component({\n  tag: \"gx-ide-mcp-server\",\n  styleUrl: \"mcp-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/mcp-server\"]\n})\nexport class GxIdeMcpServer {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/mcp-server/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeMcpServerElement;\n\n  @State() actionInProgress: boolean = false;\n  @State() errorMessage: string | undefined;\n  @State() copying: boolean = false;\n\n  /**\n   * When `true` the component shows a loader instead of content.\n   * The host sets this to `false` once the initial status is known.\n   */\n  @Prop({ mutable: true }) initialLoading: boolean = true;\n\n  /**\n   * Current MCP server status. The host is responsible for keeping\n   * this prop up to date (e.g. via polling or event-driven updates).\n   * The component only mutates it internally during start/stop\n   * transitions (`starting`, `stopping`, result states).\n   */\n  @Prop({ mutable: true }) status!: McpServerStatus;\n\n  /**\n   * Port the MCP server is listening on (shown when running).\n   */\n  @Prop({ mutable: true }) serverPort: number | undefined;\n\n  /**\n   * Full endpoint URL (shown when running).\n   */\n  @Prop({ mutable: true }) serverEndpoint: string | undefined;\n\n  /**\n   * Callback to start the MCP server. Returns result with connection info.\n   */\n  @Prop() readonly startCallback!: StartCallback;\n\n  /**\n   * Callback to stop the MCP server.\n   */\n  @Prop() readonly stopCallback!: StopCallback;\n\n  /**\n   * Callback to copy text to the clipboard. Delegated to the IDE clipboard\n   * service so the host environment controls the copy behavior.\n   */\n  @Prop() readonly copyCallback!: CopyCallback;\n\n  /**\n   * Callback to close/dismiss the dialog.\n   */\n  @Prop() readonly closeCallback!: CloseCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts.\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #startHandler = async () => {\n    this.errorMessage = undefined;\n    this.actionInProgress = true;\n\n    try {\n      const result = await this.startCallback();\n\n      if (!result.success) {\n        this.errorMessage =\n          result.errorMessage ??\n          this.#componentLocale.errors.startFailed;\n      }\n    } catch {\n      this.errorMessage = this.#componentLocale.errors.startFailed;\n    } finally {\n      this.actionInProgress = false;\n    }\n  };\n\n  #stopHandler = async () => {\n    this.errorMessage = undefined;\n    this.actionInProgress = true;\n\n    try {\n      const result = await this.stopCallback();\n\n      if (!result.success) {\n        this.errorMessage =\n          result.errorMessage ??\n          this.#componentLocale.errors.stopFailed;\n      }\n    } catch {\n      this.errorMessage = this.#componentLocale.errors.stopFailed;\n    } finally {\n      this.actionInProgress = false;\n    }\n  };\n\n  #closeHandler = () => {\n    this.closeCallback?.();\n  };\n\n  #copyEndpointHandler = () => {\n    if (this.serverEndpoint && this.copyCallback) {\n      this.copying = true;\n      this.copyCallback(this.serverEndpoint);\n      setTimeout(() => {\n        this.copying = false;\n      }, 1000);\n    }\n  };\n\n  #renderStatusBadge() {\n    const statusText =\n      this.#componentLocale.status[this.status] ?? this.status;\n\n    const badgeClass = `status-badge status-badge--${this.status}`;\n    const isAnimated =\n      this.status === \"starting\" || this.status === \"stopping\";\n\n    return (\n      <span class={badgeClass}>\n        <span\n          class={`status-dot ${isAnimated ? \"status-dot--animated\" : \"\"}`}\n        ></span>\n        <span class=\"body-regular-s\">{statusText}</span>\n      </span>\n    );\n  }\n\n  #renderStatusCard() {\n    if (this.status !== \"running\" && this.status !== \"stopping\") {\n      return null;\n    }\n\n    const isDimmed = this.status === \"stopping\";\n\n    return (\n      <div\n        class={`status-card elevation-1 ${isDimmed ? \"status-card--dimmed\" : \"\"}`}\n      >\n        <div class=\"status-card__row\">\n          <span class=\"body-semi-bold-s\">\n            {this.#componentLocale.statusCard.statusLabel}\n          </span>\n          <span class=\"body-regular-s\">\n            {this.#componentLocale.status[this.status]}\n          </span>\n        </div>\n\n        {this.serverPort !== undefined && (\n          <div class=\"status-card__row\">\n            <span class=\"body-semi-bold-s\">\n              {this.#componentLocale.statusCard.portLabel}\n            </span>\n            <span class=\"body-regular-s\">{this.serverPort}</span>\n          </div>\n        )}\n\n        {this.serverEndpoint && (\n          <div class=\"status-card__row\">\n            <span class=\"body-semi-bold-s\">\n              {this.#componentLocale.statusCard.endpointLabel}\n            </span>\n            <span class=\"status-card__endpoint\">\n              <span class=\"body-regular-s endpoint-value\">\n                {this.serverEndpoint}\n              </span>\n              <button\n                class=\"button-tertiary button-icon-only\"\n                type=\"button\"\n                onClick={this.#copyEndpointHandler}\n                disabled={this.copying}\n                aria-label={this.#componentLocale.statusCard.copyEndpoint}\n                title={\n                  this.copying\n                    ? this.#componentLocale.statusCard.copiedEndpoint\n                    : this.#componentLocale.statusCard.copyEndpoint\n                }\n              >\n                <ch-image class=\"icon-m\" src={COPY_ICON}></ch-image>\n              </button>\n            </span>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  #renderError() {\n    if (!this.errorMessage) {\n      return null;\n    }\n\n    return <div class=\"error-message body-regular-s\">{this.errorMessage}</div>;\n  }\n\n  #renderPrimaryButton() {\n    const isRunning =\n      this.status === \"running\" || this.status === \"stopping\";\n    const isTransitioning =\n      this.status === \"starting\" || this.status === \"stopping\";\n    const isDisabled = this.actionInProgress || isTransitioning;\n\n    if (isRunning) {\n      return (\n        <button\n          class=\"button-primary primary-action\"\n          type=\"button\"\n          onClick={this.#stopHandler}\n          disabled={isDisabled}\n          part=\"button-confirm\"\n        >\n          {this.#componentLocale.buttons.stop}\n        </button>\n      );\n    }\n\n    return (\n      <button\n        class=\"button-primary primary-action\"\n        type=\"button\"\n        onClick={this.#startHandler}\n        disabled={isDisabled}\n        part=\"button-confirm\"\n      >\n        {this.#componentLocale.buttons.start}\n      </button>\n    );\n  }\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border spacing-body-inline spacing-body-block-start\">\n            <h1 class=\"heading-s title\">\n              {this.#componentLocale.header.title}\n            </h1>\n            {!this.initialLoading && this.#renderStatusBadge()}\n          </header>\n\n          <div class=\"main spacing-body-inline\">\n            {this.initialLoading ? (\n              <gx-ide-loader\n                loaderTitle={this.#componentLocale.loader.title}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            ) : ([\n              <div class=\"info-section\">\n                <p class=\"body-regular-m\">\n                  {this.#componentLocale.info.description}\n                </p>\n                <p class=\"body-regular-m\">\n                  {this.#componentLocale.info.details}\n                </p>\n              </div>,\n\n              this.#renderStatusCard(),\n              this.#renderError()\n            ])}\n          </div>\n\n          <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                type=\"button\"\n                onClick={this.#closeHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.buttons.close}\n              </button>\n              {!this.initialLoading && this.#renderPrimaryButton()}\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type StartCallback = () => Promise<McpStartResult>;\nexport type StopCallback = () => Promise<McpStopResult>;\nexport type CopyCallback = (text: string) => void;\nexport type CloseCallback = () => void;\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAMA,IAAe;;;;;;;;;;;;;;;;;ACoBrB,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA,gBACA,oBACA,mBACA,iBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MAUAC,IAAc;;;;;QAEzBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,WAAA;IACAE,EAAAH,IAAAC,MAAgBG,EACd;IAkEFC,EAAAL,IAAAC,OAAgBK;;MACdL,KAAKM,eAAeC;MACpBP,KAAKQ,mBAAmB;MAExB;QACE,MAAMC,UAAeT,KAAKU;QAE1B,KAAKD,EAAOE,SAAS;UACnBX,KAAKM,gBACHM,IAAAH,EAAOH,kBAAY,QAAAM,WAAA,IAAAA,IACnBC,EAAAb,MAAIF,GAAA,KAAkBgB,OAAOC;;QAEjC,OAAAC;QACAhB,KAAKM,eAAeO,EAAAb,MAAIF,GAAA,KAAkBgB,OAAOC;;QAEjDf,KAAKQ,mBAAmB;;;IAI5BS,EAAAlB,IAAAC,OAAeK;;MACbL,KAAKM,eAAeC;MACpBP,KAAKQ,mBAAmB;MAExB;QACE,MAAMC,UAAeT,KAAKkB;QAE1B,KAAKT,EAAOE,SAAS;UACnBX,KAAKM,gBACHM,IAAAH,EAAOH,kBAAY,QAAAM,WAAA,IAAAA,IACnBC,EAAAb,MAAIF,GAAA,KAAkBgB,OAAOK;;QAEjC,OAAAH;QACAhB,KAAKM,eAAeO,EAAAb,MAAIF,GAAA,KAAkBgB,OAAOK;;QAEjDnB,KAAKQ,mBAAmB;;;IAI5BY,EAAArB,IAAAC,OAAgB;;OACdY,IAAAZ,KAAKqB,mBAAa,QAAAT,WAAA,aAAAA,EAAAU,KAAAtB;AAAI;IAGxBuB,EAAAxB,IAAAC,OAAuB;MACrB,IAAIA,KAAKwB,kBAAkBxB,KAAKyB,cAAc;QAC5CzB,KAAK0B,UAAU;QACf1B,KAAKyB,aAAazB,KAAKwB;QACvBG,YAAW;UACT3B,KAAK0B,UAAU;AAAK,YACnB;;;4BA7G8B;;mBAET;0BAMuB;;;;;;;;;EAyCnD,uBAAME;IACJC,EAAA7B,MAAIF,SAA0BgC,EAAOC,oBAAoB/B,KAAKgC,KAAG;;;;SAOnE,sBAAMC,CAAiBA;IACrBpB,EAAAb,MAAIC,GAAA,KAAgBiC,UAAUD;;EA8KhC,MAAAE;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOhD;QACjB6C,EAAA;MACEI,KAAK3B,EAAAb,MAAIE,GAAA;MACTuC,KAAMT,KACHH,EAAA7B,MAAIC,GAAkB+B,GAA4B;QAGvDI,EAAA;MAASE,OAAM;OACbF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAIE,OAAM;OACPzB,EAAAb,MAAIF,GAAA,KAAkB4C,OAAOC,SAE9B3C,KAAK4C,kBAAkB/B,EAAAb,MAAI6C,GAAA,KAAAC,GAAmBxB,KAAvBtB,QAG3BoC,EAAA;MAAKE,OAAM;OACRtC,KAAK4C,iBACJR,EAAA;MACEW,aAAalC,EAAAb,MAAIF,GAAA,KAAkBkD,OAAOL;MAC1CM,MAAI;MACJX,OAAM;SACS,EAEjBF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAGE,OAAM;OACNzB,EAAAb,MAAIF,GAAA,KAAkBoD,KAAKC,cAE9Bf,EAAA;MAAGE,OAAM;OACNzB,EAAAb,MAAIF,GAAA,KAAkBoD,KAAKE,WAIhCvC,EAAAb,MAAI6C,GAAA,KAAAQ,GAAkB/B,KAAtBtB,OACAa,EAAAb,MAAI6C,GAAA,KAAAS,GAAahC,KAAjBtB,UAIJoC,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNiB,MAAK;MACLC,SAAS3C,EAAAb,MAAIoB,GAAA;MACbqC,MAAK;OAEJ5C,EAAAb,MAAIF,GAAA,KAAkB4D,QAAQC,SAE/B3D,KAAK4C,kBAAkB/B,EAAAb,MAAI6C,GAAA,KAAAe,GAAqBtC,KAAzBtB;;;;;;;;;;;;;EAxKnC,MAAM6D,KACJjD,IAAAC,EAAAb,MAAIF,GAAA,KAAkBgE,OAAO9D,KAAK8D,aAAO,QAAAlD,WAAA,IAAAA,IAAIZ,KAAK8D;EAEpD,MAAMC,IAAa,8BAA8B/D,KAAK8D;EACtD,MAAME,IACJhE,KAAK8D,WAAW,cAAc9D,KAAK8D,WAAW;EAEhD,OACE1B,EAAA;IAAME,OAAOyB;KACX3B,EAAA;IACEE,OAAO,cAAc0B,IAAa,yBAAyB;MAE7D5B,EAAA;IAAME,OAAM;KAAkBuB;AAGpC,GAACR,IAAA,SAAAA;EAGC,IAAIrD,KAAK8D,WAAW,aAAa9D,KAAK8D,WAAW,YAAY;IAC3D,OAAO;;EAGT,MAAMG,IAAWjE,KAAK8D,WAAW;EAEjC,OACE1B,EAAA;IACEE,OAAO,2BAA2B2B,IAAW,wBAAwB;KAErE7B,EAAA;IAAKE,OAAM;KACTF,EAAA;IAAME,OAAM;KACTzB,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWC,cAEpC/B,EAAA;IAAME,OAAM;KACTzB,EAAAb,MAAIF,GAAA,KAAkBgE,OAAO9D,KAAK8D,WAItC9D,KAAKoE,eAAe7D,aACnB6B,EAAA;IAAKE,OAAM;KACTF,EAAA;IAAME,OAAM;KACTzB,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWG,YAEpCjC,EAAA;IAAME,OAAM;KAAkBtC,KAAKoE,cAItCpE,KAAKwB,kBACJY,EAAA;IAAKE,OAAM;KACTF,EAAA;IAAME,OAAM;KACTzB,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWI,gBAEpClC,EAAA;IAAME,OAAM;KACVF,EAAA;IAAME,OAAM;KACTtC,KAAKwB,iBAERY,EAAA;IACEE,OAAM;IACNiB,MAAK;IACLC,SAAS3C,EAAAb,MAAIuB,GAAA;IACbgD,UAAUvE,KAAK0B;IAAO,cACVb,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWM;IAC7C7B,OACE3C,KAAK0B,UACDb,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWO,iBACjC5D,EAAAb,MAAIF,GAAA,KAAkBoE,WAAWM;KAGvCpC,EAAA;IAAUE,OAAM;IAASE,KAAKhD;;AAO5C,GAAC8D,IAAA,SAAAA;EAGC,KAAKtD,KAAKM,cAAc;IACtB,OAAO;;EAGT,OAAO8B,EAAA;IAAKE,OAAM;KAAgCtC,KAAKM;AACzD,GAACsD,IAAA,SAAAA;EAGC,MAAMc,IACJ1E,KAAK8D,WAAW,aAAa9D,KAAK8D,WAAW;EAC/C,MAAMa,IACJ3E,KAAK8D,WAAW,cAAc9D,KAAK8D,WAAW;EAChD,MAAMc,IAAa5E,KAAKQ,oBAAoBmE;EAE5C,IAAID,GAAW;IACb,OACEtC,EAAA;MACEE,OAAM;MACNiB,MAAK;MACLC,SAAS3C,EAAAb,MAAIiB,GAAA;MACbsD,UAAUK;MACVnB,MAAK;OAEJ5C,EAAAb,MAAIF,GAAA,KAAkB4D,QAAQmB;;EAKrC,OACEzC,EAAA;IACEE,OAAM;IACNiB,MAAK;IACLC,SAAS3C,EAAAb,MAAII,GAAA;IACbmE,UAAUK;IACVnB,MAAK;KAEJ5C,EAAAb,MAAIF,GAAA,KAAkB4D,QAAQoB;AAGrC"}

package/dist/genexus-ide-ui/p-c1db7f38.entry.js

@@ -0,0 +1,182 @@
+import { r as e, g as t, h as s, H as i, a } from "./p-9b9ccd0c.js";
+
+import { g as o } from "./p-d42e842b.js";
+
+import "./p-6534555e.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+const r = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto}.tree-view{display:block;block-size:100%;overflow:hidden}";
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? a.call(e, s) : a ? a.value = s : t.set(e, s), s;
+};
+
+var c = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
+};
+
+var l, h, f, u, p, m, w, v;
+
+const b = [ "resets/box-sizing", "components/tree-view", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const y = o({
+  category: "system",
+  name: "computer",
+  colorType: "primary"
+});
+
+const g = o({
+  category: "system",
+  name: "database",
+  colorType: "success"
+});
+
+const k = "local-servers";
+
+const j = "network-servers";
+
+const x = class {
+  constructor(s) {
+    e(this, s);
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        l.set(this, void 0);
+    h.set(this, void 0);
+    f.set(this, t(`./gx-ide-assets/db-instance-selector/shortcuts.json`));
+    u.set(this, void 0);
+    p.set(this, (async e => {
+      var t, s, i, a;
+      let o = [];
+      if (e === k) {
+        o = (s = await ((t = this.getLocalServersCallback) === null || t === void 0 ? void 0 : t.call(this))) !== null && s !== void 0 ? s : [];
+      } else if (e === j) {
+        o = (a = await ((i = this.getNetworkServersCallback) === null || i === void 0 ? void 0 : i.call(this))) !== null && a !== void 0 ? a : [];
+      }
+      return o.map((t => ({
+        id: `${e}__${t.id}`,
+        caption: t.name,
+        startImgSrc: g,
+        leaf: true,
+        metadata: t.name
+      })));
+    }));
+    m.set(this, (e => {
+      var t;
+      const s = e.detail.find((e => e.item.leaf));
+      if (s) {
+        this.selectedInstanceId = s.item.id;
+        d(this, u, (t = s.item.metadata) !== null && t !== void 0 ? t : s.item.caption, "f");
+      } else {
+        this.selectedInstanceId = undefined;
+        d(this, u, undefined, "f");
+      }
+    }));
+    w.set(this, (() => {
+      var e;
+      (e = this.cancelCallback) === null || e === void 0 ? void 0 : e.call(this);
+    }));
+    v.set(this, (() => {
+      var e;
+      if (c(this, u, "f")) {
+        (e = this.confirmCallback) === null || e === void 0 ? void 0 : e.call(this, c(this, u, "f"));
+      }
+    }));
+    this.treeModel = [];
+    this.selectedInstanceId = undefined;
+    this.getLocalServersCallback = undefined;
+    this.getNetworkServersCallback = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+  }
+  async componentWillLoad() {
+    d(this, l, await n.getComponentStrings(this.el), "f");
+    this.treeModel = [ {
+      id: k,
+      caption: c(this, l, "f").tree.localServers,
+      startImgSrc: y,
+      leaf: false,
+      lazy: true,
+      expanded: false,
+      items: []
+    }, {
+      id: j,
+      caption: c(this, l, "f").tree.networkServers,
+      startImgSrc: y,
+      leaf: false,
+      lazy: true,
+      expanded: false,
+      items: []
+    } ];
+  }
+  /**
+     * Suspends or reactivates the shortcuts.
+     */  async suspendShortcuts(e) {
+    c(this, h, "f").suspend = e;
+  }
+  render() {
+    return s(i, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: b
+    }), s("ch-shortcuts", {
+      src: c(this, f, "f"),
+      ref: e => d(this, h, e, "f")
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: "dialog-header spacing-body dialog-header"
+    }, s("h1", {
+      class: "label"
+    }, c(this, l, "f").header.title)), s("div", {
+      class: "main"
+    }, s("ch-tree-view-render", {
+      class: "tree-view",
+      model: this.treeModel,
+      dragDisabled: true,
+      dropDisabled: true,
+      showLines: "all",
+      lazyLoadTreeItemsCallback: c(this, p, "f"),
+      onSelectedItemsChange: c(this, m, "f")
+    })), s("footer", {
+      class: "dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: c(this, w, "f"),
+      part: "button-cancel"
+    }, c(this, l, "f").footer.btnCancel), s("button", {
+      class: "button-primary",
+      id: "button-confirm",
+      onClick: c(this, v, "f"),
+      disabled: !this.selectedInstanceId,
+      part: "button-confirm"
+    }, c(this, l, "f").footer.btnConfirm)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/db-instance-selector" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+l = new WeakMap, h = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, 
+m = new WeakMap, w = new WeakMap, v = new WeakMap;
+
+x.style = r;
+
+export { x as gx_ide_db_instance_selector };
+//# sourceMappingURL=p-c1db7f38.entry.js.map

package/dist/genexus-ide-ui/p-c1db7f38.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dbInstanceSelectorCss","CSS_BUNDLES","SERVER_ICON","getIconPath","category","name","colorType","DATABASE_ICON","LOCAL_SERVERS_NODE_ID","NETWORK_SERVERS_NODE_ID","GxIdeDbInstanceSelector","_GxIdeDbInstanceSelector_componentLocale","set","this","_GxIdeDbInstanceSelector_chShortcutsEl","_GxIdeDbInstanceSelector_shortcutsSrc","getAssetPath","_GxIdeDbInstanceSelector_selectedInstanceName","_GxIdeDbInstanceSelector_lazyLoadTreeItems","async","treeItemId","servers","_b","_a","getLocalServersCallback","call","_d","_c","getNetworkServersCallback","map","server","id","caption","startImgSrc","leaf","metadata","_GxIdeDbInstanceSelector_selectedItemsChangeHandler","event","selected","detail","find","node","item","selectedInstanceId","__classPrivateFieldSet","undefined","_GxIdeDbInstanceSelector_cancelButtonClickedHandler","cancelCallback","_GxIdeDbInstanceSelector_confirmButtonClickedHandler","__classPrivateFieldGet","confirmCallback","componentWillLoad","Locale","getComponentStrings","el","treeModel","tree","localServers","lazy","expanded","items","networkServers","suspendShortcuts","suspend","render","h","Host","class","model","src","ref","header","title","dragDisabled","dropDisabled","showLines","lazyLoadTreeItemsCallback","onSelectedItemsChange","onClick","part","footer","btnCancel","disabled","btnConfirm"],"sources":["src/components/db-instance-selector/db-instance-selector.scss?tag=gx-ide-db-instance-selector&encapsulation=shadow","src/components/db-instance-selector/db-instance-selector.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.main {\n  overflow: auto;\n}\n\n.tree-view {\n  display: block;\n  block-size: 100%;\n  overflow: hidden;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SERVER_ICON = getIconPath({\n  category: \"system\",\n  name: \"computer\",\n  colorType: \"primary\"\n});\n\nconst DATABASE_ICON = getIconPath({\n  category: \"system\",\n  name: \"database\",\n  colorType: \"success\"\n});\n\nconst LOCAL_SERVERS_NODE_ID = \"local-servers\";\nconst NETWORK_SERVERS_NODE_ID = \"network-servers\";\n\n@Component({\n  tag: \"gx-ide-db-instance-selector\",\n  styleUrl: \"db-instance-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/db-instance-selector\"]\n})\nexport class GxIdeDbInstanceSelector {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/db-instance-selector/shortcuts.json`\n  );\n\n  #selectedInstanceName: string | undefined;\n\n  @Element() el: HTMLGxIdeDbInstanceSelectorElement;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @State() selectedInstanceId: string | undefined;\n\n  /**\n   * Callback invoked to load the available local server instances.\n   * Should return the list of database instances available on local servers.\n   */\n  @Prop() readonly getLocalServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked to load the available network server instances.\n   * Should return the list of database instances available on network servers.\n   */\n  @Prop() readonly getNetworkServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked when the user cancels the selection.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user confirms the selection. Receives the name\n   * of the selected database instance.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.treeModel = [\n      {\n        id: LOCAL_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.localServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      },\n      {\n        id: NETWORK_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.networkServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      }\n    ];\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts.\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #lazyLoadTreeItems = async (\n    treeItemId: string\n  ): Promise<TreeViewItemModel[]> => {\n    let servers: DbServerInstance[] = [];\n\n    if (treeItemId === LOCAL_SERVERS_NODE_ID) {\n      servers = (await this.getLocalServersCallback?.()) ?? [];\n    } else if (treeItemId === NETWORK_SERVERS_NODE_ID) {\n      servers = (await this.getNetworkServersCallback?.()) ?? [];\n    }\n\n    return servers.map(server => ({\n      id: `${treeItemId}__${server.id}`,\n      caption: server.name,\n      startImgSrc: DATABASE_ICON,\n      leaf: true,\n      metadata: server.name\n    }));\n  };\n\n  #selectedItemsChangeHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selected = event.detail.find(node => node.item.leaf);\n    if (selected) {\n      this.selectedInstanceId = selected.item.id;\n      this.#selectedInstanceName =\n        (selected.item.metadata as string) ?? selected.item.caption;\n    } else {\n      this.selectedInstanceId = undefined;\n      this.#selectedInstanceName = undefined;\n    }\n  };\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback?.();\n  };\n\n  #confirmButtonClickedHandler = () => {\n    if (this.#selectedInstanceName) {\n      this.confirmCallback?.(this.#selectedInstanceName);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"dialog-header spacing-body dialog-header\">\n            <h1 class=\"label\">{this.#componentLocale.header.title}</h1>\n          </header>\n\n          <div class=\"main\">\n            <ch-tree-view-render\n              class=\"tree-view\"\n              model={this.treeModel}\n              dragDisabled={true}\n              dropDisabled={true}\n              showLines=\"all\"\n              lazyLoadTreeItemsCallback={this.#lazyLoadTreeItems}\n              onSelectedItemsChange={this.#selectedItemsChangeHandler}\n            ></ch-tree-view-render>\n          </div>\n\n          <footer class=\"dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-confirm\"\n                onClick={this.#confirmButtonClickedHandler}\n                disabled={!this.selectedInstanceId}\n                part=\"button-confirm\"\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DbServerInstance = {\n  id: string;\n  name: string;\n};\n\nexport type GetServersCallback = () =>\n  | Promise<DbServerInstance[]>\n  | DbServerInstance[];\n\nexport type CancelCallback = () => void | Promise<void>;\n\nexport type ConfirmCallback = (\n  selectedInstanceName: string\n) => void | Promise<void>;\n"],"mappings":"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"}