@lvce-editor/static-server 0.115.11 → 0.115.13

package/static/{bb27a79 → 383ac66}/packages/settings-view/dist/settingsViewWorkerMain.js

@@ -1379,10 +1379,13 @@ const terminate = () => {
 };
 
 const computeScrollBar = (height, totalItemCount, itemHeight, scrollOffset, scrollBarMinHeight) => {
-  const totalHeight = totalItemCount * itemHeight;
-  const scrollable = Math.max(0, totalHeight - height);
-  const thumbTrack = Math.max(0, height);
-  const thumbHeight = totalHeight > 0 ? Math.max(scrollBarMinHeight, Math.floor(height / Math.max(totalHeight, 1) * height)) : height;
+  const safeHeight = Math.max(0, height);
+  const safeItemHeight = Math.max(0, itemHeight);
+  const totalHeight = totalItemCount * safeItemHeight;
+  const scrollable = Math.max(0, totalHeight - safeHeight);
+  const thumbTrack = safeHeight;
+  const proportionalThumbHeight = totalHeight > 0 ? Math.floor(safeHeight / Math.max(totalHeight, 1) * safeHeight) : safeHeight;
+  const thumbHeight = totalHeight > 0 ? Math.min(safeHeight, Math.max(scrollBarMinHeight, proportionalThumbHeight)) : safeHeight;
   const thumbMaxTop = Math.max(0, thumbTrack - thumbHeight);
   const thumbTop = scrollable > 0 ? Math.min(thumbMaxTop, Math.floor(scrollOffset / scrollable * thumbMaxTop)) : 0;
   return {
@@ -1394,8 +1397,9 @@ const computeScrollBar = (height, totalItemCount, itemHeight, scrollOffset, scro
 const computeVisibleItems = (items, height, scrollOffset, itemHeight) => {
   const safeItemHeight = itemHeight <= 0 ? 1 : itemHeight;
   const totalItems = items.length;
-  const minLineY = Math.max(0, Math.floor(scrollOffset / safeItemHeight));
-  const itemsPerViewport = Math.max(1, Math.ceil(height / safeItemHeight));
+  const safeHeight = Math.max(0, height);
+  const minLineY = Math.max(0, Math.floor(Math.max(0, scrollOffset) / safeItemHeight));
+  const itemsPerViewport = Math.max(1, Math.ceil(safeHeight / safeItemHeight) + 1);
   const maxLineY = Math.min(totalItems, minLineY + itemsPerViewport);
   const visibleItems = items.slice(minLineY, maxLineY);
   return {
@@ -1476,6 +1480,13 @@ const getFilteredItems = (items, tabs, searchValue, modifiedSettings, preference
   return parsedQuery.modified ? validated.filter(item => item.modified) : validated;
 };
 
+// The worker receives the height of the complete settings view. Account for
+// the search header, content padding, and content heading before measuring rows.
+const settingsContentChromeHeight = 114;
+const getSettingsViewportHeight = height => {
+  return Math.max(0, height - settingsContentChromeHeight);
+};
+
 const User = 1;
 const Script = 2;
 
@@ -1491,6 +1502,7 @@ const clear$1 = state => {
     scrollBarMinHeight,
     tabs
   } = state;
+  const viewportHeight = getSettingsViewportHeight(height);
   const newSearchValue = '';
   const filteredItems = getFilteredItems(items, tabs, newSearchValue, modifiedSettings, preferences);
   const nextScrollOffset = 0;
@@ -1498,11 +1510,11 @@ const clear$1 = state => {
     maxLineY,
     minLineY,
     visibleItems
-  } = computeVisibleItems(filteredItems, height, nextScrollOffset, itemHeight);
+  } = computeVisibleItems(filteredItems, viewportHeight, nextScrollOffset, itemHeight);
   const {
     thumbHeight,
     thumbTop
-  } = computeScrollBar(height, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
+  } = computeScrollBar(viewportHeight, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
   return {
     ...state,
     deltaY: 0,
@@ -1578,7 +1590,7 @@ const create$1 = (id, uri, x, y, width, height) => {
 };
 
 const isEqual$4 = (oldState, newState) => {
-  return oldState.sideBarWidth === newState.sideBarWidth && oldState.scrollBarThumbHeight === newState.scrollBarThumbHeight && oldState.scrollBarThumbTop === newState.scrollBarThumbTop;
+  return oldState.sideBarWidth === newState.sideBarWidth && oldState.filteredItems.length === newState.filteredItems.length && oldState.itemHeight === newState.itemHeight && oldState.scrollOffset === newState.scrollOffset && oldState.scrollBarThumbHeight === newState.scrollBarThumbHeight && oldState.scrollBarThumbTop === newState.scrollBarThumbTop;
 };
 
 const isEqual$3 = (oldState, newState) => {
@@ -1698,6 +1710,7 @@ const handleInput = (state, value, inputSource = User) => {
     preferences,
     tabs
   } = state;
+  const viewportHeight = getSettingsViewportHeight(height);
   const filteredItems = getFilteredItems(items, tabs, value, modifiedSettings, preferences);
   // Reset scroll when filter value changes so the user sees results from the top
   const nextScrollOffset = 0;
@@ -1705,14 +1718,14 @@ const handleInput = (state, value, inputSource = User) => {
     maxLineY,
     minLineY,
     visibleItems
-  } = computeVisibleItems(filteredItems, height, nextScrollOffset, itemHeight);
+  } = computeVisibleItems(filteredItems, viewportHeight, nextScrollOffset, itemHeight);
   const {
     scrollBarMinHeight
   } = state;
   const {
     thumbHeight,
     thumbTop
-  } = computeScrollBar(height, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
+  } = computeScrollBar(viewportHeight, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
   const {
     newHistory,
     newHistoryIndex
@@ -2431,6 +2444,7 @@ const VirtualDomElements = {
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaY = 'event.deltaY';
+const TargetChecked = 'event.target.checked';
 const TargetName = 'event.target.name';
 const TargetValue = 'event.target.value';
 
@@ -2761,20 +2775,23 @@ const handleClickTab = (state, name = '') => {
     searchValue,
     tabs
   } = state;
+  const viewportHeight = getSettingsViewportHeight(height);
   const updatedTabs = getUpdatedTabs(tabs, name);
   const filteredItems = getFilteredItems(items, updatedTabs, searchValue, modifiedSettings, preferences);
+  const maxScrollable = Math.max(0, filteredItems.length * itemHeight - viewportHeight);
+  const nextScrollOffset = Math.min(Math.max(0, scrollOffset), maxScrollable);
   const {
     maxLineY,
     minLineY,
     visibleItems
-  } = computeVisibleItems(filteredItems, height, scrollOffset, itemHeight);
+  } = computeVisibleItems(filteredItems, viewportHeight, nextScrollOffset, itemHeight);
   const {
     scrollBarMinHeight
   } = state;
   const {
     thumbHeight,
     thumbTop
-  } = computeScrollBar(height, filteredItems.length, itemHeight, scrollOffset, scrollBarMinHeight);
+  } = computeScrollBar(viewportHeight, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
   return {
     ...state,
     filteredItems,
@@ -2782,6 +2799,7 @@ const handleClickTab = (state, name = '') => {
     minLineY,
     scrollBarThumbHeight: thumbHeight,
     scrollBarThumbTop: thumbTop,
+    scrollOffset: nextScrollOffset,
     tabs: updatedTabs,
     visibleItems
   };
@@ -2989,6 +3007,7 @@ const handleWheel = (state, eventDeltaY, inputSource = User) => {
     height,
     itemHeight = 1
   } = state;
+  const viewportHeight = getSettingsViewportHeight(height);
   const itemCount = filteredItems.length;
   const stepLimit = itemCount === 0 ? 10 : Infinity;
   const limitedEventDelta = Math.max(-stepLimit, Math.min(stepLimit, eventDeltaY));
@@ -2996,21 +3015,21 @@ const handleWheel = (state, eventDeltaY, inputSource = User) => {
   // Prevent scrolling beyond the available content height. If content is smaller
   // than the viewport, the maximum scroll is zero.
   const totalContentHeight = itemCount * itemHeight;
-  const maxScrollable = Math.max(0, totalContentHeight - height);
+  const maxScrollable = Math.max(0, totalContentHeight - viewportHeight);
   const clampedDeltaY = clamp(total, 0, maxScrollable);
   const scrollOffset = clampedDeltaY;
   const {
     maxLineY,
     minLineY,
     visibleItems
-  } = computeVisibleItems(filteredItems, height, scrollOffset, itemHeight);
+  } = computeVisibleItems(filteredItems, viewportHeight, scrollOffset, itemHeight);
   const {
     scrollBarMinHeight
   } = state;
   const {
     thumbHeight,
     thumbTop
-  } = computeScrollBar(height, filteredItems.length, itemHeight, scrollOffset, scrollBarMinHeight);
+  } = computeScrollBar(viewportHeight, filteredItems.length, itemHeight, scrollOffset, scrollBarMinHeight);
   return {
     ...state,
     deltaY: clampedDeltaY,
@@ -3193,18 +3212,21 @@ const loadContent = async (state, savedState) => {
     height,
     itemHeight
   } = state;
+  const viewportHeight = getSettingsViewportHeight(height);
+  const maxScrollable = Math.max(0, filteredItems.length * itemHeight - viewportHeight);
+  const nextScrollOffset = Math.min(Math.max(0, scrollOffset), maxScrollable);
   const {
     maxLineY,
     minLineY,
     visibleItems
-  } = computeVisibleItems(filteredItems, height, scrollOffset, itemHeight);
+  } = computeVisibleItems(filteredItems, viewportHeight, nextScrollOffset, itemHeight);
   const {
     scrollBarMinHeight
   } = state;
   const {
     thumbHeight,
     thumbTop
-  } = computeScrollBar(height, filteredItems.length, itemHeight, scrollOffset, scrollBarMinHeight);
+  } = computeScrollBar(viewportHeight, filteredItems.length, itemHeight, nextScrollOffset, scrollBarMinHeight);
   return {
     ...state,
     filteredItems,
@@ -3219,7 +3241,7 @@ const loadContent = async (state, savedState) => {
     schemaErrors,
     scrollBarThumbHeight: thumbHeight,
     scrollBarThumbTop: thumbTop,
-    scrollOffset,
+    scrollOffset: nextScrollOffset,
     searchValue,
     sideBarWidth,
     tabs: newTabs,
@@ -3227,13 +3249,17 @@ const loadContent = async (state, savedState) => {
   };
 };
 
-const getCss = (sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop) => {
+const getCss = (sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop, itemHeight, totalItemCount, scrollOffset) => {
   const rounded = Math.round(sideBarWidth);
+  const settingsLayoutCss = typeof itemHeight === 'number' && typeof totalItemCount === 'number' && typeof scrollOffset === 'number' ? `
+  --SettingsItemHeight: ${itemHeight}px;
+  --SettingsItemsHeight: ${itemHeight * totalItemCount}px;
+  --SettingsItemsTranslateY: ${-scrollOffset}px;` : '';
   return `
 .Settings {
   --SettingsSideBarWidth: ${rounded}px;
   --ScrollBarThumbHeight: ${scrollBarThumbHeight}px;
-  --ScrollBarThumbTop: ${scrollBarThumbTop}px;
+  --ScrollBarThumbTop: ${scrollBarThumbTop}px;${settingsLayoutCss}
 }
 
 .SettingsSideBar{
@@ -3244,12 +3270,15 @@ const getCss = (sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop) => {
 
 const renderCss = (oldState, newState) => {
   const {
+    filteredItems,
     id,
+    itemHeight,
     scrollBarThumbHeight,
     scrollBarThumbTop,
+    scrollOffset,
     sideBarWidth
   } = newState;
-  const css = getCss(sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop);
+  const css = getCss(sideBarWidth, scrollBarThumbHeight, scrollBarThumbTop, itemHeight, filteredItems.length, scrollOffset);
   return [SetCss, id, css];
 };
 
@@ -3297,6 +3326,7 @@ const SettingsItem = 'SettingsItem';
 const SettingsItemCheckBox = 'SettingsItemCheckBox';
 const SettingsItemHeading = 'SettingsItemHeading';
 const SettingsItems = 'SettingsItems';
+const SettingsItemsSpacer = 'SettingsItemsSpacer';
 const SettingsItemWrapper = 'SettingsItemWrapper';
 const SettingsMain = 'SettingsMain';
 const SettingsNoResults = 'SettingsNoResults';
@@ -3310,6 +3340,7 @@ const SettingsSideBar = 'SettingsSideBar';
 const SettingsTabs = 'SettingsTabs';
 const Tab = 'Tab';
 const TabSelected = 'TabSelected';
+const Toggle = 'Toggle';
 
 const getFilteredSchemaErrors = (errors, searchValue) => {
   const search = searchValue.trim().toLowerCase();
@@ -3553,12 +3584,14 @@ const getItemArrayVirtualDom = item => {
 };
 
 const errorCheckBoxClassName = mergeClassNames(CheckBox, InputBoxError);
+const errorToggleClassName = mergeClassNames(Toggle, InputBoxError);
+const settingUseToggles = 'settings.useToggles';
 const checkBoxWrapperNode = {
   childCount: 2,
   className: SettingsItemCheckBox,
   type: Div
 };
-const getItemCheckBoxVirtualDom = item => {
+const getItemCheckBoxVirtualDom = (item, preferences = {}) => {
   const {
     description,
     errorMessage,
@@ -3569,9 +3602,14 @@ const getItemCheckBoxVirtualDom = item => {
     value
   } = item;
   const domId = getInputId(id);
-  const checkBoxClassName = hasError ? errorCheckBoxClassName : CheckBox;
+  const useToggles = preferences[settingUseToggles] !== false && preferences[settingUseToggles] !== 'false';
+  let checkBoxClassName = useToggles ? Toggle : CheckBox;
+  if (hasError) {
+    checkBoxClassName = useToggles ? errorToggleClassName : errorCheckBoxClassName;
+  }
   const errorChildCount = hasError ? 1 : 0;
-  const isChecked = value === true || value === 'true';
+  const currentValue = preferences[id] ?? value;
+  const isChecked = currentValue === true || currentValue === 'true';
   return [{
     childCount: 2 + errorChildCount,
     className: SettingsItem,
@@ -3819,12 +3857,12 @@ const getItemRender = type => {
   }
 };
 
-const getItemVirtualDom = item => {
+const getItemVirtualDom = (item, preferences) => {
   const fn = getItemRender(item.type);
-  return fn(item);
+  return fn(item, preferences);
 };
 
-const settingsItemsNode = {
+const settingsItemsNode$1 = {
   childCount: 1,
   className: SettingsItems,
   onContextMenu: HandleContextMenu,
@@ -3836,19 +3874,47 @@ const noResultsNode = {
   type: P
 };
 const getSettingsNoResultsDom = searchValue => {
-  return [settingsItemsNode, noResultsNode, text(noSettingsMatching(searchValue))];
+  return [settingsItemsNode$1, noResultsNode, text(noSettingsMatching(searchValue))];
 };
 
-const getSettingsItemsDom = (items, searchValue) => {
+const getSpacerDom = height => {
+  return [{
+    childCount: 0,
+    className: SettingsItemsSpacer,
+    height: `${height}px;`,
+    type: Div
+  }];
+};
+
+const settingsItemsNode = {
+  childCount: 0,
+  className: SettingsItems,
+  onContextMenu: HandleContextMenu,
+  type: Div
+};
+const getSettingsItemsChildren = (items, preferences, topSpacerHeight, bottomSpacerHeight) => {
+  const children = items.flatMap(item => getItemVirtualDom(item, preferences));
+  if (topSpacerHeight !== 0) {
+    children.unshift(...getSpacerDom(topSpacerHeight));
+  }
+  if (bottomSpacerHeight !== 0) {
+    children.push(...getSpacerDom(bottomSpacerHeight));
+  }
+  return children;
+};
+const getSettingsItemsDom = (items, searchValue, preferences = {}, topSpacerHeight = 0, bottomSpacerHeight = 0) => {
   if (items.length === 0 && searchValue && searchValue.trim()) {
     return getSettingsNoResultsDom(searchValue);
   }
+  if (items.length === 0) {
+    return [settingsItemsNode];
+  }
+  const hasVirtualSpacers = topSpacerHeight !== 0 || bottomSpacerHeight !== 0;
+  const childCount = items.length + (hasVirtualSpacers ? 2 : 0);
   return [{
-    childCount: items.length,
-    className: SettingsItems,
-    onContextMenu: HandleContextMenu,
-    type: Div
-  }, ...items.flatMap(getItemVirtualDom)];
+    ...settingsItemsNode,
+    childCount
+  }, ...getSettingsItemsChildren(items, preferences, topSpacerHeight, bottomSpacerHeight)];
 };
 
 const settingsContentNode = {
@@ -3862,10 +3928,10 @@ const settingsItemWrapperNode = {
   className: SettingsItemWrapper,
   type: Div
 };
-const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar, schemaErrors = []) => {
+const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar, schemaErrors = [], preferences = {}, topSpacerHeight = 0, bottomSpacerHeight = 0) => {
   const selectedTab = tabs.find(tab => tab.selected);
   const headerText = selectedTab ? selectedTab.label : settingsContent();
-  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...(selectedTab?.id === SchemaErrorsTab ? getSchemaErrorsDom(schemaErrors) : getSettingsItemsDom(visibleItems, searchValue)), ...getScrollBarDom(showScrollBar)];
+  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...(selectedTab?.id === SchemaErrorsTab ? getSchemaErrorsDom(schemaErrors) : getSettingsItemsDom(visibleItems, searchValue, preferences, topSpacerHeight, bottomSpacerHeight)), ...getScrollBarDom(showScrollBar)];
 };
 
 const selectedTabClassName = mergeClassNames(Tab, TabSelected);
@@ -3910,10 +3976,11 @@ const settingsMainNode = {
   className: SettingsMain,
   type: Div
 };
-const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight, schemaErrors = []) => {
+const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight, minLineY, maxLineY, schemaErrors = [], preferences = {}) => {
+  const viewportHeight = getSettingsViewportHeight(height);
   const totalHeight = totalItemCount * itemHeight;
-  const showScrollBar = totalHeight > height;
-  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar, schemaErrors)];
+  const showScrollBar = totalHeight > viewportHeight;
+  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar, schemaErrors, preferences, minLineY * itemHeight, Math.max(0, totalHeight - maxLineY * itemHeight))];
 };
 
 const parentNode = {
@@ -3932,6 +3999,7 @@ const getSettingsDom = state => {
     filteredItems,
     height,
     itemHeight,
+    preferences,
     schemaErrors = [],
     searchValue,
     tabs,
@@ -3941,7 +4009,11 @@ const getSettingsDom = state => {
   const hasSearchValue = searchValue.trim().length > 0;
   const filteredSchemaErrors = getFilteredSchemaErrors(schemaErrors, searchValue);
   const filteredItemsCount = getFilteredItemsCount(isSchemaErrorsTab, filteredSchemaErrors.length, filteredItems.length);
-  const mainDom = getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight, filteredSchemaErrors);
+  const {
+    maxLineY,
+    minLineY
+  } = state;
+  const mainDom = getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight, minLineY, maxLineY, filteredSchemaErrors, preferences);
   return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...mainDom];
 };
 
@@ -4053,7 +4125,7 @@ const renderEventListeners = () => {
     params: ['handleSettingInput', TargetName, TargetValue]
   }, {
     name: HandleSettingChecked,
-    params: ['handleSettingChecked', TargetName, TargetValue]
+    params: ['handleSettingChecked', TargetName, TargetChecked]
   },
   // {
   //   name: DomEventListenerFunctions.HandleScroll,

package/static/{bb27a79 → 383ac66}/packages/settings-worker/dist/settingsWorkerMain.js

@@ -1360,6 +1360,8 @@ const Telemetry = 'Telemetry';
 const TelemetryDescription = 'Enable telemetry collection';
 const Theme = 'Theme';
 const ThemeDescription = 'The color theme of the workbench';
+const UseToggles = 'Use Toggles';
+const UseTogglesDescription = 'Render boolean settings as toggles instead of checkboxes';
 const TwoFactorAuth = 'Two Factor Auth';
 const TwoFactorAuthDescription = 'Enable two factor authentication';
 const WindowSize = 'Window Size';
@@ -1427,6 +1429,12 @@ const theme = () => {
 const themeDescription = () => {
   return i18nString(ThemeDescription);
 };
+const useToggles = () => {
+  return i18nString(UseToggles);
+};
+const useTogglesDescription = () => {
+  return i18nString(UseTogglesDescription);
+};
 const twoFactorAuth = () => {
   return i18nString(TwoFactorAuth);
 };
@@ -1545,6 +1553,13 @@ const getSettingItemsWindow = () => {
 
 const getSettingItemsWorkbench = () => {
   return [{
+    category: WorkbenchTab,
+    description: useTogglesDescription(),
+    heading: useToggles(),
+    id: 'settings.useToggles',
+    type: Boolean,
+    value: true
+  }, {
     category: WorkbenchTab,
     description: themeDescription(),
     heading: theme(),

package/static/{bb27a79 → 383ac66}/packages/status-bar-worker/dist/statusBarWorkerMain.js

@@ -2118,6 +2118,9 @@ const handleEditorStatusVisibilityChanged = (state, visible) => {
 };
 
 const handleEditorStatusVisibilityChangedAll = async visible => {
+  if (isVisible() === visible) {
+    return;
+  }
   setVisible(visible);
   const changedUids = [];
   for (const uid of getKeys()) {

package/static/{bb27a79 → 383ac66}/packages/terminal-worker/dist/terminalWorkerMain.js

@@ -1267,7 +1267,7 @@ const Remote = 3;
 const RendererWorker = 1;
 
 const {
-  invoke: invoke$1,
+  invoke,
   invokeAndTransfer,
   set: set$2
 } = create$3(RendererWorker);
@@ -1437,7 +1437,7 @@ const createWebSocketRpc = async ({
 }) => {
   string(type);
   try {
-    const connection = await invoke$1('WebSocketCapability.create', type);
+    const connection = await invoke('WebSocketCapability.create', type);
     if (connection.type === 'message-port') {
       return createElectronRpc({
         initialCommand: 'HandleMessagePortForTerminalProcess.handleMessagePortForTerminalProcess',
@@ -1542,19 +1542,37 @@ const listen$1 = async () => {
   state$1.pending ||= launch();
   await state$1.pending;
 };
-const invoke = (method, ...params) => {
-  const rpc = get$1();
-  if (!rpc) {
-    throw new Error('RPC is not initialized');
-  }
-  return rpc.invoke(method, ...params);
-};
-const send = (method, ...params) => {
-  const rpc = get$1();
-  if (!rpc) {
-    throw new Error('RPC is not initialized');
-  }
-  return rpc.send(method, ...params);
+const connections = {};
+const acquire = () => {
+  if (!connections.current || connections.current.result.rpc && connections.current.result.rpc !== get$1()) {
+    const result = {};
+    const connection = {
+      owners: new Set(),
+      ready: (async () => {
+        await listen$1();
+        const rpc = get$1();
+        if (!rpc) throw new Error('Terminal connection closed');
+        result.rpc = rpc;
+        return rpc;
+      })(),
+      result
+    };
+    connections.current = connection;
+  }
+  const connection = connections.current;
+  const owner = {};
+  connection.owners.add(owner);
+  const release = async () => {
+    if (!connection.owners.delete(owner)) return;
+    if (connection.owners.size > 0) return;
+    if (connections.current === connection) connections.current = undefined;
+    if (get$1() === connection.result.rpc) set$1(undefined);
+    await connection.result.rpc?.dispose();
+  };
+  return {
+    ready: connection.ready,
+    release
+  };
 };
 
 const state = {
@@ -1588,15 +1606,18 @@ const toUint8Array = data => {
   throw new Error('unexpected data type');
 };
 
+const closing = new Set();
+const sessions = new Map();
 const forwardData = async (id, data) => {
   const parsedData = toUint8Array(data);
-  await invoke$1('Viewlet.send', id, 'handleData', parsedData);
+  await invoke('Viewlet.send', id, 'handleData', parsedData);
 };
 const forwardExit = async (id, data) => {
-  await invoke$1('Viewlet.send', id, 'handleExit', data);
+  await invoke('Viewlet.send', id, 'handleExit', data);
   await dispose(id);
 };
 const create$1 = async (id, cwd, command, args, options = {}) => {
+  if (get(id) || closing.has(id)) throw new Error(`Terminal ${id} already exists`);
   const backend = options.backend || Real;
   set(id, {
     backend
@@ -1605,8 +1626,26 @@ const create$1 = async (id, cwd, command, args, options = {}) => {
     create$2(id, cwd, data => forwardData(id, data), data => forwardExit(id, data));
     return;
   }
-  await listen$1();
-  await invoke('Terminal.create', id, cwd, command, args);
+  const connection = acquire();
+  const ready = (async () => {
+    const rpc = await connection.ready;
+    await rpc.invoke('Terminal.create', id, cwd, command, args);
+  })();
+  const session = {
+    connection,
+    ready
+  };
+  sessions.set(id, session);
+  try {
+    await ready;
+  } catch (error) {
+    if (sessions.get(id) === session) {
+      sessions.delete(id);
+      remove(id);
+    }
+    await connection.release();
+    throw error;
+  }
 };
 const handleMessage = async (id, method, data) => {
   if (method === 'handleData') {
@@ -1626,8 +1665,12 @@ const write = async (id, data) => {
     await write$1(id, data);
     return;
   }
-  await listen$1();
-  send('Terminal.write', id, data);
+  const session = sessions.get(id);
+  if (!session) return;
+  await session.ready;
+  if (sessions.get(id) !== session) return;
+  const rpc = await session.connection.ready;
+  rpc.send('Terminal.write', id, data);
 };
 const resize = async (id, columns, rows) => {
   const terminal = get(id);
@@ -1638,18 +1681,31 @@ const resize = async (id, columns, rows) => {
     resize$1(id);
     return;
   }
-  await listen$1();
-  send('Terminal.resize', id, columns, rows);
+  const session = sessions.get(id);
+  if (!session) return;
+  await session.ready;
+  if (sessions.get(id) !== session) return;
+  const rpc = await session.connection.ready;
+  rpc.send('Terminal.resize', id, columns, rows);
 };
 const dispose = async id => {
   const terminal = get(id);
+  const session = sessions.get(id);
+  remove(id);
+  sessions.delete(id);
   if (terminal?.backend === Mock) {
     dispose$1(id);
-  } else if (terminal) {
-    await listen$1();
-    send('Terminal.dispose', id);
+  } else if (session) {
+    closing.add(id);
+    try {
+      await session.ready;
+      const rpc = await session.connection.ready;
+      await rpc.invoke('Terminal.dispose', id);
+    } finally {
+      closing.delete(id);
+      await session.connection.release();
+    }
   }
-  remove(id);
 };
 
 const commandMap = {

package/static/index.html

@@ -6,9 +6,9 @@
     <meta name="description" content="VS Code inspired text editor that mostly runs in a webworker." />
     <meta name="theme-color" content="#282e2f" />
     <title>Lvce Editor</title>
-    <link rel="stylesheet" href="/bb27a79/css/App.css" />
-    <link rel="manifest" href="/bb27a79/manifest.json" crossorigin="use-credentials" />
-    <link rel="apple-touch-icon" href="/bb27a79/icons/pwa-icon-192.png" />
-    <script type="module" src="/bb27a79/packages/renderer-process/dist/rendererProcessMain.js"></script>
+    <link rel="stylesheet" href="/383ac66/css/App.css" />
+    <link rel="manifest" href="/383ac66/manifest.json" crossorigin="use-credentials" />
+    <link rel="apple-touch-icon" href="/383ac66/icons/pwa-icon-192.png" />
+    <script type="module" src="/383ac66/packages/renderer-process/dist/rendererProcessMain.js"></script>
   </head>
 </html>