@lvce-editor/main-area-worker 9.56.2 → 9.58.0

package/dist/mainAreaWorkerMain.js

@@ -488,7 +488,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$2 = id => {
+const get$3 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -678,7 +678,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$2(id);
+  const fn = get$3(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -1335,7 +1335,7 @@ const rpcs = Object.create(null);
 const set$8 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$1 = id => {
+const get$2 = id => {
   return rpcs[id];
 };
 const remove = id => {
@@ -1346,18 +1346,18 @@ const remove = id => {
 const create$3 = rpcId => {
   return {
     async dispose() {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1499,18 +1499,102 @@ const confirm$1 = async (message, options) => {
   const result = await invoke$1('ConfirmPrompt.prompt', message, options);
   return result;
 };
+const getPreference = async key => {
+  return await invoke$1('Preferences.get', key);
+};
+
+const maxClosedTabs = 20;
+const pendingOperations = new Map();
+const sessionId = encodeURIComponent(`session-${new Date().toISOString()}`);
+const getKey = uid => {
+  return `https://lvce-editor.invalid/closed-tabs/${sessionId}/${uid}`;
+};
+const run = async (uid, operation) => {
+  const previous = pendingOperations.get(uid)?.promise || Promise.resolve();
+  const id = {};
+  const current = (async () => {
+    await previous;
+    try {
+      return await operation();
+    } finally {
+      if (pendingOperations.get(uid)?.id === id) {
+        pendingOperations.delete(uid);
+      }
+    }
+  })();
+  pendingOperations.set(uid, {
+    id,
+    promise: current
+  });
+  return await current;
+};
+const isClosedTabEntry = value => {
+  if (!value || typeof value !== 'object') {
+    return false;
+  }
+  const entry = value;
+  return Boolean(entry.group && typeof entry.group === 'object' && entry.tab && typeof entry.tab === 'object' && typeof entry.groupIndex === 'number' && typeof entry.tabIndex === 'number');
+};
+const getEntries = async key => {
+  const entries = await invoke$1('CacheStorage.getJson', key);
+  return Array.isArray(entries) ? entries.filter(isClosedTabEntry) : [];
+};
+const compact = entry => {
+  return {
+    ...entry,
+    group: {
+      ...entry.group,
+      tabs: []
+    }
+  };
+};
+const add = (uid, entries) => {
+  if (entries.length === 0) {
+    return Promise.resolve();
+  }
+  return run(uid, async () => {
+    try {
+      const key = getKey(uid);
+      const existing = await getEntries(key);
+      const compactEntries = entries.map(compact);
+      await invoke$1('CacheStorage.setJson', key, [...existing, ...compactEntries].slice(-maxClosedTabs));
+    } catch {
+      // Closed tab history is optional and must never break editor commands.
+    }
+  });
+};
+const clear = uid => {
+  return run(uid, async () => {
+    try {
+      await invoke$1('CacheStorage.setJson', getKey(uid), []);
+    } catch {
+      // Closed tab history is optional and must never break workspace changes.
+    }
+  });
+};
+const takeLast = uid => {
+  return run(uid, async () => {
+    try {
+      const key = getKey(uid);
+      const entries = await getEntries(key);
+      const entry = entries.at(-1);
+      if (!isClosedTabEntry(entry)) {
+        return undefined;
+      }
+      await invoke$1('CacheStorage.setJson', key, entries.slice(0, -1));
+      return entry;
+    } catch {
+      return undefined;
+    }
+  });
+};
 
 const addClosedTabs = (state, entries) => {
-  const {
-    closedTabs
-  } = state;
   if (entries.length === 0) {
     return state;
   }
-  return {
-    ...state,
-    closedTabs: [...closedTabs, ...entries].slice(-20)
-  };
+  void add(state.uid, entries);
+  return state;
 };
 
 const getGroupIndexById = (state, groupId) => {
@@ -1735,7 +1819,7 @@ const withActiveEditorChangeAsync = fn => {
 
 const registry = create$4();
 const {
-  get,
+  get: get$1,
   getCommandIds,
   getKeys: getKeys$1,
   registerCommands,
@@ -1984,7 +2068,7 @@ const handleCreate = async command => {
   const {
     newState: state,
     oldState
-  } = get(command.uid);
+  } = get$1(command.uid);
   const readyState = handleViewletReady(state, command.editorUid, title);
   set$1(command.uid, oldState, readyState);
   return readyState;
@@ -2527,7 +2611,6 @@ const normalizeLayoutDirection = direction => {
 const create$1 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight = 35) => {
   const state = {
     assetDir,
-    closedTabs: [],
     fileIconCache: {},
     height,
     homeDirUri: '',
@@ -2538,8 +2621,8 @@ const create$1 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight =
       direction: Horizontal,
       groups: []
     },
-    maxOpenEditorGroups: Infinity,
-    maxOpenEditors: Infinity,
+    maxOpenEditorGroups: -1,
+    maxOpenEditors: -1,
     minGroupHeightPx: 80,
     minGroupWidthPx: 250,
     platform,
@@ -2600,7 +2683,7 @@ const diff2 = uid => {
   const {
     newState,
     oldState
-  } = get(uid);
+  } = get$1(uid);
   const result = diff(oldState, newState);
   return result;
 };
@@ -3123,7 +3206,7 @@ const startContentLoading = async (oldState, state, tabId, path, requestId) => {
   } = state;
   try {
     const getLatestState = () => {
-      return get(uid).newState;
+      return get$1(uid).newState;
     };
     set$1(uid, oldState, state);
     const newState = await loadTabContentAsync(tabId, path, requestId, getLatestState);
@@ -3303,7 +3386,7 @@ const getActiveEditorUid = state => {
 };
 
 const getComponentState = uid => {
-  return get(uid).newState;
+  return get$1(uid).newState;
 };
 
 const getMenuIds = () => {
@@ -3334,6 +3417,8 @@ const handleClickTogglePreview = async state => {
 };
 
 const CloseGroup = 'close-group';
+const ConfigureLargeFileLimit = 'configure-large-file-limit';
+const OpenLargeFile = 'open-large-file';
 const OpenInTextEditor$1 = 'open-in-text-editor';
 const RetryOpen = 'retry-open';
 const RestoreClosedTab = 'restore-closed-tab';
@@ -3406,7 +3491,7 @@ const getCurrentState = state => {
   const {
     uid
   } = state;
-  const stateFromStore = get(uid);
+  const stateFromStore = get$1(uid);
   if (!stateFromStore) {
     set$1(uid, state, state);
     return state;
@@ -3526,6 +3611,36 @@ const getEditorInputTitle = editorInput => {
   }
 };
 
+const get = async key => {
+  return getPreference(key);
+};
+
+const defaultMaxFileSizeMb = 50;
+const bytesPerMegabyte = 1024 * 1024;
+const getMaxFileSize = async () => {
+  try {
+    const configuredLimit = await get('files.maxFileSizeMB');
+    if (typeof configuredLimit === 'number' && Number.isFinite(configuredLimit) && configuredLimit > 0) {
+      return configuredLimit * bytesPerMegabyte;
+    }
+  } catch {
+    // Older renderer workers do not expose this preference yet.
+  }
+  return defaultMaxFileSizeMb * bytesPerMegabyte;
+};
+const getLargeFileSize = async (editorInput, forceOpen = false) => {
+  if (editorInput.type !== 'editor' || forceOpen || !editorInput.uri.startsWith('file://')) {
+    return undefined;
+  }
+  try {
+    const [fileSize, maxFileSize] = await Promise.all([invoke$1('FileSystem.getFileSize', editorInput.uri), getMaxFileSize()]);
+    return typeof fileSize === 'number' && fileSize > maxFileSize ? fileSize : undefined;
+  } catch {
+    // File systems without stat support should retain the existing open behavior.
+    return undefined;
+  }
+};
+
 const getUriTitle = (uri, homeDirUri) => {
   if (!uri) {
     return undefined;
@@ -3741,6 +3856,7 @@ const getStateWithTab = (currentState, editorInput, existingTab, shouldRetryExis
         editorInput,
         editorType,
         errorMessage: '',
+        fileSize: undefined,
         loadingState: 'loading',
         title,
         uri,
@@ -3966,11 +4082,11 @@ const getActivePreviewEditorUid = state => {
   const activeTab = activeGroup?.tabs.find(tab => tab.id === activeGroup.activeTabId);
   return activeTab?.isPreview ? activeTab.editorUid : -1;
 };
-const shouldRetryExistingTab = (existingTab, editorInput) => {
+const shouldRetryExistingTab = (existingTab, editorInput, forceOpen) => {
   if (!existingTab) {
     return false;
   }
-  return existingTab.tab.loadingState === 'error' || editorInput.type === 'editor' && editorInput.forceText === true && existingTab.tab.editorInput?.type === 'binary';
+  return existingTab.tab.loadingState === 'error' || forceOpen && existingTab.tab.loadingState === 'large' || editorInput.type === 'editor' && editorInput.forceText === true && existingTab.tab.editorInput?.type === 'binary';
 };
 const openInputWithContext = async (context, options) => {
   const state = context.getState();
@@ -3985,7 +4101,7 @@ const openInputWithContext = async (context, options) => {
   const editorType = getEditorInputEditorType(editorInput);
   const currentState = state;
   const existingTab = options.reuseExisting === false ? undefined : findTabByUri(currentState, uri);
-  const shouldRetry = shouldRetryExistingTab(existingTab, editorInput);
+  const shouldRetry = shouldRetryExistingTab(existingTab, editorInput, options.forceOpen === true);
   if (existingTab && !shouldRetry) {
     const switchedState = getExistingTabState(currentState, existingTab, preview);
     await context.updateState(() => switchedState);
@@ -4020,6 +4136,17 @@ const openInputWithContext = async (context, options) => {
     await context.updateState(() => binaryState);
     return;
   }
+  const fileSize = await getLargeFileSize(editorInput, options.forceOpen === true);
+  if (fileSize !== undefined) {
+    const latestState = context.getState();
+    const largeFileState = updateTab(latestState, tabId, {
+      editorUid: -1,
+      fileSize,
+      loadingState: 'large'
+    });
+    await context.updateState(() => largeFileState);
+    return;
+  }
   try {
     const viewletModuleId = await getViewletModuleIdForEditorInput(editorInput);
     const stateAfterModuleId = context.getState();
@@ -4081,9 +4208,9 @@ const openInput = async (state, options) => {
   } = state;
   let currentState = getCurrentState(state);
   const context = {
-    getState: () => get(uid)?.newState ?? currentState,
+    getState: () => get$1(uid)?.newState ?? currentState,
     updateState: updater => {
-      const storedState = get(uid);
+      const storedState = get$1(uid);
       const latestState = storedState?.newState ?? currentState;
       currentState = updater(latestState);
       set$1(uid, storedState?.oldState ?? state, currentState);
@@ -4114,6 +4241,56 @@ const openBinaryAsText = async state => {
   });
 };
 
+const openLargeFile = async state => {
+  const activeTabData = getActiveTab(state);
+  const editorInput = activeTabData?.tab.editorInput;
+  if (!activeTabData || editorInput?.type !== 'editor') {
+    return state;
+  }
+  return openInput(state, {
+    editorInput,
+    focus: false,
+    forceOpen: true,
+    preview: activeTabData.tab.isPreview
+  });
+};
+
+const getOptionUriOptions = options => {
+  if (typeof options === 'string') {
+    return options;
+  }
+  return options.uri;
+};
+
+const getViewletContext = (options, viewletContext) => {
+  if (viewletContext !== undefined || typeof options === 'string') {
+    return viewletContext;
+  }
+  const context = Object.fromEntries(Object.entries(options).filter(([key]) => key !== 'focus' && key !== 'preview' && key !== 'reuseExisting' && key !== 'uri'));
+  return Object.keys(context).length === 0 ? undefined : context;
+};
+const getOpenInputOptions = (options, focus = true, viewletContext) => {
+  const uri = getOptionUriOptions(options);
+  const preview = typeof options === 'string' ? false : options.preview ?? false;
+  const reuseExisting = typeof options === 'string' ? true : options.reuseExisting ?? true;
+  const context = getViewletContext(options, viewletContext);
+  return {
+    ...(context !== undefined && {
+      args: [context]
+    }),
+    editorInput: getNormalizedOpenEditorInput(uri),
+    focus: typeof options === 'string' ? focus : options.focus,
+    preview,
+    reuseExisting
+  };
+};
+const openUri = async (state, options, focus = true, viewletContext) => {
+  return openInput(state, getOpenInputOptions(options, focus, viewletContext));
+};
+const openUriWithContext = async (context, options, focus = true, viewletContext) => {
+  await openInputWithContext(context, getOpenInputOptions(options, focus, viewletContext));
+};
+
 const parseRawGroupId = rawGroupId => {
   if (!rawGroupId) {
     return undefined;
@@ -4148,15 +4325,6 @@ const getRestoredTab = tab => {
     loadingState: undefined
   });
 };
-const getStateWithoutLastClosedTab = state => {
-  const {
-    closedTabs
-  } = state;
-  return {
-    ...state,
-    closedTabs: closedTabs.slice(0, -1)
-  };
-};
 const restoreExistingUri = (state, entry) => {
   const {
     layout
@@ -4179,14 +4347,13 @@ const restoreExistingUri = (state, entry) => {
   if (tabIndex === -1) {
     return undefined;
   }
-  const newStateWithoutClosedTab = getStateWithoutLastClosedTab(state);
-  const groups = focusGroup(newStateWithoutClosedTab.layout.groups, existing.groupId, existing.tab.id);
+  const groups = focusGroup(state.layout.groups, existing.groupId, existing.tab.id);
   return {
     groupIndex,
     newState: {
-      ...newStateWithoutClosedTab,
+      ...state,
       layout: {
-        ...newStateWithoutClosedTab.layout,
+        ...state.layout,
         activeGroupId: existing.groupId,
         groups
       }
@@ -4210,7 +4377,6 @@ const restoreIntoExistingGroup = (state, entry) => {
   const tabIndex = clampIndex(entry.tabIndex, 0, group.tabs.length);
   const tabs = [...group.tabs];
   tabs.splice(tabIndex, 0, restoredTab);
-  const newStateWithoutClosedTab = getStateWithoutLastClosedTab(state);
   const updatedGroups = groups.map((currentGroup, index) => {
     if (index === groupIndex) {
       return {
@@ -4229,9 +4395,9 @@ const restoreIntoExistingGroup = (state, entry) => {
   return {
     groupIndex,
     newState: {
-      ...newStateWithoutClosedTab,
+      ...state,
       layout: {
-        ...newStateWithoutClosedTab.layout,
+        ...state.layout,
         activeGroupId: group.id,
         groups: updatedGroups
       }
@@ -4249,18 +4415,17 @@ const createRestoredGroup = entry => {
   };
 };
 const restoreIntoRecreatedGroup = (state, entry) => {
-  const newStateWithoutClosedTab = getStateWithoutLastClosedTab(state);
   const restoredGroup = createRestoredGroup(entry);
   const {
     groups
-  } = newStateWithoutClosedTab.layout;
+  } = state.layout;
   if (groups.length === 0) {
     return {
       groupIndex: 0,
       newState: {
-        ...newStateWithoutClosedTab,
+        ...state,
         layout: {
-          ...newStateWithoutClosedTab.layout,
+          ...state.layout,
           activeGroupId: restoredGroup.id,
           groups: [restoredGroup]
         }
@@ -4277,9 +4442,9 @@ const restoreIntoRecreatedGroup = (state, entry) => {
   return {
     groupIndex,
     newState: {
-      ...newStateWithoutClosedTab,
+      ...state,
       layout: {
-        ...newStateWithoutClosedTab.layout,
+        ...state.layout,
         activeGroupId: restoredGroup.id,
         groups: redistributeSizesWithRounding(insertedGroups)
       }
@@ -4287,63 +4452,21 @@ const restoreIntoRecreatedGroup = (state, entry) => {
     tabIndex: 0
   };
 };
-const restoreClosedTabState = state => {
-  const {
-    closedTabs
-  } = state;
-  const entry = closedTabs.at(-1);
-  if (!entry) {
-    return undefined;
-  }
+const restoreClosedTabState = (state, entry) => {
   return restoreExistingUri(state, entry) || restoreIntoExistingGroup(state, entry) || restoreIntoRecreatedGroup(state, entry);
 };
 
 const restoreClosedTab = async state => {
-  const restored = restoreClosedTabState(state);
-  if (!restored) {
+  const entry = await takeLast(state.uid);
+  if (!entry) {
     return state;
   }
+  const restored = restoreClosedTabState(state, entry);
   const newState = await selectTab(restored.newState, restored.groupIndex, restored.tabIndex);
   set$1(state.uid, state, newState);
   return newState;
 };
 
-const getOptionUriOptions = options => {
-  if (typeof options === 'string') {
-    return options;
-  }
-  return options.uri;
-};
-
-const getViewletContext = (options, viewletContext) => {
-  if (viewletContext !== undefined || typeof options === 'string') {
-    return viewletContext;
-  }
-  const context = Object.fromEntries(Object.entries(options).filter(([key]) => key !== 'focus' && key !== 'preview' && key !== 'reuseExisting' && key !== 'uri'));
-  return Object.keys(context).length === 0 ? undefined : context;
-};
-const getOpenInputOptions = (options, focus = true, viewletContext) => {
-  const uri = getOptionUriOptions(options);
-  const preview = typeof options === 'string' ? false : options.preview ?? false;
-  const reuseExisting = typeof options === 'string' ? true : options.reuseExisting ?? true;
-  const context = getViewletContext(options, viewletContext);
-  return {
-    ...(context !== undefined && {
-      args: [context]
-    }),
-    editorInput: getNormalizedOpenEditorInput(uri),
-    focus: typeof options === 'string' ? focus : options.focus,
-    preview,
-    reuseExisting
-  };
-};
-const openUri = async (state, options, focus = true, viewletContext) => {
-  return openInput(state, getOpenInputOptions(options, focus, viewletContext));
-};
-const openUriWithContext = async (context, options, focus = true, viewletContext) => {
-  await openInputWithContext(context, getOpenInputOptions(options, focus, viewletContext));
-};
-
 const retryOpen = async state => {
   const activeTabData = getActiveTab(state);
   if (!activeTabData) {
@@ -4563,8 +4686,12 @@ const handleClickAction = async (state, action, rawGroupId) => {
         }
         return closeEditorGroup$1(state, groupId);
       }
+    case ConfigureLargeFileLimit:
+      return openUri(state, 'settings://');
     case OpenInTextEditor$1:
       return openBinaryAsText(state);
+    case OpenLargeFile:
+      return openLargeFile(state);
     case RetryOpen:
       return retryOpen(state);
     case SplitRight$1:
@@ -5269,12 +5396,17 @@ const TextEditorError = 'TextEditor TextEditorError';
 const EditorContentError = 'EditorContent EditorContentError';
 const TextEditorBinary = 'TextEditor TextEditorError TextEditorBinary';
 const EditorContentBinary = 'EditorContent EditorContentError EditorContentBinary';
+const TextEditorLargeFile = 'TextEditor TextEditorError TextEditorLargeFile';
+const EditorContentLargeFile = 'EditorContent EditorContentError EditorContentLargeFile';
+const EditorContentLargeFileActions = 'EditorContentLargeFileActions';
+const EditorLargeFileWarningIcon = 'MaskIcon MaskIconWarning EditorLargeFileWarningIcon';
 const DragOverlay = 'DragOverlay';
 const Main = 'Main';
 const EDITOR_GROUPS_CONTAINER = 'editor-groups-container';
 const TabIcon = 'TabIcon';
 const TabTitle = 'TabTitle';
 const Button = 'Button';
+const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
 const EditorContent = 'EditorContent';
 const EditorTabCloseButton = 'EditorTabCloseButton';
@@ -5380,7 +5512,7 @@ const newFile = async state => {
   // After viewlet is created, get the latest state and mark it as ready
   const {
     newState: latestState
-  } = get(uid);
+  } = get$1(uid);
   const readyState = handleViewletReady(latestState, actualEditorUid, title);
   return readyState;
 };
@@ -6047,6 +6179,13 @@ const handleUriChange = async (state, oldUri, newUri) => {
     layout: result.updatedLayout
   };
 };
+const handleUriChangeWithContext = async (context, oldUri, newUri) => {
+  const state = context.getState();
+  const newState = await handleUriChange(state, oldUri, newUri);
+  if (newState !== state) {
+    await context.updateState(() => newState);
+  }
+};
 
 const toFileUri = path => {
   if (!path) {
@@ -6318,11 +6457,8 @@ const loadContent$1 = async (state, savedState) => {
 };
 
 const handleWorkspaceChange = async (state, _workspacePath, savedState) => {
-  const newState = await loadContent$1(state, savedState);
-  return {
-    ...newState,
-    closedTabs: []
-  };
+  await clear(state.uid);
+  return loadContent$1(state, savedState);
 };
 
 const getEditorInputUris = editorInput => {
@@ -6460,6 +6596,7 @@ const CloseSaved = 'Close Saved';
 const CloseToTheRight = 'Close To The Right';
 const CopyPath = 'Copy Path';
 const CopyRelativePath = 'Copy Relative Path';
+const ConfigureLimit = 'Configure Limit';
 const FindFileReferences = 'Find File References';
 const ReopenEditorWith = 'Reopen Editor With...';
 const Share = 'Share';
@@ -6474,8 +6611,10 @@ const CopyIntoNewWindow = 'Copy into New Window';
 const NewTextFile = 'New Text File';
 const NewWindow = 'New Window';
 const OpenFile = 'Open File';
+const OpenAnyway = 'Open Anyway';
 const OpenInTextEditor = 'Open in Text Editor';
 const BinaryFileNotDisplayed = 'The file is not displayed in the text editor because its contents are binary.';
+const LargeFileNotDisplayed = 'The file is not displayed in the text editor because it is very large';
 const SplitDown = 'Split Down';
 const SplitEditorGroup = 'Split Editor Group';
 const SplitLeft = 'Split Left';
@@ -6493,6 +6632,15 @@ const openInTextEditor = () => {
 const binaryFileNotDisplayed = () => {
   return i18nString(BinaryFileNotDisplayed);
 };
+const configureLimit = () => {
+  return i18nString(ConfigureLimit);
+};
+const largeFileNotDisplayed = () => {
+  return i18nString(LargeFileNotDisplayed);
+};
+const openAnyway = () => {
+  return i18nString(OpenAnyway);
+};
 const splitUp = () => {
   return i18nString(SplitUp);
 };
@@ -7400,7 +7548,7 @@ const editorContentBinaryNode = {
   className: EditorContentBinary,
   type: Div
 };
-const paragraphNode$1 = {
+const paragraphNode$2 = {
   childCount: 1,
   type: P
 };
@@ -7413,7 +7561,7 @@ const openInTextEditorButtonNode = {
   type: Button$2
 };
 const renderBinary = () => {
-  return [textEditorBinaryNode, editorContentBinaryNode, paragraphNode$1, text(binaryFileNotDisplayed()), openInTextEditorButtonNode, text(openInTextEditor())];
+  return [textEditorBinaryNode, editorContentBinaryNode, paragraphNode$2, text(binaryFileNotDisplayed()), openInTextEditorButtonNode, text(openInTextEditor())];
 };
 
 const textEditorNode = {
@@ -7440,7 +7588,7 @@ const editorContentErrorNode = {
   className: EditorContentError,
   type: Div
 };
-const paragraphNode = {
+const paragraphNode$1 = {
   childCount: 1,
   type: P
 };
@@ -7453,7 +7601,53 @@ const retryButtonNode = {
   type: Button$2
 };
 const renderError = errorMessage => {
-  return [textEditorErrorNode, editorContentErrorNode, paragraphNode, text(`Error: ${errorMessage}`), retryButtonNode, text(retry())];
+  return [textEditorErrorNode, editorContentErrorNode, paragraphNode$1, text(`Error: ${errorMessage}`), retryButtonNode, text(retry())];
+};
+
+const formatFileSize = fileSize => {
+  if (fileSize < 1024) {
+    return `${fileSize} B`;
+  }
+  if (fileSize < 1024 * 1024) {
+    return `${(fileSize / 1024).toFixed(2)} KB`;
+  }
+  return `${(fileSize / 1024 / 1024).toFixed(2)} MB`;
+};
+const button = (action, label, primary = false) => [{
+  childCount: 1,
+  className: mergeClassNames(Button, primary ? ButtonPrimary : ButtonSecondary),
+  'data-action': action,
+  name: action,
+  onClick: HandleClickAction,
+  type: Button$2
+}, text(label)];
+const textEditorLargeFileNode = {
+  childCount: 1,
+  className: TextEditorLargeFile,
+  type: Div
+};
+const editorContentLargeFileNode = {
+  childCount: 3,
+  className: EditorContentLargeFile,
+  type: Div
+};
+const warningIconNode = {
+  ariaHidden: true,
+  childCount: 0,
+  className: EditorLargeFileWarningIcon,
+  type: Div
+};
+const paragraphNode = {
+  childCount: 1,
+  type: P
+};
+const actionsNode = {
+  childCount: 4,
+  className: EditorContentLargeFileActions,
+  type: Div
+};
+const renderLargeFile = fileSize => {
+  return [textEditorLargeFileNode, editorContentLargeFileNode, warningIconNode, paragraphNode, text(`${largeFileNotDisplayed()} (${formatFileSize(fileSize)}).`), actionsNode, ...button(OpenLargeFile, openAnyway(), true), ...button(ConfigureLargeFileLimit, configureLimit())];
 };
 
 const textEditorLoadingNode = {
@@ -7492,6 +7686,9 @@ const renderEditor = tab => {
   if (tab.loadingState === 'binary') {
     return renderBinary();
   }
+  if (tab.loadingState === 'large' && tab.fileSize !== undefined) {
+    return renderLargeFile(tab.fileSize);
+  }
 
   // Viewlet is ready - render a reference node
   // Frontend will append the pre-created component at this position using the uid
@@ -8048,7 +8245,7 @@ const render2 = (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get(uid);
+  } = get$1(uid);
   set$1(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   if (!isConnected()) {
@@ -8264,7 +8461,7 @@ const saveEditorAndHandleSettingsChange = async tab => {
   return editorState;
 };
 const getLatestStoredState = (uid, fallbackState, referenceTabId, referenceTabUri, allowMissingReference = false) => {
-  const stateFromStore = get(uid);
+  const stateFromStore = get$1(uid);
   if (!stateFromStore) {
     return fallbackState;
   }
@@ -8619,7 +8816,7 @@ const resize = async (uid, dimensions) => {
   if (loading) {
     await loading;
   }
-  const instance = get(uid);
+  const instance = get$1(uid);
   if (!instance) {
     return [];
   }
@@ -8713,7 +8910,7 @@ const commandMap = {
   'MainArea.handleTabsDragOver': wrapSerialCommand(handleTabsDragOver),
   'MainArea.handleTabsWheel': wrapSerialCommand(handleTabsWheel),
   'MainArea.handleTestWorkerMessagePort': handleTestWorkerMessagePort,
-  'MainArea.handleUriChange': wrapSerialCommand(handleUriChange),
+  'MainArea.handleUriChange': wrapAsyncCommand(handleUriChangeWithContext),
   'MainArea.handleWorkspaceChange': wrapSerialCommand(handleWorkspaceChange),
   'MainArea.handleWorkspaceRefresh': wrapAsyncCommand(handleWorkspaceRefreshWithContext),
   'MainArea.hasActiveTextEditor': wrapGetter(hasActiveTextEditor),
@@ -8799,7 +8996,7 @@ const refreshFileIcons = async () => {
     const {
       newState,
       oldState
-    } = get(uid);
+    } = get$1(uid);
     const updatedState = await handleIconThemeChange(newState);
     set$1(uid, oldState, updatedState);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/main-area-worker",
-  "version": "9.56.2",
+  "version": "9.58.0",
   "description": "Main Area Worker",
   "repository": {
     "type": "git",