Palavras por minuto:
@@ -247,13 +461,21 @@ export function StoryPage() {
try {
const { data, error } = await supabase
.from('story_recordings')
- .select('*')
+ .select('*, audio_url')
.eq('story_id', story.id)
.eq('status', 'completed')
.order('created_at', { ascending: false });
if (error) throw error;
- setRecordings(data || []);
+
+ // Log para debug
+ console.log('Recordings fetched:', data);
+
+ if (data && data.length > 0) {
+ setRecordings(data);
+ } else {
+ console.log('Nenhuma gravação encontrada');
+ }
} catch (err) {
console.error('Erro ao carregar gravações:', err);
} finally {
@@ -337,6 +559,7 @@ export function StoryPage() {
return (
+ {/* Cabeçalho e Navegação */}
navigate('/aluno/historias')}
@@ -364,41 +587,8 @@ export function StoryPage() {
- {/* Dashboard de métricas */}
- {loadingRecordings ? (
-
- ) : recordings.length > 0 ? (
-
- ) : (
-
-
- Você ainda não tem gravações para esta história.
- Faça sua primeira gravação para ver suas métricas!
-
-
- )}
-
- {/* Histórico de gravações */}
- {recordings.length > 1 && (
-
-
Histórico de Gravações
-
- {recordings.slice(1).map((recording) => (
-
-
- )}
-
-
+ {/* História Principal */}
+
{/* Imagem da página atual */}
{story?.content?.pages?.[currentPage]?.image && (
)}
-
-
{story?.title}
+
+
{story?.title}
{/* Texto da página atual */}
-
+
{story?.content?.pages?.[currentPage]?.text || 'Carregando...'}
@@ -454,6 +644,43 @@ export function StoryPage() {
+
+ {/* Dashboard de métricas */}
+ {loadingRecordings ? (
+
+ ) : recordings.length > 0 ? (
+
+
Dashboard de Leitura
+
+ ) : (
+
+
+ Você ainda não tem gravações para esta história.
+ Faça sua primeira gravação para ver suas métricas!
+
+
+ )}
+
+ {/* Histórico de gravações */}
+ {recordings.length > 0 && (
+
+
Histórico de Gravações
+
+ {recordings.map((recording) => (
+
+
+ )}
);
}
\ No newline at end of file
diff --git a/src/routes.tsx b/src/routes.tsx
index 4468a0a..8df35a3 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -28,12 +28,17 @@ import { StudentClassPage } from './pages/student-dashboard/StudentClassPage';
import { DemoPage } from './pages/demo/DemoPage';
import { ParentsLandingPage } from './pages/landing/ParentsLandingPage';
import { EducationalForParents } from './pages/landing/EducationalForParents';
+import { TestWordHighlighter } from './pages/TestWordHighlighter';
export const router = createBrowserRouter([
{
path: '/',
element:
,
},
+ {
+ path: '/teste',
+ element:
,
+ },
{
path: '/para-pais',
element:
,
diff --git a/src/stories/ExampleStory.tsx b/src/stories/ExampleStory.tsx
new file mode 100644
index 0000000..0475c28
--- /dev/null
+++ b/src/stories/ExampleStory.tsx
@@ -0,0 +1,41 @@
+import { WordHighlighter } from '../components/learning/WordHighlighter'
+
+export function ExampleStory() {
+ const storyText = `
+ Era uma vez um gato muito esperto.
+ Ele adorava pular muros e explorar jardins.
+ Um dia, encontrou um cachorro amigável.
+ Juntos, eles viraram grandes amigos.
+ `
+
+ const highlightedWords = [
+ 'gato',
+ 'esperto',
+ 'pular',
+ 'cachorro',
+ 'amigos'
+ ]
+
+ const difficultWords = [
+ 'explorar',
+ 'amigável'
+ ]
+
+ const handleWordClick = (word: string) => {
+ console.log(`Palavra clicada: ${word}`)
+ // Aqui você pode implementar a lógica de mostrar detalhes da palavra
+ }
+
+ return (
+
+
O Gato Explorador
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/test/setup.ts b/src/test/setup.ts
new file mode 100644
index 0000000..df19590
--- /dev/null
+++ b/src/test/setup.ts
@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest'
\ No newline at end of file
diff --git a/src/utils/audioConverter.ts b/src/utils/audioConverter.ts
new file mode 100644
index 0000000..52fe8af
--- /dev/null
+++ b/src/utils/audioConverter.ts
@@ -0,0 +1,42 @@
+import { FFmpeg } from '@ffmpeg/ffmpeg';
+import { toBlobURL } from '@ffmpeg/util';
+
+let ffmpeg: FFmpeg | null = null;
+
+export async function convertWebmToMp3(webmUrl: string): Promise<{ url: string; blob: Blob }> {
+ if (!ffmpeg) {
+ ffmpeg = new FFmpeg();
+ const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.4/dist/umd';
+ await ffmpeg.load({
+ coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'),
+ wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'),
+ });
+ }
+
+ try {
+ // Baixar o arquivo WebM
+ const webmResponse = await fetch(webmUrl);
+ const webmBlob = await webmResponse.blob();
+ const webmBuffer = await webmBlob.arrayBuffer();
+
+ // Escrever o arquivo de entrada no sistema de arquivos virtual do FFmpeg
+ await ffmpeg.writeFile('input.webm', new Uint8Array(webmBuffer));
+
+ // Executar a conversão
+ await ffmpeg.exec(['-i', 'input.webm', '-acodec', 'libmp3lame', '-ab', '128k', 'output.mp3']);
+
+ // Ler o arquivo convertido
+ const mp3Data = await ffmpeg.readFile('output.mp3');
+ const mp3Blob = new Blob([mp3Data], { type: 'audio/mp3' });
+ const mp3Url = URL.createObjectURL(mp3Blob);
+
+ // Limpar arquivos do sistema de arquivos virtual
+ await ffmpeg.deleteFile('input.webm');
+ await ffmpeg.deleteFile('output.mp3');
+
+ return { url: mp3Url, blob: mp3Blob };
+ } catch (error) {
+ console.error('Erro na conversão do áudio:', error);
+ throw error;
+ }
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index a84e85e..38d37d7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,7 +6,8 @@ import path from 'path';
export default defineConfig({
plugins: [react()],
optimizeDeps: {
- include: ['@supabase/supabase-js', 'resend']
+ include: ['@supabase/supabase-js', 'resend'],
+ exclude: ['@ffmpeg/ffmpeg', '@ffmpeg/util']
},
build: {
commonjsOptions: {
@@ -24,5 +25,11 @@ export default defineConfig({
'node-fetch': 'isomorphic-fetch'
},
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json']
- }
+ },
+ server: {
+ headers: {
+ 'Cross-Origin-Embedder-Policy': 'require-corp',
+ 'Cross-Origin-Opener-Policy': 'same-origin',
+ },
+ },
});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..2a7207d
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+ test: {
+ globals: true,
+ environment: 'jsdom',
+ setupFiles: ['./src/test/setup.ts'],
+ },
+})
\ No newline at end of file