@lvce-editor/panel-worker 1.3.0 → 1.5.0

package/dist/panelWorkerMain.js

@@ -1091,7 +1091,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
 };
 
 const isEqual = (oldState, newState) => {
-  return oldState.assetDir === newState.assetDir;
+  return oldState.assetDir === newState.assetDir && oldState.initial === newState.initial && oldState.currentViewletId === newState.currentViewletId && oldState.selectedIndex === newState.selectedIndex && oldState.views === newState.views;
 };
 
 const RenderItems = 4;
@@ -1120,8 +1120,28 @@ const diff2 = uid => {
   return result;
 };
 
-const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) => {
-  await invoke('Layout.createViewlet', viewletModuleId, editorUid, tabId, bounds, uri);
+const handleClickClose = async state => {
+  await invoke('Layout.hidePanel');
+  return state;
+};
+
+const handleClickMaximize = async state => {
+  return state;
+};
+
+const handleBlur = async state => {
+  return state;
+};
+
+const handleFilterInput = async (state, value) => {
+  object(state);
+  string(value);
+  const {
+    currentViewletId
+  } = state;
+  const fullCommand = `${currentViewletId}.handleFilterInput`;
+  await invoke(fullCommand, value);
+  return state;
 };
 
 const DebugConsole = 'Debug Console';
@@ -1140,33 +1160,10 @@ const getSavedViewletId = savedState => {
   }
   return Problems;
 };
-const loadContent = (state, savedState) => {
-  const savedViewletId = getSavedViewletId(savedState);
-  const views = getPanelViews();
-  const loaded = {
-    ...state,
-    currentViewletId: savedViewletId,
-    views
-  };
-  return openViewlet(loaded, savedViewletId);
-};
-const setBadgeCount = (state, id, count) => {
-  const {
-    badgeCounts
-  } = state;
-  return {
-    ...state,
-    badgeCounts: {
-      ...badgeCounts,
-      [id]: count
-    }
-  };
-};
 
-// export const contentLoaded = (state) => {
-//   const commands = []
-//   return commands
-// }
+const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) => {
+  await invoke('Layout.createViewlet', viewletModuleId, editorUid, tabId, bounds, uri);
+};
 
 const getContentDimensions = dimensions => {
   return {
@@ -1177,39 +1174,32 @@ const getContentDimensions = dimensions => {
   };
 };
 
-// TODO
-// export const getChildren = (state) => {
-//   const { currentViewletId } = state
-//   return [
-//     {
-//       id: currentViewletId,
-//       ...getContentDimensions(state),
-//     },
-//   ]
-// }
-
 const openViewlet = async (state, id, focus = false) => {
   const childDimensions = getContentDimensions(state);
   const childUid = Math.random();
   const tabId = 1234;
-  // TODO get the actions uid somehow
   const actionsUid = Math.random();
   await createViewlet(id, childUid, tabId, childDimensions, '');
   return {
     ...state,
     actionsUid,
     childUid,
-    currentViewletId: id
+    currentViewletId: id,
+    initial: false
   };
 };
-const handleClickClose = async state => {
-  await invoke('Layout.hidePanel');
-  return state;
-};
-const handleClickMaximize = async state => {
-  // TODO
-  return state;
+
+const loadContent = (state, savedState) => {
+  const savedViewletId = getSavedViewletId(savedState);
+  const views = getPanelViews();
+  const loaded = {
+    ...state,
+    currentViewletId: savedViewletId,
+    views
+  };
+  return openViewlet(loaded, savedViewletId);
 };
+
 const selectIndex = async (state, index) => {
   await openViewlet(state, state.views[index]);
   return {
@@ -1217,30 +1207,34 @@ const selectIndex = async (state, index) => {
     selectedIndex: index
   };
 };
+
 const selectRaw = async (state, rawIndex) => {
   return selectIndex(state, Number.parseInt(rawIndex, 10));
 };
+
+const setBadgeCount = (state, id, count) => {
+  const {
+    badgeCounts
+  } = state;
+  return {
+    ...state,
+    badgeCounts: {
+      ...badgeCounts,
+      [id]: count
+    }
+  };
+};
+
 const toggleView = async (state, name) => {
   const index = state.views.indexOf(name);
   if (index === -1) {
     return state;
   }
   if (name === state.currentViewletId) {
-    // await Command.execute('Layout.hidePanel') // TODO
     return state;
   }
   return selectIndex(state, index);
 };
-const handleFilterInput = async (state, value) => {
-  object(state);
-  string(value);
-  const {
-    currentViewletId
-  } = state;
-  const fullCommand = `${currentViewletId}.handleFilterInput`;
-  await invoke(fullCommand, value);
-  return state;
-};
 
 const text = data => {
   return {
@@ -1538,12 +1532,25 @@ const diffTree = (oldNodes, newNodes) => {
   return removeTrailingNavigationPatches(patches);
 };
 
+const Badge = 'Badge';
+const PanelTab = 'PanelTab';
+const PanelTabSelected = 'PanelTabSelected';
+const Panel = 'Panel';
+const PanelHeader = 'PanelHeader';
+const PanelTabs = 'PanelTabs';
+const PanelToolBar = 'PanelToolBar';
+const IconButton = 'IconButton';
+const MaskIcon = 'MaskIcon';
+const MaskIconChevronUp = 'MaskIconChevronUp';
+const MaskIconClose = 'MaskIconClose';
+const Actions = 'Actions';
+
 const getActionsDom = newState => {
   const actions = newState.actionsUid || -1;
   if (actions === -1) {
     return [{
       childCount: 0,
-      className: 'Actions',
+      className: Actions,
       role: 'toolbar',
       type: Div
     }];
@@ -1558,41 +1565,59 @@ const HandleClickClose = 'handleClickClose';
 const HandleClickMaximize = 'handleClickMaximize';
 const HandleClickSelectTab = 'HandleClickSelectTab';
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const Maximize = 'Maximize';
+const Close = 'Close';
+
+const maximize = () => {
+  return i18nString(Maximize);
+};
+const close = () => {
+  return i18nString(Close);
+};
+
 const getGlobalActionsDom = () => {
   return [{
     childCount: 2,
-    className: 'PanelToolBar',
+    className: PanelToolBar,
     role: 'toolbar',
     type: Div
   }, {
-    ariaLabel: 'Maximize',
+    ariaLabel: maximize(),
     childCount: 1,
-    className: 'IconButton',
+    className: IconButton,
     onClick: HandleClickMaximize,
-    titleM: 'Maximize',
+    title: maximize(),
     type: Button
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconChevronUp',
+    className: `${MaskIcon} ${MaskIconChevronUp}`,
     type: Div
   }, {
-    ariaLabel: 'Close',
+    ariaLabel: close(),
     childCount: 1,
-    className: 'IconButton',
+    className: IconButton,
     onClick: HandleClickClose,
-    titleM: 'Close',
+    title: close(),
     type: Button
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconClose',
+    className: `${MaskIcon} ${MaskIconClose}`,
     type: Div
   }];
 };
 
-const Badge = 'Badge';
-const PanelTab = 'PanelTab';
-const PanelTabSelected = 'PanelTabSelected';
-
 const createPanelTab = (tab, badgeCount, isSelected, index) => {
   const label = tab;
   let className = PanelTab;
@@ -1637,15 +1662,15 @@ const getPanelDom = newState => {
   const tabsDom = getPanelTabsVirtualDom(newState.views, newState.selectedIndex, newState.badgeCounts);
   return [{
     childCount: 2,
-    className: 'Panel',
+    className: Panel,
     type: Div
   }, {
     childCount: 3,
-    className: 'PanelHeader',
+    className: PanelHeader,
     type: Div
   }, {
     childCount: newState.views.length,
-    className: 'PanelTabs',
+    className: PanelTabs,
     type: Div
   }, ...tabsDom, ...getActionsDom(newState), ...getGlobalActionsDom(), {
     type: Reference,
@@ -1753,6 +1778,7 @@ const commandMap = {
   'Panel.create': create,
   'Panel.diff2': diff2,
   'Panel.getCommandIds': getCommandIds,
+  'Panel.handleBlur': wrapCommand(handleBlur),
   'Panel.handleClickClose': wrapCommand(handleClickClose),
   'Panel.handleClickMaximize': wrapCommand(handleClickMaximize),
   'Panel.handleFilterInput': wrapCommand(handleFilterInput),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/panel-worker",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Panel Worker",
   "repository": {
     "type": "git",