remove subdirectory viewers/ in components, styles and test

severo · severo · commit 0c3a80bbbffc · 2025-04-01T10:05:15.000+02:00
diff --git a/src/components/AvroView.tsx b/src/components/AvroView.tsx
@@ -1,10 +1,10 @@
 import { avroData, avroMetadata } from 'icebird'
 import { useEffect, useState } from 'react'
-import type { FileSource } from '../../lib/sources/types.js'
-import { parseFileSize } from '../../lib/utils.js'
-import styles from '../../styles/Json.module.css'
-import Json from '../Json.js'
+import type { FileSource } from '../lib/sources/types.js'
+import { parseFileSize } from '../lib/utils.js'
+import styles from '../styles/Json.module.css'
 import ContentWrapper, { ContentSize } from './ContentWrapper.js'
+import Json from './Json.js'
 
 interface ViewerProps {
   source: FileSource
diff --git a/src/components/CellPanel.tsx b/src/components/CellPanel.tsx
@@ -1,7 +1,7 @@
 import { DataFrame, stringify } from 'hightable'
 import { useEffect, useState } from 'react'
-import SlideCloseButton from '../SlideCloseButton.js'
 import ContentWrapper from './ContentWrapper.js'
+import SlideCloseButton from './SlideCloseButton.js'
 
 interface ViewerProps {
   df: DataFrame
diff --git a/src/components/ContentWrapper.tsx b/src/components/ContentWrapper.tsx
@@ -1,9 +1,9 @@
 import { ReactNode } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import { cn, formatFileSize } from '../../lib/utils.js'
-import styles from '../../styles/viewers/ContentWrapper.module.css'
-import Center from '../Center.js'
-import Spinner from '../Spinner.js'
+import { useConfig } from '../hooks/useConfig.js'
+import { cn, formatFileSize } from '../lib/utils.js'
+import styles from '../styles/ContentWrapper.module.css'
+import Center from './Center.js'
+import Spinner from './Spinner.js'
 
 export interface ContentSize {
   fileSize?: number
diff --git a/src/components/File.tsx b/src/components/File.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react'
 import type { FileSource } from '../lib/sources/types.js'
 import Breadcrumb from './Breadcrumb.js'
 import Layout from './Layout.js'
-import Viewer from './viewers/Viewer.js'
+import Viewer from './Viewer.js'
 
 interface FileProps {
   source: FileSource
diff --git a/src/components/ImageView.tsx b/src/components/ImageView.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import { FileSource } from '../../lib/sources/types.js'
-import { cn, contentTypes, parseFileSize } from '../../lib/utils.js'
-import styles from '../../styles/viewers/ImageView.module.css'
+import { useConfig } from '../hooks/useConfig.js'
+import { FileSource } from '../lib/sources/types.js'
+import { cn, contentTypes, parseFileSize } from '../lib/utils.js'
+import styles from '../styles/ImageView.module.css'
 import ContentWrapper from './ContentWrapper.js'
 
 interface ViewerProps {
diff --git a/src/components/JsonView.tsx b/src/components/JsonView.tsx
@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react'
-import type { FileSource } from '../../lib/sources/types.js'
-import { parseFileSize } from '../../lib/utils.js'
-import styles from '../../styles/Json.module.css'
-import Center from '../Center.js'
-import Json from '../Json.js'
+import type { FileSource } from '../lib/sources/types.js'
+import { parseFileSize } from '../lib/utils.js'
+import styles from '../styles/Json.module.css'
+import Center from './Center.js'
 import ContentWrapper, { TextContent } from './ContentWrapper.js'
+import Json from './Json.js'
 
 interface ViewerProps {
   source: FileSource
diff --git a/src/components/MarkdownView.tsx b/src/components/MarkdownView.tsx
@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import type { FileSource } from '../../lib/sources/types.js'
-import { cn, parseFileSize } from '../../lib/utils.js'
-import styles from '../../styles/viewers/MarkdownView.module.css'
-import Markdown from '../Markdown.js'
+import { useConfig } from '../hooks/useConfig.js'
+import type { FileSource } from '../lib/sources/types.js'
+import { cn, parseFileSize } from '../lib/utils.js'
+import styles from '../styles/MarkdownView.module.css'
 import ContentWrapper, { TextContent } from './ContentWrapper.js'
+import Markdown from './Markdown.js'
 
 interface ViewerProps {
   source: FileSource
diff --git a/src/components/ParquetView.tsx b/src/components/ParquetView.tsx
@@ -2,12 +2,12 @@ import HighTable, { DataFrame, rowCache } from 'hightable'
 import 'hightable/src/HighTable.css'
 import { asyncBufferFromUrl, parquetMetadataAsync } from 'hyparquet'
 import React, { useCallback, useEffect, useState } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import { appendSearchParams } from '../../lib/routes.js'
-import { FileSource } from '../../lib/sources/types.js'
-import { parquetDataFrame } from '../../lib/tableProvider.js'
-import { cn } from '../../lib/utils.js'
-import styles from '../../styles/ParquetView.module.css'
+import { useConfig } from '../hooks/useConfig.js'
+import { appendSearchParams } from '../lib/routes.js'
+import { FileSource } from '../lib/sources/types.js'
+import { parquetDataFrame } from '../lib/tableProvider.js'
+import { cn } from '../lib/utils.js'
+import styles from '../styles/ParquetView.module.css'
 import CellPanel from './CellPanel.js'
 import ContentWrapper, { ContentSize } from './ContentWrapper.js'
 import SlidePanel from './SlidePanel.js'
diff --git a/src/components/SlidePanel.tsx b/src/components/SlidePanel.tsx
@@ -1,7 +1,7 @@
 import React, { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import { cn } from '../../lib/utils.js'
-import styles from '../../styles/viewers/SlidePanel.module.css'
+import { useConfig } from '../hooks/useConfig.js'
+import { cn } from '../lib/utils.js'
+import styles from '../styles/SlidePanel.module.css'
 
 interface SlidePanelProps {
   mainContent: ReactNode
diff --git a/src/components/TextView.tsx b/src/components/TextView.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react'
-import { useConfig } from '../../hooks/useConfig.js'
-import { FileSource } from '../../lib/sources/types.js'
-import { cn, parseFileSize } from '../../lib/utils.js'
-import styles from '../../styles/viewers/TextView.module.css'
+import { useConfig } from '../hooks/useConfig.js'
+import { FileSource } from '../lib/sources/types.js'
+import { cn, parseFileSize } from '../lib/utils.js'
+import styles from '../styles/TextView.module.css'
 import ContentWrapper, { TextContent } from './ContentWrapper.js'
 
 interface ViewerProps {
diff --git a/src/components/Viewer.tsx b/src/components/Viewer.tsx
@@ -1,5 +1,5 @@
-import { FileSource } from '../../lib/sources/types.js'
-import { imageTypes } from '../../lib/utils.js'
+import { FileSource } from '../lib/sources/types.js'
+import { imageTypes } from '../lib/utils.js'
 import AvroView from './AvroView.js'
 import ImageView from './ImageView.js'
 import JsonView from './JsonView.js'
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -1,11 +1,17 @@
 import Breadcrumb from './Breadcrumb.js'
 import Cell from './Cell.js'
+import ContentWrapper from './ContentWrapper.js'
 import ErrorBar from './ErrorBar.js'
 import File from './File.js'
 import Folder from './Folder.js'
+import ImageView from './ImageView.js'
 import Layout from './Layout.js'
 import Markdown from './Markdown.js'
+import MarkdownView from './MarkdownView.js'
 import Page from './Page.js'
+import ParquetView from './ParquetView.js'
+import SlidePanel from './SlidePanel.js'
 import Spinner from './Spinner.js'
-export * from './viewers/index.js'
-export { Breadcrumb, Cell, ErrorBar, File, Folder, Layout, Markdown, Page, Spinner }
+import TextView from './TextView.js'
+import Viewer from './Viewer.js'
+export { Breadcrumb, Cell, ContentWrapper, ErrorBar, File, Folder, ImageView, Layout, Markdown, MarkdownView, Page, ParquetView, SlidePanel, Spinner, TextView, Viewer }
diff --git a/src/components/viewers/index.ts b/src/components/viewers/index.ts
diff --git a/src/styles/ContentWrapper.module.css b/src/styles/ContentWrapper.module.css
diff --git a/src/styles/ImageView.module.css b/src/styles/ImageView.module.css
diff --git a/src/styles/MarkdownView.module.css b/src/styles/MarkdownView.module.css
diff --git a/src/styles/SlidePanel.module.css b/src/styles/SlidePanel.module.css
diff --git a/src/styles/TextView.module.css b/src/styles/TextView.module.css
diff --git a/test/components/ImageView.test.tsx b/test/components/ImageView.test.tsx
@@ -2,7 +2,7 @@ import { render } from '@testing-library/react'
 import { strict as assert } from 'assert'
 import React from 'react'
 import { describe, expect, it, vi } from 'vitest'
-import { ImageView, getHyperparamSource } from '../../../src/index.js'
+import { ImageView, getHyperparamSource } from '../../src/index.js'
 
 globalThis.fetch = vi.fn()
 
diff --git a/test/components/JsonView.test.tsx b/test/components/JsonView.test.tsx
@@ -1,8 +1,8 @@
 import { render, waitFor } from '@testing-library/react'
 import React from 'react'
 import { describe, expect, it, vi } from 'vitest'
-import JsonView from '../../../src/components/viewers/JsonView'
-import { FileSource } from '../../../src/lib/sources/types.js'
+import JsonView from '../../src/components/JsonView'
+import { FileSource } from '../../src/lib/sources/types.js'
 
 vi.mock('../../../src/lib/utils.js', async () => {
   const actual = await vi.importActual('../../../src/lib/utils.js')
diff --git a/test/components/MarkdownView.test.tsx b/test/components/MarkdownView.test.tsx
@@ -2,7 +2,7 @@ import { render } from '@testing-library/react'
 import { strict as assert } from 'assert'
 import React from 'react'
 import { describe, expect, it, vi } from 'vitest'
-import { MarkdownView, getHyperparamSource } from '../../../src/index.js'
+import { MarkdownView, getHyperparamSource } from '../../src/index.js'
 
 globalThis.fetch = vi.fn()
 
diff --git a/test/components/SlidePanel.test.tsx b/test/components/SlidePanel.test.tsx
@@ -2,8 +2,8 @@
 import { act, fireEvent, render } from '@testing-library/react'
 import React from 'react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import SlidePanel from '../../../src/components/viewers/SlidePanel.js'
-import { ConfigProvider } from '../../../src/hooks/useConfig.js'
+import SlidePanel from '../../src/components/SlidePanel.js'
+import { ConfigProvider } from '../../src/hooks/useConfig.js'
 
 describe('SlidePanel', () => {
   // Minimal localStorage mock
