@lvce-editor/status-bar-worker 3.19.0 → 3.20.1

package/dist/statusBarWorkerMain.js

@@ -119,11 +119,11 @@ const terminate = () => {
 };
 
 const {
-  get: get$4,
+  get: get$5,
   getCommandIds,
   getKeys,
   registerCommands,
-  set: set$6,
+  set: set$7,
   wrapCommand,
   wrapGetter
 } = create$8();
@@ -139,7 +139,7 @@ const create$7 = (uid, uri, x, y, width, height, platform, assetDir) => {
     uid,
     warningCount: 0
   };
-  set$6(uid, state, state);
+  set$7(uid, state, state);
 };
 
 const isEqual = (oldState, newState) => {
@@ -167,7 +167,7 @@ const diff2 = uid => {
   const {
     newState,
     oldState
-  } = get$4(uid);
+  } = get$5(uid);
   const result = diff(oldState, newState);
   return result;
 };
@@ -721,7 +721,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$3 = id => {
+const get$4 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -911,7 +911,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$3(id);
+  const fn = get$4(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -1244,10 +1244,10 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$5 = (id, rpc) => {
+const set$6 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$2 = id => {
+const get$3 = id => {
   return rpcs[id];
 };
 const remove = id => {
@@ -1258,18 +1258,18 @@ const remove = id => {
 const create = rpcId => {
   return {
     async dispose() {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$2(rpcId);
+      const rpc = get$3(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1277,7 +1277,7 @@ const create = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$5(rpcId, mockRpc);
+      set$6(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1286,7 +1286,7 @@ const create = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$5(rpcId, rpc);
+      set$6(rpcId, rpc);
     }
   };
 };
@@ -1296,10 +1296,174 @@ const Status = 'status';
 
 const MaskIcon = 'MaskIcon';
 
+const Audio = 0;
 const Button$1 = 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 = 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$1,
+  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,
+  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 = 'event.button';
 const ClientX = 'event.clientX';
@@ -1315,17 +1479,17 @@ const SetFocusContext = 'Viewlet.setFocusContext';
 
 const {
   invoke: invoke$3,
-  set: set$4
+  set: set$5
 } = create(ExtensionManagementWorker);
 
 const {
   invoke: invoke$2,
-  set: set$3
+  set: set$4
 } = create(RendererProcess);
 
 const {
   invoke: invoke$1,
-  set: set$2
+  set: set$3
 } = create(RendererWorker);
 const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(uid);
@@ -1357,8 +1521,18 @@ const handleClickProblems = async () => {
   await invoke$1('Panel.toggleView', 'Problems');
 };
 
+const EditorEncoding = 'EditorEncoding';
+const EditorIndentation = 'EditorIndentation';
+const EditorLanguage = 'EditorLanguage';
+const EditorPosition = 'EditorPosition';
 const Notifications = 'Notifications';
 const Problems = 'Problems';
+const isEditorStatus = name => {
+  return [EditorEncoding, EditorIndentation, EditorLanguage, EditorPosition].includes(name);
+};
+const isRight = name => {
+  return name === Notifications || isEditorStatus(name);
+};
 
 const handleClick = async (state, name) => {
   if (!name) {
@@ -1376,7 +1550,7 @@ const handleClick = async (state, name) => {
     await handleClickNotification();
   } else if (item.name === Problems) {
     await handleClickProblems();
-  } else {
+  } else if (!isEditorStatus(item.name)) {
     await handleClickExtensionStatusBarItem(name);
   }
   // TODO
@@ -1397,6 +1571,31 @@ const handleContextMenu = async (state, button, x, y) => {
   return state;
 };
 
+const textItem = (name, text, ariaLabel, tooltip) => ({
+  ariaLabel,
+  command: '',
+  elements: [{
+    type: 'text',
+    value: text
+  }],
+  name,
+  tooltip
+});
+const getEditorStatusBarItems = status => {
+  if (!status) {
+    return [];
+  }
+  const {
+    column,
+    encoding,
+    languageId,
+    line,
+    tabSize
+  } = status;
+  const encodingLabel = encoding === 'utf8' ? ['UTF', '8'].join('-') : encoding;
+  return [textItem(EditorPosition, `Ln ${line}, Col ${column}`, `Line ${line}, Column ${column}`, 'Go to Line/Column'), textItem(EditorIndentation, `Spaces: ${tabSize}`, `Spaces: ${tabSize}`, 'Select Indentation'), textItem(EditorEncoding, encodingLabel, `Encoding: ${encodingLabel}`, 'Select Encoding'), textItem(EditorLanguage, languageId, `Language: ${languageId}`, 'Select Language Mode')];
+};
+
 const getAriaLabel = count => {
   if (count === 0) {
     return 'No Notifications';
@@ -1472,11 +1671,12 @@ const getProblemsStatusBarItem = (errorCount, warningCount, enabled) => {
 };
 
 const getBuiltinStatusBarItems = async (errorCount, warningCount, {
+  editorStatus,
   notificationCount = 0,
   notificationsEnabled = true,
   problemsEnabled = true
 } = {}) => {
-  return [...getNotificationsStatusBarItem(notificationsEnabled, notificationCount), ...getProblemsStatusBarItem(errorCount, warningCount, problemsEnabled)];
+  return [...getEditorStatusBarItems(editorStatus), ...getNotificationsStatusBarItem(notificationsEnabled, notificationCount), ...getProblemsStatusBarItem(errorCount, warningCount, problemsEnabled)];
 };
 
 const getExtensionStatusBarItems = async (assetDir, platform) => {
@@ -1556,6 +1756,7 @@ const getStatusBarItems = async ({
   assetDir,
   builtinNotificationsEnabled = true,
   builtinProblemsEnabled = true,
+  editorStatus,
   errorCount,
   platform,
   showItems,
@@ -1568,6 +1769,7 @@ const getStatusBarItems = async ({
   const notificationCount = await getNotificationCount();
   const uiStatusBarItems = toUiStatusBarItems(extensionStatusBarItems);
   const extraItems = await getBuiltinStatusBarItems(errorCount, warningCount, {
+    editorStatus,
     notificationCount,
     notificationsEnabled: builtinNotificationsEnabled,
     problemsEnabled: builtinProblemsEnabled
@@ -1614,6 +1816,8 @@ const text = data => {
   };
 };
 
+new Set(Object.values(VirtualDomElements));
+
 const HandleContextMenu = 2;
 const HandleClick = 11;
 
@@ -1754,8 +1958,8 @@ const isConnected = () => {
 const invoke = (method, ...params) => {
   return invoke$2(method, ...params);
 };
-const set$1 = rpc => {
-  set$3(rpc);
+const set$2 = rpc => {
+  set$4(rpc);
   state.connected = true;
 };
 
@@ -1769,8 +1973,8 @@ const render2 = (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get$4(uid);
-  set$6(uid, newState, newState);
+  } = get$5(uid);
+  set$7(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   if (!isConnected()) {
     return commands;
@@ -1784,7 +1988,7 @@ const renderOutOfBand = async uid => {
   }
   const {
     newState
-  } = get$4(uid);
+  } = get$5(uid);
   if (newState.initial) {
     return;
   }
@@ -1804,12 +2008,12 @@ const handleExtensionManagementChange = async () => {
     const {
       newState,
       oldState
-    } = get$4(uid);
+    } = get$5(uid);
     const newerState = await handleItemsChanged(newState);
     if (newState === newerState || oldState === newerState) {
       continue;
     }
-    set$6(uid, oldState, {
+    set$7(uid, oldState, {
       ...newState,
       ...newerState
     });
@@ -1836,25 +2040,25 @@ const handleNotificationCountChanged = (state, count) => {
 };
 
 let latestCount;
-const get$1 = () => {
+const get$2 = () => {
   return latestCount;
 };
-const set = count => {
+const set$1 = count => {
   latestCount = count;
 };
 
 const handleNotificationCountChangedAll = async count => {
-  set(count);
+  set$1(count);
   for (const uid of getKeys()) {
     const {
       newState,
       oldState
-    } = get$4(uid);
+    } = get$5(uid);
     const newerState = handleNotificationCountChanged(newState, count);
     if (newState === newerState || oldState === newerState) {
       continue;
     }
-    set$6(uid, oldState, newerState);
+    set$7(uid, oldState, newerState);
     await renderOutOfBand(uid);
   }
 };
@@ -1869,7 +2073,60 @@ const handleExtensionManagementMessagePort = async port => {
     commandMap: commandMap$1,
     messagePort: port
   });
-  set$4(rpc);
+  set$5(rpc);
+};
+
+let editorStatus;
+const get$1 = () => editorStatus;
+const set = value => {
+  editorStatus = value;
+};
+
+const equals = (oldStatus, newStatus) => {
+  if (!oldStatus || !newStatus) {
+    return oldStatus === newStatus;
+  }
+  return oldStatus.column === newStatus.column && oldStatus.encoding === newStatus.encoding && oldStatus.languageId === newStatus.languageId && oldStatus.line === newStatus.line && oldStatus.tabSize === newStatus.tabSize;
+};
+const updateItems = (items, status) => {
+  const remainingItems = items.filter(item => !isEditorStatus(item.name));
+  const editorItems = getEditorStatusBarItems(status);
+  if (editorItems.length === 0) {
+    return remainingItems;
+  }
+  const notificationIndex = remainingItems.findIndex(item => item.name === Notifications);
+  const insertIndex = notificationIndex === -1 ? remainingItems.length : notificationIndex;
+  return [...remainingItems.slice(0, insertIndex), ...editorItems, ...remainingItems.slice(insertIndex)];
+};
+const handleEditorStatusChanged = (state, editorStatus) => {
+  const {
+    editorStatus: oldEditorStatus,
+    statusBarItemsRight
+  } = state;
+  if (equals(oldEditorStatus, editorStatus)) {
+    return state;
+  }
+  return {
+    ...state,
+    editorStatus,
+    statusBarItemsRight: updateItems(statusBarItemsRight, editorStatus)
+  };
+};
+
+const handleEditorStatusChangedAll = async editorStatus => {
+  set(editorStatus);
+  for (const uid of getKeys()) {
+    const {
+      newState,
+      oldState
+    } = get$5(uid);
+    const newerState = handleEditorStatusChanged(newState, editorStatus);
+    if (newState === newerState || oldState === newerState) {
+      continue;
+    }
+    set$7(uid, oldState, newerState);
+    await renderOutOfBand(uid);
+  }
 };
 
 const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess = true) => {
@@ -1883,12 +2140,13 @@ const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess =
   };
   const rpc = await create$2({
     commandMap: {
+      'StatusBar.handleEditorStatusChanged': handleEditorStatusChangedAll,
       'Viewlet.executeViewletCommand': executeViewletCommand
     },
     messagePort: port
   });
   if (setAsRendererProcess) {
-    set$1(rpc);
+    set$2(rpc);
   }
 };
 
@@ -1984,6 +2242,7 @@ const loadContent = async state => {
     platform,
     warningCount
   } = state;
+  const editorStatus = get$1();
   const {
     builtinNotificationsEnabled,
     builtinProblemsEnabled,
@@ -1993,6 +2252,7 @@ const loadContent = async state => {
     assetDir,
     builtinNotificationsEnabled: builtinNotificationsEnabled,
     builtinProblemsEnabled: builtinProblemsEnabled,
+    editorStatus,
     errorCount,
     platform,
     showItems: itemsVisible,
@@ -2000,13 +2260,14 @@ const loadContent = async state => {
   });
   const loadedState = {
     ...state,
+    editorStatus,
     errorCount: 0,
     initial: false,
-    statusBarItemsLeft: statusBarItems.filter(item => item.name !== Notifications),
-    statusBarItemsRight: statusBarItems.filter(item => item.name === Notifications),
+    statusBarItemsLeft: statusBarItems.filter(item => !isRight(item.name)),
+    statusBarItemsRight: statusBarItems.filter(item => isRight(item.name)),
     warningCount: 0
   };
-  const latestNotificationCount = get$1();
+  const latestNotificationCount = get$2();
   if (latestNotificationCount === undefined) {
     return loadedState;
   }
@@ -2072,7 +2333,7 @@ const initializeRenderWorker = async () => {
   const rpc = await create$1({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$3(rpc);
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/status-bar-worker",
-  "version": "3.19.0",
+  "version": "3.20.1",
   "description": "Status Bar Worker",
   "repository": {
     "type": "git",