@eclipse-lyra/extension-memory-usage 0.7.13 → 0.7.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -14,7 +14,7 @@ extensionRegistry.registerExtension({
14
14
  id: pkg.name,
15
15
  name: t("EXT_MEMORYUSAGE_NAME"),
16
16
  description: t("EXT_MEMORYUSAGE_DESC"),
17
- loader: () => import("./memory-usage-extension-C7jg9YY5.js"),
17
+ loader: () => import("./memory-usage-extension-CU1A0tc3.js"),
18
18
  icon: "microchip"
19
19
  });
20
20
  //# sourceMappingURL=index.js.map
@@ -32,16 +32,16 @@ let LyraMemoryUsage = class extends LyraElement {
32
32
  if (!memory) {
33
33
  return html``;
34
34
  }
35
- const usedMB = (memory.usedJSHeapSize / 1048576).toFixed(1);
35
+ const totalMB = (memory.totalJSHeapSize / 1048576).toFixed(1);
36
36
  const limitMB = (memory.jsHeapSizeLimit / 1048576).toFixed(0);
37
- const percentageNum = memory.usedJSHeapSize / memory.jsHeapSizeLimit * 100;
37
+ const percentageNum = memory.totalJSHeapSize / memory.jsHeapSizeLimit * 100;
38
38
  const percentage = percentageNum.toFixed(0);
39
39
  const barColor = percentageNum > 80 ? "#ff4444" : percentageNum > 60 ? "#ffaa00" : "#44aa44";
40
40
  return html`
41
- <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)">
41
+ <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="JS heap allocated (matches DevTools Memory tab). Main thread only (excludes web workers).">
42
42
  <wa-icon name="microchip" label="Memory usage"></wa-icon>
43
43
  <span style="display: flex; align-items: center; gap: 0.25rem;">
44
- <span>${usedMB} / ${limitMB} MB</span>
44
+ <span>${totalMB} / ${limitMB} MB</span>
45
45
  <span style="position: relative; display: inline-block; width: 60px; height: 14px; vertical-align: middle;">
46
46
  <span style="display: block; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.1); border-radius: 4px;"></span>
47
47
  <span style="display: block; position: absolute; width: ${percentage}%; height: 100%; background: ${barColor}; border-radius: 4px; transition: width 0.3s ease;"></span>
@@ -60,4 +60,4 @@ contributionRegistry.registerContribution(TOOLBAR_BOTTOM, {
60
60
  label: "Memory",
61
61
  component: `<lyra-memory-usage></lyra-memory-usage>`
62
62
  });
63
- //# sourceMappingURL=memory-usage-extension-C7jg9YY5.js.map
63
+ //# sourceMappingURL=memory-usage-extension-CU1A0tc3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"memory-usage-extension-CU1A0tc3.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 totalMB = (memory.totalJSHeapSize / 1048576).toFixed(1);\n const limitMB = (memory.jsHeapSizeLimit / 1048576).toFixed(0);\n const percentageNum = (memory.totalJSHeapSize / 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=\"JS heap allocated (matches DevTools Memory tab). Main thread 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>${totalMB} / ${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 component: `<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,WAAW,OAAO,kBAAkB,SAAS,QAAQ,CAAC;AAC5D,UAAM,WAAW,OAAO,kBAAkB,SAAS,QAAQ,CAAC;AAC5D,UAAM,gBAAiB,OAAO,kBAAkB,OAAO,kBAAmB;AAC1E,UAAM,aAAa,cAAc,QAAQ,CAAC;AAE1C,UAAM,WAAW,gBAAgB,KAAK,YAAY,gBAAgB,KAAK,YAAY;AAEnF,WAAO;AAAA;AAAA;AAAA;AAAA,4BAIa,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,kFAGkC,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,WAAW;AACf,CAAqB;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eclipse-lyra/extension-memory-usage",
3
- "version": "0.7.13",
3
+ "version": "0.7.15",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "exports": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"memory-usage-extension-C7jg9YY5.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 component: `<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,WAAW;AACf,CAAqB;"}