EDR Client

OGC API client for browsing EDR, Features, Records, and STAC API services.

Keyboard Shortcuts

Key	Action
Navigation
PageDown	Select next collection
PageUp	Select previous collection
Cmd+Enter / Ctrl+Enter	Fetch data from the query URL
UI Panels
B	Toggle sidebar
S	Toggle settings drawer
L	Toggle layers popover
V	Toggle validation popover
I	Toggle collection info panel (collapsed/expanded)
/	Toggle search
?	Show keyboard shortcuts help
Map (click map to focus)
Arrow keys	Pan the map
+ / -	Zoom in / out

Single-letter shortcuts are disabled when an input field has focus. Layers and validation popovers are mutually exclusive.

Quick Start with npx

Run the pre-built client locally without cloning the repo:

npx edrclient

This serves the app at http://localhost:3000. Use --port to change:

npx edrclient --port 8080

Development

npm install       # Install dependencies
npm run dev       # Start dev server (http://localhost:3000)
npm run build     # Production build to build/
npm run preview   # Preview the production build
npm run lint      # Run ESLint

Publishing to npm

The package is configured for npm distribution with bin, files, and prepublishOnly fields.

First-time setup

1. Create an npm account at https://www.npmjs.com/signup if you don’t have one
2. Log in from the terminal:

   npm login

3. If the package name edrclient is taken, update "name" in package.json (e.g. @mrauhala/edrclient)

Publishing a release

1. Update the version in package.json:

   npm version patch   # 0.1.0 → 0.1.1 (bug fixes)
   npm version minor   # 0.1.0 → 0.2.0 (new features)
   npm version major   # 0.1.0 → 1.0.0 (breaking changes)

2. Publish:

   npm publish

   The prepublishOnly script automatically runs npm run build before publishing, so the build/ directory is always fresh.

3. For scoped packages (@mrauhala/edrclient), publish as public:

   npm publish --access public

What gets published

Only these directories are included (defined in "files" in package.json):

• build/ — Production build output (generated by prepublishOnly)
• bin/ — CLI entry point (cli.mjs)

Verifying before publish

npm pack --dry-run   # Preview what files would be included
npm pack             # Create a .tgz to inspect

Removing "private": true

The package currently has "private": true in package.json, which prevents npm publish. Remove this field when you’re ready to publish:

- "private": true,