@perspective-dev/viewer 4.0.1 → 4.1.0

package/src/rust/utils/debounce.rs

@@ -18,15 +18,20 @@ use async_lock::Mutex;
 use perspective_js::utils::ApiResult;
 
 #[derive(Default)]
-pub struct DebounceMutexData {
+struct DebounceMutexData {
     id: Cell<u64>,
     mutex: Mutex<u64>,
 }
 
+/// An async `Mutex` type specialized for Perspective's rendering, which
+/// debounces calls in addition to providing exclusivity. Calling `debounce`
+/// with a _cancellable_ [`Future`] will resolve only after at least one
+/// _complete_ evaluation of a call awaiting the lock.
 #[derive(Clone, Default)]
 pub struct DebounceMutex(Rc<DebounceMutexData>);
 
 impl DebounceMutex {
+    /// Lock like a normal `Mutex`.
     pub async fn lock<T>(&self, f: impl Future<Output = T>) -> T {
         let mut last = self.0.mutex.lock().await;
         let next = self.0.id.get();
@@ -35,6 +40,7 @@ impl DebounceMutex {
         result
     }
 
+    /// Lock and also debounce `f`, which should be cancellable.
     pub async fn debounce(&self, f: impl Future<Output = ApiResult<()>>) -> ApiResult<()> {
         let next = self.0.id.get() + 1;
         let mut last = self.0.mutex.lock().await;

package/src/rust/utils/hooks/use_async_callback.rs

@@ -11,21 +11,11 @@
 // ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 
 use wasm_bindgen::__rt::IntoJsResult;
+use wasm_bindgen::JsValue;
 use wasm_bindgen_futures::future_to_promise;
 use yew::prelude::*;
 
-use crate::renderer::*;
-use crate::session::*;
-use crate::*;
-
-#[derive(Clone, Properties, PartialEq)]
-pub struct StatusIndicatorProps {
-    pub session: Session,
-    pub renderer: Renderer,
-    pub children: Children,
-}
-
-/// Just like `use_callback`, except convenient for an async cresult body.
+/// Just like `use_callback`, except convenient for an async result body.
 #[hook]
 pub fn use_async_callback<IN, OUT, F, D>(deps: D, f: F) -> Callback<IN, ()>
 where
@@ -34,14 +24,14 @@ where
     F: AsyncFn(IN, &D) -> OUT + 'static,
     D: Clone + PartialEq + 'static,
 {
-    let deps = std::rc::Rc::new(deps);
-    let f = std::rc::Rc::new(f);
+    use std::rc::Rc;
+
+    let deps = Rc::new(deps);
+    let f = Rc::new(f);
     (*use_memo(deps, move |deps| {
         let deps = deps.clone();
         let ff = move |value: IN| {
-            let value = value.clone();
-            let f = f.clone();
-            let deps = deps.clone();
+            perspective_client::clone!(value, f, deps);
             let _ = future_to_promise(async move {
                 f(value, &deps).await.into_js_result()?;
                 Ok(JsValue::UNDEFINED)

package/src/rust/utils/mod.rs

@@ -17,16 +17,12 @@
 //! reference other `crate::utils` modules when it helps reduce boiler-plate.
 
 mod browser;
-
 mod custom_element;
 mod datetime;
 mod debounce;
 mod hooks;
 mod number_format;
 mod pubsub;
-mod scope;
-mod tee;
-mod wasm_abi;
 mod weak_scope;
 
 #[cfg(test)]
@@ -40,10 +36,9 @@ pub use hooks::*;
 pub use number_format::*;
 pub use perspective_client::clone;
 pub use pubsub::*;
-pub use scope::*;
-pub use tee::*;
 pub use weak_scope::*;
 
+/// An implementaiton of `try_blocks` feature in a non-nightly macro.
 #[macro_export]
 macro_rules! maybe {
     ($($exp:stmt);*) => {{
@@ -57,8 +52,9 @@ macro_rules! maybe {
     }};
 }
 
+/// As `maybe!`, but returns `()` and just logs errors.
 #[macro_export]
-macro_rules! js_log_maybe {
+macro_rules! maybe_log {
     ($($exp:tt)+) => {{
         let x = ({
             #[inline(always)]
@@ -74,41 +70,33 @@ macro_rules! js_log_maybe {
 }
 
 #[macro_export]
-macro_rules! max {
-    ($x:expr) => ($x);
-    ($x:expr, $($z:expr),+ $(,)?) => {{
-        let x = $x;
-        let y = max!($($z),*);
-        if x > y {
-            x
-        } else {
-            y
-        }
-    }}
-}
-
-#[macro_export]
-macro_rules! min {
-    ($x:expr) => ($x);
-    ($x:expr, $($z:expr),+ $(,)?) => {{
-        let x = $x;
-        let y = min!($($z),*);
-        if x < y {
-            x
-        } else {
-            y
-        }
-    }}
+macro_rules! maybe_log_or_default {
+    ($($exp:tt)+) => {{
+        let x = ({
+            #[inline(always)]
+            || {
+                $($exp)+
+            }
+        })();
+        x.unwrap_or_else(|e| {
+            web_sys::console::warn_1(&e);
+            Default::default()
+        })
+    }};
 }
 
 #[macro_export]
-macro_rules! js_log {
-    ($x:expr) => {{
-        const DEBUG_ONLY_WARNING: &str = $x;
-        web_sys::console::log_1(&wasm_bindgen::JsValue::from($x));
-    }};
-    ($x:expr $(, $y:expr)*) => {{
-        const DEBUG_ONLY_WARNING: &str = $x;
-        web_sys::console::log_1(&format!($x, $($y),*).into());
+macro_rules! maybe_or_default {
+    ($($exp:tt)+) => {{
+        let x = ({
+            #[inline(always)]
+            || {
+                $($exp)+
+            }
+        })();
+        x.unwrap_or_else(|| {
+            web_sys::console::warn_1("Unwrap on Noner");
+            Default::default()
+        })
     }};
 }

package/src/rust/utils/number_format.rs

@@ -17,12 +17,10 @@ use perspective_js::json;
 use perspective_js::utils::global::navigator;
 use wasm_bindgen::JsValue;
 
-pub trait ToFormattedString {
-    fn to_formatted_string(&self) -> String;
-}
-
 struct UnsafeNumberFormat(Intl::NumberFormat);
 
+// JavaScript does not allow threading, but we do not have a non-threadsafe
+// way to conveniently make lazy static caches of JavaScript ref values.
 unsafe impl Send for UnsafeNumberFormat {}
 unsafe impl Sync for UnsafeNumberFormat {}
 
@@ -35,7 +33,10 @@ static NUMBER_FORMAT: LazyLock<UnsafeNumberFormat> = LazyLock::new(|| {
 
 impl UnsafeNumberFormat {}
 
-impl ToFormattedString for u32 {
+/// Trait for the [`u32::to_formatted_string`] method.
+#[extend::ext]
+pub impl u32 {
+    /// Format integers consistenly using the Browser's native `NumberFormat`.
     fn to_formatted_string(&self) -> String {
         NUMBER_FORMAT
             .0

package/src/rust/utils/pubsub.rs

@@ -18,9 +18,8 @@ use derivative::Derivative;
 use futures::channel::oneshot::*;
 use yew::prelude::*;
 
-/// An internal `HashSet` variant which supports unconstrained `T` e.g.
-/// without `Hash`, via returning a unique `usize` index for each insert
-/// which can be used for a reciprocal `remove(x: usize)`.
+/// A simple collection with lookup and remove with stable indices, for
+/// collecting `Box<dyn Fn()>` which do not implement [`Hash`].
 #[derive(Derivative)]
 #[derivative(Default(bound = ""))]
 struct IndexedSet<T> {
@@ -31,7 +30,10 @@ struct IndexedSet<T> {
 impl<T> IndexedSet<T> {
     fn insert(&mut self, v: T) -> usize {
         let key = self.gen_;
-        self.set.insert(key, v);
+        if self.set.insert(key, v).is_some() {
+            tracing::warn!("Collision");
+        };
+
         self.gen_ += 1;
         key
     }
@@ -56,7 +58,7 @@ type ListenerOnceSet<T> = IndexedSet<Box<dyn FnOnce(T) + 'static>>;
 
 #[derive(Derivative)]
 #[derivative(Default(bound = ""))]
-pub struct PubSubInternal<T: Clone> {
+struct PubSubInternal<T: Clone> {
     deleted: Cell<bool>,
     listeners: RefCell<ListenerSet<T>>,
     once_listeners: RefCell<ListenerOnceSet<T>>,
@@ -87,9 +89,8 @@ impl<T: Clone> PubSubInternal<T> {
 #[derivative(Default(bound = ""))]
 pub struct PubSub<T: Clone>(Rc<PubSubInternal<T>>);
 
-unsafe impl<T: Clone> Send for PubSub<T> {}
-unsafe impl<T: Clone> Sync for PubSub<T> {}
-
+/// An extension trait for [`AddListener::add_listener`], which we want to
+/// take a variety of function-like arguments for readability.
 pub trait AddListener<T> {
     /// Register a listener to this `PubSub<_>`, which will be automatically
     /// deregistered when the return `Subscription` is dropped.
@@ -109,18 +110,21 @@ impl<T: Clone + 'static> PubSub<T> {
     }
 
     /// Get this `PubSub<_>`'s `.emit_all()` method as a `Callback<T>`.
+    #[must_use]
     pub fn callback(&self) -> Callback<T> {
         let internal = self.0.clone();
         Callback::from(move |val: T| internal.emit(val))
     }
 
-    pub fn as_boxfn(&self) -> Box<dyn Fn(T) + Send + Sync + 'static> {
+    /// Convert [`PubSub::emit`] to a `Box<dyn Fn(T)>`.
+    #[must_use]
+    pub fn as_boxfn(&self) -> Box<dyn Fn(T) + 'static> {
         let internal = PubSub(self.0.clone());
         Box::new(move |val: T| internal.emit(val))
     }
 
     /// Await this `PubSub<_>`'s next call to `emit_all()`, once.
-    pub async fn listen_once(&self) -> Result<T, Canceled> {
+    pub async fn read_next(&self) -> Result<T, Canceled> {
         let (sender, receiver) = channel::<T>();
         let f = move |x| sender.send(x).unwrap_or(());
         self.0.once_listeners.borrow_mut().insert(Box::new(f));
@@ -130,6 +134,7 @@ impl<T: Clone + 'static> PubSub<T> {
     /// Create a `Subscriber` from this `PubSub`, which is the reciprocal of
     /// `PubSub::callback` (a struct which only allows sending), a struct which
     /// only allows receiving via `Subscriber::add_listener`.
+    #[must_use]
     pub fn subscriber(&self) -> Subscriber<T> {
         Subscriber(Rc::<PubSubInternal<T>>::downgrade(&self.0))
     }

package/src/rust/utils/weak_scope.rs

@@ -18,7 +18,7 @@ use derivative::Derivative;
 use yew::html::Scope;
 use yew::prelude::*;
 
-/// A mutable reference for capturing the `Scope<_>` props arguments, a useful
+/// A mutable reference for capturing the [`Scope`] props arguments, a useful
 /// function for tests.
 #[derive(Derivative)]
 #[derivative(Clone(bound = ""), Default(bound = ""))]
@@ -37,3 +37,13 @@ impl<C: Component> PartialEq for WeakScope<C> {
         Rc::ptr_eq(&self.0, &other.0)
     }
 }
+
+// #[extend::ext]
+// pub impl<T: Component> Context<T> {
+//     fn context<U: Clone + PartialEq + 'static>(&self) -> U {
+//         self.link()
+//             .context::<U>(Callback::from(|_| {}))
+//             .map(|(c, _)| c)
+//             .unwrap()
+//     }
+// }

package/src/svg/bookmark-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.66214 6.96476L0.5 9.86338V0.5H7.5V9.86338L4.33786 6.96476L4 6.65505L3.66214 6.96476Z" stroke="#042121"/>
+    <path d="M15 4L17 6L19 4" stroke="#042121" stroke-linecap="round"/>
+</svg>

package/src/svg/drag-handle copy.svg

@@ -0,0 +1,10 @@
+<svg width="5" height="12" viewBox="0 0 5 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.49996" cy="11.0001" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="11.0001" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="7.66683" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="7.66683" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="4.33333" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="4.33333" r="0.833333" fill="#6E6E6E"/>
+<circle cx="3.49996" cy="1.00008" r="0.833333" fill="#6E6E6E"/>
+<circle cx="0.833333" cy="1.00008" r="0.833333" fill="#6E6E6E"/>
+</svg>

package/src/svg/drawer-tab-hover.svg

@@ -1,8 +1,6 @@
-<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(0.5, 0.5)">
-        <path d="M 0 4 C 0 1 1 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z" stroke="#042121"></path>
-        <path
-            d="M 5.646 5.52 L 8.626 8.5 L 5.646 11.48 C 5.451 11.675 5.451 11.992 5.646 12.187 C 5.842 12.382 6.158 12.382 6.353 12.187 L 9.687 8.854 L 10.04 8.5 L 6.353 4.813 C 6.158 4.618 5.842 4.618 5.646 4.813 C 5.451 5.008 5.451 5.325 5.646 5.52 Z M 9.98 5.52 L 12.96 8.5 L 9.98 11.48 C 9.785 11.675 9.785 11.992 9.98 12.187 C 10.175 12.382 10.492 12.382 10.687 12.187 L 14.374 8.5 L 10.687 4.813 C 10.492 4.618 10.175 4.618 9.98 4.813 C 9.785 5.008 9.785 5.325 9.98 5.52 Z"
-            fill="#042121"></path>
-    </g>
+<svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(0.5, 0.5)">
+    <path d="M 0 4.471 C 0 1.118 1.118 0 4.471 0 L 29.059 0 L 29.059 19 L 4.471 19 C 2.002 19 0 16.998 0 14.529 L 0 4.471 Z" stroke="#042121"></path>
+    <path d="M 5.209 6.52 L 8.189 9.5 L 5.209 12.48 C 5.014 12.675 5.014 12.992 5.209 13.187 C 5.405 13.382 5.721 13.382 5.916 13.187 L 9.25 9.854 L 9.603 9.5 L 5.916 5.813 C 5.721 5.618 5.405 5.618 5.209 5.813 C 5.014 6.008 5.014 6.325 5.209 6.52 Z M 9.543 6.52 L 12.523 9.5 L 9.543 12.48 C 9.348 12.675 9.348 12.992 9.543 13.187 C 9.738 13.382 10.055 13.382 10.25 13.187 L 13.937 9.5 L 10.25 5.813 C 10.055 5.618 9.738 5.618 9.543 5.813 C 9.348 6.008 9.348 6.325 9.543 6.52 Z" fill="#042121"></path>
+  </g>
 </svg>

package/src/svg/drawer-tab-invert-hover.svg

@@ -1,9 +1,5 @@
-<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(0.5, 0.5)">
-        <path d="
-        M 0 4 C 0 1.791 1.791 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z
-        M 14.228 11.48 L 11.248 8.5 L 14.228 5.52 C 14.423 5.325 14.423 5.008 14.228 4.813 C 14.033 4.618 13.716 4.618 13.521 4.813 L 9.834 8.5 L 13.521 12.187 C 13.716 12.382 14.033 12.382 14.228 12.187 C 14.423 11.992 14.423 11.675 14.228 11.48 Z
-        M 9.894 11.48 L 6.914 8.5 L 9.894 5.52 C 10.089 5.325 10.089 5.008 9.894 4.813 C 9.698 4.618 9.382 4.618 9.187 4.813 L 5.853 8.146 L 5.5 8.5 L 9.187 12.187 C 9.382 12.382 9.698 12.382 9.894 12.187 C 10.089 11.992 10.089 11.675 9.894 11.48 Z 
-        " fill="#042121"></path>
-    </g>
+<svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(0.5, 0.5)">
+    <path d="M 9.457 12.48 L 6.477 9.5 L 9.457 6.52 C 9.652 6.325 9.652 6.008 9.457 5.813 C 9.261 5.618 8.945 5.618 8.75 5.813 L 5.416 9.146 L 5.063 9.5 L 8.75 13.187 C 8.945 13.382 9.261 13.382 9.457 13.187 C 9.652 12.992 9.652 12.675 9.457 12.48 Z M 13.791 12.48 L 10.811 9.5 L 13.791 6.52 C 13.986 6.325 13.986 6.008 13.791 5.813 C 13.596 5.618 13.279 5.618 13.084 5.813 L 9.397 9.5 L 13.084 13.187 C 13.279 13.382 13.596 13.382 13.791 13.187 C 13.986 12.992 13.986 12.675 13.791 12.48 Z M -0.5 4.206 C -0.5 1.608 1.608 -0.5 4.206 -0.5 L 30.088 -0.5 L 30.088 19.5 L 4.206 19.5 C 1.608 19.5 -0.5 17.392 -0.5 14.794 L -0.5 4.206 Z" fill="#042121"></path>
+  </g>
 </svg>

package/src/svg/drawer-tab-invert.svg

@@ -1,8 +1,5 @@
-<svg width="26" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(0.5, 0.5)">
-        <path d="
-            M 14.228 11.48 L 11.248 8.5 L 14.228 5.52 C 14.423 5.325 14.423 5.008 14.228 4.813 C 14.033 4.618 13.716 4.618 13.521 4.813 L 9.834 8.5 L 13.521 12.187 C 13.716 12.382 14.033 12.382 14.228 12.187 C 14.423 11.992 14.423 11.675 14.228 11.48 Z
-            M 9.894 11.48 L 6.914 8.5 L 9.894 5.52 C 10.089 5.325 10.089 5.008 9.894 4.813 C 9.698 4.618 9.382 4.618 9.187 4.813 L 5.853 8.146 L 5.5 8.5 L 9.187 12.187 C 9.382 12.382 9.698 12.382 9.894 12.187 C 10.089 11.992 10.089 11.675 9.894 11.48 Z 
-            " fill="#042121"></path>
-    </g>
+<svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M 14.291 12.98 L 11.311 10 L 14.291 7.02 C 14.486 6.825 14.486 6.508 14.291 6.313 C 14.096 6.118 13.779 6.118 13.584 6.313 L 9.897 10 L 13.584 13.687 C 13.779 13.882 14.096 13.882 14.291 13.687 C 14.486 13.492 14.486 13.175 14.291 12.98 Z M 9.957 12.98 L 6.977 10 L 9.957 7.02 C 10.152 6.825 10.152 6.508 9.957 6.313 C 9.761 6.118 9.445 6.118 9.25 6.313 L 5.916 9.646 L 5.563 10 L 9.25 13.687 C 9.445 13.882 9.761 13.882 9.957 13.687 C 10.152 13.492 10.152 13.175 9.957 12.98 Z" fill="#042121"></path>
+  </g>
 </svg>

package/src/svg/drawer-tab.svg

@@ -1,7 +1,5 @@
-<svg width="26" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(0.5, 0.5)">
-        <path
-            d="M 0 4 C 0 1.791 1.791 0 4 0 L 26 0 L 26 17 L 4 17 C 1.791 17 0 15.209 0 13 Z M 5.646 5.52 L 8.626 8.5 L 5.646 11.48 C 5.451 11.675 5.451 11.992 5.646 12.187 C 5.842 12.382 6.158 12.382 6.353 12.187 L 9.687 8.854 L 10.04 8.5 L 6.353 4.813 C 6.158 4.618 5.842 4.618 5.646 4.813 C 5.451 5.008 5.451 5.325 5.646 5.52 Z M 9.98 5.52 L 12.96 8.5 L 9.98 11.48 C 9.785 11.675 9.785 11.992 9.98 12.187 C 10.175 12.382 10.492 12.382 10.687 12.187 L 14.374 8.5 L 10.687 4.813 C 10.492 4.618 10.175 4.618 9.98 4.813 C 9.785 5.008 9.785 5.325 9.98 5.52 Z"
-            fill="#042121"></path>
-    </g>
+<svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(0.5, 0.5)">
+    <path d="M -0.5 4.206 C -0.5 1.607 1.607 -0.5 4.206 -0.5 L 30.088 -0.5 L 30.088 19.5 L 4.206 19.5 C 1.607 19.5 -0.5 17.393 -0.5 14.794 L -0.5 4.206 Z M 9.543 6.52 L 12.523 9.5 L 9.543 12.48 C 9.348 12.675 9.348 12.992 9.543 13.187 C 9.738 13.382 10.055 13.382 10.25 13.187 L 13.937 9.5 L 10.25 5.813 C 10.055 5.618 9.738 5.618 9.543 5.813 C 9.348 6.008 9.348 6.325 9.543 6.52 Z M 5.209 6.52 L 8.189 9.5 L 5.209 12.48 C 5.014 12.675 5.014 12.992 5.209 13.187 C 5.405 13.382 5.721 13.382 5.916 13.187 L 9.25 9.854 L 9.603 9.5 L 5.916 5.813 C 5.721 5.618 5.405 5.618 5.209 5.813 C 5.014 6.008 5.014 6.325 5.209 6.52 Z" fill="#042121"></path>
+  </g>
 </svg>

package/src/svg/status_ok.svg

@@ -1,26 +1,26 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 14V15" stroke="#042121" />
-    <path d="M9 14V15" stroke="#042121" />
-    <path d="M11 14V15" stroke="#042121" />
-    <path d="M12 14V15" stroke="#042121" />
-    <path d="M13 13V14" stroke="#042121" />
-    <path d="M14 12V13" stroke="#042121" />
-    <path d="M14 11V12" stroke="#042121" />
-    <path d="M14 10V11" stroke="#042121" />
-    <path d="M14 9V10" stroke="#042121" />
-    <path d="M14 8V9" stroke="#042121" />
-    <path d="M13 7V8" stroke="#042121" />
-    <path d="M12 6V7" stroke="#042121" />
-    <path d="M11 6V7" stroke="#042121" />
-    <path d="M10 6V7" stroke="#042121" />
-    <path d="M9 6V7" stroke="#042121" />
-    <path d="M8 6V7" stroke="#042121" />
-    <path d="M7 7V8" stroke="#042121" />
-    <path d="M6 8V9" stroke="#042121" />
-    <path d="M6 9V10" stroke="#042121" />
-    <path d="M6 10V11" stroke="#042121" />
-    <path d="M6 11V12" stroke="#042121" />
-    <path d="M6 12V13" stroke="#042121" />
-    <path d="M7 13V14" stroke="#042121" />
-    <path d="M8 14V15" stroke="#042121" />
+    <path d="M10 13.5V14.5" stroke="#042121" />
+    <path d="M9 13.5V14.5" stroke="#042121" />
+    <path d="M11 13.5V14.5" stroke="#042121" />
+    <path d="M12 13.5V14.5" stroke="#042121" />
+    <path d="M13 12.5V13.5" stroke="#042121" />
+    <path d="M14 11.5V12.5" stroke="#042121" />
+    <path d="M14 10.5V11.5" stroke="#042121" />
+    <path d="M14 9.5V10.5" stroke="#042121" />
+    <path d="M14 8.5V9.5" stroke="#042121" />
+    <path d="M14 7.5V8.5" stroke="#042121" />
+    <path d="M13 6.5V7.5" stroke="#042121" />
+    <path d="M12 5.5V6.5" stroke="#042121" />
+    <path d="M11 5.5V6.5" stroke="#042121" />
+    <path d="M10 5.5V6.5" stroke="#042121" />
+    <path d="M9 5.5V6.5" stroke="#042121" />
+    <path d="M8 5.5V6.5" stroke="#042121" />
+    <path d="M7 6.5V7.5" stroke="#042121" />
+    <path d="M6 7.5V8.5" stroke="#042121" />
+    <path d="M6 8.5V9.5" stroke="#042121" />
+    <path d="M6 9.5V10.5" stroke="#042121" />
+    <path d="M6 10.5V11.5" stroke="#042121" />
+    <path d="M6 11.5V12.5" stroke="#042121" />
+    <path d="M7 12.5V13.5" stroke="#042121" />
+    <path d="M8 13.5V14.5" stroke="#042121" />
 </svg>

package/src/ts/extensions.ts

@@ -11,17 +11,29 @@
 // ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 
 import type { HTMLPerspectiveViewerPluginElement } from "./plugin";
-import { PerspectiveViewerElement } from "../../dist/wasm/perspective-viewer.js";
+import type { PerspectiveViewerElement } from "../../dist/wasm/perspective-viewer.js";
 import type React from "react";
-import { ViewerConfigUpdate } from "./ts-rs/ViewerConfigUpdate.js";
+import type { ViewerConfigUpdate } from "./ts-rs/ViewerConfigUpdate.js";
 import type { ViewWindow } from "@perspective-dev/client";
+import type {
+    ExportDropDownMenuElement,
+    CopyDropDownMenuElement,
+} from "../../dist/wasm/perspective-viewer.d.ts";
 
-// JSX / React extensions
+// DOM extensions
 
 export type HTMLPerspectiveViewerElement = PerspectiveViewerElement &
     PerspectiveViewerElementExt &
     HTMLElement;
 
+export interface HTMLPerspectiveViewerExportMenuElement
+    extends HTMLElement,
+        ExportDropDownMenuElement {}
+
+export interface HTMLPerspectiveViewerCopyMenuElement
+    extends HTMLElement,
+        CopyDropDownMenuElement {}
+
 export type PerspectiveClickEventDetail = {
     config: ViewerConfigUpdate;
     row: Record<string, any>;
@@ -32,6 +44,8 @@ export type PerspectiveSelectEventDetail = {
     view_window: ViewWindow;
 };
 
+// JSX / React extensions
+
 type ReactPerspectiveViewerAttributes<T> = React.HTMLAttributes<T>;
 
 type JsxPerspectiveViewerElement = { class?: string } & React.DetailedHTMLProps<
@@ -111,14 +125,48 @@ export interface PerspectiveViewerElementExt {
         options?: { signal: AbortSignal },
     ): void;
 
+    addEventListener(
+        name: "perspective-toggle-settings-before",
+        cb: (e: CustomEvent) => void,
+        options?: { signal: AbortSignal },
+    ): void;
+
     addEventListener(
         name: "perspective-config-update",
         cb: (e: CustomEvent) => void,
         options?: { signal: AbortSignal },
     ): void;
 
+    addEventListener(
+        name: "perspective-statusbar-pointerdown",
+        cb: (e: CustomEvent) => void,
+        options?: { signal: AbortSignal },
+    ): void;
+
+    addEventListener(
+        name: "perspective-table-delete",
+        cb: (e: CustomEvent) => void,
+        options?: { signal: AbortSignal },
+    ): void;
+
+    addEventListener(
+        name: "perspective-table-delete-before",
+        cb: (e: CustomEvent) => void,
+        options?: { signal: AbortSignal },
+    ): void;
+
     removeEventListener(name: "perspective-click", cb: any): void;
     removeEventListener(name: "perspective-select", cb: any): void;
     removeEventListener(name: "perspective-toggle-settings", cb: any): void;
+    removeEventListener(
+        name: "perspective-toggle-settings-before",
+        cb: any,
+    ): void;
     removeEventListener(name: "perspective-config-update", cb: any): void;
+    removeEventListener(
+        name: "perspective-statusbar-pointerdown",
+        cb: any,
+    ): void;
+    removeEventListener(name: "perspective-table-delete", cb: any): void;
+    removeEventListener(name: "perspective-table-delete-before", cb: any): void;
 }

package/src/ts/perspective-viewer.ts

@@ -13,7 +13,7 @@
 /**
  * Module for the `<perspective-viewer>` custom element.  This module has no
  * (real) exports, but importing it has a side effect: the
- * `PerspectiveViewerElement`class is registered as a custom element, after
+ * `PerspectiveViewerElement` class is registered as a custom element, after
  * which it can be used as a standard DOM element.
  *
  * Though `<perspective-viewer>` is written mostly in Rust, the nature
@@ -33,20 +33,8 @@
 
 export { IPerspectiveViewerPlugin } from "./plugin";
 export { HTMLPerspectiveViewerPluginElement } from "./plugin";
-import {
-    ExportDropDownMenuElement,
-    CopyDropDownMenuElement,
-} from "../../dist/wasm/perspective-viewer";
 
-export interface HTMLPerspectiveViewerExportMenu
-    extends HTMLElement,
-        ExportDropDownMenuElement {}
-
-export interface HTMLPerspectiveViewerCopyMenu
-    extends HTMLElement,
-        CopyDropDownMenuElement {}
-
-export * from "./extensions";
+export type * from "./extensions.ts";
 export type * from "./ts-rs/ViewerConfigUpdate.d.ts";
 export type * from "./ts-rs/ColumnConfigValues.d.ts";
 export type * from "./ts-rs/Filter.d.ts";

package/src/ts/plugin.ts

@@ -10,7 +10,7 @@
 // ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
 // ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 
-import { View } from "@perspective-dev/client";
+import type { View } from "@perspective-dev/client";
 
 // import type * as perspective from "@perspective-dev/client";
 

package/src/ts/ts-rs/ViewerConfigUpdate.ts

@@ -8,7 +8,7 @@ import type { OptionalUpdate } from "./OptionalUpdate.js";
 import type { PluginConfig } from "./PluginConfig.js";
 import type { Sort } from "./Sort.js";
 
-export type ViewerConfigUpdate = { version?: OptionalUpdate<string>, plugin?: OptionalUpdate<string>, title?: OptionalUpdate<string>, theme?: OptionalUpdate<string>, settings?: OptionalUpdate<boolean>, plugin_config?: PluginConfig | null, columns_config?: OptionalUpdate<{ [key in string]?: ColumnConfigValues }>, 
+export type ViewerConfigUpdate = { version?: OptionalUpdate<string>, plugin?: OptionalUpdate<string>, title?: OptionalUpdate<string>, table?: OptionalUpdate<string>, theme?: OptionalUpdate<string>, settings?: OptionalUpdate<boolean>, plugin_config?: PluginConfig | null, columns_config?: OptionalUpdate<{ [key in string]?: ColumnConfigValues }>, 
 /**
  * A group by _groups_ the dataset by the unique values of each column used
  * as a group by - a close analogue in SQL to the `GROUP BY` statement.