loom-browser 0.0.2 → 0.0.4

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

@@ -0,0 +1,14 @@
+export { RulerTrack } from './RulerTrack';
+export type { RulerTrackProps } from './RulerTrack';
+export { WigTrack } from './WigTrack';
+export type { WigTrackProps } from './WigTrack';
+export { GeneTrack } from './GeneTrack';
+export type { GeneTrackProps } from './GeneTrack';
+export { BedTrack } from './BedTrack';
+export type { BedTrackProps } from './BedTrack';
+export { SequenceTrack } from './SequenceTrack';
+export type { SequenceTrackProps } from './SequenceTrack';
+export { InteractionTrack } from './InteractionTrack';
+export type { InteractionTrackProps } from './InteractionTrack';
+export { GtxTrack } from './GtxTrack';
+export type { GtxTrackProps } from './GtxTrack';

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.2",
+  "version": "0.0.4",
   "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",