fix(webui): fix mqtt port issue

Author: marle3003

.github/actions/publish-website/action.yml

@@ -39,7 +39,7 @@ runs:
       run: docker load --input /tmp/mokapi.tar
       shell: bash
     - name: Run mokapi image
-      run: docker run --name mokapi --rm -d -p 80:80 -p 8080:8080 -p 9092:9092 -p 8389:8389 -p 8025:8025 --mount type=bind,source=$(pwd)/webui/scripts/dashboard-demo/demo-configs,target=/data --env MOKAPI_Providers_File_Directory=/data ${{ inputs.image-name }}
+      run: docker run --name mokapi --rm -d -p 80:80 -p 1883:1883 -p 8080:8080 -p 9092:9092 -p 8389:8389 -p 8025:8025 --mount type=bind,source=$(pwd)/webui/scripts/dashboard-demo/demo-configs,target=/data --env MOKAPI_Providers_File_Directory=/data ${{ inputs.image-name }}
       shell: bash
     - name: Build Demo Dashboard
       working-directory: ./webui/scripts/dashboard-demo

webui/e2e/tests/dashboard-demo/mqtt.spec.ts

@@ -78,7 +78,7 @@ test('Visit MQTT overview', async ({ page, baseURL }) => {
                     const info = page.getByRole('region', { name: 'Info' })
                     await expect(info.getByLabel('Client Id')).toContainText('mqttjs');
                     await expect(info.getByLabel('Address')).not.toBeEmpty();
-                    await expect(info.getByLabel('Broker')).toHaveText('localhost:9883');
+                    await expect(info.getByLabel('Broker')).toHaveText('localhost:1883');
                     await expect(info.getByLabel('Protocol Version')).toHaveText('4 (v3.1.1)');
                     await expect(info.getByLabel('Type of API')).toHaveText('MQTT');
 

webui/scripts/dashboard-demo/demo-configs/mqtt.yaml

@@ -5,7 +5,7 @@ info:
   description: Example specification for controlling sensors via MQTT.
 servers:
   production:
-    host: localhost:9883
+    host: localhost:1883
     protocol: mqtt
     description: Public HiveMQ broker for testing purposes.
 channels:

webui/scripts/dashboard-demo/drive-mqtt.ts

@@ -1,7 +1,7 @@
 import mqtt from 'mqtt';
 
 export async function driveMqtt(): Promise<void> {
-    const client = mqtt.connect('mqtt://localhost:9883')
+    const client = mqtt.connect('mqtt://localhost:1883')
 
     await new Promise<void>((resolve, reject) => {
         client.on('connect', () => {