lucasrguerra/ESPDocs
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: Enhance Header component to improve active link detection

Browse Source 
- Updated the `isActive` function in `Header.jsx` to handle root path and include logic for other paths.

chore: Update package-lock.json to remove peer dependencies

- Removed unnecessary peer dependencies from various packages in `package-lock.json`.

feat: Update frameworks.json to include example links

- Changed `exemplo_codigo` to `exemplo` and added `exemplos` links for various frameworks in `frameworks.json`.

feat: Add placa images to series.json

- Included image paths for different ESP32 series in `series.json`.

feat: Create CodeExample component for displaying code snippets

- Added a new `CodeExample.jsx` component to fetch and display code examples dynamically.

feat: Add example Arduino code for Wi-Fi connection

- Created `arduino.ino` example for connecting to Wi-Fi.

feat: Add example code for audio playback using ESP-ADF

- Created `esp-adf.c` example for audio playback using ESP-ADF.

feat: Add example code for DSP operations

- Created `esp-dsp.c` example demonstrating basic DSP operations.

feat: Add example code for ESP-IDF LED blinking

- Created `esp-idf.c` example for blinking an LED using ESP-IDF.

feat: Add example code for Matter integration

- Created `esp-matter.c` example for Matter device initialization and event handling.

feat: Add example code for neural network operations

- Created `esp-nn.c` example demonstrating basic neural network operations.

feat: Add example code for face detection using ESP-WHO

- Created `esp-who.c` example for face detection using ESP-WHO library.

feat: Add MicroPython example for LED blinking

- Created `micropython.py` example for blinking an LED using MicroPython.
This commit is contained in:
Lucas Rayan committed 2025-10-22 23:10:30 -03:00
1 parent 3a5608d1de
commit 2a6699bbfb
18 files changed
+641 -112
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/frameworks/[key]/page.jsx
+17 -23
View File
@@ -1,11 +1,12 @@
import Link from "next/link";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import Link from "next/link";
import frameworksData from "@/public/frameworks.json";
import { notFound } from "next/navigation";
import CodeExample from "@/components/CodeExample";
import frameworksData from "@/public/frameworks.json";
export default function FrameworkDetail({ params }) {
const { key } = params;
export default async function FrameworkDetail({ params }) {
const { key } = await params;
const framework = frameworksData[key];
if (!framework) {
@@ -42,7 +43,7 @@ export default function FrameworkDetail({ params }) {
</div>
</div>
<div className="flex items-center gap-3">
<div className="mx-auto sm:mx-0 grid items-center gap-3">
{framework.documentacao && (
<a
href={framework.documentacao}
@@ -88,7 +89,7 @@ export default function FrameworkDetail({ params }) {
<div className="bg-white rounded-2xl shadow-lg p-6 border-l-4" style={{ borderColor: framework.cor }}>
<h3 className="text-sm font-semibold text-gray-600 mb-2">FUNÇÃO PRINCIPAL</h3>
<p className="text-3xl font-bold text-gray-800">{framework.funcao_principal}</p>
<p className="text-xl font-bold text-gray-800">{framework.funcao_principal}</p>
</div>
</div>
@@ -126,26 +127,17 @@ export default function FrameworkDetail({ params }) {
</div>
</div>
{framework.exemplo_codigo && (
<div className="bg-white rounded-2xl shadow-lg p-6 border-2 border-gray-100 mb-8">
<h3 className="text-lg font-semibold text-gray-800 mb-4" style={{ borderColor: framework.cor }}>
Exemplo de Código
</h3>
<div className="bg-gray-900 text-gray-100 p-4 rounded-lg overflow-auto text-sm" style={{ maxHeight: 480 }}>
<pre className="whitespace-pre-wrap">
<code>{framework.exemplo_codigo}</code>
</pre>
</div>
</div>
{framework.exemplos && (
<CodeExample framework={framework} />
)}
<div className="flex gap-4 mt-6">
<div className="text-center md:flex gap-4 mt-6">
{framework.documentacao && (
<a
href={framework.documentacao}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2 bg-linear-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-xl font-semibold shadow hover:shadow-xl transition"
className="inline-flex items-center mb-4 gap-2 bg-linear-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-xl font-semibold shadow hover:shadow-xl transition"
>
📚 Documentação Oficial
</a>
@@ -156,7 +148,7 @@ export default function FrameworkDetail({ params }) {
href={framework.repositorio}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2 bg-white text-gray-800 px-6 py-3 rounded-xl font-semibold shadow border-2 border-gray-100 hover:border-purple-300 transition"
className="inline-flex items-center mb-4 gap-2 bg-white text-gray-800 px-6 py-3 rounded-xl font-semibold shadow border-2 border-gray-100 hover:border-purple-300 transition"
>
💻 Repositório no GitHub
</a>
@@ -170,7 +162,7 @@ export default function FrameworkDetail({ params }) {
}
export async function generateMetadata({ params }) {
const { key } = params;
const { key } = await params;
const framework = frameworksData[key];
if (!framework) {
@@ -178,11 +170,13 @@ export async function generateMetadata({ params }) {
}
return {
title: `${framework.nome} - ${framework.nome_completo}`,
title: `ESPDocs - ${framework.nome_completo}`,
description: framework.descricao,
};
}
export async function generateStaticParams() {
return Object.keys(frameworksData).map((key) => ({ key }));
return Object.keys(frameworksData).map((key) => ({
key: key,
}));
}
app/frameworks/page.jsx
-19
View File
@@ -171,25 +171,6 @@ export default function Frameworks() {
</div>
</div>
</div>
<div className="mt-8 bg-linear-to-r from-blue-600 via-purple-600 to-pink-600 rounded-2xl shadow-lg p-8 text-white">
<div className="flex flex-col md:flex-row items-center justify-between gap-6">
<div className="flex-1">
<h3 className="text-2xl font-bold mb-2">
💡 Precisa de Ajuda para Escolher?
</h3>
<p className="text-blue-100">
Compare frameworks, veja exemplos de código e entenda qual se adequa melhor ao seu projeto.
</p>
</div>
<Link
href="/comparacao-frameworks"
className="bg-white text-purple-600 px-6 py-3 rounded-xl font-semibold shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 whitespace-nowrap"
>
📊 Comparar Frameworks
</Link>
</div>
</div>
</main>
<Footer />
app/series/[key]/page.jsx
+9 -22
View File
@@ -1,14 +1,14 @@
import Link from "next/link";
import Image from "next/image";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import Link from "next/link";
import seriesData from "@/public/series.json";
import { notFound } from "next/navigation";
import seriesData from "@/public/series.json";
import ConnectionsDiagram from "@/components/ConnectionsDiagram";
import Image from "next/image";
import SeriesTabMenu from "@/components/SeriesTabMenu";
export default function SerieDetail({ params }) {
const { key } = params;
export default async function SerieDetail({ params }) {
const { key } = await params;
const serie = seriesData[key];
if (!serie) {
@@ -22,19 +22,6 @@ export default function SerieDetail({ params }) {
console.log(`Arquivo de conexões não encontrado para ${key}`);
}
// Development board image mapping
const devBoardImages = {
"ESP32": "/placas/esp32.png",
"ESP32-S2": "/placas/esp32-s2.png",
"ESP32-S3": "/placas/esp32-s3.png",
"ESP32-C3": "/placas/esp32-c3.png",
"ESP32-C5": "/placas/esp32-c5.png",
"ESP32-C6": "/placas/esp32-c6.png",
"ESP32-H2": "/placas/esp32-h2.png",
"ESP32-C2": "/placas/esp32-c2.png",
"ESP32-P4": "/placas/esp32-p4.png",
};
const seriesKeys = Object.keys(seriesData);
const currentIndex = seriesKeys.indexOf(key);
const previousKey = currentIndex > 0 ? seriesKeys[currentIndex - 1] : null;
@@ -101,7 +88,7 @@ export default function SerieDetail({ params }) {
{
id: 'devboard',
label: 'Placa de Desenvolvimento',
available: devBoardImages[key],
available: serie.placa,
content: (
<div className="bg-white rounded-3xl shadow-xl p-8 border-2 border-gray-100">
<h2 className="text-2xl font-bold text-gray-800 mb-6 pb-3 border-b-2 flex items-center gap-3" style={{ borderColor: serie.cor }}>
@@ -111,7 +98,7 @@ export default function SerieDetail({ params }) {
<div className="flex justify-center">
<div className="relative w-full max-w-4xl">
<Image
src={devBoardImages[key]}
src={serie.placa}
alt={`${key} DevKit - Placa de Desenvolvimento`}
width={1200}
height={800}
@@ -217,7 +204,7 @@ export default function SerieDetail({ params }) {
<SeriesTabMenu tabs={tabs} color={serie.cor} />
<div className="flex justify-between items-center gap-4 mt-12">
<div className="grid sm:flex sm:justify-between items-center gap-4 mt-12">
{previousKey ? (
<Link
href={`/series/${previousKey}`}
@@ -284,7 +271,7 @@ function SpecSection({ title, specs, cor }) {
}
export async function generateMetadata({ params }) {
const { key } = params;
const { key } = await params;
const serie = seriesData[key];
if (!serie) {
app/sobre/page.jsx
-6
View File
@@ -20,12 +20,6 @@ export default function Sobre() {
<main id="conteudo" className="px-4 pt-16 pb-20 max-w-6xl mx-auto">
<header className="relative overflow-hidden rounded-2xl p-8 md:p-12 bg-linear-to-r from-blue-600 via-purple-600 to-pink-500 text-white shadow-lg">
<div className="absolute right-0 top-0 -mr-40 -mt-24 opacity-20 pointer-events-none">
<svg width="400" height="300" viewBox="0 0 600 400" fill="none" aria-hidden="true">
<path d="M0 200 C150 100 350 300 600 200 L600 400 L0 400 Z" fill="white" />
</svg>
</div>
<div className="relative z-10 max-w-4xl mx-auto">
<h1 className="text-4xl md:text-5xl font-extrabold leading-tight bg-clip-text text-transparent bg-linear-to-r from-white to-purple-100 mb-3">
Sobre o ESPDocs