switch to furo, a simpler theme

the theme allows us to use more top level sections

Author: rmorshea

docs/main.py

@@ -20,7 +20,7 @@
 
 @app.route("/")
 async def forward_to_index(request):
-    return response.redirect("/docs/content/index.html")
+    return response.redirect("/docs/index.html")
 
 
 mount, element = multiview()

docs/source/exts/async_doctest.py renamed to docs/source/_exts/async_doctest.py

@@ -1,4 +1,3 @@
-import textwrap
 from pathlib import Path
 
 from sphinx.application import Sphinx
@@ -112,7 +111,7 @@ def _literal_include_js_lines(name, linenos):
 
 
 def _string_to_nested_lines(content):
-    return StringList(textwrap.indent(content, "    ").split("\n"))
+    return StringList(content.split("\n"))
 
 
 def setup(app: Sphinx) -> None:

docs/source/exts/interactive_widget.py renamed to docs/source/_exts/interactive_widget.py

@@ -18,7 +18,7 @@
 sys.path.insert(0, str(here.parent.parent))
 
 # extension path
-sys.path.insert(0, str(here / "exts"))
+sys.path.insert(0, str(here / "_exts"))
 
 
 # -- Project information -----------------------------------------------------
@@ -52,6 +52,7 @@
     "widget_example",
     "async_doctest",
     "sphinx_panels",
+    "sphinx_copybutton",
 ]
 
 # Add any paths that contain templates here, relative to this directory.
@@ -64,7 +65,7 @@
 source_suffix = ".rst"
 
 # The master toctree document.
-master_doc = "content/index"
+master_doc = "index"
 
 # The language for content autogenerated by Sphinx. Refer to documentation
 # for a list of supported languages.
@@ -104,35 +105,24 @@
 # The theme to use for HTML and HTML Help pages.  See the documentation for
 # a list of builtin themes.
 #
-html_theme = "pydata_sphinx_theme"
+html_theme = "furo"
+html_logo = "branding/idom-logo.png"
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
 # documentation.
 #
-html_theme_options = {
-    "github_url": "https://github.com/idom-team/idom",
-    "use_edit_page_button": True,
-    "show_toc_level": 2,
-}
-
-html_context = {
-    "github_user": "idom-team",
-    "github_repo": "idom",
-    "github_version": "main",
-    "doc_path": "docs/source",
-}
+# html_theme_options = {}
 
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
-html_static_path = ["static"]
+html_static_path = ["_static"]
 
 # These paths are either relative to html_static_path
 # or fully qualified paths (eg. https://...)
 html_css_files = [
     "css/interactive-widget.css",
-    "css/fix-code-linenos.css",
 ]
 
 # Custom sidebar templates, must be a dictionary that maps document names

docs/source/exts/widget_example.py renamed to docs/source/_exts/widget_example.py

@@ -4,10 +4,6 @@ Core Concepts
 This section covers core features of IDOM that are used in making
 interactive interfaces.
 
-.. contents::
-  :local:
-  :depth: 1
-
 
 Pure Elements
 -------------

docs/source/static/css/fix-code-linenos.css renamed to docs/source/_static/css/fix-code-linenos.css

@@ -1,15 +1,11 @@
-Javascript Modules
-==================
+Custom Javascript
+=================
 
 .. note::
 
     This is a recent feature of IDOM. If you have a problem following this tutorial
     `post an issue <https://github.com/rmorshea/idom/issues>`__.
 
-.. contents::
-  :local:
-  :depth: 1
-
 While IDOM is a great tool for displaying HTML and responding to browser events with
 pure Python, there are other projects which already allow you to do this inside
 `Jupyter Notebooks <https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Basics.html>`__
@@ -19,11 +15,7 @@ The real power of IDOM comes from its ability to seemlessly leverage the existin
 ecosystem of
 `React components <https://reactjs.org/docs/components-and-props.html>`__.
 
-So long as your library of interest is an
-`ES Module <https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/>`__
-you could install using
-`Snowpack <https://www.snowpack.dev/>`__
-you can use it with IDOM
+So long as your library of interest can be installed NPM_, you can use it with IDOM
 You can even define your own Javascript modules which use these third party Javascript
 packages.
 
@@ -33,7 +25,7 @@ Installing React Components
 
 .. note::
 
-    Be sure that you've installed `npm <https://www.npmjs.com/get-npm>`__.
+    Be sure that you `install NPM`_ before continuing.
 
 In this example we'll be using the ubiquitous React-based UI framework `Material UI`_
 which can be easily installed using the ``idom`` CLI:
@@ -95,3 +87,5 @@ under construction...
 .. =====
 
 .. _Material UI: https://material-ui.com/
+.. _NPM: https://www.npmjs.com
+.. _install NPM: https://www.npmjs.com/get-npm

docs/source/static/css/interactive-widget.css renamed to docs/source/_static/css/interactive-widget.css

@@ -1,10 +1,6 @@
 Examples
 ========
 
-.. contents::
-  :local:
-  :depth: 1
-
 
 Slideshow
 ---------
@@ -31,7 +27,7 @@ Try typing in the text box and pressing 'Enter' 📋
 The Game Snake
 --------------
 
-Click to start playing and use WASD to move 🎮
+Click to start playing and use the arrow keys to move 🎮
 
 Slow internet may cause inconsistent frame pacing 😅
 

docs/source/static/custom_victory_chart.png renamed to docs/source/_static/custom_victory_chart.png

@@ -34,16 +34,16 @@ def GameView():
 
 
 class Direction(enum.Enum):
-    w = (0, -1)
-    a = (-1, 0)
-    s = (0, 1)
-    d = (1, 0)
+    ArrowUp = (0, -1)
+    ArrowLeft = (-1, 0)
+    ArrowDown = (0, 1)
+    ArrowRight = (1, 0)
 
 
 @idom.element
 def GameLoop(grid_size, block_scale, set_game_state):
     # we `use_ref` here to capture the latest direction press without any delay
-    direction = idom.hooks.use_ref(Direction.d.value)
+    direction = idom.hooks.use_ref(Direction.ArrowRight.value)
 
     snake, set_snake = idom.hooks.use_state([(grid_size // 2 - 1, grid_size // 2 - 1)])
     food, set_food = use_snake_food(grid_size, snake)

docs/source/static/primary_secondary_buttons.png renamed to docs/source/_static/primary_secondary_buttons.png

@@ -3,10 +3,6 @@ Extra Features
 
 Optionally installable features of IDOM.
 
-.. contents::
-  :local:
-  :depth: 1
-
 To install a **stable** set of features for IDOM simply run.
 
 .. code-block::

docs/source/static/victory_bar_default_chart.png renamed to docs/source/_static/victory_bar_default_chart.png

@@ -1,19 +1,28 @@
-IDOM |release|
-==============
-
-.. image:: branding/idom-logo.png
-    :height: 250px
+IDOM
+====
 
 Libraries for defining and controlling interactive webpages with Python
 3.7 and above.
 
 .. toctree::
-    :maxdepth: 1
-
-    user-guide/index
+    :hidden:
+    :caption: User Guide
+
+    installation
+    getting-started
+    life-cycle-hooks
+    core-concepts
+    custom-javascript
     examples
-    advanced-usage/index
-    api-reference/index
+
+.. toctree::
+    :hidden:
+    :caption: Reference
+
+    GitHub <https://github.com/idom-team/idom>
+    package-api
+    specifications
+    extra-features
 
 
 Early Days

docs/source/content/branding/idom-logo-black-square.svg renamed to docs/source/branding/idom-logo-black-square.svg

@@ -21,7 +21,7 @@ Installation
 
               idom install some-js-package
 
-          For more info see the :ref:`Javascript Modules` section.
+          For more info see the :ref:`Custom Javascript` section.
 
     *   - Extra Features
 

docs/source/content/branding/idom-logo-black.png renamed to docs/source/branding/idom-logo-black.png

@@ -13,10 +13,6 @@ cases the :ref:`Basic Hooks` should be enough, however the remaining
     `In the future <https://github.com/idom-team/idom/issues/203>`_ they will be
     added, but if you have a particular need for a missing hook post an issue.
 
-.. contents::
-  :local:
-  :depth: 2
-
 
 Basic Hooks
 ===========

docs/source/content/branding/idom-logo-black.svg renamed to docs/source/branding/idom-logo-black.svg

@@ -1,10 +1,6 @@
 Package API
 ===========
 
-.. contents::
-  :local:
-  :depth: 1
-
 .. module:: idom
 
 

docs/source/content/branding/idom-logo-square.svg renamed to docs/source/branding/idom-logo-square.svg

@@ -10,10 +10,6 @@ created by `Nteract <https://nteract.io>`_ and which was built into
 for VDOM is fairly well established, it should not be relied until it's been fully
 adopted by the aforementioned organizations.
 
-.. contents::
-  :local:
-  :depth: 1
-
 
 VDOM Mimetype
 -------------

docs/source/content/branding/idom-logo-white-square.svg renamed to docs/source/branding/idom-logo-white-square.svg

@@ -1,5 +1,6 @@
 sphinx ==2.2.0
 sphinx-autodoc-typehints ==1.7.0
-pydata-sphinx-theme ==0.4.1
+furo ==2020.10.13b12
 sphinx-panels ==0.5.0
 setuptools_scm
+sphinx-copybutton ==0.3.0