Select by bounding box

.gitignore

@@ -24,3 +24,8 @@ static
 .pnp.loader.mjs
 node_modules
 *.h5
+
+# Ignore environment variable files
+.env
+.env.local
+.env.*.local

build.mjs

@@ -1,5 +1,20 @@
-// build.js
 import esbuild from "esbuild";
+import dotenv from "dotenv";
+import { sassPlugin } from "esbuild-sass-plugin";
+import tailwindcss from "tailwindcss";
+import autoprefixer from "autoprefixer";
+import postcss from "postcss";
+import postcssPresetEnv from "postcss-preset-env";
+
+// Load environment variables from .env file
+dotenv.config();
+
+// List of environment variables to expose to the build
+const env = {
+  "process.env.XSTATE_INSPECT": JSON.stringify(
+    process.env.XSTATE_INSPECT || "false",
+  ),
+};
 
 esbuild.build({
   entryPoints: ["./src/index.tsx"],
@@ -11,7 +26,20 @@ esbuild.build({
   // Ref https://github.com/manzt/anywidget/issues/369#issuecomment-1792376003
   define: {
     "define.amd": "false",
+    ...env,
   },
+  plugins: [
+    sassPlugin({
+      async transform(source) {
+        const { css } = await postcss([
+          tailwindcss,
+          autoprefixer,
+          postcssPresetEnv({ stage: 0 }),
+        ]).process(source, { from: undefined });
+        return css;
+      },
+    }),
+  ],
   // Code splitting didn't work initially because it tried to load from a local
   // relative path ./chunk.js
   // splitting: true,

lonboard/_layer.py

@@ -190,6 +190,22 @@ def _add_extension_traits(self, extensions: Sequence[BaseExtension]):
     - Default: `False`
     """
 
+    selected_bounds = traitlets.Tuple(
+        traitlets.Float(),
+        traitlets.Float(),
+        traitlets.Float(),
+        traitlets.Float(),
+        allow_none=True,
+        default_value=None,
+    ).tag(sync=True)
+    """
+    Bounds selected by the user, represented as a tuple of floats ordered as
+
+    ```
+    (minx, miny, maxx, maxy)
+    ```
+    """
+
     selected_index = traitlets.Int(None, allow_none=True).tag(sync=True)
     """
     The positional index of the most-recently clicked on row of data.
@@ -262,6 +278,14 @@ class BaseArrowLayer(BaseLayer):
     # The following traitlets **are** serialized to JS
 
     table: traitlets.TraitType
+    selected_bounds: traitlets.Tuple(
+        traitlets.Float(),
+        traitlets.Float(),
+        traitlets.Float(),
+        traitlets.Float(),
+        allow_none=True,
+        default_value=None,
+    ).tag(sync=True)
 
     def __init__(
         self,