Select by bounding box (#417)

Building on top of #412
with help from @batpad

### Change list

- Draw bbox in deck instead of separate layer

### Notes

- Create mode for when picking bbox should be active
- Send data back to Python
- Make multiple draw calls, one per set of layer ids, then set on layer
state
- Maybe delegate to sub models directly. Add a `pick` callback directly
onto the models, and then iterate over each model, calling `pick` which
picks and then assigns directly onto that model's state?
- Note about crossing international dateline
- Ensure we're not creating more than 256 layers.

---------

Co-authored-by: Isaac Brodsky <[email protected]>
Co-authored-by: Sanjay Bhangar <[email protected]>
Co-authored-by: Vitor George <[email protected]>

Author: 4 people

.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

@@ -194,6 +194,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.