@lvce-editor/source-control-worker 3.1.0 → 3.3.0

package/dist/sourceControlWorkerMain.js

@@ -1120,6 +1120,8 @@ const SourceControl$1 = 22;
 
 const None = 0;
 
+const Web = 1;
+
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
 const IconThemeWorker = 7009;
@@ -1771,12 +1773,16 @@ const get$1 = key => {
   return getPreference(key);
 };
 
-const getExtensions = async () => {
-  return invoke$1('Extensions.getExtensions');
+const isCompatible = (extension, platform) => {
+  return platform !== Web || extension?.compatibility?.web !== false;
+};
+const getExtensions = async platform => {
+  const extensions = await invoke$1('Extensions.getExtensions');
+  return extensions.filter(extension => isCompatible(extension, platform));
 };
 
-const requestSourceActions = async () => {
-  const extensions = await getExtensions();
+const requestSourceActions = async (platform = 0) => {
+  const extensions = await getExtensions(platform);
   const newCache = Object.create(null);
   for (const extension of extensions) {
     if (!extension || !extension['source-control-actions']) {
@@ -1790,8 +1796,8 @@ const requestSourceActions = async () => {
   return newCache;
 };
 
-const requestSourceControlButtons = async () => {
-  const extensions = await getExtensions();
+const requestSourceControlButtons = async (platform = 0) => {
+  const extensions = await getExtensions(platform);
   const buttons = [];
   for (const extension of extensions) {
     if (!extension || !Array.isArray(extension['source-control-buttons'])) {
@@ -1858,6 +1864,7 @@ const GenerateCommitMessage$1 = 'Generate Commit Message';
 const Refresh$2 = 'Refresh';
 const MessageEnterToCommitOnMaster = `Message (Enter) to commit on 'master'`;
 const SourceControlInput$1 = 'Source Control Input';
+const NoSourceControlProvidersAvailableForWeb = 'No source control providers are available for web.';
 
 const openChanges = () => {
   return i18nString(OpenChanges);
@@ -1901,6 +1908,9 @@ const messageEnterToCommitOnMaster = () => {
 const sourceControlInput = () => {
   return i18nString(SourceControlInput$1);
 };
+const noSourceControlProvidersAvailableForWeb = () => {
+  return i18nString(NoSourceControlProvidersAvailableForWeb);
+};
 
 const loadContent = async (state, savedState) => {
   const {
@@ -1935,8 +1945,8 @@ const loadContent = async (state, savedState) => {
   } = await getGroups(enabledProviderIds, root, assetDir, platform);
   const expandedGroups = restoreExpandedGroups(allGroups);
   const displayItems = getDisplayItems(allGroups, expandedGroups, iconDefinitions);
-  const actionsCache = await requestSourceActions();
-  const sourceControlButtons = await requestSourceControlButtons();
+  const actionsCache = enabledProviderIds.length === 0 ? Object.create(null) : await requestSourceActions(platform);
+  const sourceControlButtons = enabledProviderIds.length === 0 ? [] : await requestSourceControlButtons(platform);
 
   // TODO make preferences async and more functional
   const splitButtonEnabled = await get$1('sourceControl.splitButtonEnabled');
@@ -3056,6 +3066,8 @@ const SourceControlHeader = 'SourceControlHeader';
 const SourceControlItems = 'SourceControlItems';
 const SplitButton = 'SplitButton';
 const SplitButtonContent = 'SplitButtonContent';
+const SplitButtonContentDisabled = 'SplitButtonContentDisabled';
+const SplitButtonDisabled = 'SplitButtonDisabled';
 const StrikeThrough = 'StrikeThrough';
 const TreeItem = 'TreeItem';
 const Viewlet = 'Viewlet';
@@ -3071,28 +3083,37 @@ const HandleWheel = 9;
 const HandleClickAction = 10;
 const HandleClickSourceControlButton = 11;
 
-const getSourceControlButtonVirtualDom = button => {
+const getIconVirtualDom = (icon, type = Div) => {
+  return {
+    childCount: 0,
+    className: `MaskIcon MaskIcon${icon}`,
+    role: None$1,
+    type
+  };
+};
+
+const getSourceControlButtonVirtualDom = (button, disabled) => {
   const {
+    icon,
     id,
     label
   } = button;
   return [{
     childCount: 1,
-    className: SplitButton,
+    className: mergeClassNames(SplitButton, disabled ? SplitButtonDisabled : ''),
     type: Div
   }, {
-    childCount: 1,
-    className: SplitButtonContent,
+    ariaDisabled: disabled,
+    childCount: 2,
+    className: mergeClassNames(SplitButtonContent, disabled ? SplitButtonContentDisabled : ''),
     name: label,
-    onClick: HandleClickSourceControlButton,
-    tabIndex: 0,
+    tabIndex: disabled ? -1 : 0,
     title: id,
-    type: Div
-  }, text(label)];
-};
-
-const getSourceControlButtonsVirtualDom = buttons => {
-  return buttons.flatMap(getSourceControlButtonVirtualDom);
+    type: Div,
+    ...(!disabled && {
+      onClick: HandleClickSourceControlButton
+    })
+  }, getIconVirtualDom(icon, Span), text(label)];
 };
 
 const getSourceControlInputDom = (inputPlaceholder, inputMessage) => {
@@ -3141,15 +3162,6 @@ const getBadgeVirtualDom = count => {
   return [parentNode, text(String(count))];
 };
 
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    childCount: 0,
-    className: `MaskIcon MaskIcon${icon}`,
-    role: None$1,
-    type
-  };
-};
-
 const getButtonVirtualDom = button => {
   const {
     icon,
@@ -3328,9 +3340,14 @@ const getSourceControlListVirtualDom = items => {
 };
 
 const className = mergeClassNames(Viewlet, SourceControl);
-const getSourceControlVirtualDom = (items, sourceControlButtons, inputPlaceholder, inputMessage) => {
+const getSourceControlVirtualDom = (items, buttons, disabled, placeholder, inputMessage, message) => {
+  const content = message ? [{
+    childCount: 1,
+    className: Message,
+    type: Div
+  }, text(message)] : [...getSourceControlHeaderVirtualDom(placeholder, inputMessage), ...buttons.flatMap(button => getSourceControlButtonVirtualDom(button, disabled)), ...getSourceControlListVirtualDom(items)];
   const dom = [{
-    childCount: 2 + sourceControlButtons.length,
+    childCount: message ? 1 : 2 + buttons.length,
     className: className,
     onContextMenu: HandleContextMenu,
     onMouseOver: HandleMouseOver,
@@ -3338,23 +3355,27 @@ const getSourceControlVirtualDom = (items, sourceControlButtons, inputPlaceholde
     onWheel: HandleWheel,
     tabIndex: 0,
     type: Div
-  }, ...getSourceControlHeaderVirtualDom(inputPlaceholder, inputMessage), ...getSourceControlButtonsVirtualDom(sourceControlButtons), ...getSourceControlListVirtualDom(items)];
+  }, ...content];
   return dom;
 };
 
 const renderItems = (oldState, newState) => {
   const {
+    enabledProviderIds,
     id,
     initial,
     inputMessage,
     inputPlaceholder,
+    items,
+    platform,
     sourceControlButtons,
     visibleItems
   } = newState;
   if (initial) {
     return [SetDom2, id, []];
   }
-  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, inputPlaceholder, inputMessage);
+  const unavailableMessage = platform === Web && enabledProviderIds.length === 0 ? noSourceControlProvidersAvailableForWeb() : '';
+  const dom = getSourceControlVirtualDom(visibleItems, sourceControlButtons, items.length === 0, inputPlaceholder, inputMessage, unavailableMessage);
   return [SetDom2, id, dom];
 };
 
@@ -3423,6 +3444,15 @@ const ListFlat = 'ListFlat';
 const Refresh = 'Refresh';
 
 const getActions = state => {
+  if (state.platform === Web && state.enabledProviderIds.length === 0) {
+    return [{
+      command: '',
+      icon: Refresh,
+      id: refresh$1(),
+      name: Refresh$1,
+      type: Button
+    }];
+  }
   const actions = [{
     command: '',
     icon: ListFlat,

package/package.json

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