@lvce-editor/static-server 0.56.3 → 0.56.4

package/static/{6a07014 → e6ddf2e}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -26,7 +26,7 @@ const Installation = 'Installation';
 const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
 const Marketplace = 'Marketplace';
-const None$1 = 'None';
+const None$2 = 'None';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -34,6 +34,7 @@ const Resources$1 = 'Resources';
 const SaveImageAs = 'Save Image as';
 const Schema = 'Schema';
 const ScrollToTop$1 = 'Scroll to top';
+const NoReadmeFound = 'No Readme Found.';
 const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
@@ -69,7 +70,7 @@ const features$1 = () => {
   return i18nString(Features$2);
 };
 const none = () => {
-  return i18nString(None$1);
+  return i18nString(None$2);
 };
 const openInNewTab = () => {
   return i18nString(OpenInNewTab);
@@ -131,6 +132,9 @@ const uninstall = () => {
 const scrollToTop = () => {
   return i18nString(ScrollToTop$1);
 };
+const noReadmeFound = () => {
+  return i18nString(NoReadmeFound);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
@@ -146,11 +150,13 @@ const featureActivationEventsEnabled = extension => {
   return Array.isArray(extension.activation);
 };
 
+const None$1 = 'none';
 const Panel = 'panel';
 const Tab$1 = 'tab';
 const TabList = 'tablist';
 const AriaRoles = {
   __proto__: null,
+  None: None$1,
   Panel,
   Tab: Tab$1,
   TabList};
@@ -688,10 +694,15 @@ const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
   return [{
     type: VirtualDomElements.Button,
     className: ScrollToTopButton,
-    childCount: 0,
+    childCount: 1,
     onClick: HandleClickScrollToTop,
     ariaLabel: scrollToTop(),
     name: ScrollToTop
+  }, {
+    type: VirtualDomElements.Div,
+    className: 'MaskIcon MaskIconChevronUp',
+    childCount: 0,
+    role: AriaRoles.None
   }];
 };
 
@@ -737,8 +748,13 @@ const {
 const readFile$1$1 = async uri => {
   return invoke$7('FileSystem.readFile', uri);
 };
+const exists$1 = async uri => {
+  // @ts-ignore
+  return invoke$7('FileSystem.exists', uri);
+};
 const FileSystemWorker = {
   __proto__: null,
+  exists: exists$1,
   invoke: invoke$7,
   readFile: readFile$1$1,
   set: set$7};
@@ -2026,8 +2042,13 @@ const WebWorkerRpcClient = {
   create: create$2
 };
 
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
 const create$1 = () => {
   const states = Object.create(null);
+  const commandMapRef = {};
   return {
     get(uid) {
       return states[uid];
@@ -2068,6 +2089,15 @@ const create$1 = () => {
       };
       return wrapped;
     },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
     diff(uid, modules, numbers) {
       const {
         oldState,
@@ -2081,6 +2111,14 @@ const create$1 = () => {
         }
       }
       return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
     }
   };
 };
@@ -2096,7 +2134,8 @@ const {
   get,
   set: set$2,
   dispose: dispose$1,
-  wrapCommand
+  wrapCommand,
+  wrapGetter
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
@@ -2112,6 +2151,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     changelogScrollTop: 0,
     changelogVirtualDom: [],
     commands: [],
+    hasReadme: false,
     description: '',
     detailsVirtualDom: [],
     displaySize: '',
@@ -2156,14 +2196,14 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews && oldState.sizeValue === newState.sizeValue;
 };
 
 const User = 1;
 const Script = 2;
 
 const isEqual = (oldState, newState) => {
-  return newState.scrollSource === User || oldState.readmeScrollTop === newState.readmeScrollTop;
+  return newState.scrollSource === User || oldState.readmeScrollTop === newState.readmeScrollTop && oldState.selectedTab === newState.selectedTab;
 };
 
 const RenderFocus = 2;
@@ -2387,6 +2427,7 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
 
 const {
   set,
+  exists,
   readFile: readFile$1,
   invoke
 } = FileSystemWorker;
@@ -2588,8 +2629,7 @@ const initialize = async () => {
 };
 
 const existsFile = async uri => {
-  // TODO ask file system worker
-  return true;
+  return exists(uri);
 };
 
 const Web = 1;
@@ -3050,9 +3090,9 @@ const loadContent = async (state, platform, savedState) => {
     name
   } = headerData;
   const readmeUrl = join(extensionUri, 'README.md');
-  join(extensionUri, 'CHANGELOG.md');
-  const [hasReadme, hasChangelog] = await Promise.all([existsFile(), existsFile()]);
-  const readmeContent = await loadReadmeContent(readmeUrl);
+  const changelogUrl = join(extensionUri, 'CHANGELOG.md');
+  const [hasReadme, hasChangelog] = await Promise.all([existsFile(readmeUrl), existsFile(changelogUrl)]);
+  const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl
@@ -3093,21 +3133,22 @@ const loadContent = async (state, platform, savedState) => {
     description,
     detailsVirtualDom,
     displaySize,
-    installationEntries,
     extension,
     extensionId,
     extensionVersion,
     features,
     folderSize,
     hasColorTheme,
+    hasReadme,
     iconSrc,
+    installationEntries,
+    marketplaceEntries,
     name,
     readmeScrollTop,
     readmeUrl,
     resources,
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
-    marketplaceEntries,
     selectedTab,
     sizeOnDisk: size,
     sizeValue,
@@ -3283,19 +3324,24 @@ const getChildCount = (additionalDetails, scrollToTopEnabled) => {
   }
   return count;
 };
-const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries) => {
+const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries, hasReadme) => {
   const firstHeading = installation();
   const secondHeading = marketplace();
   const thirdHeading = categories();
   const fourthHeading = resources();
   const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
   const childCount = getChildCount(showAdditionalDetails);
+  const contentDom = hasReadme ? sanitizedReadmeHtml : [{
+    type: VirtualDomElements.Div,
+    childCount: 1,
+    className: 'Markdown'
+  }, text(noReadmeFound())];
   const dom = [{
     type: VirtualDomElements.Div,
     className: ExtensionDetailPanel,
     childCount: childCount,
     role: AriaRoles.Panel
-  }, ...sanitizedReadmeHtml, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
+  }, ...contentDom, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
   return dom;
 };
 
@@ -3350,7 +3396,7 @@ const getFeaturesVirtualDom = (features, selectedFeature, state) => {
 const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, selectedTab, width, scrollToTopButtonEnabled, categories, resources, breakpoint, changelogDom, state) => {
   switch (selectedTab) {
     case Details:
-      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries);
+      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries, state.hasReadme);
     case Features:
       return getFeaturesVirtualDom(state.features, state.selectedFeature, state);
     case Changelog:
@@ -3542,10 +3588,29 @@ const renderFocus = (oldState, newState) => {
   return ['Viewlet.focusElementByName', ''];
 };
 
+const getScrollTop = (selectedTab, readmeScrollTop, changelogScrollTop) => {
+  if (selectedTab === Details) {
+    return readmeScrollTop;
+  }
+  if (selectedTab === Changelog) {
+    return changelogScrollTop;
+  }
+  return -1;
+};
 const renderScrollTop = (oldState, newState) => {
   const selector = '.ExtensionDetailPanel .Markdown';
   const property = 'scrollTop';
-  return ['Viewlet.setProperty', newState.uid, selector, property, newState.readmeScrollTop];
+  const {
+    uid,
+    readmeScrollTop,
+    changelogScrollTop,
+    selectedTab
+  } = newState;
+  const scrollTop = getScrollTop(selectedTab, readmeScrollTop, changelogScrollTop);
+  if (scrollTop === -1) {
+    return [];
+  }
+  return ['Viewlet.setProperty', uid, selector, property, scrollTop];
 };
 
 const getRenderer = diffType => {
@@ -3565,7 +3630,10 @@ const applyRender = (oldState, newState, diffResult) => {
   const commands = [];
   for (const item of diffResult) {
     const fn = getRenderer(item);
-    commands.push(fn(oldState, newState));
+    const instanceCommands = fn(oldState, newState);
+    if (instanceCommands.length > 0) {
+      commands.push(instanceCommands);
+    }
   }
   return commands;
 };
@@ -3630,16 +3698,13 @@ const resize = (state, dimensions) => {
   };
 };
 
-const saveState = uid => {
-  const {
-    newState
-  } = get(uid);
+const saveState = state => {
   const {
     selectedTab,
     selectedFeature,
     readmeScrollTop,
     changelogScrollTop
-  } = newState;
+  } = state;
   return {
     selectedTab,
     selectedFeature,
@@ -3671,8 +3736,9 @@ const commandMap = {
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
-  'ExtensionDetail.resize': resize,
-  'ExtensionDetail.saveState': saveState,
+  'ExtensionDetail.resize': wrapCommand(resize),
+  // @ts-ignore
+  'ExtensionDetail.saveState': wrapGetter(saveState),
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
   'ExtensionDetail.terminate': terminate,
   'ExtensionDetail.initialize': initialize

package/static/{6a07014 → e6ddf2e}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2558,7 +2558,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/6a07014/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/e6ddf2e/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3856,9 +3856,9 @@ const getColorThemeUri = (extensions, colorThemeId) => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/6a07014' !== 'undefined') {
+  if (typeof '/e6ddf2e' !== 'undefined') {
     // @ts-ignore
-    return '/6a07014';
+    return '/e6ddf2e';
   }
   if (platform === Electron) {
     return '../../../../..';

package/static/{6a07014 → e6ddf2e}/packages/file-system-worker/dist/fileSystemWorkerMain.js

@@ -1200,7 +1200,6 @@ const RendererWorker = {
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3};
 
-// @ts-ignore
 const {
   set: set$1,
   rename: rename$1,
@@ -1329,6 +1328,7 @@ const createFileSystemProcessRpcNode = async () => {
   }
 };
 
+const Web = 1;
 const Electron = 2;
 const Remote = 3;
 
@@ -1348,11 +1348,18 @@ const createFileSystemProcessRpc = async platform => {
   return create();
 };
 
-const initialize = async platform => {
+const initializeFileSytemProcess = async platform => {
+  if (platform === Web) {
+    return;
+  }
   const rpc = await createFileSystemProcessRpc(platform);
   set$1(rpc);
 };
 
+const initialize = async platform => {
+  await initializeFileSytemProcess(platform);
+};
+
 const commandMap = {
   'FileSystem.copy': copy,
   'FileSystem.createFile': createFile,

package/static/{6a07014 → e6ddf2e}/packages/renderer-process/dist/rendererProcessMain.js

@@ -2594,7 +2594,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/6a07014';
+const assetDir = '/e6ddf2e';
 
 const rendererWorkerUrl = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`;
 
@@ -3645,6 +3645,13 @@ const toHaveAttribute$1 = (element, {
   const attribute = element.getAttribute(key);
   return attribute === value;
 };
+const toHaveJSProperty = (element, {
+  key,
+  value
+}) => {
+  const attribute = element[key];
+  return attribute === value;
+};
 const toBeFocused$1 = element => {
   return element === document.activeElement;
 };
@@ -3679,6 +3686,7 @@ const SingleElementConditions = {
   toHaveClass: toHaveClass$1,
   toHaveCss: toHaveCss$1,
   toHaveId: toHaveId$1,
+  toHaveJSProperty,
   toHaveText: toHaveText$1,
   toHaveValue
 };
@@ -9386,6 +9394,9 @@ const setProperty = (id, selector, property, value) => {
   }
   const $Viewlet = instance.state.$Viewlet;
   const $Element = $Viewlet.querySelector(selector);
+  if (!$Element) {
+    return;
+  }
   $Element[property] = value;
 };
 

package/static/{6a07014 → e6ddf2e}/packages/renderer-process/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "15.0.0",
+  "version": "15.1.0",
   "description": "",
   "keywords": [
     "lvce-editor",

package/static/{6a07014 → e6ddf2e}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -96,7 +96,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/6a07014';
+    return '/e6ddf2e';
   }
 };
 const assetDir = getAssetDir();
@@ -3939,19 +3939,20 @@ const hideFunctional = id => {
     throw new Error(`Failed to dispose viewlet ${id}: ${error}`);
   }
 };
-const resize$o = async (id, dimensions) => {
+const resize$n = async (id, dimensions) => {
   number(id);
   object(dimensions);
   const instance = getInstance(id);
-  if (!instance || !instance.factory || !instance.factory.resize) {
+  if (!instance || !instance.factory || !instance.factory.resize && !instance.factory?.Commands?.resize) {
     console.warn('cannot resize', id);
     return [];
   }
+  const resizeFn = instance.factory?.Commands?.resize || instance.factory.resize;
   const oldState = instance.state;
   let newState;
   let commands;
   if (instance.factory.hasFunctionalResize) {
-    newState = await instance.factory.resize(oldState, dimensions);
+    newState = await resizeFn(oldState, dimensions);
     if ('newState' in newState) {
       throw new Error(`functional resize not supported in ${instance.factory.name}`);
     }
@@ -3961,6 +3962,7 @@ const resize$o = async (id, dimensions) => {
     }
     commands = render$I(instance.factory, instance.state, newState);
   } else {
+    // deprecated
     const result = await instance.factory.resize(oldState, dimensions);
     newState = result.newState;
     commands = result.commands;
@@ -14754,7 +14756,7 @@ const getFilteredActivityBarItems = (items, height, itemHeight) => {
 };
 
 const hasFunctionalResize$i = true;
-const resize$n = (state, dimensions) => {
+const resize$m = (state, dimensions) => {
   const filteredItems = getFilteredActivityBarItems(state.activityBarItems, dimensions.height, state.itemHeight);
   return {
     ...state,
@@ -14792,7 +14794,7 @@ const ViewletActivityBar_ipc = {
   menus: menus$c,
   name: name$L,
   render: render$G,
-  resize: resize$n,
+  resize: resize$m,
   saveState: saveState$j,
   toggleActivityBarItem,
   toggleItem,
@@ -16620,7 +16622,7 @@ const handleSashCornerPointerUp = state => {
   return state;
 };
 const hasFunctionalResize$h = true;
-const resize$m = (state, dimensions) => {
+const resize$l = (state, dimensions) => {
   const newTransform = getPreviewTransform(dimensions.width, dimensions.height);
   return {
     ...state,
@@ -16747,7 +16749,7 @@ const ViewletE2eTest_ipc = {
   name: name$D,
   render: render$x,
   renderActions: renderActions$9,
-  resize: resize$m
+  resize: resize$l
 };
 
 const create$B = (id, uri, x, y, width, height) => {
@@ -17476,7 +17478,7 @@ const handleLanguagesChanged = async state => {
   return state;
 };
 const hasFunctionalResize$g = true;
-const resize$l = (state, dimensions) => {
+const resize$k = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
@@ -17595,7 +17597,7 @@ const ViewletEditorText_ipc = {
   name: name$B,
   render: render$u,
   rerender,
-  resize: resize$l,
+  resize: resize$k,
   saveState: saveState$h
 };
 
@@ -17741,7 +17743,7 @@ const loadContent$x = async (state, savedState) => {
 };
 const dispose$l = state => {};
 const hasFunctionalResize$f = true;
-const resize$k = (state, dimensions) => {
+const resize$j = (state, dimensions) => {
   const {
     minLineY,
     itemHeight
@@ -17931,7 +17933,7 @@ const ViewletExplorer_ipc = {
   renderActions: renderActions$7,
   renderEventListeners: renderEventListeners$b,
   renderTitle: renderTitle$4,
-  resize: resize$k,
+  resize: resize$j,
   restoreState,
   saveState: saveState$g
 };
@@ -17966,20 +17968,6 @@ const {
   restart: restart$5
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
-const Small = 1;
-const Normal = 2;
-const Large = 3;
-
-const getViewletSize = width => {
-  if (width < 180) {
-    return Small;
-  }
-  if (width < 768) {
-    return Normal;
-  }
-  return Large;
-};
-
 const create$v = (id, uri, x, y, width, height) => {
   return {
     name: '',
@@ -18035,14 +18023,6 @@ const saveState$f = async state => {
   return savedState;
 };
 const hasFunctionalResize$e = true;
-const resize$j = (state, dimensions) => {
-  const size = getViewletSize(dimensions.width);
-  return {
-    ...state,
-    ...dimensions,
-    size
-  };
-};
 
 const wrapExtensionDetailCommand = key => {
   const fn = async (state, ...args) => {
@@ -18070,7 +18050,7 @@ const getCommands$9 = async () => {
   return Commands$p;
 };
 
-const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/BrowserScrollBar.css", "/css/parts/Category.css", "/css/parts/FeatureContent.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/ScrollToTop.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailHeader.css", "/css/parts/ViewletExtensionDetailTabs.css"];
+const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/BrowserScrollBar.css", "/css/parts/Category.css", "/css/parts/FeatureContent.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/Message.css", "/css/parts/ScrollToTop.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailHeader.css", "/css/parts/ViewletExtensionDetailTabs.css"];
 
 const id$8 = ExtensionDetailReadme;
 const getMenuEntries$c = async props => {
@@ -18120,7 +18100,6 @@ const ViewletExtensionDetail_ipc = {
   name: name$y,
   render: render$r,
   renderEventListeners: renderEventListeners$a,
-  resize: resize$j,
   saveState: saveState$f
 };
 
@@ -19795,6 +19774,7 @@ const isEqual = (oldPoints, newPoints, kTop, kLeft, kWidth, kHeight) => {
 const getResizeCommands = async (oldPoints, newPoints) => {
   const modules = [Main$1, ActivityBar, SideBar, TitleBar, StatusBar, Panel, Preview$1];
   const commands = [];
+  // TODO resize all modules in parallel
   for (const module of modules) {
     const {
       kTop,
@@ -19817,7 +19797,7 @@ const getResizeCommands = async (oldPoints, newPoints) => {
       number(newLeft);
       number(newWidth);
       number(newHeight);
-      const resizeCommands = await resize$o(instanceUid, {
+      const resizeCommands = await resize$n(instanceUid, {
         x: newLeft,
         y: newTop,
         width: newWidth,
@@ -22572,7 +22552,7 @@ const resize$g = async (state, dimensions) => {
         width: group.width,
         height: contentHeight
       };
-      const resizeCommands = await resize$o(editorUid, childDimensions);
+      const resizeCommands = await resize$n(editorUid, childDimensions);
       commands.push(...resizeCommands);
       commands.push(['Viewlet.setBounds', editorUid, group.x, tabHeight, groupWidth, contentHeight]);
     }
@@ -23141,7 +23121,7 @@ const resize$f = async (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = await resize$o(currentViewletUid, dimensions);
+  const commands = await resize$n(currentViewletUid, dimensions);
   return {
     newState,
     commands
@@ -23262,7 +23242,7 @@ const getCommands$6 = async () => {
   return Commands$e;
 };
 
-const Css$j = ["/css/parts/ViewletProblems.css"];
+const Css$j = ["/css/parts/Message.css", "/css/parts/ViewletProblems.css"];
 
 const getKeyBindings$5 = () => {
   return [{
@@ -24673,7 +24653,7 @@ const resize$b = async (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = await resize$o(currentViewletUid, childDimensions);
+  const commands = await resize$n(currentViewletUid, childDimensions);
   return {
     newState,
     commands
@@ -26754,7 +26734,7 @@ const resize$6 = async (state, dimensions) => {
     tabs
   } = state;
   const uid = tabs[0].uid;
-  const commands = await resize$o(uid, dimensions);
+  const commands = await resize$n(uid, dimensions);
   return {
     newState: state,
     commands
@@ -26983,7 +26963,7 @@ const resize$5 = async (state, dimensions) => {
   const menuBarY = dimensions.y;
   const menuBarWidth = getTitleBarMenuBarWidth(dimensions.width, menuBarX, titleBarButtonsWidth);
   const menuBarHeight = dimensions.height;
-  commands.push(...(await resize$o(titleBarMenuBarState.uid, {
+  commands.push(...(await resize$n(titleBarMenuBarState.uid, {
     x: menuBarX,
     y: menuBarY,
     width: menuBarWidth,
@@ -29192,7 +29172,7 @@ const splitRight = async state => {
   if (editor) {
     const editorUid = editor.uid;
     number(editorUid);
-    const resizeCommands = await resize$o(editorUid, dimensions);
+    const resizeCommands = await resize$n(editorUid, dimensions);
     commands.push(...resizeCommands);
     commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
   }