Wemo plugin support

helper/config.schema.js

@@ -121,6 +121,7 @@ const configSchema = {
         'tpLinkSmartPlug',
         'tasmota',
         'tasmotaMqtt',
+        'wemo',
       ],
       properties: {
         displayLayerProgress: {
@@ -276,6 +277,25 @@ const configSchema = {
             },
           },
         },
+        wemo: {
+          $id: '#/properties/plugins/properties/wemo',
+          type: 'object',
+          required: ['enabled', 'ip'],
+          properties: {
+            enabled: {
+              $id: '#/properties/plugins/properties/ip/properties/enabled',
+              type: 'boolean',
+            },
+            ip: {
+              $id: '#/properties/plugins/properties/wemo/properties/ip',
+              type: 'string',
+            },
+            port: {
+              $id: '#/properties/plugins/properties/wemo/properties/port',
+              type: 'number',
+            },
+          },
+        },
       },
     },
     octodash: {

src/app/app.service.ts

@@ -36,6 +36,8 @@ export class AppService {
         (config.plugins.tasmota = { enabled: false, ip: '127.0.0.1', index: null }),
       "/plugins must have required property 'tasmotaMqtt'": config =>
         (config.plugins.tasmotaMqtt = { enabled: false, topic: 'topic', relayNumber: null }),
+      "/plugins must have required property 'wemo'": config =>
+        (config.plugins.wemo = { enabled: false, ip: '127.0.0.1', port: 49152 }),
       "/octodash must have required property 'previewProgressCircle'": config =>
         (config.octodash.previewProgressCircle = false),
       "/octodash must have required property 'turnOnPrinterWhenExitingSleep'": config => {

src/app/config/config.default.ts

@@ -70,6 +70,11 @@ export const defaultConfig: Config = {
       topic: 'topic',
       relayNumber: null,
     },
+    wemo: {
+      enabled: false,
+      ip: '127.0.0.1',
+      port: 49152,
+    },
   },
   octodash: {
     customActions: [

src/app/config/config.model.ts

@@ -60,6 +60,7 @@ interface Plugins {
   tpLinkSmartPlug: TPLinkSmartPlugPlugin;
   tasmota: TasmotaPlugin;
   tasmotaMqtt: TasmotaMqttPlugin;
+  wemo: WemoPlugin;
 }
 
 interface Plugin {
@@ -92,6 +93,11 @@ interface TasmotaMqttPlugin extends Plugin {
   relayNumber: number;
 }
 
+interface WemoPlugin extends Plugin {
+  ip: string;
+  port: number;
+}
+
 interface OctoDash {
   customActions: CustomAction[];
   fileSorting: FileSorting;

src/app/config/config.service.ts

@@ -217,6 +217,14 @@ export class ConfigService {
     return this.config.plugins.tasmotaMqtt.relayNumber;
   }
 
+  public useWemo(): boolean {
+    return this.config.plugins.wemo.enabled;
+  }
+
+  public getWemoIP(): string {
+    return `${this.config.plugins.wemo.ip}:${this.config.plugins.wemo.port}`;
+  }
+
   public getFilamentThickness(): number {
     return this.config.filament.thickness;
   }

src/app/config/setup/plugins/plugins.component.html

@@ -80,4 +80,10 @@
     </app-toggle-switch>
     <ng-container i18n="@@plugin-tasmota-mqtt"> Tasmota MQTT </ng-container>
   </span>
+
+  <span>
+    <app-toggle-switch [value]="wemoPlugin" (valueChange)="wemoPluginChange.emit(!wemoPlugin)">
+    </app-toggle-switch>
+    <ng-container i18n="@@plugin-wemo"> Wemo </ng-container>
+  </span>
 </div>

src/app/config/setup/plugins/plugins.component.ts

@@ -17,6 +17,7 @@ export class PluginsComponent {
   @Input() tpLinkSmartPlugPlugin: boolean;
   @Input() tasmotaPlugin: boolean;
   @Input() tasmotaMqttPlugin: boolean;
+  @Input() wemoPlugin: boolean;
 
   @Output() displayLayerProgressPluginChange = new EventEmitter<boolean>();
   @Output() enclosurePluginChange = new EventEmitter<boolean>();
@@ -29,4 +30,5 @@ export class PluginsComponent {
   @Output() tpLinkSmartPlugPluginChange = new EventEmitter<boolean>();
   @Output() tasmotaPluginChange = new EventEmitter<boolean>();
   @Output() tasmotaMqttPluginChange = new EventEmitter<boolean>();
+  @Output() wemoPluginChange = new EventEmitter<boolean>();
 }

src/app/config/setup/setup.component.html

@@ -60,7 +60,8 @@
     [(ophomPlugin)]="config.plugins.ophom.enabled"
     [(tpLinkSmartPlugPlugin)]="config.plugins.tpLinkSmartPlug.enabled"
     [(tasmotaPlugin)]="config.plugins.tasmota.enabled"
-    [(tasmotaMqttPlugin)]="config.plugins.tasmotaMqtt.enabled"></app-config-setup-plugins>
+    [(tasmotaMqttPlugin)]="config.plugins.tasmotaMqtt.enabled"
+    [(wemoPlugin)]="config.plugins.wemo.enabled"></app-config-setup-plugins>
 
   <div *ngIf="page === 6">
     <span class="setup__text" i18n="@@checking">Great! I'll check everything.</span>

src/app/model/octoprint/index.ts

@@ -15,3 +15,4 @@ export * from './plugins/ophomplugstatus.model';
 export * from './plugins/tp-link.model';
 export * from './plugins/tasmota.model';
 export * from './plugins/tasmota-mqtt.model';
+export * from './plugins/wemo.model';

src/app/model/octoprint/plugins/wemo.model.ts

@@ -0,0 +1,4 @@
+export interface WemoCommand {
+  command: 'turnOn' | 'turnOff';
+  ip: string;
+}

src/app/services/enclosure/enclosure.octoprint.service.ts

@@ -15,6 +15,7 @@ import {
   TasmotaCommand,
   TasmotaMqttCommand,
   TPLinkCommand,
+  WemoCommand,
 } from '../../model/octoprint';
 import { NotificationService } from '../../notification/notification.service';
 import { EnclosureService } from './enclosure.service';
@@ -158,6 +159,8 @@ export class EnclosureOctoprintService implements EnclosureService {
       this.setPSUStateTasmota(state);
     } else if (this.configService.useTasmotaMqtt()) {
       this.setPSUStateTasmotaMqtt(state);
+    } else if (this.configService.useWemo()) {
+      this.setPSUStateWemo(state);
     } else {
       this.notificationService.setNotification({
         heading: $localize`:@@error-psu-state:Can't change PSU State!`,
@@ -307,6 +310,28 @@ export class EnclosureOctoprintService implements EnclosureService {
       .subscribe();
   }
 
+  private setPSUStateWemo(state: PSUState) {
+    const wemoPayload: WemoCommand = {
+      command: state === PSUState.ON ? 'turnOn' : 'turnOff',
+      ip: this.configService.getWemoIP(),
+    };
+
+    this.http
+      .post(this.configService.getApiURL('plugin/wemoswitch'), wemoPayload, this.configService.getHTTPHeaders())
+      .pipe(
+        catchError(error => {
+          this.notificationService.setNotification({
+            heading: $localize`:@@error-send-wemo-plug:Can't update Wemo!`,
+            text: error.message,
+            type: NotificationType.ERROR,
+            time: new Date(),
+          });
+          return of(null);
+        }),
+      )
+      .subscribe();
+  }
+
   togglePSU(): void {
     this.currentPSUState === PSUState.ON ? this.setPSUState(PSUState.OFF) : this.setPSUState(PSUState.ON);
   }

src/app/settings/settings.component.html

@@ -318,7 +318,8 @@
                 config.plugins.ophom.enabled ||
                 config.plugins.tpLinkSmartPlug.enabled ||
                 config.plugins.tasmota.enabled ||
-                config.plugins.tasmotaMqtt.enabled
+                config.plugins.tasmotaMqtt.enabled ||
+                config.plugins.wemo.enabled
               )
             }"
             (click)="config.octodash.turnOnPrinterWhenExitingSleep = !config.octodash.turnOnPrinterWhenExitingSleep">
@@ -331,7 +332,8 @@
                     config.plugins.ophom.enabled ||
                     config.plugins.tpLinkSmartPlug.enabled ||
                     config.plugins.tasmota.enabled ||
-                    config.plugins.tasmotaMqtt.enabled
+                    config.plugins.tasmotaMqtt.enabled ||
+                    config.plugins.wemo.enabled
                   )
                 }"
                 *ngIf="config.octodash.turnOnPrinterWhenExitingSleep"></span>
@@ -635,6 +637,35 @@
             style="width: 44.94vw"
             [(ngModel)]="config.plugins.tasmotaMqtt.relayNumber"
             [disabled]="!config.plugins.tasmotaMqtt.enabled" />
+          <span class="settings__heading-2" i18n="@@settings-wemo">Wemo</span>
+          <div
+            class="settings__checkbox-container"
+            (click)="config.plugins.wemo.enabled = !config.plugins.wemo.enabled">
+            <span class="settings__checkbox">
+              <span class="settings__checkbox-checked" *ngIf="config.plugins.wemo.enabled"></span>
+            </span>
+            <span class="settings__checkbox-descriptor" i18n="@@settings-wemo-enabled">enabled</span>
+          </div>
+          <label for="wemo-ip" class="settings__input-label" i18n="@@settings-wemo-ip" >Wemo IP</label>
+          <input
+            type="text"
+            id="wemo-ip"
+            class="settings__input"
+            name="wemo-ip"
+            style="width: 44.94vw"
+            [(ngModel)]="config.plugins.wemo.ip"
+            required
+            [disabled]="!config.plugins.wemo.enabled" />
+          <label for="wemo-port" class="settings__input-label" i18n="@@settings-wemo-port" >Wemo Port</label>
+          <input
+            type="number"
+            id="wemo-port"
+            class="settings__input"
+            name="wemo-port"
+            style="width: 44.94vw"
+            [(ngModel)]="config.plugins.wemo.port"
+            required
+            [disabled]="!config.plugins.wemo.enabled" />
         </div>
       </div>
       <div class="settings__content settings__content-inactive" #settingsCredits>