Add pre-commit

.pre-commit-config.yaml

@@ -0,0 +1,29 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.6.0
+    hooks:
+      - id: check-toml
+      - id: check-yaml
+      - id: end-of-file-fixer
+        types: [python]
+      - id: trailing-whitespace
+      - id: requirements-txt-fixer
+      - id: check-added-large-files
+        args: ["--maxkb=500"]
+
+  - repo: https://github.com/psf/black
+    rev: 24.4.2
+    hooks:
+      - id: black-jupyter
+        language_version: python3.11
+
+  # - repo: https://github.com/codespell-project/codespell
+  #   rev: v2.3.0
+  #   hooks:
+  #       - id: codespell
+  #         args: [--toml, pyproject-codespell.precommit-toml]
+
+  - repo: https://github.com/kynan/nbstripout
+    rev: 0.7.1
+    hooks:
+      - id: nbstripout

Home.py

@@ -32,9 +32,9 @@ st.title("Streamlit for Geospatial Applications")
 
 st.markdown(
     """
-    This multi-page web app demonstrates various interactive web apps created using [streamlit](https://streamlit.io) and open-source mapping libraries, 
+    This multi-page web app demonstrates various interactive web apps created using [streamlit](https://streamlit.io) and open-source mapping libraries,
     such as [leafmap](https://leafmap.org), [geemap](https://geemap.org), [pydeck](https://deckgl.readthedocs.io), and [kepler.gl](https://docs.kepler.gl/docs/keplergl-jupyter).
-    This is an open-source project and you are very welcome to contribute your comments, questions, resources, and apps as [issues](https://github.com/giswqs/streamlit-geospatial/issues) or 
+    This is an open-source project and you are very welcome to contribute your comments, questions, resources, and apps as [issues](https://github.com/giswqs/streamlit-geospatial/issues) or
     [pull requests](https://github.com/giswqs/streamlit-geospatial/pulls) to the [GitHub repository](https://github.com/giswqs/streamlit-geospatial).
 
     """

data/html/sfo_buildings.html

@@ -17,9 +17,9 @@
     // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.
     const viewer = new Cesium.Viewer('cesiumContainer', {
       terrainProvider: Cesium.createWorldTerrain()
-    });    
+    });
     // Add Cesium OSM Buildings, a global 3D buildings layer.
-    const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());   
+    const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());
     // Fly the camera to San Francisco at the given longitude, latitude, and height.
     viewer.camera.flyTo({
       destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),

pages/10_🌍_Earth_Engine_Datasets.py

@@ -80,8 +80,7 @@ def search_data():
 
     dataset = None
     with col2:
-        keyword = st.text_input(
-            "Enter a keyword to search (e.g., elevation)", "")
+        keyword = st.text_input("Enter a keyword to search (e.g., elevation)", "")
         if keyword:
             ee_assets = geemap.search_ee_data(keyword)
             asset_titles = [x["title"] for x in ee_assets]
@@ -103,8 +102,7 @@ def search_data():
                 with st.expander("Show dataset details", True):
                     index = asset_titles.index(dataset)
 
-                    html = geemap.ee_data_html(
-                        st.session_state["ee_assets"][index])
+                    html = geemap.ee_data_html(st.session_state["ee_assets"][index])
                     html = html.replace("\n", "")
                     st.markdown(html, True)
 
@@ -125,8 +123,7 @@ def search_data():
                             vis_params = "{}"
                         vis = eval(vis_params)
                         if not isinstance(vis, dict):
-                            st.error(
-                                "Visualization parameters must be a dictionary")
+                            st.error("Visualization parameters must be a dictionary")
                         try:
                             Map.addLayer(eval(ee_asset), vis, layer_name)
                         except Exception as e:
@@ -144,8 +141,7 @@ def search_data():
 def app():
     st.title("Earth Engine Data Catalog")
 
-    apps = ["Search Earth Engine Data Catalog",
-            "National Land Cover Database (NLCD)"]
+    apps = ["Search Earth Engine Data Catalog", "National Land Cover Database (NLCD)"]
 
     selected_app = st.selectbox("Select an app", apps)
 

pages/1_📷_Timelapse.py

@@ -236,8 +236,8 @@ def app():
 
     st.markdown(
         """
-        An interactive web app for creating [Landsat](https://developers.google.com/earth-engine/datasets/catalog/landsat)/[GOES](https://jstnbraaten.medium.com/goes-in-earth-engine-53fbc8783c16) timelapse for any location around the globe. 
-        The app was built using [streamlit](https://streamlit.io), [geemap](https://geemap.org), and [Google Earth Engine](https://earthengine.google.com). For more info, check out my streamlit [blog post](https://blog.streamlit.io/creating-satellite-timelapse-with-streamlit-and-earth-engine). 
+        An interactive web app for creating [Landsat](https://developers.google.com/earth-engine/datasets/catalog/landsat)/[GOES](https://jstnbraaten.medium.com/goes-in-earth-engine-53fbc8783c16) timelapse for any location around the globe.
+        The app was built using [streamlit](https://streamlit.io), [geemap](https://geemap.org), and [Google Earth Engine](https://earthengine.google.com). For more info, check out my streamlit [blog post](https://blog.streamlit.io/creating-satellite-timelapse-with-streamlit-and-earth-engine).
     """
     )
 
@@ -413,13 +413,13 @@ def app():
             MODIS_options = ["Daytime (1:30 pm)", "Nighttime (1:30 am)"]
             MODIS_option = st.selectbox("Select a MODIS dataset:", MODIS_options)
             if MODIS_option == "Daytime (1:30 pm)":
-                st.session_state[
-                    "ee_asset_id"
-                ] = "projects/sat-io/open-datasets/gap-filled-lst/gf_day_1km"
+                st.session_state["ee_asset_id"] = (
+                    "projects/sat-io/open-datasets/gap-filled-lst/gf_day_1km"
+                )
             else:
-                st.session_state[
-                    "ee_asset_id"
-                ] = "projects/sat-io/open-datasets/gap-filled-lst/gf_night_1km"
+                st.session_state["ee_asset_id"] = (
+                    "projects/sat-io/open-datasets/gap-filled-lst/gf_night_1km"
+                )
 
             palette_options = st.selectbox(
                 "Color palette",

pages/2_🏠_U.S._Housing.py

@@ -225,7 +225,7 @@ def app():
     st.title("U.S. Real Estate Data and Market Trends")
     st.markdown(
         """**Introduction:** This interactive dashboard is designed for visualizing U.S. real estate data and market trends at multiple levels (i.e., national,
-         state, county, and metro). The data sources include [Real Estate Data](https://www.realtor.com/research/data) from realtor.com and 
+         state, county, and metro). The data sources include [Real Estate Data](https://www.realtor.com/research/data) from realtor.com and
          [Cartographic Boundary Files](https://www.census.gov/geographies/mapping-files/time-series/geo/carto-boundary-file.html) from U.S. Census Bureau.
          Several open-source packages are used to process the data and generate the visualizations, e.g., [streamlit](https://streamlit.io),
           [geopandas](https://geopandas.org), [leafmap](https://leafmap.org), and [pydeck](https://deckgl.readthedocs.io).

pages/3_🪟_Split_Map.py

@@ -24,8 +24,8 @@ with st.expander("See source code"):
     with st.echo():
         m = leafmap.Map()
         m.split_map(
-            left_layer='ESA WorldCover 2020 S2 FCC', right_layer='ESA WorldCover 2020'
+            left_layer="ESA WorldCover 2020 S2 FCC", right_layer="ESA WorldCover 2020"
         )
-        m.add_legend(title='ESA Land Cover', builtin_legend='ESA_WorldCover')
+        m.add_legend(title="ESA Land Cover", builtin_legend="ESA_WorldCover")
 
 m.to_streamlit(height=700)

pages/5_📍_Marker_Cluster.py

@@ -24,16 +24,16 @@ with st.expander("See source code"):
     with st.echo():
 
         m = leafmap.Map(center=[40, -100], zoom=4)
-        cities = 'https://raw.githubusercontent.com/giswqs/leafmap/master/examples/data/us_cities.csv'
-        regions = 'https://raw.githubusercontent.com/giswqs/leafmap/master/examples/data/us_regions.geojson'
+        cities = "https://raw.githubusercontent.com/giswqs/leafmap/master/examples/data/us_cities.csv"
+        regions = "https://raw.githubusercontent.com/giswqs/leafmap/master/examples/data/us_regions.geojson"
 
-        m.add_geojson(regions, layer_name='US Regions')
+        m.add_geojson(regions, layer_name="US Regions")
         m.add_points_from_xy(
             cities,
             x="longitude",
             y="latitude",
-            color_column='region',
-            icon_names=['gear', 'map', 'leaf', 'globe'],
+            color_column="region",
+            icon_names=["gear", "map", "leaf", "globe"],
             spin=True,
             add_legend=True,
         )

pages/6_🗺️_Basemaps.py

@@ -23,7 +23,7 @@ def app():
     st.title("Search Basemaps")
     st.markdown(
         """
-    This app is a demonstration of searching and loading basemaps from [xyzservices](https://github.com/geopandas/xyzservices) and [Quick Map Services (QMS)](https://github.com/nextgis/quickmapservices). Selecting from 1000+ basemaps with a few clicks.  
+    This app is a demonstration of searching and loading basemaps from [xyzservices](https://github.com/geopandas/xyzservices) and [Quick Map Services (QMS)](https://github.com/nextgis/quickmapservices). Selecting from 1000+ basemaps with a few clicks.
     """
     )
 
@@ -48,8 +48,7 @@ def app():
                 if qms is not None:
                     options = options + qms
 
-            tiles = empty.multiselect(
-                "Select XYZ tiles to add to the map:", options)
+            tiles = empty.multiselect("Select XYZ tiles to add to the map:", options)
 
         with row1_col1:
             m = leafmap.Map()

pages/7_📦_Web_Map_Service.py

@@ -30,8 +30,8 @@ def app():
     st.title("Web Map Service (WMS)")
     st.markdown(
         """
-    This app is a demonstration of loading Web Map Service (WMS) layers. Simply enter the URL of the WMS service 
-    in the text box below and press Enter to retrieve the layers. Go to https://apps.nationalmap.gov/services to find 
+    This app is a demonstration of loading Web Map Service (WMS) layers. Simply enter the URL of the WMS service
+    in the text box below and press Enter to retrieve the layers. Go to https://apps.nationalmap.gov/services to find
     some WMS URLs if needed.
     """
     )