├── image.png
├── public
├── images
│ ├── logo.ai
│ ├── logo.png
│ └── logo.svg
├── favicon-16x16.png
├── favicon-32x32.png
├── mstile-70x70.png
├── apple-touch-icon.png
├── mstile-150x150.png
├── mstile-310x150.png
├── android-chrome-72x72.png
├── site.webmanifest
├── browserconfig.xml
├── css
│ ├── global.css
│ └── bootstrap.min.css
├── safari-pinned-tab.svg
└── index.html
├── src
├── main.js
└── App.svelte
├── .env.default
├── docker-compose.yml
├── Dockerfile
├── nginx-include.conf
├── .gitignore
├── package.json
├── README.md
└── rollup.config.js
/image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/image.png
--------------------------------------------------------------------------------
/public/images/logo.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/images/logo.ai
--------------------------------------------------------------------------------
/public/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/images/logo.png
--------------------------------------------------------------------------------
/public/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/favicon-16x16.png
--------------------------------------------------------------------------------
/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/favicon-32x32.png
--------------------------------------------------------------------------------
/public/mstile-70x70.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/mstile-70x70.png
--------------------------------------------------------------------------------
/public/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/apple-touch-icon.png
--------------------------------------------------------------------------------
/public/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/mstile-150x150.png
--------------------------------------------------------------------------------
/public/mstile-310x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/mstile-310x150.png
--------------------------------------------------------------------------------
/public/android-chrome-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/4refr0nt/svelte-mqtt-monitor/HEAD/public/android-chrome-72x72.png
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import App from './App.svelte';
2 |
3 | const app = new App({
4 | target: document.body,
5 | props: {
6 | name: 'MQTT Monitor'
7 | }
8 | });
9 |
10 | export default app;
--------------------------------------------------------------------------------
/.env.default:
--------------------------------------------------------------------------------
1 | DEVICE_ID=888
2 | MQTT_PROTOCOL=wss
3 | MQTT_HOST=test.mosquitto.org
4 | MQTT_PORT=8081
5 | MQTT_USERNAME=
6 | MQTT_PASSWORD=
7 | MQTT_PATH=ws
8 | MQTT_SUBSCRIBE_TOPIC=/test/#
9 | MQTT_MAX_MESSAGES=100
10 | DATE_FORMAT="DD.MM.YYYY hh:mm:ss"
11 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3.7'
2 | services:
3 | mqtt-monitor:
4 | image: mqtt-monitor
5 | container_name: mqtt-monitor
6 | restart: unless-stopped
7 | build: .
8 | ports:
9 | - "127.0.0.1:5000:5000"
10 | volumes:
11 | - ./:/app
12 | network_mode: host
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:12.18-alpine
2 |
3 | RUN npm install -g rollup sirv-cli
4 |
5 | RUN mkdir -p /app
6 |
7 | WORKDIR /app
8 |
9 | ENV NODE_ENV production
10 |
11 | COPY . .
12 |
13 | RUN npm install && npm run build
14 |
15 | EXPOSE 5000
16 |
17 | ENV HOST=0.0.0.0
18 |
19 | CMD [ "npm", "start" ]
20 |
21 |
--------------------------------------------------------------------------------
/public/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Svelte",
3 | "short_name": "Svelte",
4 | "icons": [
5 | {
6 | "src": "android-chrome-72x72.png",
7 | "sizes": "72x72",
8 | "type": "image/png"
9 | }
10 | ],
11 | "theme_color": "#ffffff",
12 | "background_color": "#ffffff",
13 | "display": "standalone"
14 | }
15 |
--------------------------------------------------------------------------------
/public/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
| Enviroment variable | 270 |Value | 271 |
|---|---|
| DEVICE ID | 276 |{DEVICE_ID} | 277 |
| MQTT PROTOCOL | 280 |{MQTT_PROTOCOL} | 281 |
| MQTT HOST | 284 |{MQTT_HOST} | 285 |
| MQTT PORT | 288 |{MQTT_PORT} | 289 |
| MQTT USERNAME | 292 |{MQTT_USERNAME} | 293 |
| MQTT PASSWORD | 296 |****** | 297 |
| MQTT PATH | 300 |{MQTT_PATH} | 301 |
| MQTT SUBSCRIBE TOPIC | 304 |{MQTT_SUBSCRIBE_TOPIC} | 305 |
| MQTT MAX MESSAGES | 308 |{MQTT_MAX_MESSAGES} | 309 |
| DATE FORMAT | 312 |{date_format} | 313 |
353 | {@html message.colored}
354 |
355 |