@lvce-editor/static-server 0.54.6 → 0.54.7

package/static/{9d2045c → 8fd4507}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -60,31 +60,39 @@ class AssertionError extends Error {
     this.name = 'AssertionError';
   }
 }
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
 const getType = value => {
   switch (typeof value) {
     case 'number':
-      return 'number';
+      return Number$1;
     case 'function':
-      return 'function';
+      return Function;
     case 'string':
-      return 'string';
+      return String;
     case 'object':
       if (value === null) {
-        return 'null';
+        return Null;
       }
       if (Array.isArray(value)) {
-        return 'array';
+        return Array$1;
       }
-      return 'object';
+      return Object$1;
     case 'boolean':
-      return 'boolean';
+      return Boolean$1;
     default:
-      return 'unknown';
+      return Unknown;
   }
 };
 const string = value => {
   const type = getType(value);
-  if (type !== 'string') {
+  if (type !== String) {
     throw new AssertionError('expected value to be of type string');
   }
 };
@@ -338,22 +346,11 @@ class IpcChildWithModuleWorker extends Ipc {
 const wrap$f = global => {
   return new IpcChildWithModuleWorker(global);
 };
-const withResolvers = () => {
-  let _resolve;
-  const promise = new Promise(resolve => {
-    _resolve = resolve;
-  });
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    resolve: _resolve,
-    promise
-  };
-};
 const waitForFirstMessage = async port => {
   const {
     resolve,
     promise
-  } = withResolvers();
+  } = Promise.withResolvers();
   port.addEventListener('message', resolve, {
     once: true
   });
@@ -424,7 +421,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$2 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -434,16 +431,16 @@ const remove = id => {
   delete callbacks[id];
 };
 let id$1 = 0;
-const create$3 = () => {
+const create$3$1 = () => {
   return ++id$1;
 };
 const registerPromise = () => {
-  const id = create$3();
+  const id = create$3$1();
   const {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$2(id, resolve);
   return {
     id,
     promise
@@ -516,6 +513,16 @@ const constructError = (message, type, name) => {
   }
   return new ErrorConstructor(message);
 };
+const joinLines = lines => {
+  return lines.join(NewLine);
+};
+const splitLines = lines => {
+  return lines.split(NewLine);
+};
+const getCurrentStack = () => {
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(2));
+  return currentStack;
+};
 const getNewLineIndex = (string, startIndex = undefined) => {
   return string.indexOf(NewLine, startIndex);
 };
@@ -526,19 +533,16 @@ const getParentStack = error => {
   }
   return parentStack;
 };
-const joinLines = lines => {
-  return lines.join(NewLine);
-};
 const MethodNotFound = -32601;
 const Custom = -32001;
-const splitLines = lines => {
-  return lines.split(NewLine);
-};
 const restoreJsonRpcError = error => {
+  const currentStack = getCurrentStack();
   if (error && error instanceof Error) {
+    if (typeof error.stack === 'string') {
+      error.stack = error.stack + NewLine + currentStack;
+    }
     return error;
   }
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(1));
   if (error && error.code && error.code === MethodNotFound) {
     const restoredError = new JsonRpcError(error.message);
     const parentStack = getParentStack(error);
@@ -619,6 +623,17 @@ const getErrorType = prettyError => {
   }
   return undefined;
 };
+const isAlreadyStack = line => {
+  return line.trim().startsWith('at ');
+};
+const getStack = prettyError => {
+  const stackString = prettyError.stack || '';
+  const newLineIndex = stackString.indexOf('\n');
+  if (newLineIndex !== -1 && !isAlreadyStack(stackString.slice(0, newLineIndex))) {
+    return stackString.slice(newLineIndex + 1);
+  }
+  return stackString;
+};
 const getErrorProperty = (error, prettyError) => {
   if (error && error.code === E_COMMAND_NOT_FOUND) {
     return {
@@ -631,7 +646,7 @@ const getErrorProperty = (error, prettyError) => {
     code: Custom,
     message: prettyError.message,
     data: {
-      stack: prettyError.stack,
+      stack: getStack(prettyError),
       codeFrame: prettyError.codeFrame,
       type: getErrorType(prettyError),
       code: prettyError.code,
@@ -639,18 +654,18 @@ const getErrorProperty = (error, prettyError) => {
     }
   };
 };
-const create$1$1 = (message, error) => {
+const create$1$1 = (id, error) => {
   return {
     jsonrpc: Two,
-    id: message.id,
+    id,
     error
   };
 };
-const getErrorResponse = (message, error, preparePrettyError, logError) => {
+const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const prettyError = preparePrettyError(error);
   logError(error, prettyError);
   const errorProperty = getErrorProperty(error, prettyError);
-  return create$1$1(message, errorProperty);
+  return create$1$1(id, errorProperty);
 };
 const create$5 = (message, result) => {
   return {
@@ -663,12 +678,27 @@ const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
   return create$5(message, resultProperty);
 };
+const getErrorResponseSimple = (id, error) => {
+  return {
+    jsonrpc: Two,
+    id,
+    error: {
+      code: Custom,
+      // @ts-ignore
+      message: error.message,
+      data: error
+    }
+  };
+};
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
     const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
     return getSuccessResponse(message, result);
   } catch (error) {
-    return getErrorResponse(message, error, preparePrettyError, logError);
+    if (ipc.canUseSimpleErrorResponse) {
+      return getErrorResponseSimple(message.id, error);
+    }
+    return getErrorResponse(message.id, error, preparePrettyError, logError);
   }
 };
 const defaultPreparePrettyError = error => {
@@ -723,7 +753,7 @@ const handleJsonRpcMessage = async (...args) => {
       try {
         ipc.send(response);
       } catch (error) {
-        const errorResponse = getErrorResponse(message, error, preparePrettyError, logError);
+        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
         ipc.send(errorResponse);
       }
       return;
@@ -828,7 +858,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$2 = async ({
+const create$3 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -840,12 +870,12 @@ const create$2 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$2
+  create: create$3
 };
 
 const assetDir = '';
 
-const create$1 = () => {
+const create$2 = () => {
   const states = Object.create(null);
   return {
     get(uid) {
@@ -909,9 +939,9 @@ const {
   set: set$1,
   dispose: dispose$1,
   wrapCommand
-} = create$1();
+} = create$2();
 
-const create = (uid, uri, x, y, width, height, platform, assetDir$1) => {
+const create$1 = (uid, uri, x, y, width, height, platform, assetDir$1) => {
   const state = {
     description: '',
     iconSrc: '',
@@ -1146,30 +1176,60 @@ const handleClickFeatures = async (state, name) => {
 };
 
 const rpcs = Object.create(null);
-const set$3 = (id, rpc) => {
+const set$g = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get = id => {
   return rpcs[id];
 };
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+
+const create = rpcId => {
+  return {
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    set(rpc) {
+      set$g(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get(rpcId);
+      await rpc.dispose();
+    }
+  };
+};
 const RendererWorker$1 = 1;
-const invoke$2 = (method, ...params) => {
-  const rpc = get(RendererWorker$1);
-  // @ts-ignore
-  return rpc.invoke(method, ...params);
+const {
+  invoke: invoke$3,
+  set: set$3} = create(RendererWorker$1);
+const readFile$2 = async uri => {
+  return invoke$3('FileSystem.readFile', uri);
 };
-const set$2 = rpc => {
-  set$3(RendererWorker$1, rpc);
+const getAllExtensions$2 = async key => {
+  return invoke$3('ExtensionManagement.getAllExtensions');
 };
 const RendererWorker = {
   __proto__: null,
-  invoke: invoke$2,
-  set: set$2
-};
+  getAllExtensions: getAllExtensions$2,
+  invoke: invoke$3,
+  readFile: readFile$2,
+  set: set$3};
 
 const {
   invoke,
-  set
+  set,
+  readFile: readFile$1,
+  getAllExtensions: getAllExtensions$1
 } = RendererWorker;
 
 const handleClickSize = async state => {
@@ -1375,7 +1435,8 @@ const getAllExtensions = async platform => {
   if (platform === Web) {
     return [];
   }
-  return invoke('ExtensionManagement.getAllExtensions');
+  // @ts-ignore
+  return getAllExtensions$1();
 };
 const getExtension$1 = async (id, platform) => {
   // TODO only ask one extension from renderer worker instead of all
@@ -1497,7 +1558,7 @@ const readFile = async uri => {
     const result = await response.text();
     return result;
   }
-  return invoke('FileSystem.readFile', uri);
+  return readFile$1(uri);
 };
 
 const ENOENT = 'ENOENT';
@@ -1630,11 +1691,51 @@ const loadContent2 = async (state, savedState) => {
   return loadContent(state, state.platform, savedState);
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+const Button$1 = 1;
+const Div = 4;
+const H1 = 5;
+const Table$1 = 9;
+const TBody = 10;
+const Td = 11;
+const Text$1 = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const Img = 17;
+const H2 = 22;
+const Pre = 51;
+const A = 53;
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Button: Button$1,
+  Div,
+  H1,
+  H2,
+  Img,
+  Pre,
+  TBody,
+  THead,
+  Table: Table$1,
+  Td,
+  Th,
+  Tr};
+const text = data => {
+  return {
+    type: Text$1,
+    text: data,
+    childCount: 0
+  };
+};
+
 const AdditionalDetails = 'AdditionalDetails';
 const AdditionalDetailsEntry = 'AdditionalDetailsEntry';
 const AdditionalDetailsTitle = 'AdditionalDetailsTitle';
 const Aside = 'Aside';
-const Button$1 = 'Button';
+const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
 const DefaultMarkdown = 'DefaultMarkdown';
 const Categories = 'Categories';
@@ -1671,7 +1772,7 @@ const Normal = 'Normal';
 const Resource = 'Resource';
 const Resources = 'Resources';
 const Small = 'Small';
-const Table$1 = 'Table';
+const Table = 'Table';
 const TableCell = 'TableCell';
 const TableHeading = 'TableHeading';
 const Viewlet = 'Viewlet';
@@ -1769,37 +1870,11 @@ const getDisplaySize = size => {
   });
 };
 
-const A = 53;
-const Button = 1;
-const Div = 4;
-const H1 = 5;
-const H2 = 22;
-const Img = 17;
-const Pre = 51;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-const Text$1 = 12;
-const text = data => {
-  return {
-    type: Text$1,
-    text: data,
-    childCount: 0
-  };
-};
-
 const getChangelogVirtualDom = () => {
   const notImplemented$1 = notImplemented();
   // TODO set tabpanel role
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Changelog,
     childCount: 1
   }, text(notImplemented$1)];
@@ -1811,11 +1886,11 @@ const Panel = 'panel';
 
 const getAdditionalDetailsEntryVirtualDom = (heading, items, renderer) => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: AdditionalDetailsEntry,
     childCount: 2
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: AdditionalDetailsTitle,
     childCount: 1
   }, text(heading), ...renderer(items)];
@@ -1826,7 +1901,7 @@ const getCategoryVirtualDom = category => {
     label
   } = category;
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Category,
     childCount: 1
   }, text(label)];
@@ -1834,14 +1909,14 @@ const getCategoryVirtualDom = category => {
 
 const getCategoriesDom = categories => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Categories,
     childCount: categories.length
   }, ...categories.flatMap(getCategoryVirtualDom)];
 };
 
 const parentNode$1 = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: MoreInfoEntryKey,
   childCount: 1
 };
@@ -1854,13 +1929,13 @@ const getMoreInfoEntryKeyVirtualDom = item => {
 
 const getTag = (onClick, code) => {
   if (onClick) {
-    return A;
+    return VirtualDomElements.A;
   }
   if (code) {
     // TODO use code tag
-    return Div;
+    return VirtualDomElements.Div;
   }
-  return Div;
+  return VirtualDomElements.Div;
 };
 const getClassName = (onClick, code) => {
   if (onClick) {
@@ -1888,12 +1963,12 @@ const getMoreInfoEntryValueVirtualDom = item => {
 };
 
 const parentNodeEven = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: MoreInfoEntry,
   childCount: 2
 };
 const parentNodeOdd = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: mergeClassNames(MoreInfoEntry, MoreInfoEntryOdd),
   childCount: 2
 };
@@ -1907,7 +1982,7 @@ const getMoreInfoEntryVirtualDom = item => {
 
 const getMoreInfoVirtualDom = items => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: MoreInfo,
     childCount: items.length
   }, ...items.flatMap(getMoreInfoEntryVirtualDom)];
@@ -1915,7 +1990,7 @@ const getMoreInfoVirtualDom = items => {
 
 const resourceNode = {
   // TODO use link with url
-  type: Div,
+  type: VirtualDomElements.Div,
   className: Resource,
   childCount: 1
 };
@@ -1928,7 +2003,7 @@ const getResourceVirtualDom = resource => {
 
 const getResourcesVirtualDom = resources => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Resources,
     childCount: resources.length
   }, ...resources.flatMap(getResourceVirtualDom)];
@@ -1939,11 +2014,11 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
     return [];
   }
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Aside,
     childCount: 1
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: AdditionalDetails,
     tabIndex: 0,
     childCount: 4
@@ -2026,7 +2101,7 @@ const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionI
   const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
   const childCount = showAdditionalDetails ? 2 : 1;
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailPanel,
     childCount: childCount,
     role: Panel
@@ -2065,14 +2140,14 @@ const getCommandTableEntries = extension => {
 
 const getFeatureContentHeadingVirtualDom = heading => {
   return [{
-    type: H1,
+    type: VirtualDomElements.H1,
     childCount: 1
   }, text(heading)];
 };
 
 const getTableHeadingVirtualDom = heading => {
   return [{
-    type: Th,
+    type: VirtualDomElements.Th,
     className: TableHeading,
     childCount: 1
   }, text(heading)];
@@ -2080,11 +2155,11 @@ const getTableHeadingVirtualDom = heading => {
 
 const getCellCodeVirtualDom = value => {
   return [{
-    type: Td,
+    type: VirtualDomElements.Td,
     className: TableCell,
     childCount: 1
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     // TODO use code tag
     childCount: 1
   }, text(value)];
@@ -2092,7 +2167,7 @@ const getCellCodeVirtualDom = value => {
 
 const getCellTextVirtualDom = value => {
   return [{
-    type: Td,
+    type: VirtualDomElements.Td,
     className: TableCell,
     childCount: 1
   }, text(value)];
@@ -2120,7 +2195,7 @@ const getCellVirtualDom = entry => {
 
 const getTableRowVirtualDom = entries => {
   return [{
-    type: Tr,
+    type: VirtualDomElements.Tr,
     childCount: entries.length
   }, ...entries.flatMap(getCellVirtualDom)];
 };
@@ -2131,17 +2206,17 @@ const getTableVirtualDom = tableInfo => {
     rows
   } = tableInfo;
   return [{
-    type: Table,
-    className: Table$1,
+    type: VirtualDomElements.Table,
+    className: Table,
     childCount: 2
   }, {
-    type: THead,
+    type: VirtualDomElements.THead,
     childCount: 1
   }, {
-    type: Tr,
+    type: VirtualDomElements.Tr,
     childCount: headings.length
   }, ...headings.flatMap(getTableHeadingVirtualDom), {
-    type: TBody,
+    type: VirtualDomElements.TBody,
     childCount: rows.length
   }, ...rows.flatMap(getTableRowVirtualDom)];
 };
@@ -2151,7 +2226,7 @@ const getFeatureCommandsVirtualDom = extension => {
   const heading = commands();
   const tableInfo = getCommandTableEntries(extension);
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
@@ -2181,7 +2256,7 @@ const getJsonValidationTableEntries = extension => {
 };
 
 const parentNode = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: FeatureContent,
   childCount: 2
 };
@@ -2194,11 +2269,11 @@ const getFeatureJsonValidationVirtualDom = extension => {
 const getFeatureNotImplementedVirtualDom = () => {
   const heading = 'Not implemented';
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 1
   }, {
-    type: H1,
+    type: VirtualDomElements.H1,
     childCount: 1
   }, text(heading)];
 };
@@ -2207,7 +2282,7 @@ const getFeatureProgrammingLanguagesVirtualDom = () => {
   const heading = programmingLanguages();
   // TODO
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 1
   }, ...getFeatureContentHeadingVirtualDom(heading)];
@@ -2243,7 +2318,7 @@ const getFeatureSettingsVirtualDom = extension => {
   const heading = settings();
   const tableInfo = getSettingsTableEntries(extension);
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
@@ -2267,11 +2342,11 @@ const getFeatureThemesVirtualDom = async themesHtml => {
   const childCount = getVirtualDomChildCount(markdownDom);
   const heading = theme();
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: DefaultMarkdown,
     childCount
   }, ...markdownDom];
@@ -2298,17 +2373,17 @@ const getWebViews = extension => {
 };
 
 const heading = {
-  type: H2,
+  type: VirtualDomElements.H2,
   className: DefinitionListItemHeading,
   childCount: 1
 };
 const pre = {
-  type: Pre,
+  type: VirtualDomElements.Pre,
   className: DefinitionListItemValue,
   childCount: 1
 };
 const item = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: DefinitionListItem,
   childCount: 2
 };
@@ -2324,7 +2399,7 @@ const getWebViewVirtualDom = webView => {
   const textContentSecurityPolicy = contentSecurityPolicy();
   const textElements = elements();
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureWebView,
     childCount: 5
   }, item, heading, text(textId), pre, text(id$1), item, heading, text(textSelector), pre, text(selectorString), item, heading, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading, text(textElements), pre, text(elementsString)];
@@ -2334,11 +2409,11 @@ const getFeatureWebViewsVirtualDom = extension => {
   const webViews$1 = getWebViews(extension);
   const heading = webViews();
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeatureContent,
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), {
-    type: Div,
+    type: VirtualDomElements.Div,
     childCount: webViews$1.length
   }, ...webViews$1.flatMap(getWebViewVirtualDom)];
 };
@@ -2371,7 +2446,7 @@ const getFeatureListItemVirtualDom = feature => {
   const className = selected ? 'Feature FeatureSelected' : Feature;
   return [{
     // TODO use role list item or tab
-    type: Button,
+    type: VirtualDomElements.Button,
     name: id,
     className,
     childCount: 1
@@ -2381,7 +2456,7 @@ const getFeatureListItemVirtualDom = feature => {
 const getFeatureListVirtualDom = features => {
   return [{
     // TODO use either list or tabs role
-    type: Div,
+    type: VirtualDomElements.Div,
     className: FeaturesList,
     childCount: features.length,
     onClick: HandleFeaturesClick
@@ -2392,17 +2467,17 @@ const getFeaturesVirtualDom = async (features, themesHtml, selectedFeature, exte
   if (features.length === 0) {
     const none$1 = none();
     return [{
-      type: Div,
+      type: VirtualDomElements.Div,
       className: Features,
       childCount: 3
     }, text(none$1)];
   }
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: Features,
     childCount: 3
   }, ...getFeatureListVirtualDom(features), {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(Sash, SashVertical),
     childCount: 0
   }, ...(await getFeatureContentVirtualDom(features, themesHtml, selectedFeature, extension))];
@@ -2423,8 +2498,8 @@ const getExtensionDetailContentVirtualDom = async (sanitizedReadmeHtml, themesHt
 
 const getButtonVirtualDom = (message, onClick) => {
   return [{
-    type: Button,
-    className: mergeClassNames(Button$1, ButtonPrimary),
+    type: VirtualDomElements.Button,
+    className: mergeClassNames(Button, ButtonPrimary),
     onClick,
     childCount: 1
   }, text(message)];
@@ -2432,7 +2507,7 @@ const getButtonVirtualDom = (message, onClick) => {
 
 const getExtensionDetailHeaderActionsVirtualDom = () => {
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailHeaderActions,
     childCount: 2
   }, ...getButtonVirtualDom('Disable', HandleClickDisable), ...getButtonVirtualDom('Uninstall', HandleClickUninstall)];
@@ -2446,26 +2521,26 @@ const getExtensionDetailHeaderVirtualDom = extensionDetail => {
     description
   } = extensionDetail;
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailHeader,
     childCount: 2
   }, {
-    type: Img,
+    type: VirtualDomElements.Img,
     className: ExtensionDetailIcon,
     alt: '',
     draggable: false,
     childCount: 0,
     src: iconSrc
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailHeaderDetails,
     childCount: 3
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailName,
     childCount: 1
   }, text(name), {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailDescription,
     childCount: 1
   }, text(description), ...getExtensionDetailHeaderActionsVirtualDom()];
@@ -2500,7 +2575,7 @@ const getTabVirtualDom = tab => {
   const className = selected ? selectedClassName : defaultClassName;
   const ariaSelected = selected ? 'true' : 'false';
   return [{
-    type: Button,
+    type: VirtualDomElements.Button,
     role: Tab,
     name,
     className,
@@ -2512,7 +2587,7 @@ const getTabVirtualDom = tab => {
 
 const getTabsVirtualDom = tabs => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ExtensionDetailTabs,
     childCount: tabs.length,
     role: TabList,
@@ -2553,7 +2628,7 @@ const getExtensionDetailVirtualDom = async (extensionDetail, sanitizedReadmeHtml
   const sizeValue = getViewletSize(newState?.width || 0);
   const sizeClass = getClassNames(sizeValue);
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(Viewlet, ExtensionDetail, sizeClass),
     childCount: 3
   }, ...getExtensionDetailHeaderVirtualDom(extensionDetail), ...getTabsVirtualDom(tabs), ...(await getExtensionDetailContentVirtualDom(sanitizedReadmeHtml, themesHtml, selectedTab, features, displaySize, extensionId, extensionVersion, selectedFeature, extension, width))];
@@ -2650,7 +2725,7 @@ const terminate = () => {
 };
 
 const commandMap = {
-  'ExtensionDetail.create': create,
+  'ExtensionDetail.create': create$1,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
   'ExtensionDetail.getCommandIds': getCommandIds,