vite-hmr-tchmi 1.0.0 → 1.1.0

package/Readme.md

@@ -1,4 +1,4 @@
-# tchmi-vite-hmr
+# vite-hmr-tchmi
 
 A utility library to enable Hot Module Replacement (HMR) for Beckhoff TwinCAT HMI (TcHmi) Framework Controls when using Vite.
 
@@ -23,7 +23,7 @@ This package provides the necessary logic to hot-reload TcHmi Controls without r
 ## Installation
 
 ```bash
-npm install tchmi-vite-hmr --save-dev
+npm install vite-hmr-tchmi --save-dev
 ```
 
 ---
@@ -32,7 +32,7 @@ npm install tchmi-vite-hmr --save-dev
 
 In your TcHmi Control script file, import the handler and call it within the Vite HMR lifecycle:
 ```ts
-import { handleTcHmiHmr } from 'tchmi-vite-hmr';
+import { handleTcHmiHmr } from 'vite-hmr-tchmi';
 
 // ... Your Control Class Definition ...
 export class MyCustomControl extends TcHmi.Controls.System.TcHmiControl {
@@ -45,10 +45,6 @@ if (import.meta.hot) import.meta.hot.accept((newModule) => handleTcHmiHmr(newMod
 
 ---
 
-Hier ist der restliche Teil der README ab How it works im Markdown-Format zum Kopieren:
-
-Markdown
-
 ## How it works
 
 When a file change is detected, Vite provides the updated module. The `handleTcHmiHmr` function:

package/dist/index.d.ts

@@ -0,0 +1 @@
+export declare function handleTcHmiHmr(newModule: any): void;

package/dist/index.js

@@ -0,0 +1,28 @@
+function isClassExtending(e, t) {
+	if (!e || !t) return !1;
+	let n = typeof t == "string" ? t : t.name, r = e;
+	for (; r != null;) {
+		if (r === t || r.constructor.name === n) return !0;
+		r = Object.getPrototypeOf(r);
+	}
+	return !1;
+}
+function handleTcHmiHmr(t) {
+	if (t) for (let [n, r] of Object.entries(t)) {
+		if (!isClassExtending(r, "TcHmi.Controls.System.TcHmiControl")) continue;
+		let t = r, n = Array.from(window.TcHmi.Controls.getMap()).filter(([n, r]) => isClassExtending(r, t));
+		console.groupCollapsed(`🔥 HMR: Updated '${t.name}' with ${n.length} instances.`);
+		for (let [e, r] of n) {
+			r.__detach(), Object.setPrototypeOf(r, t.prototype), r.__attach();
+			let n = {
+				type: r.getType(),
+				dom: r.getElement()[0],
+				instance: r,
+				[Symbol.toStringTag]: `✅ Patched & Reattached: '${e}'`
+			};
+			console.dir(n);
+		}
+		console.groupEnd();
+	}
+}
+export { handleTcHmiHmr };

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "vite-hmr-tchmi",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "tsc --watch",
-    "build": "tsc && vite build"
+    "build": "vite build && tsc"
   },
   "repository": {
     "type": "git",

package/.github/workflows/publish.yml

@@ -1,28 +0,0 @@
-name: Publish to npm
-
-on:
-  release:
-    types: [published]
-
-jobs:
-  build-and-publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Install dependencies
-        run: npm install
-
-      - name: Build project
-        run: npm run build
-
-      - name: Publish to npm
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/src/index.ts

@@ -1,46 +0,0 @@
-function isClassExtending(targetClass: any, baseClass: any) {
-    if (!targetClass || !baseClass) return false;
-
-    const baseName = typeof baseClass === 'string' ? baseClass : baseClass.name;
-
-    let current = targetClass;
-    while (current !== null && current !== undefined) {
-        if (current === baseClass) return true;
-        if (current.constructor.name === baseName) return true;
-
-        current = Object.getPrototypeOf(current);
-    }
-    return false;
-}
-
-export function handleTcHmiHmr(newModule: any) {
-
-    if (!newModule) return;
-
-    for (const [_, newModuleElement] of Object.entries(newModule)) {
-        if (!(isClassExtending(newModuleElement, "TcHmi.Controls.System.TcHmiControl"))) continue;
-        const newControl = newModuleElement as any;
-
-        const instances = Array.from((window as any).TcHmi.Controls.getMap())
-            .filter(([_, inst]: any) => isClassExtending(inst, newControl)) as any[];
-
-        console.groupCollapsed(`🔥 HMR: Updated '${newControl.name}' with ${instances.length} instances.`);
-
-        for (const [id, instance] of instances) {
-            instance.__detach();
-            Object.setPrototypeOf(instance, newControl.prototype);
-            instance.__attach();
-
-            const logHelper = {
-                type: instance.getType(),
-                dom: instance.getElement()[0],
-                instance: instance,
-                [Symbol.toStringTag]: `✅ Patched & Reattached: '${id}'`
-            }
-            console.dir(logHelper);
-        }
-
-        console.groupEnd();
-    }
-    
-}

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-
-    "noEmit": false,
-    "outDir": "dist",
-    "declaration": true,
-    "emitDeclarationOnly": true,
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,25 +0,0 @@
-import { defineConfig } from 'vite';
-import { resolve } from 'path';
-
-export default defineConfig({
-    build: {
-        ssr: true,
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            name: 'ViteHmrTcHmi',
-            fileName: 'index',
-            formats: ['es']
-        },
-        rollupOptions: {
-            external: [
-                'vite',
-            ],
-            output: {
-                globals: {
-                    vite: 'Vite'
-                }
-            }
-        },
-        minify: true
-    }
-});