[{"_1":2,"_178":-5,"_179":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","adff7c7aeabd218801703bcdcaac3a168cba1c7b","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_153":154,"_175":176,"_177":-5},"handle","Fr3k","name","ESP32-FirmwareFlasher","path","frontend/services/serialService.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":111,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":32,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_152":20},"id","73efcc20-eb72-11f0-a608-42dde27851f2","createdAt",["D",1767753725210],"deletedAt","legacyEnvVars","privacy","public","description","A production-ready web application for flashing firmware to ESP3","imageUrl","019b9653-258a-76cc-a266-944ebdcbb1fe","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019b9653-258b-7116-9a5e-65b37086686e","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM3dVdrY2Jiak1oTFFZM2k0eFc2TW1tbmpiSyJ9","org",{"_94":95,"_134":131,"_12":113},"avatar","branch",{"_137":138,"_96":44,"_102":139,"_140":103,"_141":142,"_143":144,"_145":109,"_146":147,"_148":149,"_150":97,"_151":95},"version",1,"73f1eeec-eb72-11f0-a608-42dde27851f2","projectId","forkedBranchId","2ca1dfc4-58a2-11f0-b102-f69ea79377d9","forkedBranchVersion",16,"forkedProjectPrivacy","forkedProjectId","2ca18344-58a2-11f0-b102-f69ea79377d9","forkedProjectOrgId","a956f3ab-c5b6-4f16-a22e-9bcb0079d529","projectName","userHandle","isOwned","file",{"_102":155,"_96":156,"_157":158,"_159":160,"_161":139,"_162":138,"_163":164,"_104":165,"_137":32,"_166":167,"_168":169,"_170":20,"_171":-5,"_98":172},"73f5bd60-eb72-11f0-a608-42dde27851f2","serialService.ts","fileId","019b9655-354a-70d0-8bc9-5c6192bb3515","parentId","019b9655-354a-70d0-8bc9-60ceaec4ef1e","branchId","branchVersion","latest",true,["D",1767753725210],"fileType","script","content","import { DeviceInfo, FlashProgress, FlashStage, ChipType } from \"../../shared/types.ts\";\n\n/**\n * Web Serial API service for ESP32/ESP8266 communication\n * Note: This is a simplified implementation. In production, you'd use\n * a library like esptool-js for full ESP32/ESP8266 flashing capabilities.\n */\nexport class SerialService {\n private port: SerialPort | null = null;\n private reader: ReadableStreamDefaultReader | null = null;\n private writer: WritableStreamDefaultWriter | null = null;\n private connected = false;\n\n /**\n * Check if Web Serial API is supported\n */\n static isSupported(): boolean {\n return 'serial' in navigator;\n }\n\n /**\n * Get list of available serial ports\n */\n async getPorts(): Promise {\n if (!SerialService.isSupported()) {\n throw new Error('Web Serial API not supported');\n }\n return await navigator.serial.getPorts();\n }\n\n /**\n * Request access to a serial port\n */\n async requestPort(): Promise {\n if (!SerialService.isSupported()) {\n throw new Error('Web Serial API not supported');\n }\n \n return await navigator.serial.requestPort({\n filters: [\n // ESP32 development boards\n { usbVendorId: 0x10C4, usbProductId: 0xEA60 }, // CP210x\n { usbVendorId: 0x1A86, usbProductId: 0x7523 }, // CH340\n { usbVendorId: 0x0403, usbProductId: 0x6001 }, // FTDI\n { usbVendorId: 0x239A }, // Adafruit boards\n { usbVendorId: 0x303A }, // Espressif boards\n ]\n });\n }\n\n /**\n * Connect to a serial port\n */\n async connect(port?: SerialPort, baudRate: number = 115200): Promise {\n try {\n if (!port) {\n port = await this.requestPort();\n }\n\n await port.open({ \n baudRate,\n dataBits: 8,\n stopBits: 1,\n parity: 'none',\n flowControl: 'none'\n });\n\n this.port = port;\n this.reader = port.readable?.getReader() || null;\n this.writer = port.writable?.getWriter() || null;\n this.connected = true;\n\n console.log('Connected to serial port');\n } catch (error) {\n console.error('Failed to connect to serial port:', error);\n throw error;\n }\n }\n\n /**\n * Disconnect from serial port\n */\n async disconnect(): Promise {\n try {\n if (this.reader) {\n await this.reader.cancel();\n this.reader.releaseLock();\n this.reader = null;\n }\n\n if (this.writer) {\n await this.writer.close();\n this.writer = null;\n }\n\n if (this.port) {\n await this.port.close();\n this.port = null;\n }\n\n this.connected = false;\n console.log('Disconnected from serial port');\n } catch (error) {\n console.error('Error during disconnect:', error);\n throw error;\n }\n }\n\n /**\n * Check if connected\n */\n isConnected(): boolean {\n return this.connected && this.port !== null;\n }\n\n /**\n * Send data to the device\n */\n private async sendData(data: Uint8Array): Promise {\n if (!this.writer) {\n throw new Error('Not connected to serial port');\n }\n await this.writer.write(data);\n }\n\n /**\n * Read data from the device\n */\n private async readData(timeout: number = 5000): Promise {\n if (!this.reader) {\n throw new Error('Not connected to serial port');\n }\n\n return new Promise((resolve, reject) => {\n const timeoutId = setTimeout(() => {\n reject(new Error('Read timeout'));\n }, timeout);\n\n this.reader!.read().then(({ value, done }) => {\n clearTimeout(timeoutId);\n if (done || !value) {\n reject(new Error('No data received'));\n } else {\n resolve(value);\n }\n }).catch(reject);\n });\n }\n\n /**\n * Enter bootloader mode (simplified)\n */\n private async enterBootloader(): Promise {\n // This is a simplified implementation\n // Real implementation would handle DTR/RTS signals for ESP32/ESP8266\n console.log('Entering bootloader mode...');\n \n // Send break condition and sync\n const syncCommand = new Uint8Array([0xC0, 0x00, 0x08, 0x24, 0x00, 0x00, 0x00, 0x00, 0x00, 0x07, 0x07, 0x12, 0x20, 0xC0]);\n await this.sendData(syncCommand);\n \n // Wait for response\n try {\n await this.readData(2000);\n console.log('Bootloader sync successful');\n } catch (error) {\n console.warn('Bootloader sync may have failed:', error);\n }\n }\n\n /**\n * Read device information (mock implementation)\n */\n async readDeviceInfo(): Promise {\n if (!this.isConnected()) {\n throw new Error('Not connected to device');\n }\n\n try {\n await this.enterBootloader();\n \n // Mock device info - in real implementation, this would read from the chip\n const deviceInfo: DeviceInfo = {\n mac: this.generateMockMAC(),\n chipType: 'ESP32', // Would be detected from chip ID\n features: ['WiFi', 'Bluetooth', 'Flash Encryption'],\n flashSize: 4 * 1024 * 1024, // 4MB\n crystalFreq: 40000000 // 40MHz\n };\n\n return deviceInfo;\n } catch (error) {\n console.error('Failed to read device info:', error);\n throw error;\n }\n }\n\n /**\n * Flash firmware to device\n */\n async flashFirmware(\n firmware: ArrayBuffer,\n onProgress?: (progress: FlashProgress) => void\n ): Promise {\n if (!this.isConnected()) {\n throw new Error('Not connected to device');\n }\n\n try {\n const stages: FlashStage[] = ['connecting', 'reading_info', 'erasing', 'flashing', 'verifying', 'complete'];\n \n for (let i = 0; i < stages.length; i++) {\n const stage = stages[i];\n const progress = Math.round((i / (stages.length - 1)) * 100);\n \n onProgress?.({\n stage,\n progress,\n message: this.getStageMessage(stage)\n });\n\n // Simulate stage processing time\n await this.delay(stage === 'flashing' ? 3000 : 1000);\n\n if (stage === 'erasing') {\n await this.eraseFlash();\n } else if (stage === 'flashing') {\n await this.writeFlash(firmware, onProgress);\n }\n }\n\n console.log('Firmware flashing completed successfully');\n } catch (error) {\n console.error('Firmware flashing failed:', error);\n onProgress?.({\n stage: 'error',\n progress: 0,\n message: 'Flashing failed',\n error: error instanceof Error ? error.message : 'Unknown error'\n });\n throw error;\n }\n }\n\n /**\n * Erase flash memory\n */\n private async eraseFlash(): Promise {\n console.log('Erasing flash memory...');\n // Mock erase operation\n await this.delay(1000);\n }\n\n /**\n * Write firmware to flash\n */\n private async writeFlash(\n firmware: ArrayBuffer,\n onProgress?: (progress: FlashProgress) => void\n ): Promise {\n console.log('Writing firmware to flash...');\n \n const data = new Uint8Array(firmware);\n const blockSize = 1024; // 1KB blocks\n const totalBlocks = Math.ceil(data.length / blockSize);\n\n for (let i = 0; i < totalBlocks; i++) {\n const start = i * blockSize;\n const end = Math.min(start + blockSize, data.length);\n const block = data.slice(start, end);\n \n // Mock writing block\n await this.delay(50);\n \n const progress = Math.round((i / totalBlocks) * 100);\n onProgress?.({\n stage: 'flashing',\n progress,\n message: `Writing block ${i + 1}/${totalBlocks}`\n });\n }\n }\n\n /**\n * Reset device\n */\n async resetDevice(): Promise {\n if (!this.isConnected()) {\n throw new Error('Not connected to device');\n }\n\n console.log('Resetting device...');\n // Mock reset - real implementation would toggle DTR/RTS\n await this.delay(500);\n }\n\n /**\n * Generate mock MAC address\n */\n private generateMockMAC(): string {\n const mac = [];\n for (let i = 0; i < 6; i++) {\n mac.push(Math.floor(Math.random() * 256).toString(16).padStart(2, '0'));\n }\n return mac.join(':').toUpperCase();\n }\n\n /**\n * Get human-readable message for flash stage\n */\n private getStageMessage(stage: FlashStage): string {\n const messages: Record = {\n connecting: 'Connecting to device...',\n reading_info: 'Reading device information...',\n erasing: 'Erasing flash memory...',\n flashing: 'Writing firmware...',\n verifying: 'Verifying firmware...',\n complete: 'Flashing completed successfully!',\n error: 'An error occurred'\n };\n return messages[stage];\n }\n\n /**\n * Utility delay function\n */\n private delay(ms: number): Promise {\n return new Promise(resolve => setTimeout(resolve, ms));\n }\n\n /**\n * Get port information\n */\n getPortInfo(): { connected: boolean; port?: SerialPort } {\n return {\n connected: this.connected,\n port: this.port || undefined\n };\n }\n}\n\n// Export singleton instance\nexport const serialService = new SerialService();","deleted","label",[173,174,156],"frontend","services","permalink","https://www.val.town/x/Fr3k/ESP32-FirmwareFlasher/code/frontend/services/serialService.ts","extension","actionData","errors"]