Merge pull request #10 from renanrms/windows-fix

Correçoes de build e ajustes no help

CHANGELOG.md

@@ -5,6 +5,16 @@ Todas as alterações notáveis neste projeto serão documentadas neste arquivo.
 O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.0.0/),
 e este projeto adere ao [Versionamento Semântico](https://semver.org/lang/pt-BR/spec/v2.0.0.html).
 
+## [0.8.1] - 2023-10-03
+
+### Alterado
+
+- Melhoria nas instruções de configuração do dispositivo, mostrando os possíveis padrões de piscar do LED para facilitar identificação.
+
+### Corrigido
+
+- Corrigido problema de build no Windows.
+
 ## [0.8.0] - 2023-09-10
 
 ### Adicionado

electron-builder.yml

@@ -1,4 +1,4 @@
-appId: com.electron.${name}
+appId: com.electron.app
 productName: FTRLab
 directories:
   buildResources: build

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ftrlab",
   "productName": "FTRLab",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Uma aplicação desktop para um sistema de aquisição de dados em física experimental",
   "main": "./out/main/index.js",
   "author": {

src/renderer/src/features/general/components/HelpModal/DeviceInstructions.tsx

@@ -1,3 +1,5 @@
+import { Led } from './Led'
+
 export function DeviceInstructions() {
   return (
     <div className="my-6 px-4 w-full flex flex-col gap-4">
@@ -17,34 +19,35 @@ export function DeviceInstructions() {
         style={{ listStyleType: 'decimal' }}
       >
         <li className="ml-8 mt-1">
-          Pressione o botão de Reiniciar e aguarde o LED começar a piscar.
+          <Led /> Pressione o botão de Reiniciar e aguarde o LED começar a
+          piscar.
         </li>
         <li className="ml-8 mt-1">
-          Se o LED piscar lentamente (0,5 segundo ON, seguido de 0,5 segundo
-          OFF), está no modo de configuração pois não conhece nenhuma rede WiFi
-          do local. Utilize o Aplicativo de celular ESP TOUCH para configurar.
-          Você deverá conectar seu celular na rede desejada, abrir o aplicativo,
-          digitar a senha da rede e apertar o botão para configurar.
+          <Led tOn={500} tOff={500} /> Se o LED piscar lentamente, está no modo
+          de configuração pois não conhece nenhuma rede WiFi do local. Utilize o
+          Aplicativo de celular ESP TOUCH para configurar. Você deverá conectar
+          seu celular na rede desejada, abrir o aplicativo, digitar a senha da
+          rede e apertar o botão para configurar.
         </li>
         <li className="ml-8 mt-1">
-          Se o LED piscar rapidamente (Fica ON, passa pelo estado OFF por um
-          curto intervalo de tempo), está sincronizando seu relógio, o que
-          demora no máximo 90 segundos, mas tipicamente menos de 10 segundos.
-          Aguarde.
+          <Led tOn={1940} tOff={60} /> Se o LED piscar apagando rapidamente,
+          está sincronizando seu relógio, o que demora no máximo 90 segundos,
+          mas tipicamente menos de 10 segundos. Aguarde.
         </li>
         <li className="ml-8 mt-1">
-          Se o LED ficar ON de forma constante, está funcionando conectado à
-          rede configurada. Conecte o computador à mesma rede. Verifique se
-          existem redes WiFi de gerações diferentes com o mesmo nome (como WiFi
-          2.4GHz e 5GHz). Nestes casos os dois sistemas podem não conseguir se
-          comunicar.
+          <Led startOn /> Se o LED ficar ON de forma constante, está funcionando
+          conectado à rede configurada. Conecte o computador à mesma rede.
+          Verifique se existem redes WiFi de gerações diferentes com o mesmo
+          nome (como WiFi 2.4GHz e 5GHz). Nestes casos os dois sistemas podem
+          não conseguir se comunicar.
         </li>
         <li className="ml-8 mt-1">
-          Se o LED ficar ON de forma constante, mas você deseja configurar uma
-          nova rede, mantenha o botão de configuração pressionado e pressione o
-          botão de reiniciar, enquanto isso. Pare de segurar o botão de
-          configuração quando dispositivo entrar no modo de configuração. Tendo
-          feito isso você pode seguir novamente do passo 2 em diante.
+          <Led startOn /> Se o LED ficar ON de forma constante, mas você deseja
+          configurar uma nova rede, mantenha o botão de configuração pressionado
+          e pressione o botão de reiniciar, enquanto isso. Pare de segurar o
+          botão de configuração quando dispositivo entrar no modo de
+          configuração. Tendo feito isso você pode seguir novamente do passo 2
+          em diante.
         </li>
       </ol>
     </div>

src/renderer/src/features/general/components/HelpModal/Led.tsx

@@ -0,0 +1,40 @@
+import { useEffect, useState } from 'react'
+
+import { twMerge } from 'tailwind-merge'
+
+interface LedProps {
+  tOn?: number
+  tOff?: number
+  startOn?: boolean
+}
+
+export function Led(props: LedProps) {
+  const [on, setOn] = useState(!!props.startOn)
+
+  useEffect(() => {
+    let timeout: any
+    if (on) {
+      if (props.tOn) {
+        timeout = setTimeout(() => {
+          setOn(false)
+        }, props.tOn)
+      }
+    } else {
+      if (props.tOff) {
+        timeout = setTimeout(() => {
+          setOn(true)
+        }, props.tOff)
+      }
+    }
+    return () => clearTimeout(timeout)
+  }, [on, props.tOn, props.tOff])
+
+  return (
+    <div
+      className={twMerge(
+        'inline-block w-4 h-4 mx-1 rounded-full bg-surface-variant',
+        on && 'bg-primary-70',
+      )}
+    ></div>
+  )
+}