Fix widgets disconnect (#786)

* 🔝 bump `@jupyterlite/pyodide-` deps

* 🔌 apply default lite plugin settings

.changeset/lovely-roses-dance.md

@@ -0,0 +1,7 @@
+---
+'thebe-react': minor
+'thebe-lite': minor
+'demo-simple': minor
+---
+
+Clients no longer have to explicitly supply `litePluginSettings` unless they explicitly want to override them. This simplifies upgrades as clients should just bump packages, and the correct plugin settings for the bundled pyodide kernel will be applied by default.

.changeset/selfish-feet-travel.md

@@ -0,0 +1,5 @@
+---
+'thebe-lite': minor
+---
+
+Upgrading `@jupyterlite/pyodide-kernel-extension` to fix ipywidget disconnect issues.

apps/simple/static/index.html

@@ -19,18 +19,6 @@
         }
       }
     </script>
-    <script id="jupyter-config-data" type="application/json">
-      {
-        "litePluginSettings": {
-          "@jupyterlite/pyodide-kernel-extension:kernel": {
-            "pipliteUrls": ["https://unpkg.com/@jupyterlite/[email protected]/pypi/all.json"],
-            "pipliteWheelUrl": "https://unpkg.com/@jupyterlite/[email protected]/pypi/piplite-0.4.2-py3-none-any.whl"
-          }
-        },
-        "enableMemoryStorage": true,
-        "settingsStorageDrivers": ["memoryStorageDriver"]
-      }
-    </script>
     <!-- this following is the thebe entrypoint script -->
     <script src="thebe-lite.min.js"></script>
     <script src="index.js"></script>

apps/simple/static/ipywidgets-lite.html

@@ -11,18 +11,6 @@
         useBinder: false
       }
     </script>
-    <script id="jupyter-config-data" type="application/json">
-      {
-        "litePluginSettings": {
-          "@jupyterlite/pyodide-kernel-extension:kernel": {
-            "pipliteUrls": ["https://unpkg.com/@jupyterlite/[email protected]/pypi/all.json"],
-            "pipliteWheelUrl": "https://unpkg.com/@jupyterlite/[email protected]/pypi/piplite-0.4.2-py3-none-any.whl"
-          }
-        },
-        "enableMemoryStorage": true,
-        "settingsStorageDrivers": ["memoryStorageDriver"]
-      }
-    </script>
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"

apps/simple/static/lite.html

@@ -11,18 +11,6 @@
         useBinder: false
       }
     </script>
-    <script id="jupyter-config-data" type="application/json">
-      {
-        "litePluginSettings": {
-          "@jupyterlite/pyodide-kernel-extension:kernel": {
-            "pipliteUrls": ["https://unpkg.com/@jupyterlite/[email protected]/pypi/all.json"],
-            "pipliteWheelUrl": "https://unpkg.com/@jupyterlite/[email protected]/pypi/piplite-0.4.2-py3-none-any.whl"
-          }
-        },
-        "enableMemoryStorage": true,
-        "settingsStorageDrivers": ["memoryStorageDriver"]
-      }
-    </script>
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"

packages/lite/package.json

@@ -46,10 +46,10 @@
   "homepage": "https://github.com/executablebooks/thebe#readme",
   "dependencies": {
     "@jupyterlab/coreutils": "^6.2.5",
-    "@jupyterlite/pyodide-kernel": "0.4.2",
-    "@jupyterlite/pyodide-kernel-extension": "0.4.2",
-    "@jupyterlite/server": "0.4.1",
-    "@jupyterlite/server-extension": "0.4.1",
+    "@jupyterlite/pyodide-kernel": "0.4.7",
+    "@jupyterlite/pyodide-kernel-extension": "0.4.7",
+    "@jupyterlite/server": "0.4.5",
+    "@jupyterlite/server-extension": "0.4.5",
     "hook-shell-script-webpack-plugin": "^0.1.4"
   },
   "devDependencies": {

packages/lite/src/jlite.ts

@@ -44,9 +44,29 @@ export async function startJupyterLiteServer(config?: LiteServerConfig): Promise
    * Do not rely on a configuration being on the document body, accept configuration via arguments
    * and set options on the page config directly
    */
-  if (config?.litePluginSettings) {
-    PageConfig.setOption('litePluginSettings', JSON.stringify(config.litePluginSettings));
-  }
+  const defaultLiteConfig = {
+    litePluginSettings: {
+      '@jupyterlite/pyodide-kernel-extension:kernel': {
+        pipliteUrls: ['https://unpkg.com/@jupyterlite/[email protected]/pypi/all.json'],
+        pipliteWheelUrl:
+          'https://unpkg.com/@jupyterlite/[email protected]/pypi/piplite-0.4.7-py3-none-any.whl',
+      },
+    },
+    enableMemoryStorage: true,
+    settingsStorageDrivers: ['memoryStorageDriver'],
+  };
+  PageConfig.setOption(
+    'litePluginSettings',
+    JSON.stringify({ ...defaultLiteConfig.litePluginSettings, ...config?.litePluginSettings }),
+  );
+  PageConfig.setOption(
+    'enableMemoryStorage',
+    JSON.stringify(config?.enableMemoryStorage ?? defaultLiteConfig.enableMemoryStorage),
+  );
+  PageConfig.setOption(
+    'settingsStorageDrivers',
+    JSON.stringify(config?.settingsStorageDrivers ?? defaultLiteConfig.settingsStorageDrivers),
+  );
 
   /**
    * Seems like there are 4 different extensions we may want to handle

packages/lite/src/types.ts

@@ -15,7 +15,9 @@ import type { ServiceManager } from '@jupyterlab/services';
  */
 
 export type LiteServerConfig = {
-  litePluginSettings: Record<string, any>;
+  litePluginSettings?: Record<string, any>;
+  enableMemoryStorage?: boolean;
+  settingsStorageDrivers?: string[];
 };
 
 export interface ThebeLiteGlobal {

packages/react/src/ThebeServerProvider.tsx

@@ -92,16 +92,7 @@ export function ThebeServerProvider({
     setConnecting(true);
     if (customConnectFn) customConnectFn(server);
     else if (useBinder) server.connectToServerViaBinder(customRepoProviders);
-    else if (useJupyterLite)
-      server.connectToJupyterLiteServer({
-        litePluginSettings: {
-          '@jupyterlite/pyodide-kernel-extension:kernel': {
-            pipliteUrls: ['https://unpkg.com/@jupyterlite/[email protected]/pypi/all.json'],
-            pipliteWheelUrl:
-              'https://unpkg.com/@jupyterlite/[email protected]/pypi/piplite-0.4.2-py3-none-any.whl',
-          },
-        },
-      });
+    else if (useJupyterLite) server.connectToJupyterLiteServer();
     else server.connectToJupyterServer();
 
     server.ready.then(