diff --git a/docs/examples/advanced-usage/example1.js b/docs/examples/advanced-usage/example1.js
index 38ae4e3dd..564a58c6f 100644
--- a/docs/examples/advanced-usage/example1.js
+++ b/docs/examples/advanced-usage/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 // first column represents players' IDs
 // second column represents players' scores
 const playersAData = [
diff --git a/docs/examples/advanced-usage/example1.ts b/docs/examples/advanced-usage/example1.ts
index 3dbd8ef2e..fe2519e41 100644
--- a/docs/examples/advanced-usage/example1.ts
+++ b/docs/examples/advanced-usage/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 // first column represents players' IDs
 // second column represents players' scores
diff --git a/docs/examples/basic-operations/example1.js b/docs/examples/basic-operations/example1.js
index e95d0b539..a0ecad379 100644
--- a/docs/examples/basic-operations/example1.js
+++ b/docs/examples/basic-operations/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 const ANIMATION_ENABLED = true;
 
 /**
diff --git a/docs/examples/basic-operations/example1.ts b/docs/examples/basic-operations/example1.ts
index 356bf1f66..ca2b9e24f 100644
--- a/docs/examples/basic-operations/example1.ts
+++ b/docs/examples/basic-operations/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 const ANIMATION_ENABLED = true;
 
diff --git a/docs/examples/basic-usage/example1.js b/docs/examples/basic-usage/example1.js
index 05fce6bdd..4484b6bba 100644
--- a/docs/examples/basic-usage/example1.js
+++ b/docs/examples/basic-usage/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 const tableData = [['10', '20', '=SUM(A1,B1)']];
 // Create an empty HyperFormula instance.
 const hf = HyperFormula.buildEmpty({
diff --git a/docs/examples/basic-usage/example1.ts b/docs/examples/basic-usage/example1.ts
index 5433c7574..3901624e5 100644
--- a/docs/examples/basic-usage/example1.ts
+++ b/docs/examples/basic-usage/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 const tableData = [['10', '20', '=SUM(A1,B1)']];
 
diff --git a/docs/examples/batch-operations/example1.js b/docs/examples/batch-operations/example1.js
index 4fe6e426c..72a98595a 100644
--- a/docs/examples/batch-operations/example1.js
+++ b/docs/examples/batch-operations/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/batch-operations/example1.ts b/docs/examples/batch-operations/example1.ts
index 5739189c2..d6501f5fd 100644
--- a/docs/examples/batch-operations/example1.ts
+++ b/docs/examples/batch-operations/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Initial table data.
diff --git a/docs/examples/clipboard-operations/example1.js b/docs/examples/clipboard-operations/example1.js
index 75db3f5ca..6cd3f1f1d 100644
--- a/docs/examples/clipboard-operations/example1.js
+++ b/docs/examples/clipboard-operations/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/clipboard-operations/example1.ts b/docs/examples/clipboard-operations/example1.ts
index 0dc5d8365..c0c67e07f 100644
--- a/docs/examples/clipboard-operations/example1.ts
+++ b/docs/examples/clipboard-operations/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Initial table data.
diff --git a/docs/examples/date-time/example1.js b/docs/examples/date-time/example1.js
index 87278f91c..01d646fec 100644
--- a/docs/examples/date-time/example1.js
+++ b/docs/examples/date-time/example1.js
@@ -2,12 +2,12 @@
 import HyperFormula from 'hyperformula';
 import moment from 'moment';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Function defining the way HF should handle the provided date string.
  *
diff --git a/docs/examples/date-time/example1.ts b/docs/examples/date-time/example1.ts
index be93b5368..b9fe3adde 100644
--- a/docs/examples/date-time/example1.ts
+++ b/docs/examples/date-time/example1.ts
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 import moment from 'moment';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Function defining the way HF should handle the provided date string.
diff --git a/docs/examples/demo/example1.js b/docs/examples/demo/example1.js
index 04c3cc64c..992116378 100644
--- a/docs/examples/demo/example1.js
+++ b/docs/examples/demo/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 const tableData = [
   ['Greg Black', 4.66, '=B1*1.3', '=AVERAGE(B1:C1)', '=SUM(B1:C1)'],
   ['Anne Carpenter', 5.25, '=$B$2*30%', '=AVERAGE(B2:C2)', '=SUM(B2:C2)'],
diff --git a/docs/examples/demo/example1.ts b/docs/examples/demo/example1.ts
index 284ed4f8f..15cf8ec0e 100644
--- a/docs/examples/demo/example1.ts
+++ b/docs/examples/demo/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 const tableData = [
   ['Greg Black', 4.66, '=B1*1.3', '=AVERAGE(B1:C1)', '=SUM(B1:C1)'],
diff --git a/docs/examples/i18n/example1.js b/docs/examples/i18n/example1.js
index e48958f3b..f4fa847a4 100644
--- a/docs/examples/i18n/example1.js
+++ b/docs/examples/i18n/example1.js
@@ -2,16 +2,15 @@
 import HyperFormula from 'hyperformula';
 import moment from 'moment';
 
-/* end:skip-in-compilation */
-/* start:skip-in-sandbox */
-const enUS = HyperFormula.languages.enUS;
-
-/* end:skip-in-sandbox */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
+/* start:skip-in-sandbox */
+const enUS = HyperFormula.languages.enUS;
+/* end:skip-in-sandbox */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/i18n/example1.ts b/docs/examples/i18n/example1.ts
index d2aa6bc63..676756397 100644
--- a/docs/examples/i18n/example1.ts
+++ b/docs/examples/i18n/example1.ts
@@ -2,16 +2,16 @@
 import HyperFormula from 'hyperformula';
 import enUS from 'hyperformula/es/i18n/languages/enUS';
 import moment from 'moment';
-/* end:skip-in-compilation */
-
-/* start:skip-in-sandbox */
-const enUS = HyperFormula.languages.enUS;
-/* end:skip-in-sandbox */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
+
+/* start:skip-in-sandbox */
+const enUS = HyperFormula.languages.enUS;
+/* end:skip-in-sandbox */
 
 /**
  * Initial table data.
@@ -157,7 +157,7 @@ function renderTable(calculated = false) {
   let newTbodyHTML = '';
 
   for (let row = 0; row < height; row++) {
-    newTbodyHTML += `<tr class="${row === height-1 ? 'summary' : ''}">`;
+    newTbodyHTML += `<tr class="${row === height - 1 ? 'summary' : ''}">`;
 
     for (let col = 0; col < width; col++) {
       const cellAddress = { sheet: sheetId, col, row };
@@ -167,7 +167,9 @@ function renderTable(calculated = false) {
         ? hf.getCellFormula(cellAddress)
         : formatCellValue(cellAddress);
 
-      newTbodyHTML += `<td class="${cellHasFormula ? updatedCellClass : ''}"><span>${displayValue}</span></td>`;
+      newTbodyHTML += `<td class="${
+        cellHasFormula ? updatedCellClass : ''
+      }"><span>${displayValue}</span></td>`;
     }
 
     newTbodyHTML += '</tr>';
diff --git a/docs/examples/localizing-functions/example1.js b/docs/examples/localizing-functions/example1.js
index 06a62f043..98d81e5b8 100644
--- a/docs/examples/localizing-functions/example1.js
+++ b/docs/examples/localizing-functions/example1.js
@@ -1,16 +1,15 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
-/* start:skip-in-sandbox */
-const frFR = HyperFormula.languages.frFR;
-
-/* end:skip-in-sandbox */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
+/* start:skip-in-sandbox */
+const frFR = HyperFormula.languages.frFR;
+/* end:skip-in-sandbox */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/localizing-functions/example1.ts b/docs/examples/localizing-functions/example1.ts
index f045af974..b224f3cb1 100644
--- a/docs/examples/localizing-functions/example1.ts
+++ b/docs/examples/localizing-functions/example1.ts
@@ -1,16 +1,16 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 import frFR from 'hyperformula/es/i18n/languages/frFR';
-/* end:skip-in-compilation */
-
-/* start:skip-in-sandbox */
-const frFR = HyperFormula.languages.frFR;
-/* end:skip-in-sandbox */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
+
+/* start:skip-in-sandbox */
+const frFR = HyperFormula.languages.frFR;
+/* end:skip-in-sandbox */
 
 /**
  * Initial table data.
diff --git a/docs/examples/named-expressions/example1.js b/docs/examples/named-expressions/example1.js
index 2e9480255..7917f7252 100644
--- a/docs/examples/named-expressions/example1.js
+++ b/docs/examples/named-expressions/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/named-expressions/example1.ts b/docs/examples/named-expressions/example1.ts
index 2691722b9..594ecdaa0 100644
--- a/docs/examples/named-expressions/example1.ts
+++ b/docs/examples/named-expressions/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Initial table data.
diff --git a/docs/examples/sorting-data/example1.js b/docs/examples/sorting-data/example1.js
index 65699d008..97c2bfe97 100644
--- a/docs/examples/sorting-data/example1.js
+++ b/docs/examples/sorting-data/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/sorting-data/example1.ts b/docs/examples/sorting-data/example1.ts
index 482880c86..8454d6382 100644
--- a/docs/examples/sorting-data/example1.ts
+++ b/docs/examples/sorting-data/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Initial table data.
diff --git a/docs/examples/undo-redo/example1.js b/docs/examples/undo-redo/example1.js
index 18afc75e5..9a3be5b48 100644
--- a/docs/examples/undo-redo/example1.js
+++ b/docs/examples/undo-redo/example1.js
@@ -1,12 +1,12 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
 
-/* end:skip-in-compilation */
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
 
+/* end:skip-in-compilation */
 /**
  * Initial table data.
  */
diff --git a/docs/examples/undo-redo/example1.ts b/docs/examples/undo-redo/example1.ts
index 80b0201be..3b03b8034 100644
--- a/docs/examples/undo-redo/example1.ts
+++ b/docs/examples/undo-redo/example1.ts
@@ -1,11 +1,11 @@
 /* start:skip-in-compilation */
 import HyperFormula from 'hyperformula';
-/* end:skip-in-compilation */
 
 console.log(
   `%c Using HyperFormula ${HyperFormula.version}`,
   'color: blue; font-weight: bold'
 );
+/* end:skip-in-compilation */
 
 /**
  * Initial table data.