Update dependencies, font, and Publish v0.2.50 (#260)

platypii · web-flow · commit 897e880696cf · 2025-06-17T23:57:51.000-07:00
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 [![npm](https://img.shields.io/npm/v/hyperparam)](https://www.npmjs.com/package/hyperparam)
 [![workflow status](https://github.com/hyparam/hyperparam-cli/actions/workflows/ci.yml/badge.svg)](https://github.com/hyparam/hyperparam-cli/actions)
 [![mit license](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
-![coverage](https://img.shields.io/badge/Coverage-62-darkred)
+![coverage](https://img.shields.io/badge/Coverage-60-darkred)
 
 This is the hyperparam cli tool.
 
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>hyperparam</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap"/>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;500&display=swap"/>
     <link href="favicon.png" rel="icon" />
     <meta name="description" content="hyperparam is the missing UI for machine learning" />
     <meta name="theme-color" content="#6b00ff">
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hyperparam",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "description": "Hyperparam CLI",
   "author": "Hyperparam",
   "homepage": "https://hyperparam.app",
@@ -33,7 +33,7 @@
     "build:lib": "vite build -c vite.lib.config.ts && cp src/assets/global.css lib/global.css",
     "build:app": "vite build",
     "build": "run-s build:lib build:types build:app",
-    "coverage": "vitest run --coverage --coverage.include=src --coverage.include=bin",
+    "coverage": "vitest run --coverage --coverage.include=src --coverage.include=bin --coverage.exclude=src/**/*.stories.tsx",
     "dev:cli": "run-p -l watch:ts watch:cli watch:serve",
     "dev": "run-p -l watch:ts watch:static",
     "lint": "eslint",
@@ -44,7 +44,7 @@
     "storybook": "storybook dev -p 6006",
     "test": "vitest run",
     "typecheck": "tsc --noEmit",
-    "url": "run-p -l watch:ts watch:vite watch:url",
+    "url": "run-p -l watch:ts watch:cli watch:url",
     "preurl": "npm run build",
     "watch:cli": "vite build --watch",
     "watch:serve": "NODE_ENV=development nodemon bin/cli.js",
@@ -53,36 +53,36 @@
     "watch:url": "NODE_ENV=development nodemon bin/cli.js https://hyperparam.blob.core.windows.net/hyperparam/starcoderdata-js-00000-of-00065.parquet"
   },
   "dependencies": {
-    "hightable": "0.17.0",
-    "hyparquet": "1.15.0",
+    "hightable": "0.17.2",
+    "hyparquet": "1.16.2",
     "hyparquet-compressors": "1.1.1",
     "icebird": "0.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@eslint/js": "9.28.0",
-    "@storybook/react-vite": "9.0.4",
+    "@eslint/js": "9.29.0",
+    "@storybook/react-vite": "9.0.11",
     "@testing-library/react": "16.3.0",
-    "@types/node": "22.15.29",
-    "@types/react": "19.1.6",
+    "@types/node": "24.0.3",
+    "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
-    "@vitejs/plugin-react": "4.5.1",
-    "@vitest/coverage-v8": "3.2.1",
-    "eslint": "9.28.0",
+    "@vitejs/plugin-react": "4.5.2",
+    "@vitest/coverage-v8": "3.2.4",
+    "eslint": "9.29.0",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.4.20",
-    "eslint-plugin-storybook": "9.0.4",
+    "eslint-plugin-storybook": "9.0.11",
     "globals": "16.2.0",
     "jsdom": "26.1.0",
     "nodemon": "3.1.10",
     "npm-run-all": "4.1.5",
-    "storybook": "9.0.4",
+    "storybook": "9.0.11",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.33.1",
+    "typescript-eslint": "8.34.1",
     "vite": "6.3.5",
-    "vitest": "3.2.1"
+    "vitest": "3.2.4"
   },
   "eslintConfig": {
     "extends": [
diff --git a/src/assets/global.css b/src/assets/global.css
@@ -1,6 +1,7 @@
 * {
   box-sizing: border-box;
-  font-family: 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: 'Public Sans', 'Inter', 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 300;
   margin: 0;
   padding: 0;
 }
diff --git a/src/components/CellPanel/CellPanel.tsx b/src/components/CellPanel/CellPanel.tsx
@@ -55,8 +55,8 @@ export default function CellPanel({ df, row, col, setProgress, setError, onClose
 
   const headers = <>
     <SlideCloseButton onClick={onClose} />
-    <span>column `{df.header[col]}`</span>
-    <span>row {row + 1}</span>
+    <span>column: {df.header[col]}</span>
+    <span>row: {row + 1}</span>
   </>
 
   return <ContentWrapper headers={headers}>
diff --git a/src/components/ParquetView/ParquetView.module.css b/src/components/ParquetView/ParquetView.module.css
@@ -14,4 +14,8 @@
     background-color: #ccd;
     border-right: 1px solid #ccc;
   }
+
+  > [role="menu"] > [role="menuitem"] {
+    color: #333;
+  }
 }
diff --git a/src/components/SideBar/SideBar.module.css b/src/components/SideBar/SideBar.module.css
@@ -23,7 +23,7 @@
   filter: drop-shadow(0 0 2px #bbb);
   font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.1em;
-  font-weight: bold;
+  font-weight: 500;
   text-orientation: mixed;
   letter-spacing: 0.3px;
   padding: 10px 12px;
diff --git a/src/components/SlidePanel/SlidePanel.module.css b/src/components/SlidePanel/SlidePanel.module.css
@@ -14,9 +14,11 @@
 
   /* resizer separator */
   & > [role="separator"] {
-    width: 5px;
+    border-right: 1px solid #ddd;
+    border-left: 1px solid #ddd;
+    width: 6px;
     cursor: col-resize;
-    background-color: #bfbbbb;
+    background-color: #eee;
     transition: background-color 0.2s;
     user-select: none;
 
diff --git a/src/lib/tableProvider.ts b/src/lib/tableProvider.ts
@@ -169,6 +169,8 @@ export function parquetDataFrame(from: AsyncBufferFrom, metadata: FileMetaData):
           }
         }).catch((error: unknown) => {
           console.error('Error fetching sort index or resolving sorted rows', error)
+          // Reject at least one promise to trigger the error bar
+          wrapped[0]?.index.reject(`Error fetching sort index or resolving sorted rows: ${error}`)
         })
 
         return wrapped
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "es2022",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "lib": ["es2022", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
 

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`* {`
`2`	`2`	`box-sizing: border-box;`
`3`		`- font-family: 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
	`3`	`+ font-family: 'Public Sans', 'Inter', 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
	`4`	`+ font-weight: 300;`
`4`	`5`	`margin: 0;`
`5`	`6`	`padding: 0;`
`6`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,4 +14,8 @@`
`14`	`14`	`background-color: #ccd;`
`15`	`15`	`border-right: 1px solid #ccc;`
`16`	`16`	`}`
	`17`	`+`
	`18`	`+ > [role="menu"] > [role="menuitem"] {`
	`19`	`+ color: #333;`
	`20`	`+ }`
`17`	`21`	`}`
Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,8 @@ export function parquetDataFrame(from: AsyncBufferFrom, metadata: FileMetaData):`
`169`	`169`	`}`
`170`	`170`	`}).catch((error: unknown) => {`
`171`	`171`	`console.error('Error fetching sort index or resolving sorted rows', error)`
	`172`	`+ // Reject at least one promise to trigger the error bar`
	`173`	+ wrapped[0]?.index.reject(`Error fetching sort index or resolving sorted rows: ${error}`)
`172`	`174`	`})`
`173`	`175`
`174`	`176`	`return wrapped`