chore(examples): show clicked GeoJSON feature info outside the map - #3643
Open
igorDykhta wants to merge 1 commit into
Open
chore(examples): show clicked GeoJSON feature info outside the map#3643igorDykhta wants to merge 1 commit into
igorDykhta wants to merge 1 commit into
Conversation
Signed-off-by: Ihor Dykhta <ihordykhta@Ihors-MacBook-Pro.local>
Contributor
There was a problem hiding this comment.
Pull request overview
Adds a new examples/clicked-feature sample that demonstrates how a host application can read visState.clicked from kepler.gl Redux state and render clicked GeoJSON feature info (e.g., shapeName) in a sidebar outside the map.
Changes:
- Added a new “Clicked Feature” example app (React + Redux + kepler.gl) that loads sample GeoJSON polygons and displays the last clicked feature in a host-app sidebar.
- Added standalone build/dev tooling for the example via esbuild + Yarn (including
tsconfig.json,.yarnrc.yml, andindex.html). - Registered the new example in
examples/README.md.
Reviewed changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| examples/README.md | Adds the new “Clicked Feature” example to the examples index and links to its README. |
| examples/clicked-feature/tsconfig.json | TypeScript config for the standalone example. |
| examples/clicked-feature/src/index.html | HTML entrypoint for the example’s esbuild-served bundle. |
| examples/clicked-feature/src/app.tsx | Implements the kepler.gl + Redux host app that reads visState.clicked and renders clicked feature details in a sidebar. |
| examples/clicked-feature/README.md | Documents how the example works and how to run/build it. |
| examples/clicked-feature/package.json | Declares dependencies and scripts for building/running the example. |
| examples/clicked-feature/esbuild.config.mjs | esbuild build/dev server configuration (bundling + static HTML copy + singleton dedupe). |
| examples/clicked-feature/.yarnrc.yml | Yarn configuration for the standalone example workspace. |
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
examples/clicked-feature: a small app that readsvisState.clickedand shows a GeoJSON polygon’sshapeNamein a host-app sidebar outside Kepler.gl.state.keplerGl.<id>.visState.clicked; tooltip picking must stay enabled).Test plan
cd examples/clicked-feature && touch yarn.lock && yarn && yarn startshapeNameappears in the right sidebar