@attraccess/plugin-wago 0.1.0-alpha.0

package/frontend/style.css

@@ -0,0 +1,624 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-space-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-duration: initial;
+    }
+  }
+}
+
+:root, :host {
+  --wg-spacing: .25rem;
+  --wg-container-md: 28rem;
+  --wg-container-2xl: 42rem;
+  --wg-container-3xl: 48rem;
+  --wg-container-6xl: 72rem;
+  --wg-text-xs: .75rem;
+  --wg-text-xs--line-height: calc(1 / .75);
+  --wg-text-sm: .875rem;
+  --wg-text-sm--line-height: calc(1.25 / .875);
+  --wg-text-lg: 1.125rem;
+  --wg-text-lg--line-height: calc(1.75 / 1.125);
+  --wg-text-xl: 1.25rem;
+  --wg-text-xl--line-height: calc(1.75 / 1.25);
+  --wg-text-2xl: 1.5rem;
+  --wg-text-2xl--line-height: calc(2 / 1.5);
+  --wg-text-3xl: 1.875rem;
+  --wg-text-3xl--line-height: calc(2.25 / 1.875);
+  --wg-font-weight-normal: 400;
+  --wg-font-weight-medium: 500;
+  --wg-font-weight-semibold: 600;
+  --wg-tracking-wider: .05em;
+  --wg-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+  --wg-default-transition-duration: .15s;
+  --wg-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.wg\:sr-only {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.wg\:sticky {
+  position: sticky;
+}
+
+.wg\:top-0 {
+  top: 0;
+}
+
+.wg\:z-10 {
+  z-index: 10;
+}
+
+.wg\:mx-auto {
+  margin-inline: auto;
+}
+
+.wg\:mt-1 {
+  margin-top: var(--wg-spacing);
+}
+
+.wg\:mt-2 {
+  margin-top: calc(var(--wg-spacing) * 2);
+}
+
+.wg\:mt-3 {
+  margin-top: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:mt-4 {
+  margin-top: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:mt-5 {
+  margin-top: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:mt-6 {
+  margin-top: calc(var(--wg-spacing) * 6);
+}
+
+.wg\:mb-2 {
+  margin-bottom: calc(var(--wg-spacing) * 2);
+}
+
+.wg\:block {
+  display: block;
+}
+
+.wg\:flex {
+  display: flex;
+}
+
+.wg\:grid {
+  display: grid;
+}
+
+.wg\:hidden {
+  display: none;
+}
+
+.wg\:size-4 {
+  width: calc(var(--wg-spacing) * 4);
+  height: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:size-5 {
+  width: calc(var(--wg-spacing) * 5);
+  height: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:size-8 {
+  width: calc(var(--wg-spacing) * 8);
+  height: calc(var(--wg-spacing) * 8);
+}
+
+.wg\:h-1 {
+  height: var(--wg-spacing);
+}
+
+.wg\:h-1\.5 {
+  height: calc(var(--wg-spacing) * 1.5);
+}
+
+.wg\:h-4 {
+  height: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:h-5 {
+  height: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:h-6 {
+  height: calc(var(--wg-spacing) * 6);
+}
+
+.wg\:h-10 {
+  height: calc(var(--wg-spacing) * 10);
+}
+
+.wg\:h-auto {
+  height: auto;
+}
+
+.wg\:h-full {
+  height: 100%;
+}
+
+.wg\:min-h-10 {
+  min-height: calc(var(--wg-spacing) * 10);
+}
+
+.wg\:min-h-16 {
+  min-height: calc(var(--wg-spacing) * 16);
+}
+
+.wg\:min-h-20 {
+  min-height: calc(var(--wg-spacing) * 20);
+}
+
+.wg\:w-2\/5 {
+  width: 40%;
+}
+
+.wg\:w-4 {
+  width: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:w-5 {
+  width: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:w-6 {
+  width: calc(var(--wg-spacing) * 6);
+}
+
+.wg\:w-10 {
+  width: calc(var(--wg-spacing) * 10);
+}
+
+.wg\:w-full {
+  width: 100%;
+}
+
+.wg\:max-w-3xl {
+  max-width: var(--wg-container-3xl);
+}
+
+.wg\:max-w-6xl {
+  max-width: var(--wg-container-6xl);
+}
+
+.wg\:max-w-\[1440px\] {
+  max-width: 1440px;
+}
+
+.wg\:max-w-full {
+  max-width: 100%;
+}
+
+.wg\:max-w-md {
+  max-width: var(--wg-container-md);
+}
+
+.wg\:min-w-0 {
+  min-width: 0;
+}
+
+.wg\:flex-1 {
+  flex: 1;
+}
+
+.wg\:shrink-0 {
+  flex-shrink: 0;
+}
+
+.wg\:animate-pulse {
+  animation: var(--wg-animate-pulse);
+}
+
+.wg\:cursor-pointer {
+  cursor: pointer;
+}
+
+.wg\:grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.wg\:flex-col {
+  flex-direction: column;
+}
+
+.wg\:flex-wrap {
+  flex-wrap: wrap;
+}
+
+.wg\:items-center {
+  align-items: center;
+}
+
+.wg\:items-start {
+  align-items: flex-start;
+}
+
+.wg\:justify-between {
+  justify-content: space-between;
+}
+
+.wg\:justify-center {
+  justify-content: center;
+}
+
+.wg\:justify-end {
+  justify-content: flex-end;
+}
+
+.wg\:justify-start {
+  justify-content: flex-start;
+}
+
+.wg\:gap-1 {
+  gap: var(--wg-spacing);
+}
+
+.wg\:gap-2 {
+  gap: calc(var(--wg-spacing) * 2);
+}
+
+.wg\:gap-3 {
+  gap: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:gap-4 {
+  gap: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:gap-5 {
+  gap: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:gap-6 {
+  gap: calc(var(--wg-spacing) * 6);
+}
+
+:where(.wg\:space-y-1 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(var(--wg-spacing) * var(--tw-space-y-reverse));
+  margin-block-end: calc(var(--wg-spacing) * calc(1 - var(--tw-space-y-reverse)));
+}
+
+:where(.wg\:space-y-3 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--wg-spacing) * 3) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--wg-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+}
+
+:where(.wg\:space-y-4 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--wg-spacing) * 4) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--wg-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+}
+
+:where(.wg\:space-y-5 > :not(:last-child)) {
+  --tw-space-y-reverse: 0;
+  margin-block-start: calc(calc(var(--wg-spacing) * 5) * var(--tw-space-y-reverse));
+  margin-block-end: calc(calc(var(--wg-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+}
+
+.wg\:truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.wg\:overflow-hidden {
+  overflow: hidden;
+}
+
+.wg\:rounded-full {
+  border-radius: 3.40282e38px;
+}
+
+.wg\:rounded-lg {
+  border-radius: calc(var(--radius) * 1);
+}
+
+.wg\:rounded-xl {
+  border-radius: calc(var(--radius) * 1.5);
+}
+
+.wg\:border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+
+.wg\:border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
+
+.wg\:border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+
+.wg\:border-border {
+  border-color: var(--border);
+}
+
+.wg\:bg-danger {
+  background-color: var(--danger);
+}
+
+.wg\:bg-surface {
+  background-color: var(--surface);
+}
+
+.wg\:bg-surface-secondary {
+  background-color: var(--surface-secondary);
+}
+
+.wg\:p-2 {
+  padding: calc(var(--wg-spacing) * 2);
+}
+
+.wg\:p-3 {
+  padding: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:p-4 {
+  padding: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:p-5 {
+  padding: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:p-6 {
+  padding: calc(var(--wg-spacing) * 6);
+}
+
+.wg\:px-4 {
+  padding-inline: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:py-2 {
+  padding-block: calc(var(--wg-spacing) * 2);
+}
+
+.wg\:py-3 {
+  padding-block: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:py-4 {
+  padding-block: calc(var(--wg-spacing) * 4);
+}
+
+.wg\:py-5 {
+  padding-block: calc(var(--wg-spacing) * 5);
+}
+
+.wg\:py-10 {
+  padding-block: calc(var(--wg-spacing) * 10);
+}
+
+.wg\:py-12 {
+  padding-block: calc(var(--wg-spacing) * 12);
+}
+
+.wg\:pt-3 {
+  padding-top: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:pb-3 {
+  padding-bottom: calc(var(--wg-spacing) * 3);
+}
+
+.wg\:text-center {
+  text-align: center;
+}
+
+.wg\:text-end {
+  text-align: end;
+}
+
+.wg\:text-left {
+  text-align: left;
+}
+
+.wg\:text-2xl {
+  font-size: var(--wg-text-2xl);
+  line-height: var(--tw-leading, var(--wg-text-2xl--line-height));
+}
+
+.wg\:text-3xl {
+  font-size: var(--wg-text-3xl);
+  line-height: var(--tw-leading, var(--wg-text-3xl--line-height));
+}
+
+.wg\:text-lg {
+  font-size: var(--wg-text-lg);
+  line-height: var(--tw-leading, var(--wg-text-lg--line-height));
+}
+
+.wg\:text-sm {
+  font-size: var(--wg-text-sm);
+  line-height: var(--tw-leading, var(--wg-text-sm--line-height));
+}
+
+.wg\:text-xl {
+  font-size: var(--wg-text-xl);
+  line-height: var(--tw-leading, var(--wg-text-xl--line-height));
+}
+
+.wg\:text-xs {
+  font-size: var(--wg-text-xs);
+  line-height: var(--tw-leading, var(--wg-text-xs--line-height));
+}
+
+.wg\:font-medium {
+  --tw-font-weight: var(--wg-font-weight-medium);
+  font-weight: var(--wg-font-weight-medium);
+}
+
+.wg\:font-normal {
+  --tw-font-weight: var(--wg-font-weight-normal);
+  font-weight: var(--wg-font-weight-normal);
+}
+
+.wg\:font-semibold {
+  --tw-font-weight: var(--wg-font-weight-semibold);
+  font-weight: var(--wg-font-weight-semibold);
+}
+
+.wg\:tracking-wider {
+  --tw-tracking: var(--wg-tracking-wider);
+  letter-spacing: var(--wg-tracking-wider);
+}
+
+.wg\:\[overflow-wrap\:anywhere\] {
+  overflow-wrap: anywhere;
+}
+
+.wg\:break-words {
+  overflow-wrap: break-word;
+}
+
+.wg\:break-all {
+  word-break: break-all;
+}
+
+.wg\:whitespace-normal {
+  white-space: normal;
+}
+
+.wg\:text-accent {
+  color: var(--accent);
+}
+
+.wg\:text-danger {
+  color: var(--danger);
+}
+
+.wg\:text-foreground {
+  color: var(--foreground);
+}
+
+.wg\:text-muted {
+  color: var(--muted);
+}
+
+.wg\:text-success {
+  color: var(--success);
+}
+
+.wg\:uppercase {
+  text-transform: uppercase;
+}
+
+.wg\:transition-\[width\] {
+  transition-property: width;
+  transition-timing-function: var(--tw-ease, var(--wg-default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--wg-default-transition-duration));
+}
+
+.wg\:duration-500 {
+  --tw-duration: .5s;
+  transition-duration: .5s;
+}
+
+@media (min-width: 40rem) {
+  .wg\:sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 48rem) {
+  .wg\:md\:mx-auto {
+    margin-inline: auto;
+  }
+
+  .wg\:md\:block {
+    display: block;
+  }
+
+  .wg\:md\:hidden {
+    display: none;
+  }
+
+  .wg\:md\:table-cell {
+    display: table-cell;
+  }
+
+  .wg\:md\:max-w-2xl {
+    max-width: var(--wg-container-2xl);
+  }
+
+  .wg\:md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .wg\:md\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
+    grid-template-columns: 13rem minmax(0, 1fr);
+  }
+
+  .wg\:md\:p-6 {
+    padding: calc(var(--wg-spacing) * 6);
+  }
+}
+
+@media (min-width: 64rem) {
+  .wg\:lg\:table-cell {
+    display: table-cell;
+  }
+
+  .wg\:lg\:grid-cols-\[minmax\(220px\,1fr\)_minmax\(0\,2fr\)\] {
+    grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
+  }
+}
+
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@attraccess/plugin-wago",
+  "version": "0.1.0-alpha.0",
+  "description": "Official Attraccess integration for WAGO CC100 controllers.",
+  "keywords": [
+    "attraccess-plugin",
+    "attraccess",
+    "wago",
+    "cc100"
+  ],
+  "license": "AGPL-3.0-only",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Attraccess/Attraccess.git",
+    "directory": "apps/plugins/wago"
+  },
+  "homepage": "https://attraccess.org",
+  "files": [
+    "dist",
+    "frontend"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@attraccess/plugins-backend-sdk": "^1.9.0",
+    "@attraccess/plugins-frontend-sdk": "^1.9.0"
+  },
+  "attraccess": {
+    "displayName": "WAGO CC100",
+    "description": "Discover, claim, and monitor WAGO CC100 controllers.",
+    "host": "^1.9.0",
+    "backend": "dist/index.js",
+    "frontend": "frontend/remoteEntry.js",
+    "migrations": "dist/migrations.js",
+    "styles": "frontend/style.css",
+    "permissions": [
+      "DATABASE_ACCESS",
+      "ACCESS_MQTT_SERVERS",
+      "TRIGGER_FLOWS"
+    ],
+    "sdk": {
+      "backend": "^1.9.0",
+      "frontend": "^1.9.0"
+    }
+  }
+}