From 67cca1ee1a2261d1543a12405871c98f3bf8adcd Mon Sep 17 00:00:00 2001 From: "m.heisig" Date: Sat, 8 Nov 2025 14:00:21 +0100 Subject: [PATCH] Project changed from mockup to dev --- package-lock.json | 423 ++++++++++++++++++ package.json | 3 + src/App.vue | 60 ++- src/components/AppFooter.vue | 82 ---- src/components/AutomaticMode.vue | 67 ++- .../BaseComponents/ControlButton.vue | 51 +++ .../BaseComponents/MotorControl.vue | 123 +++++ .../BaseComponents/ProcessValue.vue | 83 ++++ .../BaseComponents/ValveControl.vue | 49 ++ src/components/BatteryState.vue | 1 + src/components/EventsTable.vue | 42 ++ src/components/HelloWorld.vue | 90 ---- src/components/ModuleSemiAuto.vue | 67 +++ src/components/ModuleView.vue | 43 ++ src/components/TestTable.vue | 63 +++ src/components/UnitControl.vue | 97 ++++ src/components/UnitControlView.vue | 40 ++ src/components/UnitState.vue | 137 ++++++ src/main.js | 3 + src/stores/opcua.js | 169 +++++++ 20 files changed, 1488 insertions(+), 205 deletions(-) delete mode 100644 src/components/AppFooter.vue create mode 100644 src/components/BaseComponents/ControlButton.vue create mode 100644 src/components/BaseComponents/MotorControl.vue create mode 100644 src/components/BaseComponents/ProcessValue.vue create mode 100644 src/components/BaseComponents/ValveControl.vue create mode 100644 src/components/EventsTable.vue delete mode 100644 src/components/HelloWorld.vue create mode 100644 src/components/ModuleSemiAuto.vue create mode 100644 src/components/ModuleView.vue create mode 100644 src/components/TestTable.vue create mode 100644 src/components/UnitControl.vue create mode 100644 src/components/UnitControlView.vue create mode 100644 src/components/UnitState.vue create mode 100644 src/stores/opcua.js diff --git a/package-lock.json b/package-lock.json index cf50ce0..0831a4e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,9 @@ "dependencies": { "@fontsource/roboto": "5.2.7", "@mdi/font": "7.4.47", + "@ygoe/msgpack": "^1.0.3", + "axios": "^1.12.2", + "pinia": "^3.0.3", "vue": "^3.5.21", "vuetify": "^3.10.1" }, @@ -1256,6 +1259,39 @@ "@vue/shared": "3.5.22" } }, + "node_modules/@vue/devtools-api": { + "version": "7.7.7", + "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.7.tgz", + "integrity": "sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==", + "license": "MIT", + "dependencies": { + "@vue/devtools-kit": "^7.7.7" + } + }, + "node_modules/@vue/devtools-kit": { + "version": "7.7.7", + "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz", + "integrity": "sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==", + "license": "MIT", + "dependencies": { + "@vue/devtools-shared": "^7.7.7", + "birpc": "^2.3.0", + "hookable": "^5.5.3", + "mitt": "^3.0.1", + "perfect-debounce": "^1.0.0", + "speakingurl": "^14.0.1", + "superjson": "^2.2.2" + } + }, + "node_modules/@vue/devtools-shared": { + "version": "7.7.7", + "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz", + "integrity": "sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==", + "license": "MIT", + "dependencies": { + "rfdc": "^1.4.1" + } + }, "node_modules/@vue/reactivity": { "version": "3.5.22", "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.22.tgz", @@ -1320,6 +1356,12 @@ "vuetify": "^3.0.0" } }, + "node_modules/@ygoe/msgpack": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@ygoe/msgpack/-/msgpack-1.0.3.tgz", + "integrity": "sha512-Sjp0O/sNgOJxTOO1c2Zuu7nsHRIGu2iGPYyhUedKKbcHyUl73jbCaomEFJZHNb/6i94B+ZNZHVnFgpo0ENSXxQ==", + "license": "MIT" + }, "node_modules/acorn": { "version": "8.15.0", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", @@ -1347,6 +1389,23 @@ "node": ">= 8" } }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "license": "MIT" + }, + "node_modules/axios": { + "version": "1.12.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz", + "integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==", + "license": "MIT", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.4", + "proxy-from-env": "^1.1.0" + } + }, "node_modules/binary-extensions": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", @@ -1360,6 +1419,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/birpc": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.6.1.tgz", + "integrity": "sha512-LPnFhlDpdSH6FJhJyn4M0kFO7vtQ5iPw24FnG0y21q09xC7e8+1LeR31S1MAIrDAHp4m7aas4bEkTDTvMAtebQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/antfu" + } + }, "node_modules/braces": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", @@ -1380,6 +1448,19 @@ "devOptional": true, "license": "MIT/X11" }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/chokidar": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", @@ -1403,6 +1484,18 @@ "devOptional": true, "license": "MIT" }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "license": "MIT", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/confbox": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz", @@ -1410,6 +1503,21 @@ "dev": true, "license": "MIT" }, + "node_modules/copy-anything": { + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz", + "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==", + "license": "MIT", + "dependencies": { + "is-what": "^4.1.8" + }, + "engines": { + "node": ">=12.13" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, "node_modules/csstype": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", @@ -1434,6 +1542,15 @@ } } }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "license": "MIT", + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/detect-libc": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", @@ -1447,6 +1564,20 @@ "node": ">=0.10" } }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/entities": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", @@ -1459,6 +1590,51 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-set-tostringtag": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz", + "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/esbuild": { "version": "0.25.10", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz", @@ -1554,6 +1730,42 @@ "node": ">=8" } }, + "node_modules/follow-redirects": { + "version": "1.15.11", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz", + "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz", + "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==", + "license": "MIT", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "es-set-tostringtag": "^2.1.0", + "hasown": "^2.0.2", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/fsevents": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", @@ -1568,6 +1780,52 @@ "node": "^8.16.0 || ^10.6.0 || >=11.0.0" } }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-intrinsic": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", + "function-bind": "^1.1.2", + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/glob-parent": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", @@ -1581,6 +1839,18 @@ "node": ">= 6" } }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", @@ -1591,6 +1861,51 @@ "node": ">=8" } }, + "node_modules/has-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "license": "MIT", + "dependencies": { + "has-symbols": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "license": "MIT", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/hookable": { + "version": "5.5.3", + "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz", + "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==", + "license": "MIT" + }, "node_modules/immutable": { "version": "5.1.3", "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz", @@ -1644,6 +1959,18 @@ "node": ">=0.12.0" } }, + "node_modules/is-what": { + "version": "4.1.16", + "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz", + "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==", + "license": "MIT", + "engines": { + "node": ">=12.13" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, "node_modules/local-pkg": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.2.tgz", @@ -1671,6 +1998,15 @@ "@jridgewell/sourcemap-codec": "^1.5.5" } }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -1695,6 +2031,33 @@ "node": ">=8.6" } }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "license": "MIT", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mitt": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz", + "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==", + "license": "MIT" + }, "node_modules/mlly": { "version": "1.8.0", "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz", @@ -1776,6 +2139,12 @@ "dev": true, "license": "MIT" }, + "node_modules/perfect-debounce": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz", + "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==", + "license": "MIT" + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -1795,6 +2164,27 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pinia": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.3.tgz", + "integrity": "sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==", + "license": "MIT", + "dependencies": { + "@vue/devtools-api": "^7.7.2" + }, + "funding": { + "url": "https://github.com/sponsors/posva" + }, + "peerDependencies": { + "typescript": ">=4.4.4", + "vue": "^2.7.0 || ^3.5.11" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, "node_modules/pkg-types": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz", @@ -1835,6 +2225,12 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "license": "MIT" + }, "node_modules/quansync": { "version": "0.2.11", "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz", @@ -1898,6 +2294,12 @@ "node": ">=0.10.0" } }, + "node_modules/rfdc": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", + "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", + "license": "MIT" + }, "node_modules/rollup": { "version": "4.52.4", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.4.tgz", @@ -2335,6 +2737,27 @@ "node": ">=0.10.0" } }, + "node_modules/speakingurl": { + "version": "14.0.1", + "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz", + "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==", + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/superjson": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.2.tgz", + "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==", + "license": "MIT", + "dependencies": { + "copy-anything": "^3.0.2" + }, + "engines": { + "node": ">=16" + } + }, "node_modules/supports-color": { "version": "8.1.1", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", diff --git a/package.json b/package.json index 7659323..5b0616e 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,9 @@ "dependencies": { "@fontsource/roboto": "5.2.7", "@mdi/font": "7.4.47", + "@ygoe/msgpack": "^1.0.3", + "axios": "^1.12.2", + "pinia": "^3.0.3", "vue": "^3.5.21", "vuetify": "^3.10.1" }, diff --git a/src/App.vue b/src/App.vue index fd70d56..55ec099 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,7 @@ diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue deleted file mode 100644 index 7444827..0000000 --- a/src/components/AppFooter.vue +++ /dev/null @@ -1,82 +0,0 @@ - - - - - diff --git a/src/components/AutomaticMode.vue b/src/components/AutomaticMode.vue index c0715fe..4d400a2 100644 --- a/src/components/AutomaticMode.vue +++ b/src/components/AutomaticMode.vue @@ -1,19 +1,22 @@ diff --git a/src/components/BaseComponents/ControlButton.vue b/src/components/BaseComponents/ControlButton.vue new file mode 100644 index 0000000..ec6138a --- /dev/null +++ b/src/components/BaseComponents/ControlButton.vue @@ -0,0 +1,51 @@ + + + diff --git a/src/components/BaseComponents/MotorControl.vue b/src/components/BaseComponents/MotorControl.vue new file mode 100644 index 0000000..cd35024 --- /dev/null +++ b/src/components/BaseComponents/MotorControl.vue @@ -0,0 +1,123 @@ + + + diff --git a/src/components/BaseComponents/ProcessValue.vue b/src/components/BaseComponents/ProcessValue.vue new file mode 100644 index 0000000..d935e1a --- /dev/null +++ b/src/components/BaseComponents/ProcessValue.vue @@ -0,0 +1,83 @@ + + + diff --git a/src/components/BaseComponents/ValveControl.vue b/src/components/BaseComponents/ValveControl.vue new file mode 100644 index 0000000..c120ed8 --- /dev/null +++ b/src/components/BaseComponents/ValveControl.vue @@ -0,0 +1,49 @@ + + + diff --git a/src/components/BatteryState.vue b/src/components/BatteryState.vue index e7d6acb..7657341 100644 --- a/src/components/BatteryState.vue +++ b/src/components/BatteryState.vue @@ -32,6 +32,7 @@ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 730485c..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,90 +0,0 @@ - - - diff --git a/src/components/ModuleSemiAuto.vue b/src/components/ModuleSemiAuto.vue new file mode 100644 index 0000000..10a9eab --- /dev/null +++ b/src/components/ModuleSemiAuto.vue @@ -0,0 +1,67 @@ + + + diff --git a/src/components/ModuleView.vue b/src/components/ModuleView.vue new file mode 100644 index 0000000..a196564 --- /dev/null +++ b/src/components/ModuleView.vue @@ -0,0 +1,43 @@ + + + diff --git a/src/components/TestTable.vue b/src/components/TestTable.vue new file mode 100644 index 0000000..418d3ec --- /dev/null +++ b/src/components/TestTable.vue @@ -0,0 +1,63 @@ + + + + + \ No newline at end of file diff --git a/src/components/UnitControl.vue b/src/components/UnitControl.vue new file mode 100644 index 0000000..7179cae --- /dev/null +++ b/src/components/UnitControl.vue @@ -0,0 +1,97 @@ + + + diff --git a/src/components/UnitControlView.vue b/src/components/UnitControlView.vue new file mode 100644 index 0000000..f9f4fb1 --- /dev/null +++ b/src/components/UnitControlView.vue @@ -0,0 +1,40 @@ + + + diff --git a/src/components/UnitState.vue b/src/components/UnitState.vue new file mode 100644 index 0000000..7d2854e --- /dev/null +++ b/src/components/UnitState.vue @@ -0,0 +1,137 @@ + + + + + diff --git a/src/main.js b/src/main.js index a544ae9..7f6d0b5 100644 --- a/src/main.js +++ b/src/main.js @@ -12,12 +12,15 @@ import App from './App.vue' // Composables import { createApp } from 'vue' +import { createPinia } from 'pinia' // Styles import 'unfonts.css' +const pinia = createPinia() const app = createApp(App) registerPlugins(app) +app.use(pinia) app.mount('#app') diff --git a/src/stores/opcua.js b/src/stores/opcua.js new file mode 100644 index 0000000..9827459 --- /dev/null +++ b/src/stores/opcua.js @@ -0,0 +1,169 @@ +import { defineStore } from "pinia"; +import msgpack from "@ygoe/msgpack"; + +export const useOpcuaStore = defineStore("opcua", { + state: () => ({ + values: {}, + opcuaEvents: new Map(), + ws: null, + connected: false, + subscriptions: new Set(), + opcuaDatatypes: { + Null: 0, + Boolean: 1, + SByte: 2, + Byte: 3, + Int16: 4, + UInt16: 5, + Int32: 6, + UInt32: 7, + Int64: 8, + UInt64: 9, + Float: 10, + Double: 11, + String: 12, + DateTime: 13, + Guid: 14, + ByteString: 15, + XmlElement: 16, + NodeId: 17, + ExpandedNodeId: 18, + StatusCode: 19, + QualifiedName: 20, + LocalizedText: 21, + ExtensionObject: 22, + DataValue: 23, + Variant: 24, + DiagnosticInfo: 25, + }, + reconnectTimeout: null, + }), + + actions: { + connect() { + this.ws = new WebSocket("ws://localhost:8000/ws"); + this.ws.binaryType = "arraybuffer"; + + this.ws.onopen = () => { + this.connected = true; + // Initiale Subscriptions senden + const msg = msgpack.encode({ + subscribe: Array.from(this.subscriptions), + }); + this.ws.send(msg); + }; + + this.ws.onmessage = (event) => { + const data = msgpack.decode(new Uint8Array(event.data)); + + if (data.initial) { + Object.entries(data.initial.values).forEach(([tag, val]) => { + this.values[tag] = val; + }); + Object.entries(data.initial.events).forEach(([tag, val]) => { + this.opcuaEvents.set(tag, val); + }); + } + + if (data.u) { + Object.entries(data.u).forEach(([nodeId, val]) => { + this.values[nodeId] = val; + }); + } + + if (data.e) { + console.log(data.e); + Object.entries(data.e).forEach(([nodeId, event]) => { + // Event is still relevant + if (event.Retain) { + let entry = {}; + + // If we already have an event with the same nodeId + if (this.opcuaEvents.has(nodeId)) { + entry = this.opcuaEventsget(nodeId); + entry.type = event.Severity; + //entry.message = event.message; + // check if it is still active + if (event.ActiveState) { + entry.raised = new Date(event.ActiveStateTransTime).toLocaleString("de-DE"); + } else { + // If not, write the time to cleared + entry.cleared = new Date(event.ActiveStateTransTime).toLocaleString("de-DE"); + } + if (event.ConfirmedState) { + entry.confirmed = new Date(event.ConfirmedStateTransTime).toLocaleString("de-DE"); + } + } else { + entry = { + type: event.Severity, + message: event.Message, + raised: new Date(event.ActiveStateTransTime).toLocaleString("de-DE"), + cleared: event.ActiveState ? "" : new Date(event.ActiveStateTransTime).toLocaleString("de-DE"), + confirmed: event.ConfirmedState ? new Date(event.ConfirmedStateTransTime).toLocaleString("de-DE") : "", + }; + } + this.opcuaEvents.set(nodeId, entry); + } else { + this.opcuaEvents.delete(nodeId); + } + }); + + Object.entries(data.e).forEach(([nodeId, val]) => { + // Event is not yet cleared + // if (val.Retain) + // { + // console.log(val) + // //this.opcuaEvents.set(nodeId) = val; + // } + // else + // { + // if (this.opcuaEvents.has(nodeId)) { + // this.opcuaEvents.delete(nodeId); + // } + // } + }); + } + }; + + this.ws.onclose = () => { + //this.reconnect(); + this.connected = false; + }; + }, + + reconnect() { + if (this.reconnectTimeout) return; // Verhindert mehrfachen Reconnect + this.reconnectTimeout = setTimeout(() => { + this.reconnectTimeout = null; + this.connect(); + }, 3000); + }, + + subscribe(tags) { + tags.forEach((tag) => this.subscriptions.add(tag)); + if (this.connected && this.ws) { + const msg = msgpack.encode({ subscribe: tags }); + this.ws.send(msg); + } + }, + + unsubscribe(tags) { + tags.forEach((tag) => this.subscriptions.delete(tag)); + if (this.connected && this.ws) { + const msg = msgpack.encode({ unsubscribe: tags }); + this.ws.send(msg); + } + }, + + sendCommand(command) { + if (this.ws && this.connected) { + const msg = msgpack.encode({ command: command }); + this.ws.send(msg); + } + }, + + getValue(tag) { + return this.values[tag]; + }, + }, +});