T44d Web · What a browser cannot do says why; fonts resolve; the bundle builds

Demos that open a second window, take files, move the window, read the
clipboard or set native menus show a note on the web in the blocked style.
IBM Plex Sans Regular joins the assets, unmodified, where gpui's svg
renderer loads it: gpui_web answers .SystemUIFont with it. The gallery's
web entry registers a Hebrew cut of Noto Sans Hebrew. scripts/web.sh builds
the bundle with wasm-bindgen and wasm-opt -Oz, 20.0 MB, and fails past 25 MiB.

examples/gallery/pages/shell/chrome.rs

@@ -7,7 +7,7 @@ use ely_gpui_component::{
 };
 use gpui::{App, Div, IntoElement, ParentElement, Styled, Window, div, px};
 
-use crate::ui::{code, row, section, specimen, specimens};
+use crate::ui::{code, row, section, specimen, specimens, web_note};
 
 /// A window drawn inside the page.
 pub fn window_frame(width: f32, height: f32, cx: &App) -> Div {
@@ -116,6 +116,10 @@ pub fn window_controls(cx: &App) -> impl IntoElement + use<> {
         "Minimize and zoom act on this window. Close here only logs.",
         cx,
     ))
+    .children(web_note(
+        "A browser owns the page's window: gpui on the web only logs minimize and zoom.",
+        cx,
+    ))
 }
 
 pub fn drag_area(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
@@ -142,6 +146,10 @@ pub fn drag_area(window: &mut Window, cx: &mut App) -> impl IntoElement + use<>
             .child("Double-click to zoom this window"),
     )
     .child(code("drag_region(id, window, cx)", cx))
+    .children(web_note(
+        "A browser owns the page's window: gpui on the web neither moves nor zooms it.",
+        cx,
+    ))
 }
 
 pub fn resize_border(cx: &App) -> impl IntoElement + use<> {
@@ -154,6 +162,10 @@ pub fn resize_border(cx: &App) -> impl IntoElement + use<> {
         "Linux draws its own edges. This macOS window keeps the system's, so the border lays out only.",
     ))
     .child(code("ResizeBorder::new().child(app)", cx))
+    .children(web_note(
+        "A browser sizes the page's canvas itself: gpui on the web resizes no window from its edges.",
+        cx,
+    ))
 }
 
 pub fn menus(cx: &App) -> impl IntoElement + use<> {
@@ -177,4 +189,8 @@ pub fn menus(cx: &App) -> impl IntoElement + use<> {
     .child(Caption::new(
         "MenuBar draws the same menus inside the window. It lands with Menus, chapter 8.",
     ))
+    .children(web_note(
+        "A browser page has no menu bar and no Dock: gpui on the web keeps neither cx.set_menus nor cx.set_dock_menu.",
+        cx,
+    ))
 }

examples/gallery/pages/shell/status.rs

@@ -11,7 +11,7 @@ use gpui::{App, IntoElement, ParentElement, Styled, Window, div};
 use super::chrome::window_frame;
 use crate::{
     probe::{Opened, probe},
-    ui::{row, section, specimen},
+    ui::{own_window, row, section, specimen},
 };
 
 fn log_action(name: &'static str) -> impl Fn(&mut Window, &mut App) + 'static {
@@ -59,14 +59,17 @@ pub fn update_window(cx: &App) -> impl IntoElement + use<> {
                 .child(update_dialog().on_later(log_action("later"))),
             cx,
         ))
-        .child(probe(
-            "update-open",
-            Button::new("update-open", "Open update window")
-                .variant(ButtonVariant::Outline)
-                .on_click(|_, _, cx| match update_dialog().open(cx) {
-                    Ok(handle) => Opened::insert("update", handle.into(), cx),
-                    Err(error) => log::error!("gallery: update window failed: {error:#}"),
-                }),
+        .child(own_window(
+            probe(
+                "update-open",
+                Button::new("update-open", "Open update window")
+                    .variant(ButtonVariant::Outline)
+                    .on_click(|_, _, cx| match update_dialog().open(cx) {
+                        Ok(handle) => Opened::insert("update", handle.into(), cx),
+                        Err(error) => log::error!("gallery: update window failed: {error:#}"),
+                    }),
+            ),
+            cx,
         ))
 }
 
@@ -101,14 +104,17 @@ pub fn crash_reporter(cx: &App) -> impl IntoElement + use<> {
             .child(reporter(true)),
         cx,
     ))
-    .child(probe(
-        "crash-open",
-        Button::new("crash-open", "Open crash window")
-            .variant(ButtonVariant::Outline)
-            .on_click(move |_, _, cx| match reporter(false).open(cx) {
-                Ok(handle) => Opened::insert("crash", handle.into(), cx),
-                Err(error) => log::error!("gallery: crash window failed: {error:#}"),
-            }),
+    .child(own_window(
+        probe(
+            "crash-open",
+            Button::new("crash-open", "Open crash window")
+                .variant(ButtonVariant::Outline)
+                .on_click(move |_, _, cx| match reporter(false).open(cx) {
+                    Ok(handle) => Opened::insert("crash", handle.into(), cx),
+                    Err(error) => log::error!("gallery: crash window failed: {error:#}"),
+                }),
+        ),
+        cx,
     ))
 }
 

examples/gallery/pages/shell/system.rs

@@ -7,7 +7,7 @@ use gpui::{App, IntoElement, ParentElement, SharedString, Window};
 
 use crate::{
     probe::probe,
-    ui::{blocked, row, section},
+    ui::{blocked, row, section, web_note},
 };
 
 const ITEMS: [&str; 3] = ["Open gallery", "Toggle theme", "Quit"];
@@ -23,6 +23,10 @@ pub fn tray(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
         "An SF Symbol in the menu bar with a menu. macOS only.",
         cx,
     )
+    .children(web_note(
+        "A browser page has no menu bar to hold an icon, so showing one fails and logs why.",
+        cx,
+    ))
     .child(
         row()
             .child(probe(
@@ -113,6 +117,10 @@ pub fn dock(cx: &mut App) -> impl IntoElement + use<> {
         "A count on the app's Dock icon. macOS only.",
         cx,
     )
+    .children(web_note(
+        "A browser page has no Dock icon to badge, so setting one fails and logs why.",
+        cx,
+    ))
     .child(
         row()
             .child(probe(
@@ -138,7 +146,11 @@ pub fn notification(cx: &App) -> impl IntoElement + use<> {
         cx,
     )
     .child(blocked(
-        "Not yet shown: gpui posts a system notification only from an app bundle, and the gallery runs unbundled.",
+        if cfg!(target_family = "wasm") {
+            "Not shown: gpui on the web posts no system notification."
+        } else {
+            "Not yet shown: gpui posts a system notification only from an app bundle, and the gallery runs unbundled."
+        },
         cx,
     ))
 }