pydeck: embed javascript for offline HTML generation (#4405)

Thank you for your patience here @bandersen23. Verified it locally on my machine without internet access–everything works.

> if there's a way to automate that on build

This should be fine for now–I'll get it documented and released in a beta.

bindings/pydeck/pydeck/bindings/deck.py

@@ -125,6 +125,7 @@ def to_html(
         iframe_width=700,
         iframe_height=500,
         as_string=False,
+        offline=False,
         **kwargs
     ):
         """Write a file and loads it to an iframe, if in a Jupyter environment;
@@ -162,6 +163,7 @@ def to_html(
             tooltip=self.deck_widget.tooltip,
             custom_libraries=pydeck_settings.custom_libraries,
             as_string=as_string,
+            offline=offline,
             **kwargs
         )
         return f

bindings/pydeck/pydeck/io/html.py

@@ -1,5 +1,5 @@
 import os
-from os.path import relpath, realpath
+from os.path import relpath, realpath, join, dirname
 import sys
 import tempfile
 import time
@@ -27,19 +27,27 @@ def convert_js_bool(py_bool):
     DECKGL_SEMVER
 )
 
+def cdn_picker(offline=False):
+    if offline:
+        with open(join(dirname(__file__),'./static/index.js'), 'r') as file:
+            js = file.read()
+        return "<script type=text/javascript>" + js + "</script>"
+
+    return "<script src=" + CDN_URL + "></script>"
 
 def render_json_to_html(
     json_input,
     mapbox_key=None,
     tooltip=True,
     css_background_color=None,
     custom_libraries=None,
+    offline=False
 ):
     js = j2_env.get_template("index.j2")
     html_str = js.render(
         mapbox_key=mapbox_key,
         json_input=json_input,
-        deckgl_jupyter_widget_bundle=CDN_URL,
+        deckgl_jupyter_widget_bundle=cdn_picker(offline=offline),
         tooltip=convert_js_bool(tooltip),
         css_background_color=css_background_color,
         custom_libraries=custom_libraries
@@ -93,7 +101,8 @@ def deck_to_html(
     iframe_width=500,
     tooltip=True,
     custom_libraries=None,
-    as_string=False
+    as_string=False,
+    offline=False
 ):
     """Converts deck.gl format JSON to an HTML page"""
     html = render_json_to_html(
@@ -102,6 +111,7 @@ def deck_to_html(
         tooltip=tooltip,
         css_background_color=css_background_color,
         custom_libraries=custom_libraries,
+        offline=offline
     )
 
     if as_string:

bindings/pydeck/pydeck/io/templates/index.j2

@@ -4,38 +4,38 @@
     <title>pydeck</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" />
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
-    <script src="{{deckgl_jupyter_widget_bundle}}"></script>
+    {{deckgl_jupyter_widget_bundle}}
     <style>
     body {
       margin: 0;
       padding: 0;
       overflow: hidden;
     }
-    
+
     #deck-map-container {
       width: 100%;
       height: 100%;
       background-color: black;
     }
-    
+
     #map {
       pointer-events: none;
       height: 100%;
       width: 100%;
       position: absolute;
       z-index: 1;
     }
-    
+
     #deckgl-overlay {
       z-index: 2;
       background: {{css_background_color or 'none'}};
     }
-    
+
     #deck-map-wrapper {
       width: 100%;
       height: 100%;
     }
-    
+
     #deck-container {
       width: 100vw;
       height: 100vh;
@@ -53,7 +53,7 @@
     const customLibraries = {{ custom_libraries or 'null' }};
 
     const deck = createDeck({
-      mapboxApiKey: MAPBOX_API_KEY, 
+      mapboxApiKey: MAPBOX_API_KEY,
       container: document.getElementById('deck-container'),
       jsonInput,
       tooltip,