@lvce-editor/extension-detail-view 7.2.0 → 7.3.0

package/dist/extensionDetailViewWorkerMain.js

@@ -341,6 +341,7 @@ const None$2 = 0;
 const Web$1 = 1;
 const Electron$1 = 2;
 
+const ClipBoardWorker = 3400;
 const ExtensionHostWorker = 44;
 const ExtensionManagementWorker = 9006;
 const FileSystemWorker$1 = 209;
@@ -2236,7 +2237,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
   const responseMessage = await promise;
   return unwrapJsonRpcResult(responseMessage);
 };
-const createRpc = ipc => {
+const createRpc$1 = ipc => {
   const callbacks = Object.create(null);
   ipc._resolve = (id, response) => {
     const fn = callbacks[id];
@@ -2316,7 +2317,7 @@ const create$6 = async ({
   });
   const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
   handleIpc(ipc);
-  const rpc = createRpc(ipc);
+  const rpc = createRpc$1(ipc);
   messagePort.start();
   return rpc;
 };
@@ -2387,7 +2388,7 @@ const create$3 = async ({
   register(commandMap);
   const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
   handleIpc(ipc);
-  const rpc = createRpc(ipc);
+  const rpc = createRpc$1(ipc);
   return rpc;
 };
 
@@ -2412,7 +2413,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$a = (id, rpc) => {
+const set$b = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -2445,7 +2446,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$a(rpcId, mockRpc);
+      set$b(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -2454,11 +2455,15 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$a(rpcId, rpc);
+      set$b(rpcId, rpc);
     }
   };
 };
 
+const {
+  set: set$a
+} = create$2(ClipBoardWorker);
+
 const {
   invoke: invoke$5,
   set: set$9
@@ -2541,6 +2546,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
 const setColorTheme$1 = async id => {
   return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
+const sendMessagePortToClipBoardWorker = async (port, rpcId) => {
+  const command = 'ClipBoard.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
+};
 const sendMessagePortToMarkdownWorker$1 = async (port, rpcId) => {
   const command = 'Markdown.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
@@ -2594,6 +2603,9 @@ const openExternal$1 = async uri => {
 const openUrl = async uri => {
   await invoke$1('Open.openUrl', uri);
 };
+const getAllPreferences = async () => {
+  return invoke$1('Preferences.getAll');
+};
 
 /* eslint-disable unicorn/prefer-export-from */
 
@@ -3412,6 +3424,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     changelogVirtualDom: [],
     commands: [],
     commit: '',
+    currentColorThemeId: '',
     description: '',
     detailsVirtualDom: [],
     disabled: false,
@@ -3765,12 +3778,28 @@ const getExtension = async (id, platform) => {
   }
 };
 
+const getColorThemeId = extension => {
+  if (extension && Array.isArray(extension.colorThemes) && extension.colorThemes.length > 0) {
+    const colorTheme = extension.colorThemes[0];
+    return colorTheme.id || colorTheme.label;
+  }
+  return undefined;
+};
+const getColorThemeLabel = extension => {
+  if (extension && Array.isArray(extension.colorThemes) && extension.colorThemes.length > 0) {
+    const colorTheme = extension.colorThemes[0];
+    return colorTheme.label;
+  }
+  return undefined;
+};
+
 const isEnabled$1 = button => {
   return button.enabled;
 };
-const getExtensionDetailButtons = (hasColorTheme, isBuiltin, isDisabled) => {
+const getExtensionDetailButtons = (hasColorTheme, isBuiltin, isDisabled, extensionColorThemeId, extensionColorThemeLabel, currentColorThemeId) => {
+  const isCurrentColorTheme = extensionColorThemeId !== '' && extensionColorThemeId === currentColorThemeId || extensionColorThemeLabel !== '' && extensionColorThemeLabel === currentColorThemeId;
   const allActions = [{
-    enabled: hasColorTheme && !isDisabled,
+    enabled: hasColorTheme && !isDisabled && !isCurrentColorTheme,
     label: setColorTheme$2(),
     name: SetColorTheme,
     onClick: HandleClickSetColorTheme
@@ -3796,6 +3825,7 @@ const getExtensionDetailButtons = (hasColorTheme, isBuiltin, isDisabled) => {
 
 const updateExtensionStatus = async (state, updateFunction) => {
   const {
+    currentColorThemeId,
     extensionId,
     hasColorTheme,
     platform
@@ -3806,7 +3836,10 @@ const updateExtensionStatus = async (state, updateFunction) => {
   }
   const extension = await getExtension(extensionId, platform);
   const disabled = extension?.disabled;
-  const buttons = getExtensionDetailButtons(hasColorTheme, false, disabled);
+  const extensionColorThemeId = getColorThemeId(extension) || '';
+  const extensionColorThemeLabel = getColorThemeLabel(extension) || '';
+  const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
+  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled, extensionColorThemeId, extensionColorThemeLabel, currentColorThemeId);
   return {
     ...state,
     buttons,
@@ -3875,14 +3908,6 @@ const handleClickScrollToTop = state => {
   };
 };
 
-const getColorThemeId = extension => {
-  if (extension && Array.isArray(extension.colorThemes) && extension.colorThemes.length > 0) {
-    const colorTheme = extension.colorThemes[0];
-    return colorTheme.id || colorTheme.label;
-  }
-  return undefined;
-};
-
 const setColorTheme = id => {
   return setColorTheme$1(id);
 };
@@ -3897,6 +3922,14 @@ const handleClickSetColorTheme = async state => {
     if (error) {
       await confirm(`${error}`);
     }
+    const isBuiltin = extension?.isBuiltin || extension?.builtin || false;
+    const colorThemeLabel = getColorThemeLabel(extension) || '';
+    const buttons = getExtensionDetailButtons(state.hasColorTheme, isBuiltin, state.disabled, colorThemeId, colorThemeLabel, colorThemeId);
+    return {
+      ...state,
+      buttons,
+      currentColorThemeId: colorThemeId
+    };
   }
   return state;
 };
@@ -3961,6 +3994,41 @@ const getCommit = async () => {
   }
 };
 
+const getThemeFromPreferences = preferences => {
+  if (!preferences || typeof preferences !== 'object') {
+    return '';
+  }
+  const workbenchTheme = preferences['workbench.colorTheme'];
+  if (typeof workbenchTheme === 'string') {
+    return workbenchTheme;
+  }
+  const legacyTheme = preferences['workbnech.colorTheme'];
+  if (typeof legacyTheme === 'string') {
+    return legacyTheme;
+  }
+  return '';
+};
+const getCurrentColorTheme = async () => {
+  const setting = await getPreference('workbench.colorTheme');
+  if (typeof setting === 'string' && setting) {
+    return setting;
+  }
+  try {
+    const preferences = await getAllPreferences();
+    const theme = getThemeFromPreferences(preferences);
+    if (theme) {
+      return theme;
+    }
+  } catch {
+    // ignore and fall back to legacy key lookup
+  }
+  const legacySetting = await getPreference('workbnech.colorTheme');
+  if (typeof legacySetting === 'string') {
+    return legacySetting;
+  }
+  return '';
+};
+
 const getExtensionIdFromUri = uri => {
   const id = uri.slice('extension-detail://'.length);
   return id;
@@ -4606,6 +4674,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   if (!extension) {
     throw new ExtensionNotFoundError(id);
   }
+  const currentColorThemeId = await getCurrentColorTheme();
   const commit = await getCommit();
   const headerData = loadHeaderContent(state, platform, extension);
   const {
@@ -4639,7 +4708,9 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   });
   const isBuiltin = extension?.isBuiltin;
   const disabled = extension?.disabled;
-  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled);
+  const extensionColorThemeId = getColorThemeId(extension) || '';
+  const extensionColorThemeLabel = getColorThemeLabel(extension) || '';
+  const buttons = getExtensionDetailButtons(hasColorTheme, isBuiltin, disabled, extensionColorThemeId, extensionColorThemeLabel, currentColorThemeId);
   const size = getViewletSize(width);
   const {
     changelogScrollTop,
@@ -4674,6 +4745,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     changelogScrollTop,
     commit,
+    currentColorThemeId,
     description,
     detailsVirtualDom,
     disabled,
@@ -5021,6 +5093,20 @@ const hideSizeLink = state => {
   };
 };
 
+const createRpc = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: async port => {
+      await sendMessagePortToClipBoardWorker(port, 0);
+    }
+  });
+  return rpc;
+};
+const initializeClipBoardWorker = async () => {
+  const rpc = await createRpc();
+  set$a(rpc);
+};
+
 const sendMessagePortToExtensionHostWorker = async port => {
   await sendMessagePortToExtensionHostWorker$1(port, 0);
 };
@@ -5107,7 +5193,7 @@ const initializeMarkdownWorker = async () => {
 
 const initialize = async () => {
   // TODO load markdown worker only when needed
-  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker(), initializeExtensionManagementWorker()]);
+  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker(), initializeExtensionManagementWorker(), initializeClipBoardWorker()]);
 };
 
 const loadContent2 = async (state, savedState, isTest = false) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "7.2.0",
+  "version": "7.3.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",