prettier

astro.config.mjs

@@ -35,15 +35,15 @@ export default defineConfig({
       defaultLocale: "en",
       locales: {
         en: {
-          label: "English"
+          label: "English",
         },
         es: {
-          label: "Español"
+          label: "Español",
         },
         ca: {
-          label: "Català"
-        }
-      }
+          label: "Català",
+        },
+      },
     }),
     svelte(),
   ],

src/components/CodeBlock.svelte

@@ -10,7 +10,7 @@
   import { writable } from "svelte/store";
   import { onThemeChange } from "src/utils/onThemeChange";
   import { onDestroy } from "svelte";
-  
+
   /** Code that will be sent to the playground, replaces __VALUE__ with the code in the editor */
   export let setup = "__VALUE__";
   /** Code visible in the editor */
@@ -23,27 +23,30 @@
   export let showLineNumbers = true;
   /** Language used by the editor */
   export let lang: keyof typeof langs = "en";
-  
+
   const langs = {
-    "en": {
+    en: {
       placeholder: "Enter your code here...",
       compiling: "Compiling...",
-      error: "Woops, something went wrong and the code does not compile!\nIf you\'ve mistakenly messed up the code, click the \"Reset\" button to return it back to its original state.\n\nRemember to replace ? with your answer.",
+      error:
+        'Woops, something went wrong and the code does not compile!\nIf you\'ve mistakenly messed up the code, click the "Reset" button to return it back to its original state.\n\nRemember to replace ? with your answer.',
     },
-    "ca": {
+    ca: {
       placeholder: "Escriu el teu codi aqui...",
       compiling: "Compilant...",
-      error: "Ups, alguna cosa ha fallat i el codi no compila!\nSi t'has equivocat modificant el codi, fes clic al botó de \"Reset\" per tornar-lo al seu estat original.\n\nRecorda substituïr ? amb la teva resposta."
+      error:
+        'Ups, alguna cosa ha fallat i el codi no compila!\nSi t\'has equivocat modificant el codi, fes clic al botó de "Reset" per tornar-lo al seu estat original.\n\nRecorda substituïr ? amb la teva resposta.',
     },
-    "es": {
+    es: {
       placeholder: "Escribe tu código aquí...",
       compiling: "Compilando...",
-      error: "Vaya, ¡algo ha ido mal y el código no compila!\nSi has estropeado el código por error, haz clic en el botón \"Reset\" para devolverlo a su estado original.\n\nRecuerda sustituir ? con tu respuesta.",
-    }
+      error:
+        'Vaya, ¡algo ha ido mal y el código no compila!\nSi has estropeado el código por error, haz clic en el botón "Reset" para devolverlo a su estado original.\n\nRecuerda sustituir ? con tu respuesta.',
+    },
   };
 
   const theme = writable(document.documentElement.dataset.theme);
-  const observer = onThemeChange(t => theme.set(t));
+  const observer = onThemeChange((t) => theme.set(t));
   onDestroy(() => observer.disconnect());
 
   let value = code;
@@ -55,14 +58,14 @@
     if (!f && !focused) {
       return;
     }
-    
+
     running = true;
-    
+
     playground_response = langs[lang].compiling;
 
     // Wait for the editor to update `value`
     await new Promise((resolve) => setTimeout(resolve, 100));
-    
+
     const params = {
       version: "stable",
       optimize: "0",
@@ -78,21 +81,24 @@
       mode: "cors",
       body: JSON.stringify(params),
     })
-    .then((response) => response.json())
-    .then((response) => {
-      console.log({ params, response });
-      return response;
-    })
-    .then((response) => {
-      if (response.error === null) {
-        playground_response = response.result;
-      } else {
-        playground_response = errorMsg || langs[lang].error || response.error;
-      }
-    })
-    .catch((error) => (playground_response = errorMsg || langs[lang].error || error.message))
-    .finally(() => (running = false));
-
+      .then((response) => response.json())
+      .then((response) => {
+        console.log({ params, response });
+        return response;
+      })
+      .then((response) => {
+        if (response.error === null) {
+          playground_response = response.result;
+        } else {
+          playground_response = errorMsg || langs[lang].error || response.error;
+        }
+      })
+      .catch(
+        (error) =>
+          (playground_response =
+            errorMsg || langs[lang].error || error.message),
+      )
+      .finally(() => (running = false));
   };
 </script>
 
@@ -119,7 +125,7 @@
     editable={!running}
     placeholder={placeholder || langs[lang].placeholder}
   />
-  
+
   <button
     class="not-content"
     title="Run (Shift+Enter)"

src/components/QuestionCard.astro

@@ -23,4 +23,4 @@ const { question } = Astro.props;
     gap: clamp(0.5rem, calc(0.125rem + 1vw), 1rem);
     overflow: auto;
   }
-</style>
+</style>

src/content/docs/ca/first-steps/1-introduction.mdx

@@ -22,7 +22,13 @@ Cada missió et proporcionarà una lliçó de programació, i inclou un fragment
 Intenta executar el següent fragment de codi (fes clic al botó d'"Executar" de la dreta o `⇧ + ↵` al teclat mentre estiguis editant):
 
 <QuestionCard>
-  <CodeBlock client:only code={'println!("Hola, Món!")'} showLineNumbers={false} lang="ca" errorMsg={`Ups, alguna cosa ha fallat i el codi no compila!\nSi t'has equivocat modificant el codi, fes clic al botó de "Reset" per tornar-lo al seu estat original.`} />
+  <CodeBlock
+    client:only
+    code={'println!("Hola, Món!")'}
+    showLineNumbers={false}
+    lang="ca"
+    errorMsg={`Ups, alguna cosa ha fallat i el codi no compila!\nSi t'has equivocat modificant el codi, fes clic al botó de "Reset" per tornar-lo al seu estat original.`}
+  />
 </QuestionCard>
 
 :::tip[Exercici]
@@ -32,4 +38,4 @@ Per exemple: `"Hola, Liam!"`.
 :::
 
 Ara l'ordinador et parla, que simpàtic!  
-Si estàs llest, fes clic a la fletxa de sota per començar la teva aventura!
+Si estàs llest, fes clic a la fletxa de sota per començar la teva aventura!

src/content/docs/ca/first-steps/2-the-adventurers-guild.mdx

@@ -5,7 +5,6 @@ description: L'heroi es registra en el Gremi d'Aventurers.
 
 import QuestionCard from "@components/QuestionCard.astro";
 import CodeBlock from "@components/CodeBlock.svelte";
-import lang from "@i18n/ca.json";
 
 export function SimpleQuestion({
   question,
@@ -30,10 +29,16 @@ export function SimpleQuestion({
             _ => println!("${wrong}"),
         }
     `.replaceAll("\n", "");
-  
+
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} lang="ca" />
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+        lang="ca"
+      />
     </QuestionCard>
   );
 }
@@ -47,7 +52,13 @@ export function FreeQuestion({ question, code = "", correct }) {
     `.replaceAll("\n", "");
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} lang="ca"/>
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+        lang="ca"
+      />
     </QuestionCard>
   );
 }
@@ -127,7 +138,7 @@ Ara farem algunes comparacions, res difícil.
 Veus el que estem fent?  
 Intenta reescriure el codi dels exercicis que hem fet, exactament com es formula la pregunta.
 
-Per exemple, per la primera pregunta, en comptes de dir `200 és més petit que ?`, digues `? és més gran que 200`.  
+Per exemple, per la primera pregunta, en comptes de dir `200 és més petit que ?`, digues `? és més gran que 200`.
 
 **Recorda substituïr `?` en la solució final.**
 
@@ -165,4 +176,3 @@ Ara si us plau signa aquí, i estaràs llest per fer la teva primera missió.
     lang="ca"
   />
 </QuestionCard>
-

src/content/docs/en/first-steps/1-introduction.mdx

@@ -12,7 +12,7 @@ This book is designed for people with zero experience in Rust or programming in
 Usually, Rust is seen as a difficult language to learn, and is not recommended as a first language.  
 Well, my goal is to prove otherwise!
 
-I believe Rust is a very strict but thorough teacher, that makes sure you understand your code before letting you run it.    
+I believe Rust is a very strict but thorough teacher, that makes sure you understand your code before letting you run it.  
 Some may find this unappealing at first: "Let me run my program!"  
 However, this strictness will make you a better programmer, one that writes code that "works the first time".
 
@@ -22,7 +22,12 @@ Each quest provides a programming lesson and includes a snippet of code that you
 Try running the following snippet (click the "Run" button on the right or press `⇧ + ↵` on your keyboard while editing):
 
 <QuestionCard>
-  <CodeBlock client:only code={'println!("Hello World!")'} showLineNumbers={false} errorMsg={`Woops, something went wrong and the code does not compile!\nIf you've mistakenly messed up the code, click the "Reset" button to return it back to its original state.`} />
+  <CodeBlock
+    client:only
+    code={'println!("Hello World!")'}
+    showLineNumbers={false}
+    errorMsg={`Woops, something went wrong and the code does not compile!\nIf you've mistakenly messed up the code, click the "Reset" button to return it back to its original state.`}
+  />
 </QuestionCard>
 
 :::tip[Exercise]

src/content/docs/en/first-steps/2-the-adventurers-guild.mdx

@@ -31,7 +31,12 @@ export function SimpleQuestion({
     `.replaceAll("\n", "");
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} />
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+      />
     </QuestionCard>
   );
 }
@@ -45,7 +50,12 @@ export function FreeQuestion({ question, code = "", correct }) {
     `.replaceAll("\n", "");
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} />
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+      />
     </QuestionCard>
   );
 }
@@ -161,4 +171,3 @@ Now please sign here, and you'll be ready to take your first quest.
     }
   />
 </QuestionCard>
-

src/content/docs/en/first-steps/3-the-first-quest.mdx

@@ -3,4 +3,4 @@ title: The First Quest
 description: Finally, your first quest! What will it be...
 ---
 
-Work in progress
+Work in progress

src/content/docs/es/first-steps/1-introduction.mdx

@@ -12,7 +12,7 @@ Este libro está pensado para gente con cero experiencia en Rust o programación
 Usualmente, Rust es visto como un lenguaje difícil de aprender, y no es recomendado como primer lenguaje.  
 Pues bien, ¡mi objetivo es demostrar lo contrario!
 
-Creo que Rust es un profesor muy estricto pero minucioso, que se asegura de que entiendes tu código antes de dejarte ejecutarlo.    
+Creo que Rust es un profesor muy estricto pero minucioso, que se asegura de que entiendes tu código antes de dejarte ejecutarlo.  
 Algunos pueden encontrar esto poco atractivo al principio: "¡Déjame ejecutar mi programa!".  
 Sin embargo, esta rigurosidad te convertirá en un mejor programador, uno que escribe código que "funciona a la primera".
 
@@ -22,7 +22,13 @@ Cada misión te proporcionará una lección de programación, e incluye un fragm
 Prueba a ejecutar el siguiente fragmento de código (haz clic en el botón "Ejecutar" de la derecha o pulsa `⇧ + ↵` en el teclado mientras editas):
 
 <QuestionCard>
-  <CodeBlock client:only code={'println!("¡Hola, Mundo!")'} showLineNumbers={false} lang="es" errorMsg={`Ups, ¡algo ha ido mal y el código no compila!\nSi has estropeado el código por error, haz clic en el botón "Reset" para devolverlo a su estado original.`} />
+  <CodeBlock
+    client:only
+    code={'println!("¡Hola, Mundo!")'}
+    showLineNumbers={false}
+    lang="es"
+    errorMsg={`Ups, ¡algo ha ido mal y el código no compila!\nSi has estropeado el código por error, haz clic en el botón "Reset" para devolverlo a su estado original.`}
+  />
 </QuestionCard>
 
 :::tip[Ejercicio]

src/content/docs/es/first-steps/2-the-adventurers-guild.mdx

@@ -31,7 +31,13 @@ export function SimpleQuestion({
     `.replaceAll("\n", "");
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} lang="es" />
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+        lang="es"
+      />
     </QuestionCard>
   );
 }
@@ -45,7 +51,13 @@ export function FreeQuestion({ question, code = "", correct }) {
     `.replaceAll("\n", "");
   return (
     <QuestionCard question={question}>
-      <CodeBlock client:only code={code} setup={setup} showLineNumbers={false} lang="es" />
+      <CodeBlock
+        client:only
+        code={code}
+        setup={setup}
+        showLineNumbers={false}
+        lang="es"
+      />
     </QuestionCard>
   );
 }
@@ -125,7 +137,7 @@ Ahora haremos algunas comparaciones, cosas sencillas.
 ¿Ves lo que estamos haciendo?  
 Intenta reescribir el código de los ejercicios anteriores, exactamente como está formulada la pregunta.
 
-Por ejemplo, para la primera pregunta, en lugar de decir `200 es menor que ?`, di `? es mayor que 200`.  
+Por ejemplo, para la primera pregunta, en lugar de decir `200 es menor que ?`, di `? es mayor que 200`.
 
 **Acuérdate de rellenar el `?` en tu respuesta final.**
 
@@ -163,4 +175,3 @@ Ahora por favor firma aquí, y estarás listo para tu primera misión.
     lang="es"
   />
 </QuestionCard>
-

src/content/docs/index.mdx

@@ -17,4 +17,4 @@ hero:
 head:
   - tag: title
     content: "Rust Quest"
----
+---