@lvce-editor/static-server 0.68.2 → 0.68.3

package/static/{931b401 → 928bb81}/packages/text-search-worker/dist/textSearchWorkerMain.js

@@ -1159,6 +1159,7 @@ const Highlight = 'Highlight';
 const HighlightDeleted = 'HighlightDeleted';
 const HighlightInserted = 'HighlightInserted';
 const IconButton = 'IconButton';
+const IconButtonDisabled = 'IconButtonDisabled';
 const Label = 'Label';
 const List$1 = 'List';
 const MaskIcon = 'MaskIcon';
@@ -1394,10 +1395,11 @@ const create$2 = () => {
     wrapCommand(fn) {
       const wrapped = async (uid, ...args) => {
         const {
+          oldState,
           newState
         } = states[uid];
         const newerState = await fn(newState, ...args);
-        if (newState === newerState) {
+        if (oldState === newerState || newState === newerState) {
           return;
         }
         const latest = states[uid];
@@ -1678,14 +1680,15 @@ const Script = 2;
 const clearSearchResults$1 = state => {
   return {
     ...state,
-    value: '',
+    focus: FocusSearchInput,
+    focusSource: Script,
+    inputSource: Script,
     items: [],
-    minLineY: 0,
     maxLineY: 0,
     message: '',
-    focus: FocusSearchInput,
-    focusSource: Script,
-    inputSource: Script
+    minLineY: 0,
+    replacement: '',
+    value: ''
   };
 };
 
@@ -2179,7 +2182,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 };
 
 const ClearSearchResults = 'Clear Search Results';
-const CollapseAll$1 = 'Collapse All';
+const CollapseAll$2 = 'Collapse All';
 const ConfirmReplaceManyOccurrencesInManyFiles = "Replace {PH1} occurrences across {PH2} files with '{PH3}'";
 const ConfirmReplaceManyOccurrencesInManyFilesNoValue = 'Replace {PH1} occurrences across {PH2} files';
 const ConfirmReplaceManyOccurrencesInOneFile = "Replace {PH1} occurrences across 1 file with '{PH2}'";
@@ -2206,7 +2209,7 @@ const NoResults = 'No results found';
 const Oneresult = '1 result in 1 file';
 const OpenNewSearchEditor = 'Open New Search Editor';
 const PreserveCase$1 = 'Preserve Case';
-const Refresh$1 = 'Refresh';
+const Refresh$2 = 'Refresh';
 const Replace = 'Replace';
 const ReplaceAll$1 = 'Replace All';
 const ReplacedManyOccurrencesInManyFiles = "Replaced {PH1} occurrences across {PH2} files with '{PH3}'";
@@ -2219,7 +2222,7 @@ const ToggleReplace$1 = 'Toggle Replace';
 const ToggleSearchDetails$1 = 'Toggle Search Details';
 const UseExcludeSettings$1 = 'Use Exclude Settings';
 const UseRegularExpression$1 = 'Use Regular Expression';
-const ViewAsTree = 'View as Tree';
+const ViewAsTree$1 = 'View as Tree';
 const TheResultSetOnlyContainsASubSetOfMatches = 'The result set only contains a subset of all matches. Be more specific in your search to narrow down the results.';
 
 const noResults = () => {
@@ -2341,7 +2344,7 @@ const copyAll = () => {
   return i18nString(CopyAll);
 };
 const refresh$1 = () => {
-  return i18nString(Refresh$1);
+  return i18nString(Refresh$2);
 };
 const clearSearchResults = () => {
   return i18nString(ClearSearchResults);
@@ -2350,10 +2353,10 @@ const openNewSearchEditor = () => {
   return i18nString(OpenNewSearchEditor);
 };
 const viewAsTree$1 = () => {
-  return i18nString(ViewAsTree);
+  return i18nString(ViewAsTree$1);
 };
 const collapseAll = () => {
-  return i18nString(CollapseAll$1);
+  return i18nString(CollapseAll$2);
 };
 const filesToInclude = () => {
   return i18nString(FilesToInclude$1);
@@ -2810,6 +2813,33 @@ const getMenuEntryIds = () => {
   return [Search$1, InputContextMenu];
 };
 
+const ClearAll$1 = 'ClearAll';
+const CollapseAll$1 = 'CollapseAll';
+const FilesToExclude = 'FilesToExclude';
+const FilesToInclude = 'FilesToInclude';
+const MatchCase = 'MatchCase';
+const MatchWholeWord = 'MatchWholeWord';
+const PreserveCase = 'PreserveCase';
+const Remove = 'Remove';
+const ReplaceAll = 'ReplaceAll';
+const ReplaceValue = 'ReplaceValue';
+const SearchOnlyOpenEditors = 'SearchOnlyOpenEditors';
+const SearchValue = 'SearchValue';
+const ToggleReplace = 'ToggleReplace';
+const ToggleSearchDetails = 'ToggleSearchDetails';
+const UseExcludeSettings = 'UseExcludeSettings';
+const UseRegularExpression = 'UseRegularExpression';
+const Refresh$1 = 'Refresh';
+const OpenSearchEditor = 'OpenSearchEditor';
+const ViewAsTree = 'ViewAsTree';
+
+const openSearchEditor = async state => {
+  // TODO
+  return {
+    ...state
+  };
+};
+
 const handleError = error => {
   console.error(`[text-search-worker] ${error}`);
 };
@@ -3185,6 +3215,31 @@ const handleUpdate = async (state, update) => {
   }
 };
 
+const refresh = state => {
+  return handleUpdate(state, {});
+};
+
+const viewAsTree = async state => {
+  return state;
+};
+
+const handleActionClick = async (state, name) => {
+  switch (name) {
+    case ClearAll$1:
+      return clearSearchResults$1(state);
+    case CollapseAll$1:
+      return collapseAll$1(state);
+    case ViewAsTree:
+      return viewAsTree(state);
+    case Refresh$1:
+      return refresh(state);
+    case OpenSearchEditor:
+      return openSearchEditor(state);
+    default:
+      return state;
+  }
+};
+
 const handleExcludeInput = (state, value, inputSource = Script) => {
   return handleUpdate(state, {
     excludeValue: value,
@@ -3192,21 +3247,6 @@ const handleExcludeInput = (state, value, inputSource = Script) => {
   });
 };
 
-const FilesToExclude = 'FilesToExclude';
-const FilesToInclude = 'FilesToInclude';
-const MatchCase = 'MatchCase';
-const MatchWholeWord = 'MatchWholeWord';
-const PreserveCase = 'PreserveCase';
-const ReplaceAll = 'ReplaceAll';
-const ReplaceValue = 'ReplaceValue';
-const SearchOnlyOpenEditors = 'SearchOnlyOpenEditors';
-const SearchValue = 'SearchValue';
-const ToggleReplace = 'ToggleReplace';
-const ToggleSearchDetails = 'ToggleSearchDetails';
-const UseExcludeSettings = 'UseExcludeSettings';
-const UseRegularExpression = 'UseRegularExpression';
-const Remove = 'Remove';
-
 const noop = state => {
   return state;
 };
@@ -4264,7 +4304,10 @@ const handleClickAt = async (state, eventX, eventY, name) => {
   return selectIndex(state, index);
 };
 
-const handleListPointerDown = async (state, button) => {
+const handleListPointerDown = async (state, button, name) => {
+  if (name) {
+    return state;
+  }
   if (button !== LeftClick) {
     return state;
   }
@@ -4426,10 +4469,6 @@ const previousHistoryResult = async state => {
   };
 };
 
-const refresh = state => {
-  return handleUpdate(state, {});
-};
-
 const removeCurrent = async state => {
   const {
     focusedIndex,
@@ -4641,6 +4680,7 @@ const HandleInputBlur = 18;
 const HandleListPointerDown = 19;
 const HandleInputContextMenu = 20;
 const HandleInputSelectionChange = 21;
+const HandleActionClick = 22;
 
 const getSearchDetailsToggleVirtualDom = () => {
   return [{
@@ -4660,7 +4700,7 @@ const getSearchDetailsToggleVirtualDom = () => {
   }];
 };
 
-const getClassName = indented => {
+const getClassName$1 = indented => {
   if (indented) {
     return mergeClassNames(ViewletSearchMessage, ViewletSearchMessageIndented);
   }
@@ -4669,7 +4709,7 @@ const getClassName = indented => {
 const getSearchMessageVirtualDom = (message, indented) => {
   return [{
     type: Div,
-    className: getClassName(indented),
+    className: getClassName$1(indented),
     role: Status,
     childCount: 1
   }, text(message)];
@@ -5332,17 +5372,25 @@ const getIconVirtualDom = (icon, type = Div) => {
   };
 };
 
+const getClassName = enabled => {
+  if (enabled) {
+    return IconButton;
+  }
+  return mergeClassNames(IconButton, IconButtonDisabled);
+};
 const getActionButtonVirtualDom = action => {
   const {
     id,
     icon,
-    command
+    label,
+    enabled
   } = action;
+  const className = getClassName(enabled);
   return [{
     type: Button$2,
-    className: IconButton,
-    title: id,
-    'data-command': command,
+    className,
+    title: label,
+    name: id,
     childCount: 1
   }, getIconVirtualDom(icon)];
 };
@@ -5361,7 +5409,8 @@ const getActionsVirtualDom = actions => {
     type: Div,
     className: Actions,
     role: ToolBar,
-    childCount: actions.length
+    childCount: actions.length,
+    onClick: HandleActionClick
   }, ...actions.flatMap(getActionVirtualDom)];
 };
 
@@ -5371,37 +5420,52 @@ const ListFlat = 'ListFlat';
 const NewFile = 'NewFile';
 const Refresh = 'Refresh';
 
-const getActions = () => {
+const getActions = state => {
+  const {
+    value,
+    replacement
+  } = state;
+  const bothEmpty = value === '' && replacement === '';
   return [{
     type: Button,
-    id: refresh$1(),
+    label: refresh$1(),
     icon: Refresh,
-    command: 'refresh'
+    id: Refresh$1,
+    command: 'refresh',
+    enabled: true
   }, {
     type: Button,
-    id: clearSearchResults(),
+    label: clearSearchResults(),
     icon: ClearAll,
-    command: 'clearSearchResults'
+    command: 'clearSearchResults',
+    id: ClearAll$1,
+    enabled: !bothEmpty
   }, {
     type: Button,
-    id: openNewSearchEditor(),
+    label: openNewSearchEditor(),
     icon: NewFile,
-    command: ''
+    command: '',
+    id: OpenSearchEditor,
+    enabled: true
   }, {
     type: Button,
-    id: viewAsTree$1(),
+    label: viewAsTree$1(),
     icon: ListFlat,
-    command: ''
+    command: '',
+    id: ViewAsTree,
+    enabled: true
   }, {
     type: Button,
-    id: collapseAll(),
+    label: collapseAll(),
     icon: CollapseAll,
-    command: ''
+    command: '',
+    id: CollapseAll$1,
+    enabled: true
   }];
 };
 
-const renderActions = uid => {
-  const actions = getActions();
+const renderActions = state => {
+  const actions = getActions(state);
   const dom = getActionsVirtualDom(actions);
   return dom;
 };
@@ -5424,7 +5488,7 @@ const renderEventListeners = () => {
     params: ['handleClickAt', ClientX, ClientY, TargetName]
   }, {
     name: HandleListPointerDown,
-    params: ['handleListPointerDown', Button$1]
+    params: ['handleListPointerDown', Button$1, TargetName]
   }, {
     name: HandleToggleButtonClick,
     params: ['handleToggleButtonClick']
@@ -5442,6 +5506,9 @@ const renderEventListeners = () => {
     name: HandleInputContextMenu,
     params: ['handleInputContextMenu', TargetName, Button$1, ClientX, ClientY],
     preventDefault: true
+  }, {
+    name: HandleActionClick,
+    params: ['handleActionClick', TargetName]
   }, {
     name: HandleInputSelectionChange,
     params: ['handleInputSelectionChange', TargetName, TargetSelectionStart, TargetSelectionEnd]
@@ -5658,10 +5725,6 @@ const submit = state => {
   });
 };
 
-const viewAsTree = async state => {
-  return state;
-};
-
 const Keyboard = -1;
 
 const handleContextMenuKeyboard = async state => {
@@ -5745,7 +5808,6 @@ const commandMap = {
   'TextSearch.focusPreviousPage': wrapCommand(focusPreviousPage),
   'TextSearch.focusRegex': wrapCommand(focusRegex),
   'TextSearch.focusRegexNext': wrapCommand(focusRegexNext),
-  'TextSearch.replaceAllInFile': wrapCommand(replaceAllInFile),
   'TextSearch.focusReplaceAll': wrapCommand(focusReplaceAll),
   'TextSearch.focusReplaceValue': wrapCommand(focusReplaceValue$1),
   'TextSearch.focusReplaceValueNext': wrapCommand(focusReplaceValueNext),
@@ -5753,6 +5815,7 @@ const commandMap = {
   'TextSearch.focusSearchValue': wrapCommand(focusSearchValue$1),
   'TextSearch.focusSearchValueNext': wrapCommand(focusSearchValueNext),
   'TextSearch.getMenuEntries': wrapGetter(getMenuEntries),
+  'TextSearch.handleActionClick': wrapCommand(handleActionClick),
   'TextSearch.handleClickAt': wrapCommand(handleClickAt),
   'TextSearch.handleContextMenu': wrapCommand(handleContextMenu),
   'TextSearch.handleExcludeInput': wrapCommand(handleExcludeInput),
@@ -5784,11 +5847,13 @@ const commandMap = {
   'TextSearch.handleWheel': wrapCommand(handleWheel),
   'TextSearch.loadContent': wrapCommand(loadContent),
   'TextSearch.nextHistoryResult': wrapCommand(nextHistoryResult),
+  'TextSearch.openSearchEditor': wrapCommand(openSearchEditor),
   'TextSearch.previousHistoryResult': wrapCommand(previousHistoryResult),
   'TextSearch.refresh': wrapCommand(refresh),
   'TextSearch.removeCurrent': wrapCommand(removeCurrent),
   'TextSearch.removeIndex': wrapCommand(removeIndex),
   'TextSearch.replaceAll': wrapCommand(replaceAll),
+  'TextSearch.replaceAllInFile': wrapCommand(replaceAllInFile),
   'TextSearch.rerender': rerender,
   'TextSearch.selectIndex': wrapCommand(selectIndex),
   'TextSearch.setLimit': wrapCommand(setLimit),
@@ -5812,8 +5877,8 @@ const commandMap = {
   'TextSearch.renderIncremental': renderIncremental,
   'TextSearch.restoreState': restoreState,
   'TextSearch.saveState': wrapGetter(saveState),
+  'TextSearch.renderActions': wrapGetter(renderActions),
   'TextSearch.terminate': terminate,
-  'TextSearch.renderActions': renderActions,
   'TextSearch.getMenuEntryIds': getMenuEntryIds,
   // TODO needed?
   'TextSearch.replaceAllAndPrompt': replaceAllAndPrompt,

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="/931b401/css/App.css" />
-    <link rel="manifest" href="/931b401/manifest.json" crossorigin="use-credentials" />
-    <link rel="apple-touch-icon" href="/931b401/icons/pwa-icon-192.png" />
-    <script type="module" src="/931b401/packages/renderer-process/dist/rendererProcessMain.js"></script>
+    <link rel="stylesheet" href="/928bb81/css/App.css" />
+    <link rel="manifest" href="/928bb81/manifest.json" crossorigin="use-credentials" />
+    <link rel="apple-touch-icon" href="/928bb81/icons/pwa-icon-192.png" />
+    <script type="module" src="/928bb81/packages/renderer-process/dist/rendererProcessMain.js"></script>
   </head>
 </html>