remove the concept of filesystem, we don't need it (#114)

* remove the concept of filesystem, we don't need it

* remove duplicated code

* source.ts -> types.ts

* getHttpSource only generates FileSource

Author: severo

packages/components/demo/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Page } from '../src/index.js'
 
-import { Source, createHttpFileSystem, getSource } from '../src/index.ts'
+import { getHttpSource } from '../src/index.ts'
 export interface Navigation {
   col?: number
   row?: number
@@ -15,10 +15,6 @@ function getNumberParam(search: URLSearchParams, key: string): number | undefine
   return number
 }
 
-const fileSystems = [
-  createHttpFileSystem(),
-]
-
 export default function App() {
   const search = new URLSearchParams(location.search)
   const url = search.get('url')
@@ -31,20 +27,13 @@ export default function App() {
   const row = getNumberParam(search, 'row')
   const col = getNumberParam(search, 'col')
 
-  let source: Source | undefined = undefined
-  for (const fileSystem of fileSystems) {
-    const fsSource = getSource(url, fileSystem)
-    if (fsSource){
-      source = fsSource
-      break
-    }
-  }
+  const source = getHttpSource(url)
 
   if (!source) {
     return <div>Could not load a data source. You have to pass a valid source in the url, eg: <a href={defaultUrl}>{defaultUrl}</a>.</div>
   }
   return <Page source={source} navigation={{ row, col }} config={{
-    slidePanel: { minWidth: 250, maxWidth: 750 },
+    slidePanel: { minWidth: 250 },
     routes: {
       getSourceRouteUrl: ({ sourceId }) => `/?url=${sourceId}`,
       getCellRouteUrl: ({ sourceId, col, row }) => `/?url=${sourceId}&col=${col}&row=${row}`,

packages/components/src/components/Breadcrumb.tsx

@@ -1,5 +1,5 @@
 import { RoutesConfig } from '../lib/routes.js'
-import { Source } from '../lib/source.js'
+import { Source } from '../lib/sources/types.js'
 
 export type BreadcrumbConfig = RoutesConfig
 interface BreadcrumbProps {

packages/components/src/components/Cell.tsx

@@ -1,7 +1,7 @@
 import { asyncRows } from 'hightable'
 import { asyncBufferFromUrl, parquetMetadataAsync } from 'hyparquet'
 import { useEffect, useState } from 'react'
-import { FileSource } from '../lib/source.js'
+import { FileSource } from '../lib/sources/types.js'
 import { parquetDataFrame } from '../lib/tableProvider.js'
 import Breadcrumb, { BreadcrumbConfig } from './Breadcrumb.js'
 import Layout from './Layout.js'

packages/components/src/components/File.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { FileSource } from '../lib/source.js'
+import { FileSource } from '../lib/sources/types.js'
 import Breadcrumb, { BreadcrumbConfig } from './Breadcrumb.js'
 import Layout from './Layout.js'
 import Viewer, { ViewerConfig } from './viewers/Viewer.js'

packages/components/src/components/Folder.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import type { DirSource, FileMetadata } from '../lib/source.js'
+import type { DirSource, FileMetadata } from '../lib/sources/types.js'
 import { cn, formatFileSize, getFileDate, getFileDateShort } from '../lib/utils.js'
 import Breadcrumb, { BreadcrumbConfig } from './Breadcrumb.js'
 import Layout, { Spinner } from './Layout.js'

packages/components/src/components/Page.tsx

@@ -1,4 +1,4 @@
-import { Source } from '../lib/source.js'
+import { Source } from '../lib/sources/types.js'
 import { BreadcrumbConfig } from './Breadcrumb.js'
 import Cell from './Cell.js'
 import File, { FileConfig } from './File.js'

packages/components/src/components/index.ts

@@ -2,9 +2,9 @@ import Breadcrumb, { BreadcrumbConfig } from './Breadcrumb.js'
 import Cell, { CellConfig } from './Cell.js'
 import File, { FileConfig } from './File.js'
 import Folder, { FolderConfig } from './Folder.js'
-import Layout from './Layout.js'
+import Layout, { Spinner } from './Layout.js'
 import Markdown from './Markdown.js'
 import Page, { PageConfig } from './Page.js'
 export * from './viewers/index.js'
-export { Breadcrumb, Cell, File, Folder, Layout, Markdown, Page }
+export { Breadcrumb, Cell, File, Folder, Layout, Markdown, Page, Spinner }
 export type { BreadcrumbConfig, CellConfig, FileConfig, FolderConfig, PageConfig }

packages/components/src/components/viewers/ImageView.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { FileSource } from '../../lib/source.js'
+import { FileSource } from '../../lib/sources/types.js'
 import { contentTypes, parseFileSize } from '../../lib/utils.js'
 import { Spinner } from '../Layout.js'
 import ContentHeader from './ContentHeader.js'

packages/components/src/components/viewers/MarkdownView.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { FileSource } from '../../lib/source.js'
+import { FileSource } from '../../lib/sources/types.js'
 import { parseFileSize } from '../../lib/utils.js'
 import { Spinner } from '../Layout.js'
 import Markdown from '../Markdown.js'

packages/components/src/components/viewers/ParquetView.tsx

@@ -2,7 +2,7 @@ import HighTable, { DataFrame, rowCache } from 'hightable'
 import { asyncBufferFromUrl, parquetMetadataAsync } from 'hyparquet'
 import React, { useCallback, useEffect, useState } from 'react'
 import { RoutesConfig, appendSearchParams } from '../../lib/routes.js'
-import { FileSource } from '../../lib/source.js'
+import { FileSource } from '../../lib/sources/types.js'
 import { parquetDataFrame } from '../../lib/tableProvider.js'
 import { Spinner } from '../Layout.js'
 import CellPanel from './CellPanel.js'