@kispace-io/extension-memory-usage 0.8.1 → 0.8.2

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

@@ -1,4 +1,4 @@
-{
+declare const _default: {
   "namespace": "extensions",
   "en": {
     "EXT_MEMORYUSAGE_NAME": "Memory Usage Monitor",
@@ -8,4 +8,6 @@
     "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,19 @@
+import { contributionRegistry, SYSTEM_LANGUAGE_BUNDLES, i18nLazy, extensionRegistry } from "@kispace-io/core";
+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: "system.memoryusage",
+  name: t("EXT_MEMORYUSAGE_NAME"),
+  description: t("EXT_MEMORYUSAGE_DESC"),
+  loader: () => import("./memory-usage-extension-nWZCeWFU.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 '@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.memoryusage\",\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":";;;;;;;;;AAGA,qBAAqB,qBAAqB,yBAAyB,MAAa;AAEhF,MAAM,IAAI,SAAS,YAAY;AAE/B,kBAAkB,kBAAkB;AAAA,EAClC,IAAI;AAAA,EACJ,MAAM,EAAE,sBAAsB;AAAA,EAC9B,aAAa,EAAE,sBAAsB;AAAA,EACrC,QAAQ,MAAM,OAAO,sCAA0B;AAAA,EAC/C,MAAM;AAGR,CAAC;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"k-memory-usage.d.ts","sourceRoot":"","sources":["../src/k-memory-usage.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAG1C,qBACa,YAAa,SAAQ,QAAQ;IAEtC,OAAO,CAAC,cAAc,CAAuB;IAE7C,iBAAiB;IAOjB,oBAAoB;IAQpB,SAAS,CAAC,MAAM;CA2BnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAA;KACjC;CACJ"}

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

@@ -0,0 +1,63 @@
+import { KElement, contributionRegistry, TOOLBAR_BOTTOM } from "@kispace-io/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 KMemoryUsage = class extends KElement {
+  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>
+        `;
+  }
+};
+KMemoryUsage = __decorateClass([
+  customElement("k-memory-usage")
+], KMemoryUsage);
+contributionRegistry.registerContribution(TOOLBAR_BOTTOM, {
+  target: TOOLBAR_BOTTOM,
+  label: "Memory",
+  html: `<k-memory-usage></k-memory-usage>`
+});
+//# sourceMappingURL=memory-usage-extension-nWZCeWFU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"memory-usage-extension-nWZCeWFU.js","sources":["../src/k-memory-usage.ts","../src/memory-usage-extension.ts"],"sourcesContent":["import {customElement} from \"lit/decorators.js\";\nimport {KElement} from \"@kispace-io/core\";\nimport {html} from \"lit\";\n\n@customElement('k-memory-usage')\nexport class KMemoryUsage extends KElement {\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        'k-memory-usage': KMemoryUsage\n    }\n}\n\n","import {contributionRegistry, HTMLContribution} from \"@kispace-io/core\";\nimport {TOOLBAR_BOTTOM} from \"@kispace-io/core\";\nimport \"./k-memory-usage\";\n\ncontributionRegistry.registerContribution(TOOLBAR_BOTTOM, {\n    target: TOOLBAR_BOTTOM,\n    label: \"Memory\",\n    html: `<k-memory-usage></k-memory-usage>`\n} as HTMLContribution)\n\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,IAAM,eAAN,cAA2B,SAAS;AAAA,EAApC,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,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;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,kBAAkB,CAAC"}

package/package.json

@@ -1,18 +1,28 @@
 {
   "name": "@kispace-io/extension-memory-usage",
-  "version": "0.8.1",
+  "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": {
     "@kispace-io/core": "*"
   },
   "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.memoryusage",
-  name: t('EXT_MEMORYUSAGE_NAME'),
-  description: t('EXT_MEMORYUSAGE_DESC'),
-  loader: () => import("./memory-usage-extension"),
-  icon: "microchip",
-  
-  
-});

package/src/k-memory-usage.ts

@@ -1,59 +0,0 @@
-import {customElement} from "lit/decorators.js";
-import {KElement} from "@kispace-io/core";
-import {html} from "lit";
-
-@customElement('k-memory-usage')
-export class KMemoryUsage extends KElement {
-    
-    private updateInterval: number | null = null;
-
-    connectedCallback() {
-        super.connectedCallback();
-        this.updateInterval = window.setInterval(() => {
-            this.requestUpdate();
-        }, 2000);
-    }
-
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this.updateInterval !== null) {
-            clearInterval(this.updateInterval);
-            this.updateInterval = null;
-        }
-    }
-
-    protected render() {
-        const memory = (performance as any).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>
-        `;
-    }
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'k-memory-usage': KMemoryUsage
-    }
-}
-

package/src/memory-usage-extension.ts

@@ -1,10 +0,0 @@
-import {contributionRegistry, HTMLContribution} from "@kispace-io/core";
-import {TOOLBAR_BOTTOM} from "@kispace-io/core";
-import "./k-memory-usage";
-
-contributionRegistry.registerContribution(TOOLBAR_BOTTOM, {
-    target: TOOLBAR_BOTTOM,
-    label: "Memory",
-    html: `<k-memory-usage></k-memory-usage>`
-} as HTMLContribution)
-

package/tsconfig.json

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