11 |
20 |
--------------------------------------------------------------------------------
/interface/src/routes/+layout.ts:
--------------------------------------------------------------------------------
1 | import type { LayoutLoad } from './$types';
2 |
3 | // This can be false if you're using a fallback (i.e. SPA mode)
4 | export const prerender = false;
5 | export const ssr = false;
6 |
7 | export const load = (async ({ fetch }) => {
8 | const result = await fetch('/rest/features');
9 | const item = await result.json();
10 | return {
11 | features: item,
12 | title: 'ESP32-SvelteKit',
13 | github: 'theelims/ESP32-sveltekit',
14 | copyright: '2024 theelims',
15 | appName: 'ESP32 SvelteKit'
16 | };
17 | }) satisfies LayoutLoad;
18 |
--------------------------------------------------------------------------------
/interface/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
12 |
19 |
13 |
16 |
17 | {page.status}
14 | {page.error?.message}
15 | Oops! Something has gone wrong.
18 |
14 |
43 |
--------------------------------------------------------------------------------
/interface/src/routes/connections/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 | import { goto } from '$app/navigation';
3 |
4 | export const load = (async () => {
5 | goto('/');
6 | return;
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/connections/mqtt/+page.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
15 | 
42 |
17 |
41 | Welcome to ESP32-SvelteKit
18 |19 | A simple, secure and extensible framework for IoT projects for ESP32 platforms with 20 | responsive SvelteKit 26 | front-end built with 27 | TailwindCSS 30 | and 31 | DaisyUI. 34 |
35 | notifications.success('You did it!', 1000)}>Start Demo 40 |
17 |
20 |
--------------------------------------------------------------------------------
/interface/src/routes/connections/mqtt/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return {
5 | title: "MQTT"
6 | };
7 | }) satisfies PageLoad;
--------------------------------------------------------------------------------
/interface/src/routes/connections/ntp/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
18 |
--------------------------------------------------------------------------------
/interface/src/routes/connections/ntp/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return {
5 | title: 'NTP'
6 | };
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/demo/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
18 |
--------------------------------------------------------------------------------
/interface/src/routes/demo/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async ({ fetch }) => {
4 | return {
5 | title: 'Demo App'
6 | };
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/login.svelte:
--------------------------------------------------------------------------------
1 |
52 |
53 |
54 |
92 |
93 |
123 |
--------------------------------------------------------------------------------
/interface/src/routes/statusbar.svelte:
--------------------------------------------------------------------------------
1 |
39 |
40 |
82 |
--------------------------------------------------------------------------------
/interface/src/routes/system/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 | import { goto } from '$app/navigation';
3 |
4 | export const load = (async () => {
5 | goto('/');
6 | return;
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/system/metrics/+page.svelte:
--------------------------------------------------------------------------------
1 |
19 |
20 |
61 |
91 |
63 |
90 | Login
64 | 89 |
24 | {#if page.data.features.analytics}
25 |
31 |
--------------------------------------------------------------------------------
/interface/src/routes/system/metrics/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return { title: 'System Metrics' };
5 | }) satisfies PageLoad;
6 |
--------------------------------------------------------------------------------
/interface/src/routes/system/status/+page.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
18 |
20 |
--------------------------------------------------------------------------------
/interface/src/routes/system/status/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return { title: 'System Status' };
5 | }) satisfies PageLoad;
6 |
--------------------------------------------------------------------------------
/interface/src/routes/system/update/+page.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
19 | {#if page.data.features.download_firmware && (!page.data.features.security || $user.admin)}
20 |
27 |
--------------------------------------------------------------------------------
/interface/src/routes/system/update/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return { title: 'Firmware Update' };
5 | }) satisfies PageLoad;
6 |
--------------------------------------------------------------------------------
/interface/src/routes/system/update/UploadFirmware.svelte:
--------------------------------------------------------------------------------
1 |
45 |
46 |
54 |
60 |
61 |
69 |
64 |
116 | {/if}
117 |
--------------------------------------------------------------------------------
/interface/src/routes/wifi/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 | import { goto } from '$app/navigation';
3 |
4 | export const load = (async () => {
5 | goto('/');
6 | return;
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/wifi/ap/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
67 |
115 | {title}
68 | 69 | 114 |
16 |
18 |
--------------------------------------------------------------------------------
/interface/src/routes/wifi/ap/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return {
5 | title: 'Access Point'
6 | };
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/src/routes/wifi/sta/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
18 |
--------------------------------------------------------------------------------
/interface/src/routes/wifi/sta/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | export const load = (async () => {
4 | return {
5 | title: 'WiFi Station'
6 | };
7 | }) satisfies PageLoad;
8 |
--------------------------------------------------------------------------------
/interface/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/theelims/ESP32-sveltekit/a9e8cd695fa0edecba9806d53b6a5e9c47b9a16f/interface/static/favicon.png
--------------------------------------------------------------------------------
/interface/static/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ESP32 SvelteKit",
3 | "icons": [
4 | {
5 | "src": "/favicon.png",
6 | "sizes": "48x48 72x72 96x96 128x128 256x256"
7 | }
8 | ],
9 | "start_url": "/",
10 | "display": "fullscreen",
11 | "orientation": "any"
12 | }
13 |
--------------------------------------------------------------------------------
/interface/svelte.config.js:
--------------------------------------------------------------------------------
1 | import adapter from '@sveltejs/adapter-static';
2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
7 | // for more information about preprocessors
8 | preprocess: vitePreprocess(),
9 |
10 | kit: {
11 | adapter: adapter({
12 | pages: 'build',
13 | assets: 'build',
14 | fallback: 'index.html',
15 | precompress: false,
16 | strict: true
17 | })
18 | //prerender: { default: true },
19 | }
20 | };
21 |
22 | export default config;
23 |
--------------------------------------------------------------------------------
/interface/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: ['./src/**/*.{html,js,svelte,ts}'],
4 | theme: {
5 | extend: {}
6 | },
7 | plugins: [require('daisyui')],
8 | daisyui: {
9 | themes: ['corporate', 'business'],
10 | darkTheme: 'business'
11 | }
12 | };
13 |
--------------------------------------------------------------------------------
/interface/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true
12 | }
13 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
14 | //
15 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16 | // from the referenced tsconfig.json - TypeScript does not merge them in
17 | }
18 |
--------------------------------------------------------------------------------
/interface/vite-plugin-littlefs.ts:
--------------------------------------------------------------------------------
1 | import type { UserConfig, Plugin } from 'vite';
2 |
3 | export default function viteLittleFS(): Plugin[] {
4 | return [
5 | {
6 | name: 'vite-plugin-littlefs',
7 | enforce: 'post',
8 | apply: 'build',
9 |
10 | async config(config, _configEnv) {
11 | const { assetFileNames, chunkFileNames, entryFileNames } =
12 | config.build?.rollupOptions?.output;
13 |
14 | // Handle Server-build + Client Assets
15 | config.build.rollupOptions.output = {
16 | ...config.build?.rollupOptions?.output,
17 | assetFileNames: assetFileNames.replace('.[hash]', '')
18 | }
19 |
20 | // Handle Client-build
21 | if (config.build?.rollupOptions?.output.chunkFileNames.includes('hash')) {
22 |
23 | config.build.rollupOptions.output = {
24 | ...config.build?.rollupOptions?.output,
25 | chunkFileNames: chunkFileNames.replace('.[hash]', ''),
26 | entryFileNames: entryFileNames.replace('.[hash]', ''),
27 | }
28 | }
29 | }
30 | }
31 | ]
32 | }
33 |
--------------------------------------------------------------------------------
/interface/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import type { UserConfig } from 'vite';
3 | import Icons from 'unplugin-icons/vite';
4 | import viteLittleFS from './vite-plugin-littlefs';
5 |
6 | const config: UserConfig = {
7 | plugins: [
8 | sveltekit(),
9 | Icons({
10 | compiler: 'svelte'
11 | }),
12 | // Shorten file names for LittleFS 32 char limit
13 | viteLittleFS()
14 | ],
15 | server: {
16 | proxy: {
17 | // Proxying REST: http://localhost:5173/rest/bar -> http://192.168.1.83/rest/bar
18 | '/rest': {
19 | target: 'http://192.168.1.107',
20 | changeOrigin: true
21 | },
22 | // Proxying websockets ws://localhost:5173/ws -> ws://192.168.1.83/ws
23 | '/ws': {
24 | target: 'ws://192.168.1.107',
25 | changeOrigin: true,
26 | ws: true
27 | }
28 | }
29 | }
30 | };
31 |
32 | export default config;
33 |
--------------------------------------------------------------------------------
/lib/PsychicHttp/.gitignore:
--------------------------------------------------------------------------------
1 | **.vscode
2 | **.pio
3 | **.DS_Store
4 | .pioenvs
5 | .clang_complete
6 | .gcc-flags.json
7 | # Compiled Object files
8 | *.slo
9 | *.lo
10 | *.o
11 | *.obj
12 | # Precompiled Headers
13 | *.gch
14 | *.pch
15 | # Compiled Dynamic libraries
16 | *.so
17 | *.dylib
18 | *.dll
19 | # Fortran module files
20 | *.mod
21 | # Compiled Static libraries
22 | *.lai
23 | *.la
24 | *.a
25 | *.lib
26 | # Executables
27 | *.exe
28 | *.out
29 | *.app
30 | # Visual Studio/VisualMicro stuff
31 | Visual\ Micro
32 | *.sdf
33 | *.opensdf
34 | *.suo
35 | .pioenvs
36 | .piolibdeps
37 | .pio
38 | .vscode/c_cpp_properties.json
39 | .vscode/launch.json
40 | .vscode/settings.json
41 | .vscode/.browse.c_cpp.db*
42 | .vscode/ipch
43 | /psychic-http-loadtest.log
44 | /psychic-websocket-loadtest.log
45 | examples/platformio/lib/PsychicHttp
46 | benchmark/.~lock.comparison.ods#
47 | benchmark/psychic-http-loadtest.log
48 | .$request flow.drawio.bkp
49 | .$request flow.drawio.dtmp
50 | benchmark/package-lock.json
51 | benchmark/node_modules
52 | src/secret.h
53 | benchmark/psychichttp/src/_secret.h
54 | benchmark/psychichttps/src/_secret.h
55 | examples/platformio/src/_secret.h
56 | examples/arduino/src/_secret.h
57 | src/cookie.txt
58 | examples/websockets/lib/PsychicHttp
59 | examples/websockets/src/_secret.h
60 | /build
61 |
--------------------------------------------------------------------------------
/lib/PsychicHttp/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # v1.2.1
2 |
3 | * Fix bug with missing include preventing the HTTPS server from compiling.
4 |
5 | # v1.2
6 |
7 | * Added TemplatePrinter from https://github.com/Chris--A/PsychicHttp/tree/templatePrint
8 | * Support using as ESP IDF component
9 | * Optional using https server in ESP IDF
10 | * Fixed bug with headers
11 | * Add ESP IDF example + CI script
12 | * Added Arduino Captive Portal example and OTAUpdate from @06GitHub
13 | * HTTPS fix for ESP-IDF v5.0.2+ from @06GitHub
14 | * lots of bugfixes from @mathieucarbou
15 |
16 | Thanks to @Chris--A, @06GitHub, and @dzungpv for your contributions.
17 |
18 | # v1.1
19 |
20 | * Changed the internal structure to support request handlers on endpoints and generic requests that do not match an endpoint
21 | * websockets, uploads, etc should now create an appropriate handler and attach to an endpoint with the server.on() syntax
22 | * Added PsychicClient to abstract away some of the internals of ESP-IDF sockets + add convenience
23 | * onOpen and onClose callbacks have changed as a result
24 | * Added support for EventSource / SSE
25 | * Added support for multipart file uploads
26 | * changed getParam() to return a PsychicWebParameter in line with ESPAsyncWebserver
27 | * Renamed various classes / files:
28 | * PsychicHttpFileResponse -> PsychicFileResponse
29 | * PsychicHttpServerEndpoint -> PsychicEndpoint
30 | * PsychicHttpServerRequest -> PsychicRequest
31 | * PsychicHttpServerResponse -> PsychicResponse
32 | * PsychicHttpWebsocket.h -> PsychicWebSocket.h
33 | * Websocket => WebSocket
34 | * Quite a few bugfixes from the community. Thank you @glennsky, @gb88, @KastanEr, @kstam, and @zekageri
--------------------------------------------------------------------------------
/lib/PsychicHttp/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) 2024 Jeremy Poulter, Zachary Smith, and Mathieu Carbou
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/lib/PsychicHttp/RELEASE.md:
--------------------------------------------------------------------------------
1 | * Update CHANGELOG
2 | * Bump version in library.json
3 | * Bump version in library.properties
4 | * Make new release + tag
5 | * this will get pulled in automatically by Arduino Library Indexer
6 | * run ```pio pkg publish``` to publish to Platform.io
--------------------------------------------------------------------------------
/lib/PsychicHttp/library.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "PsychicHttp",
3 | "version": "1.2.1",
4 | "description": "Arduino style wrapper around ESP-IDF HTTP library. HTTP server with SSL + websockets. Works on esp32 and probably esp8266",
5 | "keywords": "network,http,https,tcp,ssl,tls,websocket,espasyncwebserver",
6 | "repository":
7 | {
8 | "type": "git",
9 | "url": "https://github.com/hoeken/PsychicHttp"
10 | },
11 | "authors":
12 | [
13 | {
14 | "name": "Zach Hoeken",
15 | "email": "hoeken@gmail.com",
16 | "maintainer": true
17 | }
18 | ],
19 | "license" : "MIT",
20 | "examples": [
21 | {
22 | "name": "platformio",
23 | "base": "examples/platformio",
24 | "files": [
25 | "src/main.cpp"
26 | ]
27 | }
28 | ],
29 | "frameworks": "arduino",
30 | "platforms": "espressif32",
31 | "dependencies": [
32 | {
33 | "owner": "bblanchon",
34 | "name": "ArduinoJson",
35 | "version": "^7.0.4"
36 | },
37 | {
38 | "owner": "plageoj",
39 | "name" : "UrlEncode",
40 | "version" : "^1.0.1"
41 | }
42 | ],
43 | "export": {
44 | "include": [
45 | "examples/platformio",
46 | "src",
47 | "library.json",
48 | "library.properties",
49 | "LICENSE",
50 | "README.md"
51 | ]
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/lib/PsychicHttp/src/ChunkPrinter.cpp:
--------------------------------------------------------------------------------
1 |
2 | #include "ChunkPrinter.h"
3 |
4 | ChunkPrinter::ChunkPrinter(PsychicResponse *response, uint8_t *buffer, size_t len) :
5 | _response(response),
6 | _buffer(buffer),
7 | _length(len),
8 | _pos(0)
9 | {}
10 |
11 | ChunkPrinter::~ChunkPrinter()
12 | {
13 | flush();
14 | }
15 |
16 | size_t ChunkPrinter::write(uint8_t c)
17 | {
18 | esp_err_t err;
19 |
20 | //if we're full, send a chunk
21 | if (_pos == _length)
22 | {
23 | _pos = 0;
24 | err = _response->sendChunk(_buffer, _length);
25 |
26 | if (err != ESP_OK)
27 | return 0;
28 | }
29 |
30 | _buffer[_pos] = c;
31 | _pos++;
32 | return 1;
33 | }
34 |
35 | size_t ChunkPrinter::write(const uint8_t *buffer, size_t size)
36 | {
37 | size_t written = 0;
38 |
39 | while (written < size)
40 | {
41 | size_t space = _length - _pos;
42 | size_t blockSize = std::min(space, size - written);
43 |
44 | memcpy(_buffer + _pos, buffer + written, blockSize);
45 | _pos += blockSize;
46 |
47 | if (_pos == _length)
48 | {
49 | _pos = 0;
50 |
51 | if (_response->sendChunk(_buffer, _length) != ESP_OK)
52 | return written;
53 | }
54 | written += blockSize; //Update if sent correctly.
55 | }
56 | return written;
57 | }
58 |
59 | void ChunkPrinter::flush()
60 | {
61 | if (_pos)
62 | {
63 | _response->sendChunk(_buffer, _pos);
64 | _pos = 0;
65 | }
66 | }
67 |
68 | size_t ChunkPrinter::copyFrom(Stream &stream)
69 | {
70 | size_t count = 0;
71 |
72 | while (stream.available()){
73 |
74 | if (_pos == _length)
75 | {
76 | _response->sendChunk(_buffer, _length);
77 | _pos = 0;
78 | }
79 |
80 | size_t readBytes = stream.readBytes(_buffer + _pos, _length - _pos);
81 | _pos += readBytes;
82 | count += readBytes;
83 | }
84 | return count;
85 | }
--------------------------------------------------------------------------------
/lib/PsychicHttp/src/ChunkPrinter.h:
--------------------------------------------------------------------------------
1 | #ifndef ChunkPrinter_h
2 | #define ChunkPrinter_h
3 |
4 | #include "PsychicResponse.h"
5 | #include