midudev · ckdvk · Feb 6, 2025 · Feb 6, 2025 · Feb 7, 2025 · Feb 7, 2025
diff --git a/00_intro.md b/00_intro.md
diff --git a/01_values.md b/01_values.md
diff --git a/02_program_structure.md b/02_program_structure.md
diff --git a/03_functions.md b/03_functions.md
diff --git a/04_data.md b/04_data.md
diff --git a/05_higher_order.md b/05_higher_order.md
diff --git a/06_object.md b/06_object.md
diff --git a/07_robot.md b/07_robot.md
diff --git a/08_error.md b/08_error.md
diff --git a/09_regexp.md b/09_regexp.md
diff --git a/10_modules.md b/10_modules.md
diff --git a/11_async.md b/11_async.md
diff --git a/12_language.md b/12_language.md
diff --git a/13_browser.md b/13_browser.md
diff --git a/14_dom.md b/14_dom.md
diff --git a/15_event.md b/15_event.md
diff --git a/16_game.md b/16_game.md
diff --git a/17_canvas.md b/17_canvas.md
diff --git a/18_http.md b/18_http.md
diff --git a/19_paint.md b/19_paint.md
diff --git a/20_node.md b/20_node.md
diff --git a/21_skillsharing.md b/21_skillsharing.md
diff --git a/README.md b/README.md
@@ -1,10 +1,10 @@
 # Eloquent JavaScript en Español
 
 <a href='https://midu.link/eloquent'>
-<img alt="Portada del libro" src="https://github.com/midudev/eloquent-javascript-es/assets/1561955/727c8b2a-0a0f-4e9b-a6e1-9c1ec5765612" width="250px" />
+<img alt="Portada del libro" src="./img/cover.jpg" width="250px" />
 </a>
 
-Traducción de la cuarta edición de [Eloquent JavaScript](https://eloquentjavascript.net/) al español por [midudev](https://twitch.tv/midudev).
+Traducción de la cuarta edición de [Eloquent JavaScript](https://eloquentjavascript.net/) al español por [midudev](https://twitch.tv/midudev). Modificaciones por [ckdvk](https://github.com/ckdvk) para una lectura más natural.
 
 [Repositorio original](https://github.com/marijnh/Eloquent-JavaScript)
 
@@ -49,4 +49,4 @@ Traducción de la cuarta edición de [Eloquent JavaScript](https://eloquentjavas
     Avallone. Fotografía del pueblo en el Capítulo 11 por Fabrice Creuzot. Concepto de juego para el Capítulo 16
     por <a href="http://lessmilk.com">Thomas
       Palef</a>.</p>
-</div>
+</div>
diff --git a/book.epub b/book.epub
diff --git a/book.mobi b/book.mobi
diff --git a/book.pdf b/book.pdf
diff --git a/book_mobile.pdf b/book_mobile.pdf
diff --git a/code/hangar2.js b/code/hangar2.js
@@ -47,10 +47,10 @@ var readTextFile = function() {
 
   let files = {
     __proto__: null,
-    "shopping_list.txt": "Peanut butter\nBananas",
+    "lista_compra.txt": "Mantequilla de cacahuete\nPlátanos",
     "old_shopping_list.txt": "Peanut butter\nJelly",
     "package.json": '{"name":"test project","author":"cāāw-krö","version":"1.1.2"}',
-    "plans.txt": "* Write a book\n  * Figure out asynchronous chapter\n  * Find an artist for the cover\n  * Write the rest of the book\n\n* Don't be sad\n  * Sit under tree\n  * Study bugs\n",
+    "planes.txt": "* Escribir un libro\n  * Escribir el capítulo sobre programación asíncrona\n  * Encontrar un artista para la portada\n  * Escribir el resto del libro\n\n* No estar triste\n  * Sentarme bajo un árbol\n  * Estudiar bichos\n",
     "camera_logs.txt": logs.map(l => l.name).join("\n")
   }
 
@@ -174,7 +174,7 @@ var request = function(){
   }
 }()
 
-var clipImages = [
+var imágenesVídeo = [
   [
     " 5dc",
     " e9.2 2b.3 .3 2b.o.3o. 2b.o.3o. 27.2 2.o2.o2. 27.o. .Oo.oO. . 25.o. .Oo.oO.4 20.2 2.Oo .Oo.oO.2o. 20.o 2.Oo.2Oo.oO.2o. 20.O. .O2.2Oo2O2o3. 20.O2 2oOo.O2oO2o3. 20.oOo oO2oO2oO2oOo. 1e.o2O3o2O8oOo 1f.O6oOao 1e.oO11o 1eoO12o. 1c.O13o. 6. 14.O14o. 1boO15. 1bO15o. 1aoO15o 1a.O16. 18. .O15o 1boO15. 1a.O15o 1b.O15. f",

diff --git a/code/packages_chapter_10.js b/code/packages_chapter_10.js
@@ -67,19 +67,19 @@ module.exports = {
   pm: 'PM'
 };`)
 
-require.preload("./dayname.js", String.raw`
-const names = ["Sunday", "Monday", "Tuesday", "Wednesday",
-               "Thursday", "Friday", "Saturday"];
+require.preload("./nombredia.js", String.raw`
+const nombres = ["Domingo", "Lunes", "Martes", "Miércoles",
+               "Jueves", "Viernes", "Sábado"];
 
-exports.dayName = function(number) {
-  return names[number];
+exports.nombreDía = function(número) {
+  return nombres[número];
 }
-exports.dayNumber = function(name) {
-  return names.indexOf(name);
+exports.númeroDía = function(nombre) {
+  return nombres.indexOf(nombre);
 }`)
 
-require.preload("./seasonname.js", String.raw`
-module.exports = ["Winter", "Spring", "Summer", "Autumn"];`)
+require.preload("./nombresestaciones.js", String.raw`
+module.exports = ["Invierno", "Primavera", "Verano", "Otoño"];`)
 
 /* ini 1.3.5: https://github.com/npm/ini
 

diff --git a/epub/style.css b/epub/style.css
@@ -158,3 +158,20 @@ ol li p {
 .cm-atom {color: #219;}
 .cm-number {color: #164;}
 .cm-def {color: #00f;}
+
+
+.translator-note {
+  background-color: #f8f9fa;
+  border-left: 4px solid #e9da0875;
+  padding: 0px 12px;
+  font-size: medium;
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri,   'Trebuchet MS', sans-serif;
+  word-spacing: 0.2em;
+  margin: 10px 0;
+  font-style: italic;
+}
+.translator-note code {
+  font-size: inherit;
+  font-family: 'Courier New', Courier, monospace;    
+  background-color: #f1f1f100;
+}
diff --git a/html/00_intro.html b/html/00_intro.html
diff --git a/html/01_values.html b/html/01_values.html
diff --git a/html/02_program_structure.html b/html/02_program_structure.html
diff --git a/html/03_functions.html b/html/03_functions.html
diff --git a/html/04_data.html b/html/04_data.html
diff --git a/html/05_higher_order.html b/html/05_higher_order.html
diff --git a/html/06_object.html b/html/06_object.html
diff --git a/html/07_robot.html b/html/07_robot.html
diff --git a/html/08_error.html b/html/08_error.html
diff --git a/html/09_regexp.html b/html/09_regexp.html
diff --git a/html/10_modules.html b/html/10_modules.html
diff --git a/html/11_async.html b/html/11_async.html
diff --git a/html/12_language.html b/html/12_language.html
diff --git a/html/13_browser.html b/html/13_browser.html
diff --git a/html/14_dom.html b/html/14_dom.html
diff --git a/html/15_event.html b/html/15_event.html
diff --git a/html/16_game.html b/html/16_game.html
diff --git a/html/17_canvas.html b/html/17_canvas.html
diff --git a/html/18_http.html b/html/18_http.html
diff --git a/html/19_paint.html b/html/19_paint.html
diff --git a/html/20_node.html b/html/20_node.html
diff --git a/html/21_skillsharing.html b/html/21_skillsharing.html
diff --git a/html/css/ejs.css b/html/css/ejs.css
@@ -455,3 +455,21 @@ sub {
 sup {
   font-size: 70%;
 }
+
+
+.translator-note {
+  background-color: #f8f9fa;
+  border-left: 4px solid #e9da0875;
+  padding: 0px 12px;
+  font-size: medium;
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+  word-spacing: 0.2em;
+  margin: 10px 0;
+  font-style: italic;
+}
+.translator-note code {
+  font-size: inherit;
+  font-family: 'Courier New', Courier, monospace;    
+  background-color: #f1f1f100;
+  }
+
diff --git a/html/ejs.js b/html/ejs.js
diff --git a/img/cover.jpg b/img/cover.jpg
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "@rollup/plugin-terser": "^0.4.4",
     "acorn": "^8.0.0",
     "acorn-walk": "^8.0.0",
+    "chokidar-cli": "^3.0.0",
     "codemirror": "^6.0.0",
     "jszip": "^3.10.0",
     "markdown-it": "^14.0.0",

diff --git a/pdf/book.tex b/pdf/book.tex
@@ -98,7 +98,7 @@
 
   Las ilustraciones son contribuciones de varios artistas: Portada por Péchane Sumi-e. Ilustraciones de capítulos por Madalina Tantareanu. Arte de píxeles en los capítulos 7 y 16 por Antonio Perdomo Pastor. Diagramas de expresiones regulares en el capítulo 9 generados con \href{http://regexper.com}{regexper.com} por Jeff Avallone. Fotografía del pueblo en el capítulo 11 por Fabrice Creuzot. Concepto de juego para el capítulo 16 por \href{http://lessmilk.com}{Thomas Palef}.
 
-  Traducción al español por \href{http://twitch.tv/midudev}{midudev}.
+  Traducción al español por \href{http://twitch.tv/midudev}{midudev} y \href{https://github.com/ckdvk}{ckdvk}.
 
   \vskip 1em
 

diff --git a/src/chapter_info.mjs b/src/chapter_info.mjs
@@ -12,15 +12,15 @@ const TRANSLATIONS_MAP = {
   '02_3_tablero_de_ajedrez.js': '02_3_chessboard.js',
   '03_1_mnimo.js': '03_1_minimum.js',
   '03_2_recursin.js': '03_2_recursion.js',
-  '03_3_contando_frijoles.js': '03_3_bean_counting.js',
-  '04_1_la_suma_de_un_rango.js': '04_1_the_sum_of_a_range.js',
-  '04_2_reversin_de_un_array.js': '04_2_reversing_an_array.js',
+  '03_3_contando_minuciosamente.js': '03_3_bean_counting.js',
+  '04_1_la_suma_de_un_intervalo.js': '04_1_the_sum_of_a_range.js',
+  '04_2_dando_la_vuelta_a_un_array.js': '04_2_reversing_an_array.js',
   '04_3_lista.js': '04_3_a_list.js',
   '04_4_comparacin_profunda.js': '04_4_deep_comparison.js',
   '05_1_aplanamiento.js': '05_1_flattening.js',
   '05_2_tu_propio_bucle.js': '05_2_your_own_loop.js',
   '05_4_direccin_de_escritura_dominante.js': '05_4_dominant_writing_direction.js',
-  '06_1_un_tipo_de_vector.js': '06_1_a_vector_type.js',
+  '06_1_un_tipo_vector.js': '06_1_a_vector_type.js',
   '06_2_grupos.js': '06_2_groups.js',
   '06_3_grupos_iterables.js': '06_3_iterable_groups.js',
   '07_1_medicin_de_un_robot.js': '07_1_measuring_a_robot.js',
@@ -42,7 +42,7 @@ const TRANSLATIONS_MAP = {
   '15_1_globo.html': '15_1_balloon.html',
   '15_2_estela_del_ratn.html': '15_2_mouse_trail.html',
   '15_3_pestaas.html': '15_3_tabs.html',
-  '16_1_juego_terminado.html': '16_1_game_over.html',
+  '16_1_fin_del_juego.html': '16_1_game_over.html',
   '16_2_pausar_el_juego.html': '16_2_pausing_the_game.html',
   '16_3_un_monstruo.html': '16_3_a_monster.html',
   '17_1_formas.html': '17_1_shapes.html',

diff --git a/src/extract_hints.mjs b/src/extract_hints.mjs
@@ -1,6 +1,6 @@
 import {readdirSync, readFileSync} from "fs"
 
-process.stdout.write("# Exercise Hints\n\nThe hints below might help when you are stuck with one of the exercises in this book. They don't give away the entire solution, but rather try to help you find it yourself.\n\n");
+process.stdout.write("# Pistas para los Ejercicios\n\nLas pistas a continuación pueden ayudarte cuando te encuentres atascado con uno de los ejercicios de este libro. No revelan la solución completa, sino que intentan ayudarte a encontrarla tú mismo.\n\n");
 
 for (let name of readdirSync(".")) {
   if (!/^\d\d.*\.md$/.test(name)) continue

diff --git a/src/markdown.mjs b/src/markdown.mjs
@@ -156,6 +156,33 @@ function parseIndexTerm(state, silent) {
   return true
 }
 
+function parseBlockNote(state, startLine, endLine) {
+  let pos = state.bMarks[startLine] + state.tShift[startLine];
+  let max = state.eMarks[startLine];
+
+  if (state.src.slice(pos, pos + 7) !== ':::note') return false;
+
+  let contentStart = pos + 7;
+  let contentEnd = max;
+  let close = state.src.indexOf(':::', contentStart);
+  if (close === -1) return false;
+
+  contentEnd = close;
+
+  let content = state.src.slice(contentStart, contentEnd).trim();
+
+  let htmlContent = state.md.render(content);
+
+  let token = state.push('meta_note_open', '', 1);
+  token.map = [startLine, startLine + 1];
+  token.content = htmlContent;
+
+  state.push('meta_note_close', '', -1);
+
+  state.line = startLine + 1;
+  return true;
+  }
+
 let TERMINATOR_RE = /[\n!#$%&*+\-:<=>@\[\\\]^_`{}~]|\(\(/
 
 function newText(state, silent) {
@@ -171,6 +198,7 @@ function plugin(md) {
   md.block.ruler.before("code", "meta", parseBlockMeta)
   md.block.ruler.before("code", "table", parseBlockTable)
   md.inline.ruler.before("link", "meta", parseInlineMeta)
+  md.block.ruler.before("code", "note", parseBlockNote)
   md.inline.ruler.at("text", newText)
   md.inline.ruler.before("strikethrough", "index_term", parseIndexTerm)
 }

diff --git a/src/render_html.mjs b/src/render_html.mjs
@@ -24,13 +24,34 @@ for (const arg of process.argv.slice(2)) {
 if (!file) throw new Error('No input file')
 const chapter = /^\d{2}_([^\.]+)/.exec(file) || [null, 'hints']
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 const { tokens, metadata } = transformTokens(markdown.parse(fs.readFileSync(file, 'utf8'), {}), {
   defined: epub ? ['book', 'html'] : ['interactive', 'html'],
   strip: epub ? 'hints' : '',
   takeTitle: true,
   index: false
 })
 
+
+
+
+
+
 const close = epub ? '/' : ''
 const dir = dirname(fileURLToPath(import.meta.url))
 
@@ -172,6 +193,11 @@ const renderer = {
     return `<figure${attrs(token)}${className ? ` class="${className}"` : ''}><img src="${escape(url)}" alt="${escape(alt)}"${close}></figure>`
   },
 
+  meta_note(token) {
+    return `\n\n<div class="translator-note">${markdown.render(token.args[0])}</div>`;
+  },
+
+
   meta_quote_open () { return '\n\n<blockquote>' },
   meta_quote_close (token) {
     const { author, title } = token.args[0] || {}
@@ -182,7 +208,8 @@ const renderer = {
   meta_keyname_close () { return '</span>' },
 
   meta_hint_open () { return '\n\n<details class="solution"><summary>Mostrar pistas...</summary><div class="solution-text">' },
-  meta_hint_close () { return '\n\n</div></details>' }
+  meta_hint_close () { return '\n\n</div></details>' },
+
 }
 
 function renderArray (tokens) {

diff --git a/src/render_latex.mjs b/src/render_latex.mjs
@@ -175,6 +175,35 @@ const renderer = {
   meta_keyname_open () { return noStarch ? '\\keycap{' : '\\textsc{' },
   meta_keyname_close () { return '}' },
 
+  meta_note(token) {
+    let contenido = '';
+    if (token.children && token.children.length) {
+        contenido = renderArray(token.children);
+    } else if (token.args && token.args[0]) {
+        contenido = renderArray(markdown.parse(token.args[0], {})); 
+    }
+
+
+	const escapeLatex = str => str
+    .replace(/\\/g, '\\textbackslash{}') // Escapar \ como \textbackslash{}
+    .replace(/_/g, '\\_')                // Escapar _ como \_
+    .replace(/\^/g, '\\textasciicircum{}') // Escapar ^ como \textasciicircum{}
+    .replace(/~/g, '\\textasciitilde{}')  // Escapar ~ como \textasciitilde{}
+    .replace(/#/g, '\\#')                 // Escapar #
+    .replace(/%/g, '\\%')                 // Escapar %
+    .replace(/&/g, '\\&')                 // Escapar &
+    .replace(/{/g, '\\{')                 // Escapar {
+    .replace(/}/g, '\\}');                // Escapar }
+
+// Reemplazo correcto para \lstinline
+contenido = contenido.replace(/\\lstinline`([^`]+)`/g, (_, code) => `\\texttt{${escapeLatex(code)}}`);
+
+
+    // contenido = contenido.replace(/\\lstinline\`([^`]+)\`/g, '\\texttt{\\$1}');
+
+    return contenido ? `\\footnote{${contenido}}` : '';
+  },
+
   link_open (token) {
     const href = token.attrGet('href')
     const maybeChapter = /^(\w+)(?:#(.*))?$/.exec(href)