rc/0.8.1 (#507)

stevejpurves · web-flow · commit 83911e05a3c4 · 2021-10-25T11:40:51.000+01:00
* styling tweaks to docs

* added changes for 0.8.1

* removed broken/dupe link
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,22 @@
-#  Changelog
+# Changelog
+
+## 0.8.1 - 2021-08-25
+
+### Fixed
+
+- Fixed import of jupyterlab css which was clobbering on page css in downstream usage.
+  [#464](https://github.com/executablebooks/thebe/issues/464)
+
+### Added
+
+- Added a built in status indicator and activate button that can be enabled via configuration options.
+  [#470](https://github.com/executablebooks/thebe/issues/470)
+
+### Improved
+
+- Latest version of Thebe is built and used in the documentation and in local development builds.
+  [#285](https://github.com/executablebooks/thebe/issues/285)
+- Improved and updated examples in the documentation
 
 ## 0.8.0 - 2021-08-16
 
@@ -35,6 +53,7 @@
 ## 0.6.0 - 2020-12-23
 
 ### Added
+
 - New versions of thebe (>=0.5.1) should be loaded from
   https://unpkg.com/thebe@latest/lib/index.js instead of
   https://unpkg.com/thebelab@latest/lib/index.js
@@ -49,6 +68,7 @@
 - Add CSS with Jupyter ANSI colors [#176](https://github.com/executablebooks/thebe/pull/176)
 
 ### Improved
+
 - Adds more user options for persisting saved Binder sessions [#280](https://github.com/executablebooks/thebe/pull/280)
 - Updated the development HTML page for more test code cells and configs [#267](https://github.com/executablebooks/thebe/pull/267)
 - Fail linter on diffs [#258](https://github.com/executablebooks/thebe/pull/258)
@@ -57,10 +77,12 @@
 - Update Thebe to use the latest JupyterLab 3.0 APIs [#268](https://github.com/executablebooks/thebe/pull/268)
 
 ### Fixed
+
 - Fix Python mode in CodeMirror configuration [#172](https://github.com/executablebooks/thebe/pull/172)
 - Use merged options in CodeMirror configuration [#171](https://github.com/executablebooks/thebe/pull/171)
 
 ### Documented
+
 - Moved example pages into their own subdirectory [#281](https://github.com/executablebooks/thebe/pull/281)
 - Added example pages for using Thebe with other Jupyter widgets
   - Bqplot [#295](https://github.com/executablebooks/thebe/pull/295), [#301](https://github.com/executablebooks/thebe/pull/301)
diff --git a/docs/examples/bqplot_example.rst b/docs/examples/bqplot_example.rst
@@ -80,7 +80,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
 .. raw:: html
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/ipycytoscape_example.rst b/docs/examples/ipycytoscape_example.rst
@@ -69,7 +69,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js"></script>
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/ipyleaflet_example.rst b/docs/examples/ipyleaflet_example.rst
@@ -78,7 +78,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
 .. raw:: html
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/ipympl_example.rst b/docs/examples/ipympl_example.rst
@@ -70,7 +70,7 @@ Press the "Activate" button below to connect to a Jupyter server:
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js"></script>
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/matplotlib_interact_example.rst b/docs/examples/matplotlib_interact_example.rst
@@ -73,7 +73,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
 .. raw:: html
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/minimal_example.rst b/docs/examples/minimal_example.rst
@@ -78,7 +78,7 @@ code below:
 
 .. code:: html
 
-   <button id="activateButton"  style="width: 150px; height: 75px; font-size: 1.5em;">Activate</button>
+   <button id="activateButton"  style="width: 150px; height: 45px; font-size: 1.5em;">Activate</button>
    <script>
    var bootstrapThebe = function() {
        thebelab.bootstrap();
diff --git a/docs/examples/plotly-example.rst b/docs/examples/plotly-example.rst
@@ -75,7 +75,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
 .. raw:: html
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/examples/pythreejs-example.rst b/docs/examples/pythreejs-example.rst
@@ -77,7 +77,7 @@ Press the "Activate" button below to connect to a Jupyter server:
 
 .. raw:: html
 
-   <button id="activateButton" style="width: 120px; height: 40px; font-size: 1.5em;">
+   <button id="activateButton" style="width: 120px; height: 45px; font-size: 1.5em;">
      Activate
    </button>
    <script>
diff --git a/docs/index.rst b/docs/index.rst
@@ -96,10 +96,9 @@ HTML based examples
 -------------------
 
 * `Built in status field and styling <_static/html_examples/demo-status-widget.html>`_
-* `Build in activate button <_static/html_examples/demo-activate-button.html>`_
+* `Built in activate button <_static/html_examples/demo-activate-button.html>`_
 * `Step-by-step demo <_static/html_examples/demo.html>`_
 * `Making use of Jupyter interactive widgets <_static/html_examples/widgets.html>`_
-* `Activate/Status button <_static/html_examples/activate_button.html>`_
 * `Alternative computational environments; code cells with prompts and outputs <_static/html_examples/prompts.html>`_
 * `Using a local Jupyter server as kernel provider <_static/html_examples/local.html>`_
 * `Setting predefined output for cells <_static/html_examples/demo-preview.html>`_
diff --git a/docs/ui.rst b/docs/ui.rst
@@ -47,7 +47,6 @@ Adding the following to a page will render both Activate and Status widgets.
 
 .. code-block:: html
 
-  <script src="https://unpkg.com/thebe@latest/lib/index.js"></script>
   <script type="text/x-thebe-config">
     {
       requestKernel: true,
@@ -60,13 +59,13 @@ Adding the following to a page will render both Activate and Status widgets.
   </script>
   <div class="thebe-activate" />
   <div class="thebe-status" />
+  <script src="https://unpkg.com/thebe@latest/lib/index.js"></script>
 
 Pressing activate will convert the following code into an activate cell, and the kernel status widget
 will show status of the kernel launch.
 
 .. raw:: html
 
-  <script src="https://unpkg.com/thebe@latest/lib/index.js"></script>
   <script type="text/x-thebe-config">
     {
       requestKernel: true,
@@ -79,6 +78,7 @@ will show status of the kernel launch.
   </script>
   <div class="thebe-activate"></div>
   <div class="thebe-status"></div>
+  <script src="./_static/lib/index.js"></script>
 
 
 .. raw:: html
