@lvce-editor/source-control-worker 1.18.0 → 1.19.0

package/dist/sourceControlWorkerMain.js

@@ -1040,10 +1040,10 @@ const TreeItem$1 = 'treeitem';
 
 const Button$2 = 1;
 const Div = 4;
-const Input = 6;
 const Span = 8;
 const Text = 12;
 const Img = 17;
+const TextArea = 62;
 
 const TargetValue = 'event.target.value';
 const ClientX = 'event.clientX';
@@ -1605,7 +1605,8 @@ const create2 = (id, uri, x, y, width, height, workspacePath) => {
     workingTree: [],
     workspacePath,
     x,
-    y
+    y,
+    inputPlaceholder: ''
   };
   set$1(id, state, state);
 };
@@ -1968,6 +1969,28 @@ const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
   return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
 };
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const MessageEnterToCommitOnMaster = `Message (Enter) to commit on 'master'`;
+const SourceControlInput$1 = 'Source Control Input';
+
+const messageEnterToCommitOnMaster = () => {
+  return i18nString(MessageEnterToCommitOnMaster);
+};
+const sourceControlInput = () => {
+  return i18nString(SourceControlInput$1);
+};
+
 const loadContent = async state => {
   const {
     itemHeight,
@@ -1997,20 +2020,22 @@ const loadContent = async state => {
   const newFileIconCache = await getFileIcons(displayItems, fileIconCache);
   const visibleItems = getVisibleSourceControlItems(displayItems, minLineY, maxLineY, actionsCache, newFileIconCache);
   const finalDeltaY = getFinalDeltaY(listHeight, itemHeight, total);
+  const inputPlaceholder = messageEnterToCommitOnMaster();
   return {
     ...state,
+    actionsCache,
     allGroups,
+    enabledProviderIds,
+    fileIconCache: newFileIconCache,
+    finalDeltaY,
     gitRoot,
+    inputPlaceholder,
     items: displayItems,
-    visibleItems,
-    enabledProviderIds,
-    root,
-    splitButtonEnabled,
     maxLineY,
+    root,
     scrollBarHeight,
-    finalDeltaY,
-    fileIconCache: newFileIconCache,
-    actionsCache
+    splitButtonEnabled,
+    visibleItems
   };
 };
 
@@ -2362,50 +2387,32 @@ const HandleMouseOver = 'handleMouseOver';
 const HandleMouseOverAt = 'handleMouseOverAt';
 const HandleWheel = 'handleWheel';
 
-const SourceControlInput$1 = 'SourceControlInput';
+const SourceControlInput = 'SourceControlInput';
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const MessageEnterToCommitOnMaster = `Message (Enter) to commit on 'master'`;
-const SourceControlInput = 'Source Control Input';
-
-const messageEnterToCommitOnMaster = () => {
-  return i18nString(MessageEnterToCommitOnMaster);
-};
-const sourceControlInput = () => {
-  return i18nString(SourceControlInput);
-};
-
-const getSourceControlHeaderVirtualDom = () => {
+const getSourceControlInputDom = inputPlaceholder => {
   return [{
-    type: Div,
-    className: SourceControlHeader,
-    childCount: 1
-  }, {
-    type: Input,
-    className: InputBox,
+    type: TextArea,
+    className: mergeClassNames(InputBox, 'MultilineInputBox'),
     ariaLabel: sourceControlInput(),
     autocapitalize: 'off',
     autocorrect: 'off',
     childCount: 0,
-    name: SourceControlInput$1,
+    name: SourceControlInput,
     onFocus: HandleFocus,
     onInput: HandleInput,
-    placeholder: messageEnterToCommitOnMaster(),
+    placeholder: inputPlaceholder,
     spellcheck: false
   }];
 };
 
+const getSourceControlHeaderVirtualDom = inputPlaceholder => {
+  return [{
+    type: Div,
+    className: SourceControlHeader,
+    childCount: 1
+  }, ...getSourceControlInputDom(inputPlaceholder)];
+};
+
 const getBadgeVirtualDom = (className, count) => {
   return [{
     type: Div,
@@ -2621,7 +2628,7 @@ const getSplitButtonVirtualDom = (hasItems, splitButtonEnabled, buttonText) => {
   }];
 };
 
-const getSourceControlVirtualDom = (items, splitButtonEnabled) => {
+const getSourceControlVirtualDom = (items, splitButtonEnabled, inputPlaceholder) => {
   const hasItems = items.length > 0;
   const dom = [{
     type: Div,
@@ -2632,13 +2639,17 @@ const getSourceControlVirtualDom = (items, splitButtonEnabled) => {
     onMouseOut: HandleMouseOut,
     onWheel: HandleWheel,
     childCount: splitButtonEnabled ? 3 : 2
-  }, ...getSourceControlHeaderVirtualDom(), ...getSplitButtonVirtualDom(hasItems, splitButtonEnabled, 'Commit'), ...getSourceControlListVirtualDom(items)];
+  }, ...getSourceControlHeaderVirtualDom(inputPlaceholder), ...getSplitButtonVirtualDom(hasItems, splitButtonEnabled, 'Commit'), ...getSourceControlListVirtualDom(items)];
   return dom;
 };
 
 const renderItems = (oldState, newState) => {
-  const visible = newState.visibleItems;
-  const dom = getSourceControlVirtualDom(visible, newState.splitButtonEnabled);
+  const {
+    visibleItems,
+    splitButtonEnabled,
+    inputPlaceholder
+  } = newState;
+  const dom = getSourceControlVirtualDom(visibleItems, splitButtonEnabled, inputPlaceholder);
   return [SetDom2, dom];
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/source-control-worker",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "Source Control Worker",
   "keywords": [
     "Lvce Editor"