loom-browser 0.0.3 → 0.0.5

package/dist/types/react/ui/ChromosomeSelect.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface ChromosomeSelectProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function ChromosomeSelect({ browser: browserProp }: ChromosomeSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/ExportControls.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface ExportControlsProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function ExportControls({ browser: browserProp }: ExportControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/LocusInput.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface LocusInputProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function LocusInput({ browser: browserProp }: LocusInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/Navbar.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface NavbarProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function Navbar({ browser: browserProp }: NavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/WindowSize.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface WindowSizeProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function WindowSize({ browser: browserProp }: WindowSizeProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/ZoomControls.d.ts

@@ -0,0 +1,7 @@
+import type { GenomeBrowser } from '../../genomeBrowser';
+import './types';
+export interface ZoomControlsProps {
+    /** Override the browser from context. */
+    browser?: GenomeBrowser | null;
+}
+export declare function ZoomControls({ browser: browserProp }: ZoomControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/ui/ensureRegistered.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Ensures all Loom UI web components are registered as custom elements.
+ * Safe to call multiple times — each element is only registered once.
+ */
+export declare function ensureRegistered(): void;

package/dist/types/react/ui/index.d.ts

@@ -0,0 +1,12 @@
+export { ChromosomeSelect } from './ChromosomeSelect';
+export type { ChromosomeSelectProps } from './ChromosomeSelect';
+export { LocusInput } from './LocusInput';
+export type { LocusInputProps } from './LocusInput';
+export { ZoomControls } from './ZoomControls';
+export type { ZoomControlsProps } from './ZoomControls';
+export { WindowSize } from './WindowSize';
+export type { WindowSizeProps } from './WindowSize';
+export { ExportControls } from './ExportControls';
+export type { ExportControlsProps } from './ExportControls';
+export { Navbar } from './Navbar';
+export type { NavbarProps } from './Navbar';

package/dist/types/react/ui/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * JSX IntrinsicElements augmentation for Loom web components.
+ * This lets TypeScript accept <loom-*> elements in JSX without errors.
+ */
+import type { LoomChromosomeSelect } from '../../ui/components/LoomChromosomeSelect';
+import type { LoomLocusInput } from '../../ui/components/LoomLocusInput';
+import type { LoomZoomControls } from '../../ui/components/LoomZoomControls';
+import type { LoomWindowSize } from '../../ui/components/LoomWindowSize';
+import type { LoomExportControls } from '../../ui/components/LoomExportControls';
+import type { LoomNavbar } from '../../ui/components/LoomNavbar';
+type WebComponentProps<T> = React.DetailedHTMLProps<React.HTMLAttributes<T>, T>;
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'loom-chromosome-select': WebComponentProps<LoomChromosomeSelect>;
+            'loom-locus-input': WebComponentProps<LoomLocusInput>;
+            'loom-zoom-controls': WebComponentProps<LoomZoomControls>;
+            'loom-window-size': WebComponentProps<LoomWindowSize>;
+            'loom-export-controls': WebComponentProps<LoomExportControls>;
+            'loom-navbar': WebComponentProps<LoomNavbar>;
+        }
+    }
+}
+export {};

package/dist/types/tracks/annotation/annotationTrackCanvas.d.ts

@@ -54,5 +54,6 @@ export declare class AnnotationTrackCanvas extends BaseTrackCanvas<AnnotationRen
     getAxisInfo(): AxisInfo | undefined;
     getContextMenuItems(_x: number, _y: number): ContextMenuItem[];
     hitTest(x: number, y: number): HitTestResult<AnnotationFeature>[];
+    setTheme(theme: RenderTheme): void;
     serializeConfig(theme: RenderTheme): AnnotationTrackSessionConfig;
 }

package/dist/types/tracks/baseTrackCanvas.d.ts

@@ -46,6 +46,8 @@ export declare abstract class BaseTrackCanvas<TConfig> implements Track {
     setLocus(locus: Locus): void;
     /** Merge partial config and re-render. */
     setConfig(config: Partial<TConfig>): void;
+    /** Apply a new render theme and re-render. Subclasses must override. */
+    abstract setTheme(theme: RenderTheme): void;
     /** Suspend rendering — calls to render() will be deferred until resumeRendering(). */
     suspendRendering(): void;
     /** Resume rendering. If render() was called while suspended, flushes now. */

package/dist/types/tracks/interaction/interactionTrackCanvas.d.ts

@@ -41,6 +41,7 @@ export declare class InteractionTrackCanvas extends BaseTrackCanvas<InteractionR
     /** Hit-test: find features at canvas-relative pixel coordinates. */
     hitTest(x: number, y: number): HitTestResult<InteractionFeature>[];
     private buildPopupData;
+    setTheme(theme: RenderTheme): void;
     /** Serialize config for session save/restore, diffed against theme defaults. */
     serializeConfig(theme: RenderTheme): InteractionTrackSessionConfig;
     /** Return axis info for proportional display mode. */

package/dist/types/tracks/ruler/rulerTrackCanvas.d.ts

@@ -39,5 +39,6 @@ export declare class RulerTrackCanvas extends BaseTrackCanvas<RulerRenderConfig>
     protected computeHeight(_width: number): number;
     protected getBackground(): string;
     protected doRender(ctx: CanvasRenderingContext2D, _width: number, _height: number, rc: RenderContext): void;
+    setTheme(theme: RenderTheme): void;
     serializeConfig(theme: RenderTheme): RulerTrackSessionConfig;
 }

package/dist/types/tracks/sequence/sequenceTrackCanvas.d.ts

@@ -63,5 +63,6 @@ export declare class SequenceTrackCanvas extends BaseTrackCanvas<SequenceRenderC
     protected computeHeight(_width: number): number;
     protected getBackground(): string;
     protected doRender(ctx: CanvasRenderingContext2D, _width: number, _height: number, rc: RenderContext): void;
+    setTheme(theme: RenderTheme): void;
     serializeConfig(theme: RenderTheme): TrackSessionConfig;
 }

package/dist/types/tracks/wig/wigTrackCanvas.d.ts

@@ -78,5 +78,6 @@ export declare class WigTrackCanvas extends BaseTrackCanvas<WigRenderConfig> {
      */
     getNumericState(): NumericState;
     hitTest(x: number, _y: number): HitTestResult<WigFeature>[];
+    setTheme(theme: RenderTheme): void;
     serializeConfig(theme: RenderTheme): WigTrackSessionConfig;
 }

package/dist/types/types.d.ts

@@ -76,6 +76,8 @@ export interface Track {
     detach(): void;
     /** Set an error state to render on the track canvas. Pass null to clear. */
     setError(error: Error | null): void;
+    /** Apply a new render theme and re-render. Replaces all theme-derived config values. */
+    setTheme(theme: import('./themes/renderTheme').RenderTheme): void;
     /**
      * Hit-test at canvas-relative pixel coordinates.
      * Returns features at that point with pre-formatted popup data.

package/dist/types/ui/components/LoomBrowserShell.d.ts

@@ -38,12 +38,20 @@ export declare class LoomBrowserShell extends HTMLElement {
     setLocus(locus: Locus): void;
     /** Proxy: subscribe to browser events. */
     on<K extends keyof BrowserEvents>(event: K, handler: (data: BrowserEvents[K]) => void): (() => void) | undefined;
+    /** Switch both the UI shell theme and the render theme in one call. */
+    setTheme(shellTheme: ShellTheme): void;
     disconnectedCallback(): void;
 }
 /** Options for createShell(). */
 export interface CreateShellOptions extends GenomeBrowserOptions {
-    /** UI shell theme (CSS chrome). Separate from GenomeBrowserOptions.theme (render palette). */
+    /** UI shell theme (CSS chrome). When set, also defaults the render theme to match unless `theme` is explicitly provided. */
     shellTheme?: ShellTheme;
+    /** Show ruler track. Default: true */
+    ruler?: boolean;
+    /** Show gene annotation track (UCSC RefSeq). Default: true */
+    genes?: boolean;
+    /** Show sequence track. Default: false */
+    sequence?: boolean;
 }
 /**
  * Convenience function to create an <loom-browser> shell and initialize it.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loom-browser",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "main": "dist/loom.esm.js",
   "module": "dist/loom.esm.js",
   "types": "dist/types/index.d.ts",
@@ -9,6 +9,10 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/loom.esm.js",
       "require": "./dist/loom.js"
+    },
+    "./react": {
+      "types": "./dist/types/react/index.d.ts",
+      "import": "./dist/loom-react.esm.js"
     }
   },
   "type": "module",
@@ -64,6 +68,18 @@
     "url": "git+https://github.com/riyavsinha/loom.git"
   },
   "browserslist": "> 1%, not dead",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@gmod/cram": "^5.0.5",
@@ -72,6 +88,7 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/jsdom": "^28.0.1",
     "@types/mocha": "^10.0.10",
+    "@types/react": "^19.2.14",
     "@typescript-eslint/eslint-plugin": "^8.57.0",
     "@typescript-eslint/parser": "^8.57.0",
     "@vitest/coverage-v8": "^3.2.4",
@@ -89,6 +106,8 @@
     "igv-utils": "github:igvteam/igv-utils#v1.7.1",
     "jsdom": "^29.0.0",
     "mocha": "^11.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rollup": "^2.66.0",
     "rollup-plugin-copy": "^3.3.0",
     "sass": "^1.45.1",