@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.js

@@ -1 +1,96 @@
-import SvgIconPause from"../../icons/components/IconPause.js";import SvgIconPlayFilled from"../../icons/components/IconPlayFilled.js";import SvgIconRecordStop from"../../icons/components/IconRecordStop.js";import SvgIconRecord from"../../icons/components/IconRecord.js";import SvgIconRefresh from"../../icons/components/IconRefresh.js";import SvgIconSave from"../../icons/components/IconSave.js";import Toolbar from"../../../components/Toolbar/Toolbar.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var VideoRecorderToolbar=({playing,recording,recorded,saving,saved,hideSaveAction,handleRecord,handleStop,handlePlayPause,handleReset,handleSave})=>{let{t}=useTranslation();return jsx(Toolbar,{items:[{type:`icon`,name:`record`,props:{icon:jsx(SvgIconRecord,{color:recording||recorded?``:`red`}),color:`danger`,disabled:recording||recorded||saving,onClick:handleRecord,"aria-label":t(`bbm.video.record.start`)},tooltip:t(`bbm.video.record.start`)},{type:`icon`,name:`stop`,props:{icon:jsx(SvgIconRecordStop,{}),disabled:!recording||recorded||saving,onClick:handleStop,"aria-label":t(`bbm.video.record.stop`)},tooltip:t(`bbm.video.record.stop`)},{type:`icon`,name:`play`,visibility:playing?`hide`:`show`,props:{icon:jsx(SvgIconPlayFilled,{}),disabled:!recorded||saving,onClick:handlePlayPause,"aria-label":t(`bbm.video.play.start`)},tooltip:t(`bbm.video.play.start`)},{type:`icon`,name:`pause`,visibility:playing?`show`:`hide`,props:{icon:jsx(SvgIconPause,{}),disabled:!recorded||saving,onClick:handlePlayPause,"aria-label":t(`bbm.video.play.pause`)},tooltip:t(`bbm.video.play.pause`)},{type:`divider`},{type:`icon`,name:`reset`,props:{icon:jsx(SvgIconRefresh,{}),disabled:!recorded||saving,onClick:handleReset,"aria-label":t(`bbm.video.record.reset`)},tooltip:t(`bbm.video.record.reset`)},{type:`icon`,name:`save`,visibility:hideSaveAction?`hide`:`show`,props:{icon:jsx(SvgIconSave,{}),disabled:!recorded||saving||saved,onClick:handleSave,"aria-label":t(`bbm.video.record.save`)},tooltip:t(`bbm.video.record.save`)}],className:`position-absolute bottom-0 start-50 bg-white`})};export{VideoRecorderToolbar};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconPause from "../../icons/components/IconPause.js";
+import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
+import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
+import SvgIconRecord from "../../icons/components/IconRecord.js";
+import SvgIconRefresh from "../../icons/components/IconRefresh.js";
+import SvgIconSave from "../../icons/components/IconSave.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+const VideoRecorderToolbar = ({
+  playing,
+  recording,
+  recorded,
+  saving,
+  saved,
+  hideSaveAction,
+  handleRecord,
+  handleStop,
+  handlePlayPause,
+  handleReset,
+  handleSave
+}) => {
+  const {
+    t
+  } = useTranslation(), toolbarItems = [{
+    type: "icon",
+    name: "record",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
+      color: "danger",
+      disabled: recording || recorded || saving,
+      onClick: handleRecord,
+      "aria-label": t("bbm.video.record.start")
+    },
+    tooltip: t("bbm.video.record.start")
+  }, {
+    type: "icon",
+    name: "stop",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
+      disabled: !recording || recorded || saving,
+      onClick: handleStop,
+      "aria-label": t("bbm.video.record.stop")
+    },
+    tooltip: t("bbm.video.record.stop")
+  }, {
+    type: "icon",
+    name: "play",
+    visibility: playing ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.start")
+    },
+    tooltip: t("bbm.video.play.start")
+  }, {
+    type: "icon",
+    name: "pause",
+    visibility: playing ? "show" : "hide",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.pause")
+    },
+    tooltip: t("bbm.video.play.pause")
+  }, {
+    type: "divider"
+  }, {
+    type: "icon",
+    name: "reset",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
+      disabled: !recorded || saving,
+      onClick: handleReset,
+      "aria-label": t("bbm.video.record.reset")
+    },
+    tooltip: t("bbm.video.record.reset")
+  }, {
+    type: "icon",
+    name: "save",
+    visibility: hideSaveAction ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
+      disabled: !recorded || saving || saved,
+      onClick: handleSave,
+      "aria-label": t("bbm.video.record.save")
+    },
+    tooltip: t("bbm.video.record.save")
+  }];
+  return /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" });
+};
+export {
+  VideoRecorderToolbar
+};

package/dist/modules/multimedia/VideoRecorder/useCameras.js

@@ -1 +1,86 @@
-import useBrowserInfo from"../../../hooks/useBrowserInfo/useBrowserInfo.js";import{useEffect,useState}from"react";import{useTranslation}from"react-i18next";var VIDEO_HEIGHT=9,VIDEO_WIDTH=16;function useCameras(){let{device}=useBrowserInfo(navigator.userAgent),{t}=useTranslation(),[inputDevices,setInputDevices]=useState([]),[mediaStreamConstraints,setMediaStreamConstraints]=useState({audio:!0,video:!0}),[stream,setStream]=useState();async function getVideoInputDevices(){return(await navigator.mediaDevices.enumerateDevices()).filter(device=>device.kind===`videoinput`)}let enableStream=async constraints=>{try{setStream(await navigator.mediaDevices.getUserMedia(constraints))}catch(err){console.error(err)}},restartStream=()=>{stream?.getTracks().forEach(track=>track.stop()),enableStream(mediaStreamConstraints)};return useEffect(()=>{restartStream()},[mediaStreamConstraints]),useEffect(()=>{async function initInputDevices(){await enableStream(mediaStreamConstraints);let videoDevices=await getVideoInputDevices();switch(device.type){case`mobile`:case`tablet`:{let backCamera={deviceId:`environment`,label:t(`video.back.camera`),groupId:``,kind:`videoinput`},frontCamera={deviceId:`user`,label:t(`video.front.camera`),groupId:``,kind:`videoinput`};videoDevices?.length>1?setInputDevices([backCamera,frontCamera]):setInputDevices([backCamera]);break}default:setInputDevices(videoDevices);break}}initInputDevices()},[]),{inputDevices,setPreferedDevice:device=>{let constraints={};device?.deviceId?(constraints=device.deviceId===`environment`||device.deviceId===`user`?{audio:!0,video:{aspectRatio:VIDEO_WIDTH/VIDEO_HEIGHT,facingMode:device?.deviceId}}:{audio:!0,video:{aspectRatio:VIDEO_WIDTH/VIDEO_HEIGHT,deviceId:{exact:device.deviceId}}},setMediaStreamConstraints(constraints)):console.error(`Selected input device id is null`)},stream,restartStream}}export{useCameras};
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
+const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16;
+function useCameras() {
+  const {
+    device
+  } = useBrowserInfo(navigator.userAgent), {
+    t
+  } = useTranslation(), [inputDevices, setInputDevices] = useState([]), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
+    audio: !0,
+    video: !0
+  }), [stream, setStream] = useState();
+  async function getVideoInputDevices() {
+    return (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
+  }
+  const enableStream = async (constraints) => {
+    try {
+      const mediaStream = await navigator.mediaDevices.getUserMedia(constraints);
+      setStream(mediaStream);
+    } catch (err) {
+      console.error(err);
+    }
+  }, restartStream = () => {
+    stream == null || stream.getTracks().forEach((track) => track.stop()), enableStream(mediaStreamConstraints);
+  }, setPreferedDevice = (device2) => {
+    let constraints = {};
+    device2 != null && device2.deviceId ? (device2.deviceId === "environment" || device2.deviceId === "user" ? constraints = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        facingMode: device2 == null ? void 0 : device2.deviceId
+      }
+    } : constraints = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        deviceId: {
+          exact: device2.deviceId
+        }
+      }
+    }, setMediaStreamConstraints(constraints)) : console.error("Selected input device id is null");
+  };
+  return useEffect(() => {
+    restartStream();
+  }, [mediaStreamConstraints]), useEffect(() => {
+    async function initInputDevices() {
+      await enableStream(mediaStreamConstraints);
+      const videoDevices = await getVideoInputDevices();
+      switch (device.type) {
+        case "mobile":
+        case "tablet": {
+          const backCamera = {
+            deviceId: "environment",
+            label: t("video.back.camera"),
+            groupId: "",
+            kind: "videoinput"
+          }, frontCamera = {
+            deviceId: "user",
+            label: t("video.front.camera"),
+            groupId: "",
+            kind: "videoinput"
+          };
+          (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
+          break;
+        }
+        default:
+          setInputDevices(videoDevices);
+          break;
+      }
+    }
+    initInputDevices();
+  }, []), {
+    /** Readonly list (array) of available video input devices. */
+    inputDevices,
+    /** Select which input video device to use. */
+    setPreferedDevice,
+    /** The current video stream. */
+    stream,
+    /** Start a video stream from the default or prefered device. */
+    restartStream
+  };
+}
+export {
+  useCameras
+};

package/dist/modules/multimedia/Workspace/Workspace.js

@@ -1 +1,172 @@
-import SvgIconSortAscendingLetters from"../../icons/components/IconSortAscendingLetters.js";import SvgIconSortDescendingLetters from"../../icons/components/IconSortDescendingLetters.js";import SvgIconSortTime from"../../icons/components/IconSortTime.js";import FileCard from"../FileCard/FileCard.js";import{findTreeNode}from"../../../components/TreeView/utilities/treeview.js";import useWorkspaceSearch from"../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";import SearchBar from"../../../components/SearchBar/SearchBar.js";import Dropdown from"../../../components/Dropdown/Dropdown.js";import EmptyScreen from"../../../components/EmptyScreen/EmptyScreen.js";import{Grid}from"../../../components/Grid/Grid.js";import LoadingScreen from"../../../components/LoadingScreen/LoadingScreen.js";import TreeView from"../../../components/TreeView/TreeView.js";import clsx$1 from"clsx";import{useCallback,useEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import illuTrash from"@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";var Workspace=({roles,onSelect,multiple=!0,className,defaultFolder,showPublicFolder})=>{let{t}=useTranslation(),{root:ownerRoot,loadContent:loadOwnerDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.owner`),`owner`,roles),{root:sharedRoot,loadContent:loadSharedDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.shared`),`shared`,roles),{root:protectRoot,loadContent:loadProtectedDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.protected`),`protected`,roles),{root:publicRoot,loadContent:loadPublicDocs}=useWorkspaceSearch(`root`,t(`workspace.tree.public`),`public`,roles),ownerRef=useRef(null),sharedRef=useRef(null),protectRef=useRef(null),publicRef=useRef(null),[currentFilter,setCurrentFilter]=useState(()=>defaultFolder===`public`?showPublicFolder?defaultFolder:`protected`:defaultFolder===`protected`||defaultFolder===`shared`?defaultFolder:`owner`),[currentNode,setCurrentNode]=useState(()=>defaultFolder===`public`?showPublicFolder?publicRoot:protectRoot:defaultFolder===`protected`?protectRoot:defaultFolder===`shared`?sharedRoot:ownerRoot),[documents,setDocuments]=useState(),[searchTerm,setSearchTerm]=useState(null),[sortOrder,setSortOrder]=useState([`modified`,`desc`]),[selectedDocuments,setSelectedDocuments]=useState([]),rootNodeFor=useCallback(filter=>{switch(filter){case`owner`:return{root:ownerRoot,othersRef:[sharedRef,protectRef,publicRef]};case`shared`:return{root:sharedRoot,othersRef:[ownerRef,protectRef,publicRef]};case`protected`:return{root:protectRoot,othersRef:[ownerRef,sharedRef,publicRef]};case`public`:return{root:publicRoot,othersRef:[ownerRef,sharedRef,protectRef]};default:throw`no.root.node`}},[ownerRoot,sharedRoot,protectRoot,publicRoot]),loadContent=useCallback(()=>{switch(currentFilter){case`owner`:loadOwnerDocs(currentNode.id);break;case`shared`:loadSharedDocs(currentNode.id);break;case`protected`:loadProtectedDocs(currentNode.id);break;case`public`:loadPublicDocs(currentNode.id);break;default:throw`no.way`}},[currentFilter,currentNode.id,loadOwnerDocs,loadProtectedDocs,loadPublicDocs,loadSharedDocs]);function selectAndLoadContent(filter,nodeId){setCurrentFilter(filter);let{root,othersRef}=rootNodeFor(filter),targetNode=findTreeNode(root,node=>node.id===nodeId);targetNode&&(setCurrentNode(targetNode),othersRef.forEach(otherRef=>otherRef.current?.unselectAll()))}useEffect(()=>{let ref;switch(currentFilter){case`owner`:ref=ownerRef;break;case`shared`:ref=sharedRef;break;case`protected`:ref=protectRef;break;case`public`:ref=publicRef;break;default:return}ref?.current?.select(`root`)},[currentFilter]),useEffect(loadContent,[loadContent]),useEffect(()=>{if(currentNode.files){let list=[].concat(currentNode.files);searchTerm&&(list=list.filter(f=>f.name.indexOf(searchTerm)>=0));let sortFunction=sortOrder[0]===`name`?sortOrder[1]===`asc`?(a,b)=>compare(a.name,b.name):(a,b)=>compare(b.name,a.name):(a,b)=>compare(b.modified,a.modified);setDocuments(()=>list.sort(sortFunction))}else setDocuments(void 0)},[currentNode,ownerRoot,protectRoot,sharedRoot,publicRoot,searchTerm,sortOrder]);let handleSearchChange=useCallback(e=>{setSearchTerm(e.target.value)},[setSearchTerm]);function compare(a,b){return a?b?a.localeCompare(b):1:-1}function getSortOrderLabel(){return sortOrder[0]===`name`?sortOrder[1]===`asc`?t(`sort.order.alpha.asc`):t(`sort.order.alpha.desc`):t(`sort.order.modify.desc`)}function handleSelectDoc(doc){let currentDocuments=[...selectedDocuments];currentDocuments=multiple?currentDocuments.includes(doc)?currentDocuments.filter(selectedDocument=>selectedDocument._id!==doc._id):[...currentDocuments,doc]:[doc],setSelectedDocuments(currentDocuments),onSelect(currentDocuments)}return jsxs(Grid,{className:clsx$1(`workspace flex-grow-1 gap-0`,className),children:[jsx(Grid.Col,{sm:`12`,md:`3`,xl:`4`,className:`workspace-folders p-12 pt-0 gap-12`,children:jsxs(`div`,{style:{position:`sticky`,top:0,paddingTop:`1.2rem`},children:[jsx(TreeView,{ref:ownerRef,data:ownerRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`owner`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`owner`,nodeId)}),jsx(TreeView,{ref:sharedRef,data:sharedRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`shared`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`shared`,nodeId)}),jsx(TreeView,{ref:protectRef,data:protectRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`protected`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`protected`,nodeId)}),showPublicFolder&&jsx(TreeView,{ref:publicRef,data:publicRoot,onTreeItemClick:nodeId=>selectAndLoadContent(`public`,nodeId),onTreeItemUnfold:nodeId=>selectAndLoadContent(`public`,nodeId)})]})}),jsx(Grid.Col,{sm:`12`,md:`5`,xl:`8`,children:jsxs(Grid,{className:`flex-grow-1 gap-0`,children:[jsxs(Grid.Col,{sm:`4`,md:`8`,xl:`12`,children:[jsx(`div`,{className:`workspace-search px-16 py-8 `,children:jsx(SearchBar,{isVariant:!0,className:`gap-16`,onChange:handleSearchChange})}),jsxs(`div`,{className:`d-flex align-items-center justify-content-end px-8 py-4`,children:[jsx(`small`,{className:`text-muted`,children:t(`workspace.search.order`)}),jsxs(Dropdown,{children:[jsx(Dropdown.Trigger,{size:`sm`,label:getSortOrderLabel(),variant:`ghost`}),jsxs(Dropdown.Menu,{children:[jsx(Dropdown.Item,{icon:jsx(SvgIconSortTime,{}),onClick:()=>setSortOrder([`modified`,`desc`]),children:t(`sort.order.modify.desc`)}),jsx(Dropdown.Item,{icon:jsx(SvgIconSortAscendingLetters,{}),onClick:()=>setSortOrder([`name`,`asc`]),children:t(`sort.order.alpha.asc`)}),jsx(Dropdown.Item,{icon:jsx(SvgIconSortDescendingLetters,{}),onClick:()=>setSortOrder([`name`,`desc`]),children:t(`sort.order.alpha.desc`)})]})]})]})]}),jsx(Grid.Col,{sm:`4`,md:`8`,xl:`12`,className:`p-8 gap-8`,children:documents?documents.length===0?jsx(EmptyScreen,{imageSrc:illuTrash,text:t(`workspace.empty.docSpace`),title:t(`explorer.emptyScreen.trash.title`)}):jsx(`div`,{className:`grid grid-workspace`,children:documents.map(doc=>jsx(FileCard,{doc,isSelected:selectedDocuments.includes(doc),onClick:()=>handleSelectDoc(doc)},doc._id))}):jsx(LoadingScreen,{})})]})})]})};export{Workspace as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
+import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
+import SvgIconSortTime from "../../icons/components/IconSortTime.js";
+import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
+import useWorkspaceSearch from "../../../hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { Grid } from "../../../components/Grid/Grid.js";
+import TreeView from "../../../components/TreeView/TreeView.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Dropdown from "../../../components/Dropdown/Dropdown.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import FileCard from "../FileCard/FileCard.js";
+import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+import { findTreeNode } from "../../../components/TreeView/utilities/treeview.js";
+const Workspace = ({
+  roles,
+  onSelect,
+  multiple = !0,
+  className,
+  defaultFolder,
+  showPublicFolder
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    root: ownerRoot,
+    loadContent: loadOwnerDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.owner"), "owner", roles), {
+    root: sharedRoot,
+    loadContent: loadSharedDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.shared"), "shared", roles), {
+    root: protectRoot,
+    loadContent: loadProtectedDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.protected"), "protected", roles), {
+    root: publicRoot,
+    loadContent: loadPublicDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.public"), "public", roles), ownerRef = useRef(null), sharedRef = useRef(null), protectRef = useRef(null), publicRef = useRef(null), [currentFilter, setCurrentFilter] = useState(() => defaultFolder === "public" ? showPublicFolder ? defaultFolder : "protected" : defaultFolder === "protected" || defaultFolder === "shared" ? defaultFolder : "owner"), [currentNode, setCurrentNode] = useState(() => defaultFolder === "public" ? showPublicFolder ? publicRoot : protectRoot : defaultFolder === "protected" ? protectRoot : defaultFolder === "shared" ? sharedRoot : ownerRoot), [documents, setDocuments] = useState(), [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), rootNodeFor = useCallback((filter) => {
+    switch (filter) {
+      case "owner":
+        return {
+          root: ownerRoot,
+          othersRef: [sharedRef, protectRef, publicRef]
+        };
+      case "shared":
+        return {
+          root: sharedRoot,
+          othersRef: [ownerRef, protectRef, publicRef]
+        };
+      case "protected":
+        return {
+          root: protectRoot,
+          othersRef: [ownerRef, sharedRef, publicRef]
+        };
+      case "public":
+        return {
+          root: publicRoot,
+          othersRef: [ownerRef, sharedRef, protectRef]
+        };
+      default:
+        throw "no.root.node";
+    }
+  }, [ownerRoot, sharedRoot, protectRoot, publicRoot]), loadContent = useCallback(() => {
+    switch (currentFilter) {
+      case "owner":
+        loadOwnerDocs(currentNode.id);
+        break;
+      case "shared":
+        loadSharedDocs(currentNode.id);
+        break;
+      case "protected":
+        loadProtectedDocs(currentNode.id);
+        break;
+      case "public":
+        loadPublicDocs(currentNode.id);
+        break;
+      default:
+        throw "no.way";
+    }
+  }, [currentFilter, currentNode.id, loadOwnerDocs, loadProtectedDocs, loadPublicDocs, loadSharedDocs]);
+  function selectAndLoadContent(filter, nodeId) {
+    setCurrentFilter(filter);
+    const {
+      root,
+      othersRef
+    } = rootNodeFor(filter), targetNode = findTreeNode(root, (node) => node.id === nodeId);
+    targetNode && (setCurrentNode(targetNode), othersRef.forEach((otherRef) => {
+      var _a;
+      return (_a = otherRef.current) == null ? void 0 : _a.unselectAll();
+    }));
+  }
+  useEffect(() => {
+    var _a;
+    let ref;
+    switch (currentFilter) {
+      case "owner":
+        ref = ownerRef;
+        break;
+      case "shared":
+        ref = sharedRef;
+        break;
+      case "protected":
+        ref = protectRef;
+        break;
+      case "public":
+        ref = publicRef;
+        break;
+      default:
+        return;
+    }
+    (_a = ref == null ? void 0 : ref.current) == null || _a.select("root");
+  }, [currentFilter]), useEffect(loadContent, [loadContent]), useEffect(() => {
+    if (currentNode.files) {
+      let list = [].concat(currentNode.files);
+      searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0));
+      const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.modified, a.modified);
+      setDocuments(() => list.sort(sortFunction));
+    } else
+      setDocuments(void 0);
+  }, [currentNode, ownerRoot, protectRoot, sharedRoot, publicRoot, searchTerm, sortOrder]);
+  const handleSearchChange = useCallback((e) => {
+    setSearchTerm(e.target.value);
+  }, [setSearchTerm]);
+  function compare(a, b) {
+    return a ? b ? a.localeCompare(b) : 1 : -1;
+  }
+  function getSortOrderLabel() {
+    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
+  }
+  function handleSelectDoc(doc) {
+    let currentDocuments = [...selectedDocuments];
+    multiple ? currentDocuments.includes(doc) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument._id !== doc._id) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
+  }
+  const workspace = clsx("workspace flex-grow-1 gap-0", className);
+  return /* @__PURE__ */ jsxs(Grid, { className: workspace, children: [
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsxs("div", { style: {
+      position: "sticky",
+      top: 0,
+      paddingTop: "1.2rem"
+    }, children: [
+      /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
+      /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
+      /* @__PURE__ */ jsx(TreeView, { ref: protectRef, data: protectRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("protected", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("protected", nodeId) }),
+      showPublicFolder && /* @__PURE__ */ jsx(TreeView, { ref: publicRef, data: publicRoot, onTreeItemClick: (nodeId) => selectAndLoadContent("public", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("public", nodeId) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
+        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
+          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
+          /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
+            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
+        const isSelected = selectedDocuments.includes(doc);
+        return /* @__PURE__ */ jsx(FileCard, { doc, isSelected, onClick: () => handleSelectDoc(doc) }, doc._id);
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+    ] }) })
+  ] });
+};
+export {
+  Workspace as default
+};

package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js

@@ -1 +1,55 @@
-import SvgIconFolderAdd from"../../icons/components/IconFolderAdd.js";import Loading from"../../../components/Loading/Loading.js";import Button from"../../../components/Button/Button.js";import useWorkspaceFolders from"../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";import useWorkspaceFoldersTree from"../../../hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";import NewFolderForm from"./components/NewFolderForm.js";import SearchBar from"../../../components/SearchBar/SearchBar.js";import Tree from"../../../components/Tree/components/Tree.js";import{useEffect,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function WorkspaceFolders({onFolderSelected}){let{t}=useTranslation(),{folders,isLoading,canCopyFileIntoFolder}=useWorkspaceFolders(),{foldersTree,filterTree}=useWorkspaceFoldersTree(folders),[searchValue,setSearchValue]=useState(``),[selectedFolderId,setSelectedFolderId]=useState(void 0),[showNewFolderForm,setShowNewFolderForm]=useState(!1),[canCreateFolderIntoSelectedFolder,setCanCreateFolderIntoSelectedFolder]=useState(!1),selectedFolderIdForAPI=selectedFolderId===`workspace-user-folder-id`||!selectedFolderId?``:selectedFolderId;useEffect(()=>{if(selectedFolderId){let canCopyFileInto=selectedFolderId===`workspace-user-folder-id`||canCopyFileIntoFolder(selectedFolderId)&&selectedFolderId!==`workspace-shared-folder-id`;setCanCreateFolderIntoSelectedFolder(canCopyFileInto),onFolderSelected(selectedFolderIdForAPI,canCopyFileInto)}},[selectedFolderId]);let handleSearchChange=e=>{setSearchValue(e.target.value)},handleSearchSubmit=()=>{filterTree(searchValue)},handleFolderSelected=folderId=>{setShowNewFolderForm(!1),setSelectedFolderId(folderId)};return jsx(Fragment$1,{children:jsxs(`div`,{className:`d-flex flex-column gap-12`,children:[jsx(SearchBar,{onChange:handleSearchChange,isVariant:!1,placeholder:t(`search`),onClick:handleSearchSubmit}),jsxs(`div`,{className:`border border-gray-400 rounded`,children:[jsx(`div`,{className:`p-12`,children:isLoading?jsx(Loading,{isLoading:!0,className:`justify-content-center`}):jsx(Tree,{nodes:foldersTree,onTreeItemClick:handleFolderSelected,selectedNodeId:selectedFolderId})}),jsxs(`div`,{className:`d-flex justify-content-end border-top border-gray-400 px-8 py-4 `,children:[!showNewFolderForm&&jsx(Button,{color:`primary`,variant:`ghost`,leftIcon:jsx(SvgIconFolderAdd,{}),onClick:()=>{setShowNewFolderForm(!0)},disabled:!canCreateFolderIntoSelectedFolder,children:t(`workspace.folder.create`)}),showNewFolderForm&&selectedFolderId!==void 0&&jsx(NewFolderForm,{onClose:()=>setShowNewFolderForm(!1),folderParentId:selectedFolderIdForAPI,onFolderCreated:folderId=>{handleFolderSelected(folderId)}})]})]})]})})}export{WorkspaceFolders as default};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconFolderAdd from "../../icons/components/IconFolderAdd.js";
+import NewFolderForm from "./components/NewFolderForm.js";
+import useWorkspaceFolders from "../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import useWorkspaceFoldersTree, { WORKSPACE_USER_FOLDER_ID, WORKSPACE_SHARED_FOLDER_ID } from "../../../hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Loading from "../../../components/Loading/Loading.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+import Button from "../../../components/Button/Button.js";
+function WorkspaceFolders({
+  onFolderSelected
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    folders,
+    isLoading,
+    canCopyFileIntoFolder
+  } = useWorkspaceFolders(), {
+    foldersTree,
+    filterTree
+  } = useWorkspaceFoldersTree(folders), [searchValue, setSearchValue] = useState(""), [selectedFolderId, setSelectedFolderId] = useState(void 0), [showNewFolderForm, setShowNewFolderForm] = useState(!1), [canCreateFolderIntoSelectedFolder, setCanCreateFolderIntoSelectedFolder] = useState(!1), selectedFolderIdForAPI = selectedFolderId === WORKSPACE_USER_FOLDER_ID || !selectedFolderId ? "" : selectedFolderId;
+  useEffect(() => {
+    if (selectedFolderId) {
+      const canCopyFileInto = selectedFolderId === WORKSPACE_USER_FOLDER_ID || canCopyFileIntoFolder(selectedFolderId) && selectedFolderId !== WORKSPACE_SHARED_FOLDER_ID;
+      setCanCreateFolderIntoSelectedFolder(canCopyFileInto), onFolderSelected(selectedFolderIdForAPI, canCopyFileInto);
+    }
+  }, [selectedFolderId]);
+  const handleSearchChange = (e) => {
+    setSearchValue(e.target.value);
+  }, handleSearchSubmit = () => {
+    filterTree(searchValue);
+  }, handleFolderSelected = (folderId) => {
+    setShowNewFolderForm(!1), setSelectedFolderId(folderId);
+  }, handleNewFolderClick = () => {
+    setShowNewFolderForm(!0);
+  }, handleNewFolderCreated = (folderId) => {
+    handleFolderSelected(folderId);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
+    /* @__PURE__ */ jsx(SearchBar, { onChange: handleSearchChange, isVariant: !1, placeholder: t("search"), onClick: handleSearchSubmit }),
+    /* @__PURE__ */ jsxs("div", { className: "border border-gray-400 rounded", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-12", children: isLoading ? /* @__PURE__ */ jsx(Loading, { isLoading: !0, className: "justify-content-center" }) : /* @__PURE__ */ jsx(Tree, { nodes: foldersTree, onTreeItemClick: handleFolderSelected, selectedNodeId: selectedFolderId }) }),
+      /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end border-top border-gray-400 px-8 py-4 ", children: [
+        !showNewFolderForm && /* @__PURE__ */ jsx(Button, { color: "primary", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: handleNewFolderClick, disabled: !canCreateFolderIntoSelectedFolder, children: t("workspace.folder.create") }),
+        showNewFolderForm && selectedFolderId !== void 0 && /* @__PURE__ */ jsx(NewFolderForm, { onClose: () => setShowNewFolderForm(!1), folderParentId: selectedFolderIdForAPI, onFolderCreated: handleNewFolderCreated })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  WorkspaceFolders as default
+};

package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.js

@@ -1 +1,39 @@
-import SvgIconSave from"../../../icons/components/IconSave.js";import IconButton from"../../../../components/Button/IconButton.js";import useWorkspaceFolders from"../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";import FormControl from"../../../../components/Form/FormControl.js";import{useEffect,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function NewFolderForm({onClose,folderParentId,onFolderCreated}){let{t}=useTranslation(),refInputName=useRef(null),{createFolderMutation}=useWorkspaceFolders();return useEffect(()=>{refInputName.current&&refInputName.current.focus()},[]),jsx(`form`,{id:`modalWorkspaceNewFolderForm`,onSubmit:async event=>{event.preventDefault();let folderName=refInputName.current?.value;folderName&&createFolderMutation.mutate({folderName,folderParentId},{onSuccess:newFolder=>{newFolder._id&&onFolderCreated(newFolder._id),onClose()}})},children:jsxs(`div`,{className:`d-flex gap-4 flex-row`,children:[jsx(FormControl,{id:`modalWorkspaceNewFolderForm`,isRequired:!0,children:jsx(FormControl.Input,{ref:refInputName,size:`md`,type:`text`,placeholder:t(`workspace.folder.new.placeholder`)})}),jsx(IconButton,{type:`submit`,color:`primary`,variant:`ghost`,title:t(`workspace.folder.new.create`),disabled:createFolderMutation.isPending,isLoading:createFolderMutation.isPending,icon:jsx(SvgIconSave,{})})]})})}export{NewFolderForm as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSave from "../../../icons/components/IconSave.js";
+import useWorkspaceFolders from "../../../../hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+function NewFolderForm({
+  onClose,
+  folderParentId,
+  onFolderCreated
+}) {
+  const {
+    t
+  } = useTranslation(), refInputName = useRef(null), {
+    createFolderMutation
+  } = useWorkspaceFolders();
+  return useEffect(() => {
+    refInputName.current && refInputName.current.focus();
+  }, []), /* @__PURE__ */ jsx("form", { id: "modalWorkspaceNewFolderForm", onSubmit: async (event) => {
+    var _a;
+    event.preventDefault();
+    const folderName = (_a = refInputName.current) == null ? void 0 : _a.value;
+    folderName && createFolderMutation.mutate({
+      folderName,
+      folderParentId
+    }, {
+      onSuccess: (newFolder) => {
+        newFolder._id && onFolderCreated(newFolder._id), onClose();
+      }
+    });
+  }, children: /* @__PURE__ */ jsxs("div", { className: "d-flex gap-4 flex-row", children: [
+    /* @__PURE__ */ jsx(FormControl, { id: "modalWorkspaceNewFolderForm", isRequired: !0, children: /* @__PURE__ */ jsx(FormControl.Input, { ref: refInputName, size: "md", type: "text", placeholder: t("workspace.folder.new.placeholder") }) }),
+    /* @__PURE__ */ jsx(IconButton, { type: "submit", color: "primary", variant: "ghost", title: t("workspace.folder.new.create"), disabled: createFolderMutation.isPending, isLoading: createFolderMutation.isPending, icon: /* @__PURE__ */ jsx(SvgIconSave, {}) })
+  ] }) });
+}
+export {
+  NewFolderForm as default
+};

package/dist/modules/multimedia/testing/mediaHarness.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Doubles for the browser capture APIs the recorders rely on, none of which
+ * jsdom implements: `navigator.mediaDevices`, `MediaStream`, `MediaRecorder`,
+ * and the playback methods of `HTMLMediaElement`.
+ *
+ * Shared by the audio and the video recorder specs. The Web Audio doubles
+ * (`AudioContext`, `AudioWorkletNode`, `Worker`) sit in the second half of this
+ * file, behind `installWebAudioHarness`: only `useAudioRecorder` needs them,
+ * but both of its specs do.
+ */
+/** A track the component can stop to release the device. */
+export declare function fakeTrack(kind?: 'audio' | 'video'): MediaStreamTrack;
+/**
+ * `MediaStream` has to exist as a constructor, not just as a shape:
+ * <VideoRecorder> narrows with `srcObject instanceof MediaStream` before
+ * resetting it.
+ */
+export declare class FakeMediaStream {
+    id: string;
+    private tracks;
+    constructor(tracks?: MediaStreamTrack[]);
+    static created: number;
+    getTracks(): MediaStreamTrack[];
+}
+export type FakeMediaStreamInstance = FakeMediaStream & MediaStream;
+/** Records what the component asked of it, and lets a test push data back. */
+export declare class FakeMediaRecorder {
+    static instances: FakeMediaRecorder[];
+    /** Mime types rejected by `isTypeSupported`, to exercise the fallbacks. */
+    static unsupported: string[];
+    state: 'inactive' | 'recording' | 'paused';
+    ondataavailable: ((event: {
+        data: Blob;
+    }) => void) | null;
+    onerror: ((event: unknown) => void) | null;
+    readonly stream: MediaStream;
+    readonly mimeType: string;
+    readonly start: import('vitest').Mock<(timeslice?: number) => void>;
+    readonly stop: import('vitest').Mock<() => void>;
+    readonly requestData: import('vitest').Mock<(...args: any[]) => any>;
+    timeslice?: number;
+    constructor(stream: MediaStream, options?: {
+        mimeType?: string;
+    });
+    static isTypeSupported(type: string): boolean;
+    /** Hands a chunk to the component, as the browser would every timeslice. */
+    emitData(blob: Blob): void;
+    emitError(event?: unknown): void;
+}
+export type MediaHarness = {
+    /** The stream handed over by `getUserMedia`. */
+    stream: FakeMediaStreamInstance;
+    getUserMedia: ReturnType<typeof vi.fn>;
+    enumerateDevices: ReturnType<typeof vi.fn>;
+    createObjectURL: ReturnType<typeof vi.fn>;
+    revokeObjectURL: ReturnType<typeof vi.fn>;
+    /** Every MediaRecorder built since the harness was installed. */
+    recorders: FakeMediaRecorder[];
+    /** The recorder currently in use, i.e. the last one built. */
+    recorder: () => FakeMediaRecorder;
+};
+export declare function videoInput(deviceId: string, label?: string): MediaDeviceInfo;
+export declare function audioInput(deviceId?: string): MediaDeviceInfo;
+/**
+ * Installs every double on the global scope. Call from `beforeEach`; the stubs
+ * are torn down by the `restoreMocks`/`unstubGlobals` handling of the runner,
+ * so nothing has to be undone by hand.
+ *
+ * @param devices what `enumerateDevices` should report
+ * @param stream the stream `getUserMedia` should resolve to
+ */
+export declare function installMediaHarness({ devices, stream, }?: {
+    devices?: MediaDeviceInfo[];
+    stream?: FakeMediaStreamInstance;
+}): MediaHarness;
+/**
+ * Replaces the playback methods jsdom leaves unimplemented, and makes
+ * `currentTime` writable so the components can rewind their media element.
+ */
+export declare function installMediaElementStubs(): void;
+export declare class FakeAudioWorkletNode {
+    readonly context: FakeAudioContext;
+    readonly processorName: string;
+    static instances: FakeAudioWorkletNode[];
+    readonly connect: import('vitest').Mock<(...args: any[]) => any>;
+    readonly disconnect: import('vitest').Mock<(...args: any[]) => any>;
+    /**
+     * The `MessagePort` is driven by hand: the hook subscribes with
+     * `addEventListener`, so the listeners are replayed by `emitSamples`.
+     */
+    readonly port: {
+        addEventListener: import('vitest').Mock<(...args: any[]) => any>;
+        removeEventListener: import('vitest').Mock<(...args: any[]) => any>;
+        close: import('vitest').Mock<(...args: any[]) => any>;
+        start: import('vitest').Mock<(...args: any[]) => any>;
+        postMessage: import('vitest').Mock<(...args: any[]) => any>;
+    };
+    constructor(context: FakeAudioContext, processorName: string);
+    /** Replays a block of samples, as the AudioWorkletProcessor would. */
+    emitSamples(inputs: unknown): void;
+}
+export declare class FakeAudioContext {
+    static instances: FakeAudioContext[];
+    /** Replaceable, to exercise the addModule failure path. */
+    static addModule: import('vitest').Mock<(moduleURL: string) => Promise<void>>;
+    readonly sampleRate: number;
+    /** Writable: the hook reads it to compute the elapsed recording time. */
+    currentTime: number;
+    readonly destination: {
+        connect: import('vitest').Mock<(...args: any[]) => any>;
+        disconnect: import('vitest').Mock<(...args: any[]) => any>;
+    };
+    readonly close: import('vitest').Mock<(...args: any[]) => any>;
+    readonly suspend: import('vitest').Mock<(...args: any[]) => any>;
+    readonly resume: import('vitest').Mock<(...args: any[]) => any>;
+    readonly createMediaStreamSource: import('vitest').Mock<() => {
+        connect: import('vitest').Mock<(...args: any[]) => any>;
+        disconnect: import('vitest').Mock<(...args: any[]) => any>;
+    }>;
+    readonly audioWorklet: {
+        addModule: (path: string) => Promise<void>;
+    };
+    constructor(options?: {
+        sampleRate?: number;
+    });
+}
+export declare class FakeWorker {
+    readonly url: string;
+    static instances: FakeWorker[];
+    readonly postMessage: import('vitest').Mock<(...args: any[]) => any>;
+    readonly terminate: import('vitest').Mock<(...args: any[]) => any>;
+    onmessage: ((event: {
+        data: unknown;
+    }) => void) | null;
+    constructor(url: string);
+    /** Answers the last `postMessage`, as the encoder worker would. */
+    emit(data: unknown): void;
+    /** The payload of the last message the hook sent, e.g. ['wav', …]. */
+    lastMessage(): any;
+}
+export type WebAudioHarness = {
+    /** The context opened by the current recording. */
+    context: () => FakeAudioContext;
+    /** The worklet node processing the current recording. */
+    workletNode: () => FakeAudioWorkletNode;
+    /** The encoder worker, created once on mount. */
+    worker: () => FakeWorker;
+    addModule: typeof FakeAudioContext.addModule;
+};
+/**
+ * Installs the Web Audio doubles. Combine with `installMediaHarness`, which
+ * provides `getUserMedia` and the blob URL factory the encoder result needs.
+ */
+export declare function installWebAudioHarness(): WebAudioHarness;