@eclipse-lyra/extension-memory-usage 0.0.0

package/dist/i18n.json.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+  "namespace": "extensions",
+  "en": {
+    "EXT_MEMORYUSAGE_NAME": "Memory Usage Monitor",
+    "EXT_MEMORYUSAGE_DESC": "Displays JavaScript heap memory usage in the bottom toolbar"
+  },
+  "de": {
+    "EXT_MEMORYUSAGE_NAME": "Speicherverbrauch-Monitor",
+    "EXT_MEMORYUSAGE_DESC": "Zeigt die JavaScript-Heap-Speichernutzung in der unteren Symbolleiste an"
+  }
+};
+
+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 "@eclipse-lyra/core";
+import pkg from "../package.json";
+const namespace = "extensions";
+const en = { "EXT_MEMORYUSAGE_NAME": "Memory Usage Monitor", "EXT_MEMORYUSAGE_DESC": "Displays JavaScript heap memory usage in the bottom toolbar" };
+const de = { "EXT_MEMORYUSAGE_NAME": "Speicherverbrauch-Monitor", "EXT_MEMORYUSAGE_DESC": "Zeigt die JavaScript-Heap-Speichernutzung in der unteren Symbolleiste an" };
+const bundle = {
+  namespace,
+  en,
+  de
+};
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle);
+const t = i18nLazy("extensions");
+extensionRegistry.registerExtension({
+  id: pkg.name,
+  name: t("EXT_MEMORYUSAGE_NAME"),
+  description: t("EXT_MEMORYUSAGE_DESC"),
+  loader: () => import("./memory-usage-extension-JQAD38xf.js"),
+  icon: "microchip"
+});
+//# 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 '@eclipse-lyra/core';\nimport bundle from './i18n.json';\nimport pkg from '../package.json';\n\ncontributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle as any);\n\nconst t = i18nLazy('extensions');\n\nextensionRegistry.registerExtension({\n  id: pkg.name,\n  name: t('EXT_MEMORYUSAGE_NAME'),\n  description: t('EXT_MEMORYUSAGE_DESC'),\n  loader: () => import(\"./memory-usage-extension\"),\n  icon: \"microchip\",\n  \n  \n});\n"],"names":[],"mappings":";;;;;;;;;;AAIA,qBAAqB,qBAAqB,yBAAyB,MAAa;AAEhF,MAAM,IAAI,SAAS,YAAY;AAE/B,kBAAkB,kBAAkB;AAAA,EAClC,IAAI,IAAI;AAAA,EACR,MAAM,EAAE,sBAAsB;AAAA,EAC9B,aAAa,EAAE,sBAAsB;AAAA,EACrC,QAAQ,MAAM,OAAO,sCAA0B;AAAA,EAC/C,MAAM;AAGR,CAAC;"}

package/dist/memory-usage-extension-JQAD38xf.js

@@ -0,0 +1,63 @@
+import { LyraElement, contributionRegistry, TOOLBAR_BOTTOM } from "@eclipse-lyra/core";
+import { customElement } from "lit/decorators.js";
+import { html } from "lit";
+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 = decorator(result) || result;
+  return result;
+};
+let LyraMemoryUsage = class extends LyraElement {
+  constructor() {
+    super(...arguments);
+    this.updateInterval = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateInterval = window.setInterval(() => {
+      this.requestUpdate();
+    }, 2e3);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.updateInterval !== null) {
+      clearInterval(this.updateInterval);
+      this.updateInterval = null;
+    }
+  }
+  render() {
+    const memory = performance.memory;
+    if (!memory) {
+      return html``;
+    }
+    const usedMB = (memory.usedJSHeapSize / 1048576).toFixed(1);
+    const limitMB = (memory.jsHeapSizeLimit / 1048576).toFixed(0);
+    const percentageNum = memory.usedJSHeapSize / memory.jsHeapSizeLimit * 100;
+    const percentage = percentageNum.toFixed(0);
+    const barColor = percentageNum > 80 ? "#ff4444" : percentageNum > 60 ? "#ffaa00" : "#44aa44";
+    return html`
+            <span style="display: inline-flex; align-items: center; justify-content: center; height: 100%; padding-left: 0.5rem; gap: 0.25rem; font-size: 0.85em; color: var(--wa-color-neutral-text);" title="Main thread memory consumption only (excludes web workers)">
+                <wa-icon name="microchip" label="Memory usage"></wa-icon>
+                <span style="display: flex; align-items: center; gap: 0.25rem;">
+                    <span>${usedMB} / ${limitMB} MB</span>
+                    <span style="position: relative; display: inline-block; width: 60px; height: 14px; vertical-align: middle;">
+                        <span style="display: block; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.1); border-radius: 4px;"></span>
+                        <span style="display: block; position: absolute; width: ${percentage}%; height: 100%; background: ${barColor}; border-radius: 4px; transition: width 0.3s ease;"></span>
+                        <span style="position: absolute; width: 100%; text-align: center; font-size: 0.7em; line-height: 14px; font-weight: 600; color: white; text-shadow: 0 0 2px rgba(0,0,0,0.8);">${percentage}%</span>
+                    </span>
+                </span>
+            </span>
+        `;
+  }
+};
+LyraMemoryUsage = __decorateClass([
+  customElement("lyra-memory-usage")
+], LyraMemoryUsage);
+contributionRegistry.registerContribution(TOOLBAR_BOTTOM, {
+  target: TOOLBAR_BOTTOM,
+  label: "Memory",
+  html: `<lyra-memory-usage></lyra-memory-usage>`
+});
+//# sourceMappingURL=memory-usage-extension-JQAD38xf.js.map

package/dist/memory-usage-extension-JQAD38xf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-usage-extension-JQAD38xf.js","sources":["../src/memory-usage.ts","../src/memory-usage-extension.ts"],"sourcesContent":["import {customElement} from \"lit/decorators.js\";\nimport {LyraElement} from \"@eclipse-lyra/core\";\nimport {html} from \"lit\";\n\n@customElement('lyra-memory-usage')\nexport class LyraMemoryUsage extends LyraElement {\n    \n    private updateInterval: number | null = null;\n\n    connectedCallback() {\n        super.connectedCallback();\n        this.updateInterval = window.setInterval(() => {\n            this.requestUpdate();\n        }, 2000);\n    }\n\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        if (this.updateInterval !== null) {\n            clearInterval(this.updateInterval);\n            this.updateInterval = null;\n        }\n    }\n\n    protected render() {\n        const memory = (performance as any).memory;\n        if (!memory) {\n            return html``;\n        }\n        \n        const usedMB = (memory.usedJSHeapSize / 1048576).toFixed(1);\n        const limitMB = (memory.jsHeapSizeLimit / 1048576).toFixed(0);\n        const percentageNum = (memory.usedJSHeapSize / memory.jsHeapSizeLimit) * 100;\n        const percentage = percentageNum.toFixed(0);\n        \n        const barColor = percentageNum > 80 ? '#ff4444' : percentageNum > 60 ? '#ffaa00' : '#44aa44';\n        \n        return html`\n            <span style=\"display: inline-flex; align-items: center; justify-content: center; height: 100%; padding-left: 0.5rem; gap: 0.25rem; font-size: 0.85em; color: var(--wa-color-neutral-text);\" title=\"Main thread memory consumption only (excludes web workers)\">\n                <wa-icon name=\"microchip\" label=\"Memory usage\"></wa-icon>\n                <span style=\"display: flex; align-items: center; gap: 0.25rem;\">\n                    <span>${usedMB} / ${limitMB} MB</span>\n                    <span style=\"position: relative; display: inline-block; width: 60px; height: 14px; vertical-align: middle;\">\n                        <span style=\"display: block; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.1); border-radius: 4px;\"></span>\n                        <span style=\"display: block; position: absolute; width: ${percentage}%; height: 100%; background: ${barColor}; border-radius: 4px; transition: width 0.3s ease;\"></span>\n                        <span style=\"position: absolute; width: 100%; text-align: center; font-size: 0.7em; line-height: 14px; font-weight: 600; color: white; text-shadow: 0 0 2px rgba(0,0,0,0.8);\">${percentage}%</span>\n                    </span>\n                </span>\n            </span>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'lyra-memory-usage': LyraMemoryUsage\n    }\n}\n\n","import {contributionRegistry, HTMLContribution} from \"@eclipse-lyra/core\";\nimport {TOOLBAR_BOTTOM} from \"@eclipse-lyra/core\";\nimport \"./memory-usage\";\n\ncontributionRegistry.registerContribution(TOOLBAR_BOTTOM, {\n    target: TOOLBAR_BOTTOM,\n    label: \"Memory\",\n    html: `<lyra-memory-usage></lyra-memory-usage>`\n} as HTMLContribution)\n\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,IAAM,kBAAN,cAA8B,YAAY;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAQ,iBAAgC;AAAA,EAAA;AAAA,EAExC,oBAAoB;AAChB,UAAM,kBAAA;AACN,SAAK,iBAAiB,OAAO,YAAY,MAAM;AAC3C,WAAK,cAAA;AAAA,IACT,GAAG,GAAI;AAAA,EACX;AAAA,EAEA,uBAAuB;AACnB,UAAM,qBAAA;AACN,QAAI,KAAK,mBAAmB,MAAM;AAC9B,oBAAc,KAAK,cAAc;AACjC,WAAK,iBAAiB;AAAA,IAC1B;AAAA,EACJ;AAAA,EAEU,SAAS;AACf,UAAM,SAAU,YAAoB;AACpC,QAAI,CAAC,QAAQ;AACT,aAAO;AAAA,IACX;AAEA,UAAM,UAAU,OAAO,iBAAiB,SAAS,QAAQ,CAAC;AAC1D,UAAM,WAAW,OAAO,kBAAkB,SAAS,QAAQ,CAAC;AAC5D,UAAM,gBAAiB,OAAO,iBAAiB,OAAO,kBAAmB;AACzE,UAAM,aAAa,cAAc,QAAQ,CAAC;AAE1C,UAAM,WAAW,gBAAgB,KAAK,YAAY,gBAAgB,KAAK,YAAY;AAEnF,WAAO;AAAA;AAAA;AAAA;AAAA,4BAIa,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA,kFAGmC,UAAU,gCAAgC,QAAQ;AAAA,wMACoE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9M;AACJ;AA9Ca,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;ACDb,qBAAqB,qBAAqB,gBAAgB;AAAA,EACtD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AACV,CAAqB;"}

package/dist/memory-usage-extension.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=memory-usage-extension.d.ts.map

package/dist/memory-usage-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-usage-extension.d.ts","sourceRoot":"","sources":["../src/memory-usage-extension.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,CAAC"}

package/dist/memory-usage.d.ts

@@ -0,0 +1,13 @@
+import { LyraElement } from '@eclipse-lyra/core';
+export declare class LyraMemoryUsage extends LyraElement {
+    private updateInterval;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-memory-usage': LyraMemoryUsage;
+    }
+}
+//# sourceMappingURL=memory-usage.d.ts.map

package/dist/memory-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-usage.d.ts","sourceRoot":"","sources":["../src/memory-usage.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAG/C,qBACa,eAAgB,SAAQ,WAAW;IAE5C,OAAO,CAAC,cAAc,CAAuB;IAE7C,iBAAiB;IAOjB,oBAAoB;IAQpB,SAAS,CAAC,MAAM;CA2BnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAA;KACvC;CACJ"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@eclipse-lyra/extension-memory-usage",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@eclipse-lyra/core": "*"
+  },
+  "devDependencies": {
+    "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"
+  }
+}