lint

Author: arnog

docs/compute-engine/02-compute-engine-demo.md

@@ -41,25 +41,26 @@ export function Console({children}) {
 
 export function ExampleSelector({ onSelect, index }) {  
   const examples = [
-    { 
-      latex: 'e^{i\\pi}', 
-      preamble: `To create a boxed expression from a LaTeX string, use the \`ce.parse()\` function.
-
-The \`expr.N()\` function evaluates the expression numerically, 
-including complex numbers.`,
-      template: "N"
-    },
-
     { 
       latex: "\\frac{165}{315}",
       json: '["Divide", 165, 315]', 
-      preamble: `To create a boxed expression from a MathJSON expression, use the \`ce.box()\` function.
+      preamble: `To create a boxed expression from a MathJSON expression, 
+use the \`ce.box()\` function.
 
 By default expressions are put in canonical form. 
 The canonical form of fractions is their reduced form.`,
       template: "as-json"
     },
 
+    { 
+      latex: 'e^{i\\pi}', 
+      preamble: `To create a boxed expression from a LaTeX string, 
+use the \`ce.parse()\` function.
+
+The \`expr.N()\` function evaluates the expression numerically, 
+including complex numbers.`,
+      template: "N"
+    },
 
     { 
       latex: '\\sqrt{6\\sum_{n=1}^{\\infty} \\frac{1}{n^2}}', 
@@ -74,10 +75,10 @@ The canonical form of fractions is their reduced form.`,
     },
 
     { 
-      latex: '\\mathrm{Expand}((a+b)^6)', 
+      latex: '\\mathrm{Expand}((a+b)^5)', 
       preamble: `Symbolically expand an expression.
 Use the \`latex\` property to get the result in LaTeX format.`,
-      template: 'eval-latex'
+      template: 'eval-string'
     },
 
     { 
@@ -90,12 +91,13 @@ approximates a number as a rational.`
     { 
       latex: '\\cos\\left(\\frac{\\pi}{6}\\right)',
       preamble: 'Exact trigonometric values',
-      template: 'eval-latex'
+      template: 'eval-string'
     },
 
     { 
       latex: '\\sin(30\\degree)', 
       preamble: 'Use degrees unit in trig functions',
+      template: 'eval-string'
     },
 
     {

plugins/code-playground/index.js

@@ -88,7 +88,7 @@ async function toJsxNode(node) {
   // "style" is for inline styles
   let style = value.match(/:::style\s*\n([\s\S]*?)(\n:::|$)/)?.[1];
 
-  /** @fixme: tempory: should be able to use CSS variables instead*/
+  /** @fixme: temporary: should be able to use CSS variables instead*/
   style = `
       math-field {
         border: 1px solid var(--neutral-400);

src/css/custom.css

@@ -48,7 +48,6 @@ math-field {
   background: var(--neutral-200);
   border-radius: 8px;
   padding: 8px;
-  background: red;
 }
 
 

src/pages/index.js

@@ -49,7 +49,7 @@ function HomepageHeader({ height }) {
                 Mathfield
               </Heading>
               <p className={styles.description}>
-                A web component to edit math, rendered with LaTex.
+                A web component to edit math, rendered with LaTeX.
               </p>
             </div>
           </a>
@@ -71,7 +71,7 @@ function HomepageHeader({ height }) {
                 Compute Engine
               </Heading>
               <p className={styles.description}>
-                A versatile Compute Engine for symbolic and numerical
+                A versatile library for symbolic and numerical
                 computation.
               </p>
             </div>