factor code in packages/utils

Author: severo

.github/workflows/ci_apps_cli.yml

@@ -26,6 +26,8 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - run: npm i
+      - run: npm run build
+        working-directory: ./packages/utils
       - run: npm run build
         working-directory: ./packages/components
       - run: tsc
@@ -46,6 +48,8 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - run: npm i
+      - run: npm run build
+        working-directory: ./packages/utils
       - run: npm run build
         working-directory: ./packages/components
       - run: npm run build

.github/workflows/ci_apps_hyparquet_demo.yml

@@ -22,11 +22,15 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - run: npm i
+      - run: npm run build
+        working-directory: ./packages/utils
       - run: tsc
 
   buildcheck:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
       - run: npm i
+      - run: npm run build
+        working-directory: ./packages/utils
       - run: npm run build

.github/workflows/ci_packages_components.yml

@@ -22,6 +22,8 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - run: npm i
+      - run: npm run build
+        working-directory: ./packages/utils
       - run: tsc
 
   test:
@@ -37,3 +39,5 @@ jobs:
       - uses: actions/checkout@v4
       - run: npm i
       - run: npm run build
+        working-directory: ./packages/utils
+      - run: npm run build

.github/workflows/ci_packages_utils..yml

@@ -0,0 +1,39 @@
+name: packages/utils
+on:
+  push:
+    paths:
+      - 'packages/utils/**'
+      - '.github/workflows/ci_packages_utils.yml'
+
+defaults:
+  run:
+    working-directory: ./packages/utils
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm i
+      - run: npm run lint
+
+  typecheck:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm i
+      - run: tsc
+
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm i
+      - run: npm run coverage
+
+  buildcheck:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm i
+      - run: npm run build

README.md

@@ -4,6 +4,7 @@ This is a monorepo for the Hyperparam project.
 
 It contains the following package:
 - [`@hyparam/components`](./packages/components): a library of React components for building Hyperparam UIs.
+- [`@hyparam/utils`](./packages/utils): a library of utils.
 
 It also contains the following applications:
 - [`hyperparam`](./apps/cli): a cli tool for viewing arbitrarily large datasets in the browser.

apps/hyparquet-demo/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hyparam/utils": "file:../../packages/utils",
     "hyparquet": "1.5.0",
     "hyparquet-compressors": "0.1.4",
     "hightable": "0.7.0",

apps/hyparquet-demo/src/Dropdown.tsx

@@ -1,5 +1,5 @@
+import { cn } from '@hyparam/utils'
 import { ReactNode, useEffect, useRef, useState } from 'react'
-import { cn } from './utils.js'
 
 interface DropdownProps {
   label?: string

apps/hyparquet-demo/src/Layout.tsx

@@ -1,5 +1,5 @@
+import { cn } from '@hyparam/utils'
 import { ReactNode, useEffect } from 'react'
-import { cn } from './utils.js'
 
 interface LayoutProps {
   children: ReactNode

apps/hyparquet-demo/src/utils.ts

@@ -1,17 +1,6 @@
 import { AsyncBuffer, asyncBufferFromUrl, cachedAsyncBuffer } from 'hyparquet'
 import { AsyncBufferFrom } from './workers/types'
 
-/**
- * Helper function to join class names.
- * Filters out falsy values and joins the rest.
- *
- * @param {...string | undefined | false} names - class name(s) to join
- * @returns {string}
- */
-export function cn(...names: (string | undefined | false)[]): string {
-  return names.filter(n => n).join(' ')
-}
-
 /**
  * Convert AsyncBufferFromUrl to AsyncBuffer.
  */

package.json

@@ -8,6 +8,7 @@
     "apps/cli",
     "apps/hightable-demo",
     "apps/hyparquet-demo",
-    "packages/components"
+    "packages/components",
+    "packages/utils"
   ]
 }