@jackens/nnn 2024.1.2 → 2024.2.9

package/chartable.d.ts

@@ -10,6 +10,7 @@
  * - `id`: chart id
  * - `left`: left padding (for data series labels)
  * - `maxY`: number of Y axis lines
+ * - `reverse`: flag to reverse all data series
  * - `right`: right padding (for data series labels)
  * - `singleScale`: flag to force single scale
  * - `table`: `HTMLTableElement` to extract data, data series labels and X axis labels
@@ -19,7 +20,7 @@
  * - `zLabels`: data series labels
  * - `zxY`: chart data
  */
-export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, left, maxY, right, singleScale, table, title, top, xLabels, zLabels, zxY }?: {
+export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, left, maxY, reverse, right, singleScale, table, title, top, xLabels, zLabels, zxY }?: {
     bottom?: number;
     gapX?: number;
     gapY?: number;
@@ -28,6 +29,7 @@ export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, lef
     id?: string;
     left?: number;
     maxY?: number;
+    reverse?: boolean;
     right?: number;
     singleScale?: boolean;
     table?: HTMLTableElement;

package/chartable.js

@@ -14,6 +14,7 @@ const COLORS = ['#e22', '#e73', '#fc3', '#ad4', '#4d9', '#3be', '#45d', '#c3e']
  * - `id`: chart id
  * - `left`: left padding (for data series labels)
  * - `maxY`: number of Y axis lines
+ * - `reverse`: flag to reverse all data series
  * - `right`: right padding (for data series labels)
  * - `singleScale`: flag to force single scale
  * - `table`: `HTMLTableElement` to extract data, data series labels and X axis labels
@@ -32,6 +33,7 @@ const COLORS = ['#e22', '#e73', '#fc3', '#ad4', '#4d9', '#3be', '#45d', '#c3e']
  *   id?: string;
  *   left?: number;
  *   maxY?: number;
+ *   reverse?: boolean;
  *   right?: number;
  *   singleScale?: boolean;
  *   table?: HTMLTableElement;
@@ -51,6 +53,7 @@ export const chartable = ({
   id,
   left = 200,
   maxY = 10,
+  reverse = false,
   right = 200,
   singleScale = false,
   table,
@@ -83,6 +86,11 @@ export const chartable = ({
       }))
   }
 
+  if (reverse) {
+    xLabels.reverse()
+    zxY.forEach(xY => xY.reverse())
+  }
+
   let bestScales = [Infinity, -Infinity, Infinity, -Infinity, Infinity]
 
   const ranges = zxY.map(xY => {

package/nanolightJs.js

@@ -6,16 +6,16 @@ import { nanolight } from './nanolight.js'
  */
 // @ts-ignore
 export const nanolightJs = nanolight.bind(0,
-  /('.*?'|".*?"|`[\s\S]*?`)|(\/\/.*?\n|\/\*[\s\S]*?\*\/)|(break|case|catch|const|continue|debugger|default|delete|do|else|eval|export\s+type|export|extends|false|finally|for|from|function|goto|if|import|in|instanceof|is|keyof|let|NaN|new|null|package|return|super|switch|this|throw|true|try|typeof|undefined|var|void|while|with|yield)(?!\w)|([<>=.?:&|!~*/%+-])|(0x[\dabcdef]+|0o[01234567]+|0b[01]+|\d+(?:\.[\d_]+)?(?:e[+-]?[\d_]+)?)|([$\w]+)(?=\()|([$\wąćęłńóśżźĄĆĘŁŃÓŚŻŹ]+)/,
+  /('.*?'|".*?"|`[\s\S]*?`)|(\/\/.*?\n|\/\*[\s\S]*?\*\/)|(any|bigint|break|boolean|case|catch|const|continue|debugger|default|delete|do|else|eval|export|extends|false|finally|for|from|function|goto|if|import|in|instanceof|is|keyof|let|NaN|new|number|null|package|return|string|super|switch|symbol|this|throw|true|try|type|typeof|undefined|unknown|var|void|while|with|yield)(?!\w)|([<>=.?:&|!^~*/%+-])|(0x[\dabcdef]+|0o[01234567]+|0b[01]+|\d+(?:\.[\d_]+)?(?:e[+-]?[\d_]+)?)|([$\w]+)(?=\()|([$\wąćęłńóśżźĄĆĘŁŃÓŚŻŹ]+)/,
   [
-    chunk => chunk, // no match
-    chunk => ['u', chunk], // string literals
-    chunk => ['em', chunk], // comments
-    chunk => ['b', chunk], // keywords
-    chunk => ['b', chunk], // operators
-    chunk => ['u', chunk], // number literals
-    chunk => ['ins', chunk], // function calls
-    chunk => ['i', chunk] // literals
+    chunk => chunk,
+    chunk => ['span', { class: 'string' }, chunk],
+    chunk => ['span', { class: 'comment' }, chunk],
+    chunk => ['span', { class: 'keyword' }, chunk],
+    chunk => ['span', { class: 'operator' }, chunk],
+    chunk => ['span', { class: 'number' }, chunk],
+    chunk => ['span', { class: 'function' }, chunk],
+    chunk => ['span', { class: 'literal' }, chunk]
   ]
 )
 
@@ -24,6 +24,6 @@ export const tests = {
     const codeJs = 'const answerToLifeTheUniverseAndEverything = 42'
 
     console.assert(h('pre', ['code', ...nanolightJs(codeJs)]).outerHTML ===
-      '<pre><code><b>const</b> <i>answerToLifeTheUniverseAndEverything</i> <b>=</b> <u>42</u></code></pre>')
+      '<pre><code><span class="keyword">const</span> <span class="literal">answerToLifeTheUniverseAndEverything</span> <span class="operator">=</span> <span class="number">42</span></code></pre>')
   }
 }

package/package.json

@@ -40,5 +40,5 @@
   "types": "nnn.d.ts",
   "name": "@jackens/nnn",
   "type": "module",
-  "version": "2024.1.2"
+  "version": "2024.2.9"
 }

package/readme.md

@@ -2,7 +2,7 @@
 
 Jackens’ JavaScript helpers.
 
-<sub>Version: <code class="version">2024.1.2</code></sub>
+<sub>Version: <code class="version">2024.2.9</code></sub>
 
 ## Installation
 
@@ -101,7 +101,7 @@ The type of arguments of the `jcss` helper.
 ### chartable
 
 ```ts
-export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, left, maxY, right, singleScale, table, title, top, xLabels, zLabels, zxY }?: {
+export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, left, maxY, reverse, right, singleScale, table, title, top, xLabels, zLabels, zxY }?: {
     bottom?: number;
     gapX?: number;
     gapY?: number;
@@ -110,6 +110,7 @@ export function chartable({ bottom, gapX, gapY, headerColumn, headerRow, id, lef
     id?: string;
     left?: number;
     maxY?: number;
+    reverse?: boolean;
     right?: number;
     singleScale?: boolean;
     table?: HTMLTableElement;
@@ -132,6 +133,7 @@ Options:
 - `id`: chart id
 - `left`: left padding (for data series labels)
 - `maxY`: number of Y axis lines
+- `reverse`: flag to reverse all data series
 - `right`: right padding (for data series labels)
 - `singleScale`: flag to force single scale
 - `table`: `HTMLTableElement` to extract data, data series labels and X axis labels
@@ -764,7 +766,7 @@ A helper for highlighting JavaScript.
 const codeJs = 'const answerToLifeTheUniverseAndEverything = 42'
 
 console.assert(h('pre', ['code', ...nanolightJs(codeJs)]).outerHTML ===
-  '<pre><code><b>const</b> <i>answerToLifeTheUniverseAndEverything</i> <b>=</b> <u>42</u></code></pre>')
+  '<pre><code><span class="keyword">const</span> <span class="literal">answerToLifeTheUniverseAndEverything</span> <span class="operator">=</span> <span class="number">42</span></code></pre>')
 ```
 
 ### plUral