changelog + add dynamic default export

Author: rmorshea

docs/source/about/changelog.rst

@@ -36,6 +36,14 @@ Unreleased
   - ``ServerFixture -> BackendFixture``
   - ``DisplayFixture.server -> DisplayFixture.backend``
 
+- :pull:`765` - ``exports_default`` parameter is not longer required for
+  ``module_from_template`` when exporting ``default``.
+
+**Added**
+
+- :pull:`765` - ability to specify versions with module templates (e.g.
+  ``module_from_template("react@^17.0.0", ...)``).
+
 
 v0.38.1
 -------

docs/source/reference/_examples/network_graph.py

@@ -4,10 +4,8 @@
 
 
 react_cytoscapejs = idom.web.module_from_template(
-    # we need to use this template because react-cytoscapejs uses a default export
     "react",
     "react-cytoscapejs",
-    exports_default=True,
     fallback="⌛",
 )
 Cytoscape = idom.web.export(react_cytoscapejs, "default")

src/idom/web/module.py

@@ -79,7 +79,6 @@ def module_from_template(
     package: str,
     cdn: str = "https://esm.sh",
     fallback: Optional[Any] = None,
-    exports_default: bool = False,
     resolve_exports: bool = IDOM_DEBUG_MODE.current,
     resolve_exports_depth: int = 5,
     unmount_before_update: bool = False,
@@ -110,8 +109,6 @@ def module_from_template(
             Where the package should be loaded from. The CDN must distribute ESM modules
         fallback:
             What to temporarilly display while the module is being loaded.
-        exports_default:
-            Whether the module has a default export.
         resolve_imports:
             Whether to try and find all the named exports of this module.
         resolve_exports_depth:
@@ -133,11 +130,7 @@ def module_from_template(
     # downstream code assumes no trailing slash
     cdn = cdn.rstrip("/")
 
-    template_file_name = (
-        template_name
-        + (".default" if exports_default else "")
-        + module_name_suffix(package_name)
-    )
+    template_file_name = template_name + module_name_suffix(package_name)
 
     template_file = Path(__file__).parent / "templates" / template_file_name
     if not template_file.exists():

src/idom/web/templates/react.default.js

@@ -3,6 +3,19 @@ export * from "$CDN/$PACKAGE";
 import * as React from "$CDN/react$VERSION";
 import * as ReactDOM from "$CDN/react-dom$VERSION";
 
+export default ({ children, ...props }) => {
+  const [{ component }, setComponent] = React.useState({});
+  React.useEffect(() => {
+    import("$CDN/$PACKAGE").then((module) => {
+      // dynamically load the default export since we don't know if it's exported.
+      setComponent({ component: module.default });
+    });
+  });
+  return component
+    ? React.createElement(component, props, ...(children || []))
+    : null;
+};
+
 export function bind(node, config) {
   return {
     create: (component, props, children) =>