@lvce-editor/main-area-worker 9.19.0 → 9.21.0

package/dist/mainAreaWorkerMain.js

@@ -272,7 +272,6 @@ const walkValue = (value, transferrables, isTransferrable) => {
     for (const property of Object.values(value)) {
       walkValue(property, transferrables, isTransferrable);
     }
-    return;
   }
 };
 const getTransferrables = value => {
@@ -1416,15 +1415,175 @@ const create$3 = rpcId => {
 
 const None$1 = 'none';
 
+const Audio = 0;
 const Button$2 = 1;
+const Col = 2;
+const ColGroup = 3;
 const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
 const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
 const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
 const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
 const P = 50;
 const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main$2 = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
 const Reference = 100;
 
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$2,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main: Main$2,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
 const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -1896,6 +2055,38 @@ const closeTabsRight = (state, groupId) => {
   return withGroups(addClosedTabs(state, closedTabs), newGroups);
 };
 
+const findGroupById = (state, groupId) => {
+  const {
+    layout
+  } = state;
+  const {
+    groups
+  } = layout;
+  return groups.find(group => group.id === groupId);
+};
+
+const copyIntoNewWindow$1 = async state => {
+  const {
+    activeGroupId
+  } = state.layout;
+  const group = findGroupById(state, activeGroupId ?? 0);
+  if (!group) {
+    return state;
+  }
+  const {
+    activeTabId
+  } = group;
+  if (activeTabId === undefined) {
+    return state;
+  }
+  const tab = group.tabs.find(tab => tab.id === activeTabId);
+  if (!tab?.uri) {
+    return state;
+  }
+  await invoke('ElectronWindow.openNewWithUri', tab.uri);
+  return state;
+};
+
 const copyPath$1 = async (state, path) => {
   string(path);
   await writeClipBoardText(path);
@@ -1944,6 +2135,7 @@ const create$2 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight =
     closedTabs: [],
     fileIconCache: {},
     height,
+    homeDirUri: '',
     iframes: [],
     initial: true,
     layout: {
@@ -3018,6 +3210,16 @@ const getCurrentState = state => {
   return state;
 };
 
+const getTitle = (uri, homeDir) => {
+  if (!uri) {
+    return '';
+  }
+  const normalizedHomeDir = homeDir.endsWith('/') ? homeDir.slice(0, -1) : homeDir;
+  if (uri.startsWith('file://') && normalizedHomeDir.startsWith('file://') && (uri === normalizedHomeDir || uri.startsWith(`${normalizedHomeDir}/`))) {
+    return `~${uri.slice(normalizedHomeDir.length)}`;
+  }
+  return uri;
+};
 const getBasename$1 = uri => {
   const lastSlashIndex = uri.lastIndexOf('/');
   if (lastSlashIndex === -1) {
@@ -3034,6 +3236,9 @@ const getInlineDiffLabel = uri => {
   return `${getBasename$1(workingTreeUri)} (Working Tree)`;
 };
 const getLabel = uri => {
+  if (uri === 'app://keybindings') {
+    return 'Keyboard Shortcuts';
+  }
   if (uri.startsWith('settings://')) {
     return 'Settings';
   }
@@ -3072,7 +3277,41 @@ const getEditorInputTitle = editorInput => {
   }
 };
 
-const createEmptyGroup = (state, uri, requestId, preview = false, title = getLabel(uri), editorType = 'text', editorInput) => {
+const getUriTitle = (uri, homeDirUri) => {
+  if (!uri) {
+    return undefined;
+  }
+  const title = getTitle(uri, homeDirUri);
+  return title === uri ? undefined : title;
+};
+const updateTabUriTitle = (tab, homeDirUri) => {
+  const uriTitle = getUriTitle(tab.uri, homeDirUri);
+  if (tab.uriTitle === uriTitle) {
+    return tab;
+  }
+  return {
+    ...tab,
+    uriTitle
+  };
+};
+const updateTabUriTitles = state => {
+  const {
+    layout
+  } = state;
+  const homeDirUri = state.homeDirUri || '';
+  return {
+    ...state,
+    layout: {
+      ...layout,
+      groups: layout.groups.map(group => ({
+        ...group,
+        tabs: group.tabs.map(tab => updateTabUriTitle(tab, homeDirUri))
+      }))
+    }
+  };
+};
+
+const createEmptyGroup$1 = (state, uri, requestId, preview = false, title = getLabel(uri), editorType = 'text', editorInput) => {
   const {
     layout
   } = state;
@@ -3094,7 +3333,8 @@ const createEmptyGroup = (state, uri, requestId, preview = false, title = getLab
     language: '',
     loadingState: 'loading',
     title,
-    uri
+    uri,
+    uriTitle: getUriTitle(uri, state.homeDirUri || '')
   };
   const newGroup = {
     activeTabId: newTab.id,
@@ -3188,7 +3428,8 @@ const ensureActiveGroup = (state, uri, preview = false, title = getLabel(uri), e
             language: '',
             loadingState: 'loading',
             title,
-            uri
+            uri,
+            uriTitle: getUriTitle(uri, state.homeDirUri || '')
           };
         });
         return {
@@ -3221,11 +3462,12 @@ const ensureActiveGroup = (state, uri, preview = false, title = getLabel(uri), e
       language: '',
       loadingState: 'loading',
       title,
-      uri: uri
+      uri: uri,
+      uriTitle: getUriTitle(uri, state.homeDirUri || '')
     };
     newState = openTab(state, activeGroup.id, newTab);
   } else {
-    newState = createEmptyGroup(state, uri, requestId, preview, title, editorType, editorInput);
+    newState = createEmptyGroup$1(state, uri, requestId, preview, title, editorType, editorInput);
   }
   return newState;
 };
@@ -3239,7 +3481,8 @@ const getStateWithTab = (currentState, editorInput, existingTab, shouldRetryExis
         errorMessage: '',
         loadingState: 'loading',
         title,
-        uri
+        uri,
+        uriTitle: getUriTitle(uri, currentState.homeDirUri || '')
       }),
       tabId: existingTab.tab.id
     };
@@ -3548,7 +3791,7 @@ const openUri = async (state, options) => {
   const preview = typeof options === 'string' ? false : options.preview ?? false;
   return openInput(state, {
     editorInput: getNormalizedOpenEditorInput(uri),
-    focu: typeof options === 'string' ? false : options.focu,
+    focus: typeof options === 'string' ? false : options.focus,
     preview
   });
 };
@@ -3564,7 +3807,7 @@ const retryOpen = async state => {
   if (tab.editorInput) {
     return openInput(state, {
       editorInput: tab.editorInput,
-      focu: false,
+      focus: false,
       preview: tab.isPreview
     });
   }
@@ -3921,7 +4164,7 @@ const newFile = async state => {
     targetGroupId = activeGroup.id;
   } else {
     // No active group, create an empty one
-    newState = createEmptyGroup(state, '');
+    newState = createEmptyGroup$1(state, '');
     const updatedActiveGroupId = newState.layout.activeGroupId;
     if (!updatedActiveGroupId) {
       return state;
@@ -4306,7 +4549,8 @@ const handleUriChange = async (state, oldUri, newUri) => {
           return {
             ...tab,
             title: newTitle,
-            uri: newUri
+            uri: newUri,
+            uriTitle: getUriTitle(newUri, state.homeDirUri || '')
           };
         }
         return tab;
@@ -4371,6 +4615,27 @@ const initialize = async () => {
   set$3(rpc);
 };
 
+const toFileUri = path => {
+  if (!path) {
+    return '';
+  }
+  if (path.startsWith('file://')) {
+    return path;
+  }
+  if (path.startsWith('/')) {
+    return `file://${path}`;
+  }
+  return path;
+};
+const loadHomeDirUri = async () => {
+  try {
+    const homeDir = await invoke('Workspace.getHomeDir');
+    return typeof homeDir === 'string' ? toFileUri(homeDir) : '';
+  } catch {
+    return '';
+  }
+};
+
 const isValidTab = tab => {
   return tab && typeof tab.id === 'number' && typeof tab.title === 'string' && typeof tab.isDirty === 'boolean' && typeof tab.isPreview === 'boolean' && typeof tab.editorUid === 'number' && typeof tab.icon === 'string' && (tab.editorType === 'text' || tab.editorType === 'custom');
 };
@@ -4562,10 +4827,15 @@ const restoreAndCreateEditors = async (state, restoredLayout) => {
 };
 
 const loadContent = async (state, savedState) => {
+  const homeDirUri = await loadHomeDirUri();
+  const stateWithHomeDir = {
+    ...state,
+    homeDirUri
+  };
   const restoredLayout = tryRestoreLayout(savedState);
   if (restoredLayout) {
     // Restore and create editors
-    const editorState = await restoreAndCreateEditors(state, restoredLayout);
+    const editorState = await restoreAndCreateEditors(stateWithHomeDir, restoredLayout);
 
     // Load file icons with the updated editor state
     const {
@@ -4574,16 +4844,16 @@ const loadContent = async (state, savedState) => {
     } = await loadFileIcons(editorState);
 
     // Merge the results
-    const finalState = {
+    const finalState = updateTabUriTitles({
       ...editorState,
       fileIconCache,
       initial: false,
       layout: updatedLayout
-    };
+    });
     return finalState;
   }
   return {
-    ...state,
+    ...stateWithHomeDir,
     initial: false,
     layout: {
       activeGroupId: undefined,
@@ -4721,7 +4991,7 @@ const pin = () => {
 const splitAndMove = () => {
   return i18nString(SplitAndMove);
 };
-const moveIntoNewWindow = () => {
+const moveIntoNewWindow$1 = () => {
   return i18nString(MoveIntoNewWindow);
 };
 const copyIntoNewWindow = () => {
@@ -4803,16 +5073,6 @@ const getMenuEntries$2 = (state, groupId) => {
   }];
 };
 
-const findGroupById = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  return groups.find(group => group.id === groupId);
-};
-
 // TODO should pass tab uri as argument or tab index
 const getMenuEntries$1 = state => {
   const {
@@ -4920,12 +5180,12 @@ const getMenuEntries$1 = state => {
     id: 'splitAndMove',
     label: splitAndMove()
   }, {
-    command: '',
+    command: 'MainArea.moveIntoNewWindow',
     flags: None,
     id: 'moveIntoNewWindow',
-    label: moveIntoNewWindow()
+    label: moveIntoNewWindow$1()
   }, {
-    command: '',
+    command: 'MainArea.copyIntoNewWindow',
     flags: None,
     id: 'copyIntoNewWindow',
     label: copyIntoNewWindow()
@@ -4949,8 +5209,30 @@ const getMenuEntries = async (state, props) => {
   }
 };
 
+const moveIntoNewWindow = async state => {
+  const {
+    activeGroupId
+  } = state.layout;
+  const group = findGroupById(state, activeGroupId ?? 0);
+  if (!group) {
+    return state;
+  }
+  const {
+    activeTabId
+  } = group;
+  if (activeTabId === undefined) {
+    return state;
+  }
+  const tab = group.tabs.find(tab => tab.id === activeTabId);
+  if (!tab?.uri) {
+    return state;
+  }
+  await invoke('ElectronWindow.openNewWithUri', tab.uri);
+  return closeTabAndSave(state, group.id, activeTabId);
+};
+
 const newWindow = async state => {
-  await invoke('Main.newWindow');
+  await invoke('ElectronWindow.openNew');
   return state;
 };
 
@@ -5112,6 +5394,8 @@ const text = data => {
   };
 };
 
+new Set(Object.values(VirtualDomElements));
+
 const SetText = 1;
 const Replace = 2;
 const SetAttribute = 3;
@@ -5518,7 +5802,7 @@ const renderTab = (tab, isActive, tabIndex, groupIndex) => {
     onContextMenu: HandleTabContextMenu,
     onMouseDown: HandleClickTab,
     role: 'tab',
-    title: tab.uri || tab.title,
+    title: tab.uriTitle || tab.uri || tab.title,
     type: Div
   }, {
     childCount: 0,
@@ -5995,6 +6279,178 @@ const saveState = state => {
   };
 };
 
+const flipDirection = direction => {
+  return direction === Horizontal ? Vertical : Horizontal;
+};
+const createEmptyGroup = () => {
+  return {
+    activeTabId: undefined,
+    focused: false,
+    id: create$1(),
+    isEmpty: true,
+    size: 100,
+    tabs: []
+  };
+};
+const getActiveGroupIndex = (groups, activeGroupId) => {
+  const activeIndex = groups.findIndex(group => group.id === activeGroupId);
+  if (activeIndex !== -1) {
+    return activeIndex;
+  }
+  const focusedIndex = groups.findIndex(group => group.focused);
+  if (focusedIndex !== -1) {
+    return focusedIndex;
+  }
+  return 0;
+};
+const mergeGroups = (target, groups, activeGroupId) => {
+  const allGroups = [target, ...groups];
+  const tabs = allGroups.flatMap(group => group.tabs);
+  const activeGroup = allGroups.find(group => group.id === activeGroupId) ?? groups.findLast(group => group.activeTabId !== undefined) ?? target;
+  const activeTabId = activeGroup.activeTabId ?? tabs[0]?.id;
+  return {
+    ...target,
+    activeTabId,
+    isEmpty: tabs.length === 0,
+    tabs
+  };
+};
+const getGroupsForSlotCount = (groups, slotCount, activeGroupId) => {
+  if (slotCount === 1) {
+    const firstGroup = groups[0] ?? createEmptyGroup();
+    return [mergeGroups(firstGroup, groups.slice(1), activeGroupId)];
+  }
+  if (groups.length === slotCount) {
+    return groups;
+  }
+  if (groups.length < slotCount) {
+    const missingGroups = Array.from({
+      length: slotCount - groups.length
+    }, createEmptyGroup);
+    return [...groups, ...missingGroups];
+  }
+  const retainedGroups = groups.slice(0, slotCount);
+  const extraGroups = groups.slice(slotCount);
+  const lastGroup = retainedGroups.at(-1);
+  if (!lastGroup) {
+    return retainedGroups;
+  }
+  return [...retainedGroups.slice(0, -1), mergeGroups(lastGroup, extraGroups, activeGroupId)];
+};
+const setEditorLayout = (state, direction, slots) => {
+  const {
+    layout
+  } = state;
+  const groups = getGroupsForSlotCount(layout.groups, slots.length, layout.activeGroupId);
+  const originalActiveIndex = layout.groups.findIndex(group => group.id === layout.activeGroupId);
+  const activeIndex = originalActiveIndex >= slots.length ? slots.length - 1 : getActiveGroupIndex(groups, layout.activeGroupId);
+  const nextGroups = groups.map((group, index) => {
+    const slot = slots[index];
+    const focused = index === activeIndex;
+    return {
+      ...group,
+      direction: slot.direction,
+      focused,
+      size: slot.size
+    };
+  });
+  return {
+    ...state,
+    layout: {
+      activeGroupId: nextGroups[activeIndex]?.id,
+      direction,
+      groups: nextGroups
+    }
+  };
+};
+const flipLayout = state => {
+  return {
+    ...state,
+    layout: {
+      ...state.layout,
+      direction: flipDirection(state.layout.direction),
+      groups: state.layout.groups.map(group => ({
+        ...group,
+        direction: group.direction === undefined ? undefined : flipDirection(group.direction)
+      }))
+    }
+  };
+};
+const setEditorLayoutSingle = state => {
+  return setEditorLayout(state, Horizontal, [{
+    size: 100
+  }]);
+};
+const setEditorLayoutTwoColumns = state => {
+  return setEditorLayout(state, Horizontal, [{
+    size: 50
+  }, {
+    size: 50
+  }]);
+};
+const setEditorLayoutThreeColumns = state => {
+  return setEditorLayout(state, Horizontal, [{
+    size: 33.333333
+  }, {
+    size: 33.333333
+  }, {
+    size: 33.333334
+  }]);
+};
+const setEditorLayoutTwoRows = state => {
+  return setEditorLayout(state, Vertical, [{
+    size: 50
+  }, {
+    size: 50
+  }]);
+};
+const setEditorLayoutThreeRows = state => {
+  return setEditorLayout(state, Vertical, [{
+    size: 33.333333
+  }, {
+    size: 33.333333
+  }, {
+    size: 33.333334
+  }]);
+};
+const setEditorLayoutGrid = state => {
+  return setEditorLayout(state, Horizontal, [{
+    direction: Vertical,
+    size: 25
+  }, {
+    direction: Vertical,
+    size: 25
+  }, {
+    direction: Vertical,
+    size: 25
+  }, {
+    direction: Vertical,
+    size: 25
+  }]);
+};
+const setEditorLayoutTwoRowsRight = state => {
+  return setEditorLayout(state, Horizontal, [{
+    size: 50
+  }, {
+    direction: Vertical,
+    size: 25
+  }, {
+    direction: Vertical,
+    size: 25
+  }]);
+};
+const setEditorLayoutTwoColumnsBottom = state => {
+  return setEditorLayout(state, Vertical, [{
+    size: 50
+  }, {
+    direction: Horizontal,
+    size: 25
+  }, {
+    direction: Horizontal,
+    size: 25
+  }]);
+};
+
 const splitDown = (state, groupId) => {
   const {
     layout
@@ -6165,10 +6621,12 @@ const commandMap = {
   'MainArea.closeSaved': wrapCommand(closeSaved$1),
   'MainArea.closeTabsByUris': wrapCommand(closeTabsByUris),
   'MainArea.closeTabsRight': wrapCommand(closeTabsRight),
+  'MainArea.copyIntoNewWindow': wrapCommand(copyIntoNewWindow$1),
   'MainArea.copyPath': wrapCommand(copyPath$1),
   'MainArea.copyRelativePath': wrapCommand(copyRelativePath$1),
   'MainArea.create': create$2,
   'MainArea.diff2': diff2,
+  'MainArea.flipEditorLayout': wrapCommand(flipLayout),
   'MainArea.focusNext': wrapCommand(focusNextTab),
   'MainArea.focusNextTab': wrapCommand(focusNextTab),
   'MainArea.focusPrevious': wrapCommand(focusPreviousTab),
@@ -6196,6 +6654,7 @@ const commandMap = {
   'MainArea.handleWorkspaceChange': wrapCommand(handleWorkspaceChange),
   'MainArea.initialize': initialize,
   'MainArea.loadContent': wrapCommand(loadContent),
+  'MainArea.moveIntoNewWindow': wrapCommand(moveIntoNewWindow),
   'MainArea.newFile': wrapCommand(newFile),
   'MainArea.newWindow': wrapCommand(newWindow),
   'MainArea.openInput': wrapCommand(openInput),
@@ -6209,6 +6668,14 @@ const commandMap = {
   'MainArea.save': wrapCommand(save),
   'MainArea.saveState': wrapGetter(saveState),
   'MainArea.selectTab': wrapCommand(selectTab),
+  'MainArea.setEditorLayoutGrid': wrapCommand(setEditorLayoutGrid),
+  'MainArea.setEditorLayoutSingle': wrapCommand(setEditorLayoutSingle),
+  'MainArea.setEditorLayoutThreeColumns': wrapCommand(setEditorLayoutThreeColumns),
+  'MainArea.setEditorLayoutThreeRows': wrapCommand(setEditorLayoutThreeRows),
+  'MainArea.setEditorLayoutTwoColumns': wrapCommand(setEditorLayoutTwoColumns),
+  'MainArea.setEditorLayoutTwoColumnsBottom': wrapCommand(setEditorLayoutTwoColumnsBottom),
+  'MainArea.setEditorLayoutTwoRows': wrapCommand(setEditorLayoutTwoRows),
+  'MainArea.setEditorLayoutTwoRowsRight': wrapCommand(setEditorLayoutTwoRowsRight),
   'MainArea.splitDown': wrapCommand(splitDown),
   'MainArea.splitLeft': wrapCommand(splitLeft),
   'MainArea.splitRight': wrapCommand(splitRight),

package/package.json

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