whiteboard html jupyter output: fix #8442, fix #8000

Author: williamstein

src/packages/frontend/jupyter/cell-list.tsx

@@ -37,6 +37,7 @@ import { Cell } from "./cell";
 import HeadingTagComponent from "./heading-tag";
 
 interface StableHtmlContextType {
+  enabled?: boolean;
   cellListDivRef?: MutableRefObject<any>;
   scrollOrResize?: { [key: string]: () => void };
 }
@@ -571,7 +572,9 @@ export const CellList: React.FC<CellListProps> = (props: CellListProps) => {
 
   if (use_windowed_list) {
     body = (
-      <StableHtmlContext.Provider value={{ cellListDivRef, scrollOrResize }}>
+      <StableHtmlContext.Provider
+        value={{ cellListDivRef, scrollOrResize, enabled: true }}
+      >
         <div ref={cellListDivRef} className="smc-vfill">
           <Virtuoso
             ref={virtuosoRef}

src/packages/frontend/jupyter/output-messages/stable-unsafe-html.tsx

@@ -24,7 +24,7 @@ If for any reason the react element exists or the parent is scrolled, then
 the idle timeout is reset.
 */
 
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import $ from "jquery";
 import { useFrameContext } from "@cocalc/frontend/frame-editors/frame-tree/frame-context";
 import { useStableHtmlContext } from "@cocalc/frontend/jupyter/cell-list";
@@ -86,11 +86,39 @@ export default function StableUnsafeHtml({
   html,
   zIndex = Z_INDEX, // todo: support changing?
 }: Props) {
+  const stableHtmlContext = useStableHtmlContext();
+  if (stableHtmlContext.enabled) {
+    return (
+      <EnabledStableUnsafeHtml
+        docId={docId}
+        html={html}
+        zIndex={zIndex}
+        stableHtmlContext={stableHtmlContext}
+      />
+    );
+  } else {
+    return <DisabledStableUnsafeHtml html={html} />;
+  }
+}
+
+export function DisabledStableUnsafeHtml({ html }) {
+  const elt = useMemo(
+    () => <div style={STYLE} dangerouslySetInnerHTML={{ __html: html }}></div>,
+    [html],
+  );
+  return elt;
+}
+
+export function EnabledStableUnsafeHtml({
+  docId,
+  html,
+  zIndex = Z_INDEX, // todo: support changing?
+  stableHtmlContext,
+}) {
   const divRef = useRef<any>(null);
   const cellOutputDivRef = useRef<any>(null);
   const intervalRef = useRef<any>(null);
   const { isVisible, project_id, path, id } = useFrameContext();
-  const stableHtmlContext = useStableHtmlContext();
   const htmlRef = useRef<string>(html);
   const globalKeyRef = useRef<string>(
     sha1(`${project_id}-${id}-${docId}-${path}-${html}`),

src/packages/util/db-schema/accounts.ts

@@ -471,13 +471,13 @@ Table({
             undo_depth: 300,
             jupyter_classic: false,
             jupyter_window: false,
-            disable_jupyter_windowing: false,
+            disable_jupyter_windowing: true,
             show_exec_warning: true,
             physical_keyboard: "default",
             keyboard_variant: "",
             ask_jupyter_kernel: true,
             show_my_other_cursors: false,
-            disable_jupyter_virtualization: false,
+            disable_jupyter_virtualization: true,
           },
           other_settings: {
             katex: true,

src/packages/util/smc-version.js

@@ -1,2 +1,2 @@
 /* autogenerated by the update_version script */
-exports.version=1753891241;
+exports.version=1755363036;