@rokkit/chart 1.0.0-next.94 → 1.0.0-next.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/chart",
-  "version": "1.0.0-next.94",
+  "version": "1.0.0-next.95",
   "description": "Components for making interactive charts.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "typescript": "^5.4.4",
     "vite": "^5.2.8",
     "vitest": "~1.4.0",
-    "shared-config": "1.0.0-next.94"
+    "shared-config": "1.0.0-next.95"
   },
   "dependencies": {
     "@observablehq/plot": "^0.6.14",
@@ -35,10 +35,10 @@
     "date-fns": "^3.6.0",
     "ramda": "^0.29.1",
     "yootils": "^0.3.1",
-    "@rokkit/atoms": "1.0.0-next.94",
-    "@rokkit/core": "1.0.0-next.94",
-    "@rokkit/stores": "1.0.0-next.94",
-    "@rokkit/molecules": "1.0.0-next.94"
+    "@rokkit/atoms": "1.0.0-next.95",
+    "@rokkit/core": "1.0.0-next.95",
+    "@rokkit/molecules": "1.0.0-next.95",
+    "@rokkit/stores": "1.0.0-next.95"
   },
   "files": [
     "src/**/*.js",

package/src/lib/brewer.js

@@ -14,4 +14,4 @@ export function getFillPatterns(values, swatch, gray = false) {
 	return mix
 }
 
-export function getStrokePatterns() {}
+// export function getStrokePatterns() {}

package/src/lib/chart.js

@@ -101,7 +101,7 @@ class Chart {
 			y: [this.height - this.padding - this.margin.bottom, this.margin.top + this.padding]
 		}
 
-		let scale = {
+		const scale = {
 			x: getScale(this.domain.x, this.range.x, this.spacing),
 			y: getScale(this.domain.y, this.range.y, this.spacing)
 		}
@@ -180,7 +180,7 @@ class Chart {
 
 			ticks = scale.domain()
 			if (count < scale.domain().length) {
-				let diff = scale.domain().length - count
+				const diff = scale.domain().length - count
 				ticks = ticks.filter((d, i) => i % diff === 0)
 			}
 		}

package/src/lib/grid.js

@@ -7,10 +7,11 @@
 
 /**
  * @typedef SwatchGrid
- * @property {number} width
- * @property {number} height
+ * @property {number}      width
+ * @property {number}      height
  * @property {GridPoint[]} data
  */
+
 /**
  * Calculates a grid of centres to fit a list of items of `size` within the number of `columns` and `rows`.
  *
@@ -47,8 +48,16 @@ export function swatchGrid(count, size, pad = 0, columns = 0, rows = 0) {
 	return { width, height, data }
 }
 
+/**
+ * Spreads values as patterns with colors from a palette
+ *
+ * @param {number[]} values
+ * @param {string[]} patterns
+ * @param {string[]} palette
+ * @returns {Record<number, { id: string, pattern: string, color: string }>}
+ */
 export function spreadValuesAsPatterns(values, patterns, palette) {
-	values
+	const result = values
 		.map((value, index) => ({
 			pattern: patterns[index % patterns.length],
 			color: palette[index % palette.length],
@@ -58,11 +67,12 @@ export function spreadValuesAsPatterns(values, patterns, palette) {
 			(acc, { value, pattern, color }) => ({
 				...acc,
 				[value]: {
-					id: pattern + '_' + color,
+					id: `${pattern}_${color}`,
 					pattern,
 					color
 				}
 			}),
 			{}
 		)
+	return result
 }

package/src/lib/plots.js

@@ -1,3 +1,4 @@
+// skipcq: JS-C1003 - Importing all plots from observablehq/plot
 import * as Plot from '@observablehq/plot'
 
 export function plotter(node, options) {
@@ -15,11 +16,11 @@ export function plotter(node, options) {
 	render()
 
 	return {
-		update: (options) => {
-			data = options.data
-			aes = options.aes
-			type = options.type
-			opts = options.opts
+		update: (input) => {
+			data = input.data
+			aes = input.aes
+			type = input.type
+			opts = input.opts
 			render()
 		}
 	}

package/src/lib/swatch.js

@@ -1,5 +1,6 @@
 import { writable } from 'svelte/store'
 import palette from './palette.json'
+// skipcq: JS-C1003 - Importing all patterns
 import * as patterns from '../patterns'
 import { shapes } from '../symbols'