Switch to inline type imports

.vscode/settings.json

@@ -16,6 +16,7 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.preferences.importModuleSpecifier": "relative",
+  "typescript.preferences.preferTypeOnlyAutoImports": true,
   "typescript.preferences.autoImportSpecifierExcludeRegexes": [
     "^(node:)?(console|util)$",
     "^three/.*$"

apps/demo/src/h5wasm/DropZone.tsx

@@ -1,9 +1,8 @@
-import type { PropsWithChildren } from 'react';
-import { useCallback } from 'react';
+import { type PropsWithChildren, useCallback } from 'react';
 import { useDropzone } from 'react-dropzone';
 
 import styles from './DropZone.module.css';
-import type { RemoteFile } from './models';
+import { type RemoteFile } from './models';
 import UrlForm from './UrlForm';
 
 const EXT = ['.h5', '.hdf5', '.hdf', '.nx', '.nx5', '.nexus', '.nxs', '.cxi'];

apps/demo/src/h5wasm/H5WasmApp.tsx

@@ -5,7 +5,7 @@ import { useSearch } from 'wouter';
 
 import { getFeedbackURL } from '../utils';
 import DropZone from './DropZone';
-import type { RemoteFile } from './models';
+import { type RemoteFile } from './models';
 import { getPlugin } from './plugin-utils';
 
 function H5WasmApp() {

apps/demo/src/h5wasm/UrlForm.tsx

@@ -1,10 +1,9 @@
 import useAxios from 'axios-hooks';
-import type { FormEvent } from 'react';
-import { useCallback, useEffect } from 'react';
+import { type FormEvent, useCallback, useEffect } from 'react';
 import { FiLoader } from 'react-icons/fi';
 import { useLocation, useSearch } from 'wouter';
 
-import type { RemoteFile } from './models';
+import { type RemoteFile } from './models';
 import styles from './UrlForm.module.css';
 
 interface Props {

apps/demo/src/utils.ts

@@ -1,5 +1,4 @@
-import type { FeedbackContext } from '@h5web/app';
-import { getFeedbackMailto } from '@h5web/app';
+import { type FeedbackContext, getFeedbackMailto } from '@h5web/app';
 
 export function getFeedbackURL(context: FeedbackContext): string {
   const email = import.meta.env.VITE_FEEDBACK_EMAIL as string;

apps/storybook/.storybook/main.ts

@@ -1,4 +1,4 @@
-import type { StorybookConfig } from '@storybook/react-vite';
+import { type StorybookConfig } from '@storybook/react-vite';
 import remarkGfm from 'remark-gfm';
 
 const config: StorybookConfig = {

apps/storybook/src/Annotation.stories.tsx

@@ -1,13 +1,13 @@
-import type { CanvasEvent } from '@h5web/lib';
 import {
   Annotation,
+  type CanvasEvent,
   DefaultInteractions,
   useCanvasEvent,
   VisCanvas,
 } from '@h5web/lib';
 import { useRafState } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
-import type { ReactNode } from 'react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type ReactNode } from 'react';
 
 import FillHeight from './decorators/FillHeight';
 import { formatCoord } from './utils';

apps/storybook/src/AxialSelectToZoom.stories.tsx

@@ -12,7 +12,7 @@ import {
   VisCanvas,
   Zoom,
 } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/AxialSelectionTool.stories.tsx

@@ -1,16 +1,16 @@
-import type { Selection } from '@h5web/lib';
 import {
   AxialSelectionTool,
   Box,
   Pan,
   ResetZoomButton,
+  type Selection,
   SvgElement,
   SvgRect,
   VisCanvas,
   Zoom,
 } from '@h5web/lib';
 import { useThrottledState } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 import { getTitleForSelection } from './utils';

apps/storybook/src/ColorBar.stories.tsx

@@ -1,7 +1,6 @@
-import type { ColorBarProps } from '@h5web/lib';
-import { ColorBar, ScaleType } from '@h5web/lib';
+import { ColorBar, type ColorBarProps, ScaleType } from '@h5web/lib';
 import { COLOR_SCALE_TYPES } from '@h5web/shared/vis-utils';
-import type { Meta, StoryFn, StoryObj } from '@storybook/react';
+import { type Meta, type StoryFn, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/ColorBarHorizontal.stories.tsx

@@ -1,7 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
-import type { StoryProps } from './ColorBar.stories';
-import ColorBarStoriesMeta, { Default } from './ColorBar.stories';
+import ColorBarStoriesMeta, {
+  Default,
+  type StoryProps,
+} from './ColorBar.stories';
 
 const meta = {
   ...ColorBarStoriesMeta,

apps/storybook/src/DataCurve.stories.tsx

@@ -9,7 +9,7 @@ import {
   VisCanvas,
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 import { useState } from 'react';
 

apps/storybook/src/DefaultInteractions.stories.tsx

@@ -9,7 +9,7 @@ import {
   useDomain,
   VisCanvas,
 } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/DomainControls.stories.tsx

@@ -1,7 +1,7 @@
 import { DomainControls } from '@h5web/lib';
-import type { Domain } from '@h5web/shared/vis-models';
+import { type Domain } from '@h5web/shared/vis-models';
 import { useToggle } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { useEffect, useState } from 'react';
 
 const meta = {

apps/storybook/src/DomainSlider.stories.tsx

@@ -1,13 +1,13 @@
-import type { CustomDomain } from '@h5web/lib';
 import {
+  type CustomDomain,
   DomainSlider,
   ScaleType,
   useSafeDomain,
   useVisDomain,
 } from '@h5web/lib';
-import type { Domain } from '@h5web/shared/vis-models';
+import { type Domain } from '@h5web/shared/vis-models';
 import { COLOR_SCALE_TYPES } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { useEffect, useState } from 'react';
 
 import styles from './DomainSlider.stories.module.css';

apps/storybook/src/DomainWidget.stories.tsx

@@ -1,7 +1,6 @@
-import type { CustomDomain } from '@h5web/lib';
-import { DomainWidget, ScaleType } from '@h5web/lib';
+import { type CustomDomain, DomainWidget, ScaleType } from '@h5web/lib';
 import { COLOR_SCALE_TYPES } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
 import DomainWidgetDecorator from './decorators/DomainWidgetDecorator';

apps/storybook/src/ErrorBars.stories.tsx

@@ -7,7 +7,7 @@ import {
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/FloatingControl.stories.tsx

@@ -1,6 +1,6 @@
 import { DefaultInteractions, FloatingControl, VisCanvas } from '@h5web/lib';
 import { useToggle } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/Glyphs.stories.tsx

@@ -8,7 +8,7 @@ import {
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/HeatmapMesh.stories.tsx

@@ -1,6 +1,6 @@
-import type { Domain } from '@h5web/lib';
 import {
   DefaultInteractions,
+  type Domain,
   getDomain,
   HeatmapMesh,
   mockValues,
@@ -9,7 +9,7 @@ import {
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import { COLOR_SCALE_TYPES, toTypedNdArray } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 import ndarray from 'ndarray';
 import { LinearFilter, NearestFilter } from 'three';

apps/storybook/src/HeatmapVis.stories.tsx

@@ -7,7 +7,7 @@ import {
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { COLOR_SCALE_TYPES, toTypedNdArray } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import ndarray from 'ndarray';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/HeatmapVisDisplay.stories.tsx

@@ -5,7 +5,7 @@ import {
   mockValues,
 } from '@h5web/lib';
 import { formatTooltipVal } from '@h5web/shared/vis-utils';
-import type { Meta, StoryFn, StoryObj } from '@storybook/react';
+import { type Meta, type StoryFn, type StoryObj } from '@storybook/react';
 
 import HeatmapVisStoriesMeta from './HeatmapVis.stories';
 

apps/storybook/src/HeatmapVisScales.stories.tsx

@@ -1,6 +1,11 @@
-import type { HeatmapVisProps } from '@h5web/lib';
-import { getDomain, HeatmapVis, mockValues, ScaleType } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import {
+  getDomain,
+  HeatmapVis,
+  type HeatmapVisProps,
+  mockValues,
+  ScaleType,
+} from '@h5web/lib';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import HeatmapVisStoriesMeta from './HeatmapVis.stories';
 

apps/storybook/src/Histogram.stories.tsx

@@ -1,6 +1,6 @@
 import { Histogram, ScaleType } from '@h5web/lib';
 import { COLOR_SCALE_TYPES } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
 const meta = {

apps/storybook/src/Html.stories.tsx

@@ -6,9 +6,8 @@ import {
   VisCanvas,
 } from '@h5web/lib';
 import { useToggle } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
-import type { PropsWithChildren } from 'react';
-import { useState } from 'react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type PropsWithChildren, useState } from 'react';
 import { createPortal } from 'react-dom';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/Line.stories.tsx

@@ -7,7 +7,7 @@ import {
 } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { range } from 'd3-array';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/LineVis.stories.tsx

@@ -12,7 +12,7 @@ import {
   createArrayFromView,
   toTypedNdArray,
 } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import ndarray from 'ndarray';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/LineVisDisplay.stories.tsx

@@ -6,7 +6,7 @@ import {
   mockValues,
 } from '@h5web/lib';
 import { formatTooltipVal } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import LineVisStoriesMeta, { Default } from './LineVis.stories';
 

apps/storybook/src/LineVisScales.stories.tsx

@@ -1,6 +1,5 @@
-import type { LineVis } from '@h5web/lib';
-import { mockValues, ScaleType } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type LineVis, mockValues, ScaleType } from '@h5web/lib';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import LineVisStoriesMeta, { Default } from './LineVis.stories';
 

apps/storybook/src/MatrixVis.stories.tsx

@@ -3,7 +3,7 @@ import {
   createComplexFormatter,
   toTypedNdArray,
 } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { format } from 'd3-format';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/Overlay.stories.tsx

@@ -1,5 +1,5 @@
 import { Overlay, Pan, ResetZoomButton, VisCanvas, Zoom } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/Pan.stories.tsx

@@ -1,5 +1,5 @@
 import { MouseButton, Pan, ResetZoomButton, VisCanvas, Zoom } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/RgbVis.stories.tsx

@@ -1,5 +1,5 @@
 import { ImageType, mockValues, RgbVis } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/ScatterVis.stories.tsx

@@ -2,7 +2,7 @@ import { getDomain, INTERPOLATORS, ScatterVis } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { ScaleType } from '@h5web/shared/vis-models';
 import { COLOR_SCALE_TYPES } from '@h5web/shared/vis-utils';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import ndarray from 'ndarray';
 import { useState } from 'react';
 

apps/storybook/src/SelectToZoom.stories.tsx

@@ -11,7 +11,7 @@ import {
   Zoom,
 } from '@h5web/lib';
 import { ScaleType } from '@h5web/shared/vis-models';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';
 

apps/storybook/src/SelectionTool.stories.tsx

@@ -1,9 +1,10 @@
-import type { Rect, Selection } from '@h5web/lib';
 import {
   Box,
   DataToHtml,
   Pan,
+  type Rect,
   ResetZoomButton,
+  type Selection,
   SelectionTool,
   SvgElement,
   SvgLine,
@@ -12,7 +13,7 @@ import {
   Zoom,
 } from '@h5web/lib';
 import { useThrottledState } from '@react-hookz/web';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/Stacking.stories.tsx

@@ -8,7 +8,7 @@ import {
   TooltipMesh,
   VisCanvas,
 } from '@h5web/lib';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Vector3 } from 'three';
 
 import FillHeight from './decorators/FillHeight';

apps/storybook/src/SurfaceVis.stories.tsx

@@ -2,7 +2,7 @@ import { getDomain, mockValues, SurfaceVis } from '@h5web/lib';
 import { assertDefined } from '@h5web/shared/guards';
 import { createArrayFromView } from '@h5web/shared/vis-utils';
 import { OrbitControls } from '@react-three/drei';
-import type { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 
 import FillHeight from './decorators/FillHeight';