use the utils package

apps/hyparquet-demo/src/App.tsx

@@ -2,14 +2,12 @@ import { ReactNode } from 'react'
 import Page, { PageProps } from './Page.js'
 import Welcome from './Welcome.js'
 
+import { AsyncBufferFrom, Row, asyncBufferFrom, parquetQueryWorker } from '@hyparam/utils'
 import { DataFrame, rowCache } from 'hightable'
 import { FileMetaData, byteLengthFromUrl, parquetMetadataAsync, parquetSchema } from 'hyparquet'
 import { useCallback, useEffect, useState } from 'react'
 import Dropzone from './Dropzone.js'
 import Layout from './Layout.js'
-import { asyncBufferFrom } from './utils.js'
-import { parquetQueryWorker } from './workers/parquetWorkerClient.js'
-import { AsyncBufferFrom, Row } from './workers/types.js'
 
 export default function App(): ReactNode {
   const params = new URLSearchParams(location.search)

packages/components/package.json

@@ -18,12 +18,12 @@
   "main": "dist/index.umd.min.js",
   "unpkg": "dist/index.umd.min.js",
   "module": "dist/index.es.min.js",
-  "types": "es/components/index.d.ts",
+  "types": "es/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.es.min.js",
       "require": "./dist/index.umd.min.js",
-      "types": "./es/components/index.d.ts"
+      "types": "./es/index.d.ts"
     }
   },
   "files": [

packages/components/src/components/Breadcrumb.tsx → packages/components/src/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import { FileKey, UrlKey } from '../lib/key.js'
+import { FileKey, UrlKey } from '@hyparam/utils'
 
 interface BreadcrumbProps {
   parsedKey: UrlKey | FileKey

packages/components/src/components/Cell.tsx → packages/components/src/Cell.tsx

@@ -1,8 +1,7 @@
+import { FileKey, UrlKey, parquetDataFrame } from '@hyparam/utils'
 import { asyncRows } from 'hightable'
 import { asyncBufferFromUrl, parquetMetadataAsync } from 'hyparquet'
 import { useEffect, useState } from 'react'
-import { FileKey, UrlKey } from '../lib/key.js'
-import { parquetDataFrame } from '../lib/tableProvider.js'
 import Breadcrumb from './Breadcrumb.js'
 import Layout from './Layout.js'
 

packages/components/src/components/File.tsx → packages/components/src/File.tsx

@@ -1,5 +1,5 @@
+import { FileKey, UrlKey } from '@hyparam/utils'
 import { useState } from 'react'
-import { FileKey, UrlKey } from '../lib/key.js'
 import Breadcrumb from './Breadcrumb.js'
 import Layout from './Layout.js'
 import Viewer from './Viewer.js'

packages/components/src/components/Folder.tsx → packages/components/src/Folder.tsx

@@ -1,7 +1,5 @@
-import { cn } from '@hyparam/utils'
+import { FileMetadata, FolderKey, cn, getFileDate, getFileDateShort, getFileSize, listFiles } from '@hyparam/utils'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { FileMetadata, getFileDate, getFileDateShort, getFileSize, listFiles } from '../lib/files.js'
-import type { FolderKey } from '../lib/key.js'
 import Layout, { Spinner } from './Layout.js'
 
 interface FolderProps {

packages/components/src/components/Page.tsx → packages/components/src/Page.tsx

@@ -1,4 +1,4 @@
-import { parseKey } from '../lib/key.js'
+import { parseKey } from '@hyparam/utils'
 import Cell from './Cell.js'
 import File from './File.js'
 import Folder from './Folder.js'

packages/components/src/components/Viewer.tsx → packages/components/src/Viewer.tsx

@@ -1,5 +1,4 @@
-import { imageTypes } from '../lib/files.js'
-import { FileKey, UrlKey } from '../lib/key.js'
+import { FileKey, UrlKey, imageTypes } from '@hyparam/utils'
 import ImageView from './viewers/ImageView.js'
 import MarkdownView from './viewers/MarkdownView.js'
 import TableView from './viewers/ParquetView.js'