@lvce-editor/settings-view 2.27.1 → 2.27.3

package/dist/settingsViewWorkerMain.js

@@ -1559,6 +1559,7 @@ const create$1 = (id, uri, x, y, width, height) => {
     minLineY: 0,
     modifiedSettings: {},
     preferences: {},
+    schemaErrors: [],
     scrollBarMinHeight: 0,
     scrollBarThumbHeight: 0,
     scrollBarThumbTop: 0,
@@ -2745,10 +2746,7 @@ const getUpdatedTabs = (tabs, selectedTabId) => {
   }));
 };
 
-const handleClickTab = (state, name) => {
-  if (!name) {
-    return state;
-  }
+const handleClickTab = (state, name = '') => {
   const {
     height,
     itemHeight,
@@ -3059,6 +3057,15 @@ const getPreferences = async () => {
   }
 };
 
+const getSchemaErrors = async () => {
+  try {
+    return await invoke$1('SettingsWorker.getSchemaErrors');
+  } catch {
+    // Older settings-worker versions do not expose schema diagnostics yet.
+    return [];
+  }
+};
+
 const getSettingItems = async () => {
   return invoke$1('SettingsWorker.getSettingsItems2');
 };
@@ -3175,7 +3182,7 @@ const loadContent = async (state, savedState) => {
   } = restoreState(savedState);
   const tabs = await getTabs();
   const newTabs = getUpdatedTabs(tabs, tabId);
-  const [items, preferences] = await Promise.all([getSettingItems(), getPreferences()]);
+  const [items, preferences, schemaErrors] = await Promise.all([getSettingItems(), getPreferences(), getSchemaErrors()]);
   const modifiedSettings = getModifiedSettings(preferences);
   const filteredItems = getFilteredItems(items, newTabs, searchValue, modifiedSettings, preferences);
   const {
@@ -3205,6 +3212,7 @@ const loadContent = async (state, savedState) => {
     minLineY,
     modifiedSettings,
     preferences,
+    schemaErrors,
     scrollBarThumbHeight: thumbHeight,
     scrollBarThumbTop: thumbTop,
     scrollOffset,
@@ -3243,6 +3251,7 @@ const renderCss = (oldState, newState) => {
 
 const Clear = 'Clear';
 const Filter = 'Filter';
+const SchemaErrorsTab = 'schema-errors';
 const SettingsSearch = 'SettingsSearch';
 
 const renderFocus = (oldState, newState) => {
@@ -3291,11 +3300,21 @@ const SettingsScrollBar = 'ScrollBar';
 const SettingsScrollBarSmall = 'ScrollBarSmall';
 const SettingsScrollBarThumb = 'ScrollBarThumb';
 const SettingsSearchInput = 'SettingsSearchInput';
+const SettingsSchemaError = 'SettingsSchemaError';
+const SettingsSchemaErrors = 'SettingsSchemaErrors';
 const SettingsSideBar = 'SettingsSideBar';
 const SettingsTabs = 'SettingsTabs';
 const Tab = 'Tab';
 const TabSelected = 'TabSelected';
 
+const getFilteredSchemaErrors = (errors, searchValue) => {
+  const search = searchValue.trim().toLowerCase();
+  if (!search) {
+    return errors;
+  }
+  return errors.filter(error => `${error.id} ${error.message} ${error.source}`.toLowerCase().includes(search));
+};
+
 const inputBadgeNode = {
   childCount: 1,
   className: InputBadge,
@@ -3372,6 +3391,7 @@ const getSettingsInputButtonsDom = hasSearchValue => {
   return [...getClearButtonDom(hasSearchValue), ...getFilterButtonDom()];
 };
 
+const searchInputClassName = mergeClassNames(InputBox, SettingsSearchInput, 'MultilineInputBox');
 const getSettingsInputDom = () => {
   const placeholder = searchSettings();
   return [{
@@ -3379,7 +3399,7 @@ const getSettingsInputDom = () => {
     autocomplete: 'off',
     autocorrect: 'off',
     childCount: 0,
-    className: mergeClassNames(InputBox, SettingsSearchInput, 'MultilineInputBox'),
+    className: searchInputClassName,
     name: SettingsSearch,
     onFocus: HandleInputFocus,
     onInput: HandleInput,
@@ -3389,6 +3409,7 @@ const getSettingsInputDom = () => {
   }];
 };
 
+const inputWrapperClassName = mergeClassNames(SettingsInputWrapper, 'SearchField');
 const settingsHeaderNode = {
   childCount: 1,
   className: SettingsHeader,
@@ -3401,7 +3422,7 @@ const getSettingsHeaderDom = (filteredSettingsCount, hasSearchValue) => {
   const childCount = getChildCount$1(hasSearchValue);
   return [settingsHeaderNode, {
     childCount,
-    className: mergeClassNames(SettingsInputWrapper, 'SearchField'),
+    className: inputWrapperClassName,
     type: Div
   }, ...getSettingsInputDom(), ...getSettingsInputBadgeDom(filteredSettingsCount, hasSearchValue), ...getSettingsInputButtonsDom(hasSearchValue)];
 };
@@ -3429,6 +3450,21 @@ const getContentHeadingDom = headerText => {
   return [parentNode$2, text(headerText)];
 };
 
+const getSchemaErrorsDom = errors => {
+  return [{
+    childCount: errors.length,
+    className: SettingsSchemaErrors,
+    role: Group,
+    type: Div
+  }, ...errors.flatMap(error => [{
+    childCount: 2,
+    className: SettingsSchemaError,
+    name: error.id,
+    role: Group,
+    type: Div
+  }, text(`${error.id}: ${error.message}`), text(`Source: ${error.source}`)])];
+};
+
 const parentNode$1 = {
   childCount: 1,
   className: mergeClassNames(SettingsScrollBar, SettingsScrollBarSmall),
@@ -3480,6 +3516,7 @@ const getItemLabelDom = (domId, label) => {
   }, text(label)];
 };
 
+const errorInputClassName$3 = mergeClassNames(InputBox, InputBoxError);
 const getItemArrayVirtualDom = item => {
   const {
     description,
@@ -3490,7 +3527,7 @@ const getItemArrayVirtualDom = item => {
     modified
   } = item;
   const domId = getInputId(id);
-  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
+  const inputClassName = hasError ? errorInputClassName$3 : InputBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -3511,6 +3548,7 @@ const getItemArrayVirtualDom = item => {
   }, ...getErrorMessageDom(errorMessage)];
 };
 
+const errorCheckBoxClassName = mergeClassNames(CheckBox, InputBoxError);
 const checkBoxWrapperNode = {
   childCount: 2,
   className: SettingsItemCheckBox,
@@ -3527,7 +3565,7 @@ const getItemCheckBoxVirtualDom = item => {
     value
   } = item;
   const domId = getInputId(id);
-  const checkBoxClassName = hasError ? mergeClassNames(CheckBox, InputBoxError) : CheckBox;
+  const checkBoxClassName = hasError ? errorCheckBoxClassName : CheckBox;
   const errorChildCount = hasError ? 1 : 0;
   const isChecked = value === true || value === 'true';
   return [{
@@ -3549,6 +3587,8 @@ const getItemCheckBoxVirtualDom = item => {
   }, ...getItemLabelDom(domId, description), ...getErrorMessageDom(errorMessage)];
 };
 
+const errorColorInputClassName = mergeClassNames('ColorInput', InputBoxError);
+const defaultColorInputClassName = mergeClassNames('ColorInput');
 const colorInputWrapperNode = {
   childCount: 2,
   className: SettingsItemCheckBox,
@@ -3564,7 +3604,7 @@ const getItemColorVirtualDom = item => {
     modified
   } = item;
   const domId = getInputId(id);
-  const colorInputClassName = hasError ? mergeClassNames('ColorInput', InputBoxError) : mergeClassNames('ColorInput');
+  const colorInputClassName = hasError ? errorColorInputClassName : defaultColorInputClassName;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -3597,6 +3637,7 @@ const getSettingsModifiedIndicatorDom = isModified => {
   return [modifiedIndicatorNode];
 };
 
+const errorInputClassName$2 = mergeClassNames(InputBox, InputBoxError);
 const getChildCount = (modified, hasError) => {
   const modifiedChildCount = modified ? 1 : 0;
   const errorChildCount = hasError ? 1 : 0;
@@ -3605,7 +3646,7 @@ const getChildCount = (modified, hasError) => {
 };
 const getInputClassName = hasError => {
   if (hasError) {
-    return mergeClassNames(InputBox, InputBoxError);
+    return errorInputClassName$2;
   }
   return InputBox;
 };
@@ -3652,6 +3693,7 @@ const getOptionDom = option => {
   }, text(label)];
 };
 
+const errorSelectClassName = mergeClassNames(Select, InputBoxError);
 const getItemSelectVirtualDom = item => {
   const {
     description,
@@ -3662,7 +3704,7 @@ const getItemSelectVirtualDom = item => {
     options
   } = item;
   const domId = getInputId(id);
-  const selectClassName = hasError ? mergeClassNames(Select, InputBoxError) : Select;
+  const selectClassName = hasError ? errorSelectClassName : Select;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -3680,6 +3722,7 @@ const getItemSelectVirtualDom = item => {
   }, ...(options?.flatMap(getOptionDom) || []), ...getErrorMessageDom(errorMessage)];
 };
 
+const errorInputClassName$1 = mergeClassNames(InputBox, InputBoxError);
 const getItemStringVirtualDom = item => {
   const {
     description,
@@ -3689,7 +3732,7 @@ const getItemStringVirtualDom = item => {
     id
   } = item;
   const domId = getInputId(id);
-  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
+  const inputClassName = hasError ? errorInputClassName$1 : InputBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -3719,6 +3762,7 @@ const getItemUnknownVirtualDom = item => {
   }, text(unknownSettingType())];
 };
 
+const errorInputClassName = mergeClassNames(InputBox, InputBoxError);
 const getItemUrlVirtualDom = item => {
   const {
     description,
@@ -3729,7 +3773,7 @@ const getItemUrlVirtualDom = item => {
     modified
   } = item;
   const domId = getInputId(id);
-  const inputClassName = hasError ? mergeClassNames(InputBox, InputBoxError) : InputBox;
+  const inputClassName = hasError ? errorInputClassName : InputBox;
   const errorChildCount = hasError ? 1 : 0;
   return [{
     childCount: 3 + errorChildCount,
@@ -3814,14 +3858,15 @@ const settingsItemWrapperNode = {
   className: SettingsItemWrapper,
   type: Div
 };
-const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar) => {
+const getSettingsContentDom = (visibleItems, tabs, searchValue, showScrollBar, schemaErrors = []) => {
   const selectedTab = tabs.find(tab => tab.selected);
   const headerText = selectedTab ? selectedTab.label : settingsContent();
-  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...getSettingsItemsDom(visibleItems, searchValue), ...getScrollBarDom(showScrollBar)];
+  return [settingsContentNode, ...getContentHeadingDom(headerText), settingsItemWrapperNode, ...(selectedTab?.id === SchemaErrorsTab ? getSchemaErrorsDom(schemaErrors) : getSettingsItemsDom(visibleItems, searchValue)), ...getScrollBarDom(showScrollBar)];
 };
 
+const selectedTabClassName = mergeClassNames(Tab, TabSelected);
 const getTabClassName = tab => {
-  return tab.selected ? mergeClassNames(Tab, TabSelected) : Tab;
+  return tab.selected ? selectedTabClassName : Tab;
 };
 
 const getTabVirtualDom = tab => {
@@ -3841,7 +3886,6 @@ const getSettingsTabsDom = tabs => {
   return [{
     childCount: tabs.length,
     className: SettingsTabs,
-    onClick: HandleClickTab,
     role: TabList,
     type: Ul
   }, ...tabs.flatMap(getTabVirtualDom)];
@@ -3850,6 +3894,7 @@ const getSettingsTabsDom = tabs => {
 const settingsSideBarNode = {
   childCount: 1,
   className: SettingsSideBar,
+  onClick: HandleClickTab,
   type: Aside
 };
 const getSettingsSideBarDom = tabs => {
@@ -3861,10 +3906,10 @@ const settingsMainNode = {
   className: SettingsMain,
   type: Div
 };
-const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight) => {
+const getSettingsMainDom = (tabs, visibleItems, totalItemCount, searchValue, height, itemHeight, schemaErrors = []) => {
   const totalHeight = totalItemCount * itemHeight;
   const showScrollBar = totalHeight > height;
-  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar)];
+  return [settingsMainNode, ...getSettingsSideBarDom(tabs), ...getResizerVirtualDom(), ...getSettingsContentDom(visibleItems, tabs, searchValue, showScrollBar, schemaErrors)];
 };
 
 const parentNode = {
@@ -3872,18 +3917,28 @@ const parentNode = {
   className: mergeClassNames(Viewlet, Settings),
   type: Div
 };
+const getFilteredItemsCount = (isSchemaErrorsTab, schemaErrorsLength, filteredItemsLength) => {
+  if (isSchemaErrorsTab) {
+    return schemaErrorsLength;
+  }
+  return filteredItemsLength;
+};
 const getSettingsDom = state => {
   const {
     filteredItems,
     height,
     itemHeight,
+    schemaErrors = [],
     searchValue,
     tabs,
     visibleItems
   } = state;
+  const isSchemaErrorsTab = tabs.some(tab => tab.selected && tab.id === SchemaErrorsTab);
   const hasSearchValue = searchValue.trim().length > 0;
-  const filteredItemsCount = filteredItems.length;
-  return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight)];
+  const filteredSchemaErrors = getFilteredSchemaErrors(schemaErrors, searchValue);
+  const filteredItemsCount = getFilteredItemsCount(isSchemaErrorsTab, filteredSchemaErrors.length, filteredItems.length);
+  const mainDom = getSettingsMainDom(tabs, visibleItems, filteredItemsCount, searchValue, height, itemHeight, filteredSchemaErrors);
+  return [parentNode, ...getSettingsHeaderDom(filteredItemsCount, hasSearchValue), ...mainDom];
 };
 
 const renderItems = (oldState, newState) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/settings-view",
-  "version": "2.27.1",
+  "version": "2.27.3",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",