@lvce-editor/static-server 0.48.1 → 0.48.2

package/static/{b61a0dd → 61a783e}/packages/file-search-worker/dist/fileSearchWorkerMain.js

@@ -1321,7 +1321,7 @@ const SearchFileMemfs = {
   searchFile: searchFile$5
 };
 
-const assetDir = '/b61a0dd';
+const assetDir = '/61a783e';
 
 const fileMapUrl = `${assetDir}/config/fileMap.json`;
 
@@ -3751,63 +3751,35 @@ const isEqual$4 = (oldState, newState) => {
   return oldState.focused === newState.focused;
 };
 
-const DiffFocus = {
-  __proto__: null,
-  diffType: diffType$4,
-  isEqual: isEqual$4
-};
-
 const diffType$3 = RenderFocusedIndex;
 const isEqual$3 = (oldState, newState) => {
   return oldState.focusedIndex === newState.focusedIndex;
 };
 
-const DiffFocusedIndex = {
-  __proto__: null,
-  diffType: diffType$3,
-  isEqual: isEqual$3
-};
-
 const diffType$2 = Height;
 const isEqual$2 = (oldState, newState) => {
   return oldState.items.length === newState.items.length;
 };
 
-const DiffHeight = {
-  __proto__: null,
-  diffType: diffType$2,
-  isEqual: isEqual$2
-};
-
 const diffType$1 = RenderItems;
 const isEqual$1 = (oldState, newState) => {
   return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.focusedIndex === newState.focusedIndex;
 };
 
-const DiffItems = {
-  __proto__: null,
-  diffType: diffType$1,
-  isEqual: isEqual$1
-};
-
 const diffType = RenderValue;
 const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.value === newState.value;
 };
 
-const DiffValue = {
-  __proto__: null,
-  diffType,
-  isEqual
-};
-
-const modules = [DiffHeight, DiffItems, DiffFocus, DiffFocus, DiffValue, DiffFocusedIndex];
+const modules = [isEqual$2, isEqual$1, isEqual$4, isEqual, isEqual$3];
+const numbers = [diffType$2, diffType$1, diffType$4, diffType, diffType$3];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
-  for (const module of modules) {
-    if (!module.isEqual(oldState, newState)) {
-      diffResult.push(module.diffType);
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
     }
   }
   return diffResult;

package/static/{b61a0dd → 61a783e}/packages/iframe-inspector/dist/iframeInspectorWorkerMain.js

@@ -719,7 +719,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$1 = (ipc, method, ...params) => {
@@ -752,7 +752,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$1(ipc, method, ...params);
@@ -840,17 +840,47 @@ const create = (uid, x, y, width, height) => {
     resizeStartHeight: 0,
     expandedPaths: [],
     selectedContentItemHeight: 20,
-    columnWidths: ['auto', '50px']
+    columnWidths: ['auto', '50px'],
+    isFocused: false,
+    filterText: '',
+    filterHeight: 50
   };
   set$1(uid, state, state);
 };
 
-const commandIds = ['handleClick', 'handleArrowDown', 'handleArrowUp', 'handleHome', 'handleEnd', 'handleResizerMouseDown', 'handleResizerMouseMove', 'handleResizerMouseUp', 'selectIndex', 'handleSelectedContentClick'];
+const commandIds = ['handleArrowDown', 'handleArrowUp', 'handleBlur', 'handleClick', 'handleEnd', 'handleFilterInput', 'handleFocus', 'handleHome', 'handleResizerMouseDown', 'handleResizerMouseMove', 'handleResizerMouseUp', 'handleSelectedContentClick', 'selectIndex', 'terminate'];
 
 const getCommandIds = () => {
   return commandIds;
 };
 
+const End = 255;
+const Home = 12;
+const UpArrow = 14;
+const DownArrow = 16;
+
+const FocusIframeInspector = 102;
+
+const getKeyBindings = () => {
+  return [{
+    key: DownArrow,
+    command: 'IframeInspector.handleArrowDown',
+    when: FocusIframeInspector
+  }, {
+    key: UpArrow,
+    command: 'IframeInspector.handleArrowUp',
+    when: FocusIframeInspector
+  }, {
+    key: Home,
+    command: 'IframeInspector.handleHome',
+    when: FocusIframeInspector
+  }, {
+    key: End,
+    command: 'IframeInspector.handleEnd',
+    when: FocusIframeInspector
+  }];
+};
+
 const state = {
   messages: []
 };
@@ -867,7 +897,8 @@ const selectIndex = (uid, index) => {
   } = get$1(uid);
   const updatedState = {
     ...newState,
-    selectedIndex: index
+    selectedIndex: index,
+    isFocused: true
   };
   set$1(uid, newState, updatedState);
 };
@@ -889,8 +920,14 @@ const handleArrowUp = uid => {
   selectIndex(uid, nextIndex);
 };
 
-const getIndex = (headerHeight, y, eventY, itemHeight) => {
-  const actualY = eventY - headerHeight - y;
+const handleBlur = () => {
+  // TODO: Implement blur handling
+  return;
+};
+
+const getIndex = (headerHeight, y, eventY, itemHeight, filterHeight) => {
+  const top = headerHeight + filterHeight + y;
+  const actualY = eventY - top;
   const index = Math.floor(actualY / itemHeight);
   return index;
 };
@@ -902,9 +939,10 @@ const handleClick = (uid, eventX, eventY) => {
   const {
     headerHeight,
     y,
-    itemHeight
+    itemHeight,
+    filterHeight
   } = newState;
-  const index = getIndex(headerHeight, y, eventY, itemHeight);
+  const index = getIndex(headerHeight, y, eventY, itemHeight, filterHeight);
   selectIndex(uid, index);
 };
 
@@ -913,6 +951,54 @@ const handleEnd = uid => {
   selectIndex(uid, Math.max(0, messages.length - 1));
 };
 
+const handleFilterInput = (uid, filterText) => {
+  const {
+    newState
+  } = get$1(uid);
+  const updatedState = {
+    ...newState,
+    filterText
+  };
+  set$1(uid, newState, updatedState);
+};
+
+const RendererWorker = 1;
+
+const rpcs = Object.create(null);
+const set = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get = id => {
+  return rpcs[id];
+};
+
+const invoke = (method, ...params) => {
+  const rpc = get(RendererWorker);
+  // @ts-ignore
+  return rpc.invoke(method, ...params);
+};
+const invokeAndTransfer = (method, ...params) => {
+  const rpc = get(RendererWorker);
+  // @ts-ignore
+  return rpc.invokeAndTransfer(method, ...params);
+};
+
+const handleFocus = async uid => {
+  const {
+    newState
+  } = get$1(uid);
+  // TODO make focus handling more functional
+  await invoke('Focus.setFocus', FocusIframeInspector);
+  if (newState.isFocused) {
+    return;
+  }
+  const updatedState = {
+    ...newState,
+    isFocused: true
+  };
+  set$1(uid, newState, updatedState);
+};
+
 const handleHome = uid => {
   selectIndex(uid, 0);
 };
@@ -1051,22 +1137,6 @@ const handleMessage = data => {
   // TODO if view is visible, rerender
 };
 
-const RendererWorker = 1;
-
-const rpcs = Object.create(null);
-const set = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
-};
-
-const invokeAndTransfer = (method, ...params) => {
-  const rpc = get(RendererWorker);
-  // @ts-ignore
-  return rpc.invokeAndTransfer(method, ...params);
-};
-
 const register = async handleMessage => {
   const id = 1;
   const {
@@ -1100,7 +1170,12 @@ const loadContent = async uid => {
 };
 
 const RenderItems = 2;
-const RenderHeights = 3;
+const RenderHeights = 5;
+const RenderFocus = 4;
+
+const renderFocus = (oldState, newState) => {
+  return ['Viewlet.focusSelector', '.IframeInspectorGrid'];
+};
 
 const renderHeights = (oldState, newState) => {
   return ['Viewlet.setMessagesHeight', newState.messagesHeight];
@@ -1362,20 +1437,37 @@ const createMessageViewModel = (message, maxLength, index, selectedIndex) => {
   };
 };
 
-const createMessageViewModels = (messages, selectedIndex, maxLength) => {
+const createMessageViewModels = (messages, selectedIndex, maxLength, filterText) => {
   const viewModels = [];
   for (let i = 0; i < messages.length; i++) {
-    viewModels.push(createMessageViewModel(messages[i], maxLength, i, selectedIndex));
+    const message = messages[i];
+    viewModels.push(createMessageViewModel(message, maxLength, i, selectedIndex));
   }
   return viewModels;
 };
 
+function matchesFilterText(message, filterText) {
+  if (!filterText) {
+    return true;
+  }
+  const searchText = JSON.stringify(message).toLowerCase();
+  return searchText.includes(filterText.toLowerCase());
+}
+
+const getFilteredMessages = (messages, filterText) => {
+  if (!filterText) {
+    return messages;
+  }
+  return messages.filter(message => matchesFilterText(message, filterText));
+};
+
 const IFrameInspector = 'IframeInspector';
 const IframeInspectorResizer = 'IframeInspectorResizer';
 const IframeInspectorSelectedContent = 'IframeInspectorSelectedContent';
 const IframeInspectorSelectedContentItem = 'IframeInspectorSelectedContentItem';
 const IframeInspectorSelectedContentKey = 'IframeInspectorSelectedContentKey';
 const IframeInspectorSelectedContentList = 'IframeInspectorSelectedContentList';
+const SearchField = 'SearchField';
 const IframeInspectorSelectedContentValue = 'IframeInspectorSelectedContentValue';
 const IframeInspectorExpandIcon = 'IframeInspectorExpandIcon';
 const Table$1 = 'Table';
@@ -1388,10 +1480,47 @@ const TableRowOdd = 'TableRowOdd';
 const TableRowSelected = 'TableRowSelected';
 const TableWrapper = 'TableWrapper';
 const Viewlet = 'Viewlet';
+const FilterSection = 'FilterSection';
+const FilterInput = 'FilterInput';
+
+const HandleFilterInput = 'handleFilterInput';
+const HandleClick = 'handleClick';
+const HandleResizerMouseDown = 'handleResizerMouseDown';
+const HandleResizerMouseMove = 'handleResizerMouseMove';
+const HandleResizerMouseUp = 'handleResizerMouseUp';
+const HandleSelectedContentClick = 'handleSelectedContentClick';
+const HandleFocus = 'handleFocus';
+const HandleBlur = 'handleBlur';
+
+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 NoMessageSelected = 'No message selected';
+const NoMessagesFound = 'No messages found';
+const FilterMessages = 'Filter messages...';
+
+const noMessagesAvailable = () => {
+  return i18nString(NoMessagesFound);
+};
+const filterMessages = () => {
+  return i18nString(FilterMessages);
+};
+
+const IframeInspectorFilterInput = 'IframeInspectorFilterInput';
 
 const Col = 2;
 const ColGroup = 3;
 const Div = 4;
+const Input = 6;
 const Span = 8;
 const Table = 9;
 const TBody = 10;
@@ -1402,15 +1531,35 @@ const THead = 14;
 const Tr = 15;
 const Li = 48;
 const Ol = 49;
+const Code = 65;
+
+const getFilterVirtualDom = () => {
+  const placeholder = filterMessages();
+  return [{
+    type: Div,
+    className: FilterSection,
+    childCount: 1
+  }, {
+    type: Div,
+    className: SearchField,
+    childCount: 1
+  }, {
+    type: Input,
+    className: FilterInput,
+    placeholder,
+    onInput: HandleFilterInput,
+    name: IframeInspectorFilterInput
+  }];
+};
 
 const getResizerVirtualDom = () => {
   return [{
     type: Div,
     className: IframeInspectorResizer,
     childCount: 0,
-    onPointerDown: 'handleResizerMouseDown',
-    onPointerMove: 'handleResizerMouseMove',
-    onPointerUp: 'handleResizerMouseUp'
+    onPointerDown: HandleResizerMouseDown,
+    onPointerMove: HandleResizerMouseMove,
+    onPointerUp: HandleResizerMouseUp
   }];
 };
 
@@ -1448,8 +1597,6 @@ const getKeyValuePairVirtualDom = pair => {
   return nodes;
 };
 
-const NoMessageSelected = 'No message selected';
-
 const getSelectedContentVirtualDom = (viewModel, selectedIndex) => {
   if (selectedIndex === -1) {
     return [{
@@ -1466,19 +1613,33 @@ const getSelectedContentVirtualDom = (viewModel, selectedIndex) => {
     type: Ol,
     className: IframeInspectorSelectedContentList,
     childCount: viewModel.pairs.length,
-    onPointerDown: 'handleSelectedContentClick'
+    onPointerDown: HandleSelectedContentClick
   }, ...viewModel.pairs.flatMap(getKeyValuePairVirtualDom)];
 };
 
-const getColGroupVirtualDom = columnWidths => {
+const getNoMessagesFoundVirtualDom = () => {
+  const noMessagesFound = noMessagesAvailable();
   return [{
-    type: ColGroup,
-    childCount: columnWidths.length
-  }, ...columnWidths.map(width => ({
+    type: Div,
+    className: 'IframeInspectorNoMessagesFound',
+    childCount: 1
+  }, text(noMessagesFound)];
+};
+
+const getColVirtualDom = width => {
+  return {
     type: Col,
+    className: 'Col',
     width,
     childCount: 0
-  }))];
+  };
+};
+const getColGroupVirtualDom = columnWidths => {
+  return [{
+    type: ColGroup,
+    className: 'ColGroup',
+    childCount: columnWidths.length
+  }, ...columnWidths.map(getColVirtualDom)];
 };
 
 const getHeaderVirtualDom = () => {
@@ -1552,6 +1713,10 @@ const getMessagePreviewVirtualDom = messageTokens => {
   return [{
     type: Td,
     className: TableCell,
+    childCount: 1
+  }, {
+    type: Code,
+    className: 'IframeInspectorCode',
     childCount: messageTokens.length
   }, ...getTokensVirtualDom(messageTokens)];
 };
@@ -1575,7 +1740,7 @@ const getMessagesVirtualDom = messages => {
     type: TBody,
     className: TableBody,
     childCount: messages.length,
-    onPointerDown: 'handleClick'
+    onPointerDown: HandleClick
   }, ...messages.flatMap(getMessageVirtualDom)];
 };
 
@@ -1587,27 +1752,41 @@ const getTableVirtualDom = (messages, columnWidths) => {
   }, ...getColGroupVirtualDom(columnWidths), ...getHeaderVirtualDom(), ...getMessagesVirtualDom(messages)];
 };
 
+const Application = 'application';
+
 const parentNode = {
   type: Div,
   className: TableWrapper,
   childCount: 1
 };
 const getTableWrapperVirtualDom = (messages, columnWidths) => {
-  return [parentNode, ...getTableVirtualDom(messages, columnWidths)];
+  if (messages.length === 0) {
+    return getNoMessagesFoundVirtualDom();
+  }
+  return [parentNode, {
+    type: Div,
+    className: 'IframeInspectorGrid',
+    role: Application,
+    tabIndex: 0,
+    childCount: 1,
+    onFocusIn: HandleFocus,
+    onBlur: HandleBlur
+  }, ...getTableVirtualDom(messages, columnWidths)];
 };
 
 const getIframeInspectorVirtualDom = (messages, selectedModel, selectedIndex, columnWidths) => {
   return [{
     type: Div,
     className: mergeClassNames(Viewlet, IFrameInspector),
-    childCount: 3
-  }, ...getTableWrapperVirtualDom(messages, columnWidths), ...getResizerVirtualDom(), ...getSelectedContentVirtualDom(selectedModel, selectedIndex)];
+    childCount: 4
+  }, ...getFilterVirtualDom(), ...getTableWrapperVirtualDom(messages, columnWidths), ...getResizerVirtualDom(), ...getSelectedContentVirtualDom(selectedModel, selectedIndex)];
 };
 
 const renderMessage = (oldState, newState) => {
   const messages = getMessages();
   const maxLength = 100;
-  const viewModels = createMessageViewModels(messages, newState.selectedIndex, maxLength);
+  const filteredMessages = getFilteredMessages(messages, newState.filterText);
+  const viewModels = createMessageViewModels(filteredMessages, newState.selectedIndex, maxLength);
   const selectedModel = createSelectedMessageViewModel(messages, newState.selectedIndex, newState.expandedPaths);
   const dom = getIframeInspectorVirtualDom(viewModels, selectedModel, newState.selectedIndex, newState.columnWidths);
   return ['Viewlet.setDom2', dom];
@@ -1619,6 +1798,8 @@ const getRenderer = diffType => {
       return renderMessage;
     case RenderHeights:
       return renderHeights;
+    case RenderFocus:
+      return renderFocus;
     default:
       throw new Error('unknown renderer');
   }
@@ -1633,6 +1814,11 @@ const applyRender = (oldState, newState, diffResult) => {
   return commands;
 };
 
+const diffType$2 = RenderFocus;
+const isEqual$2 = (oldState, newState) => {
+  return oldState.isFocused === newState.isFocused;
+};
+
 const diffType$1 = RenderHeights;
 const isEqual$1 = (oldState, newState) => {
   return oldState.messagesHeight === newState.messagesHeight;
@@ -1640,11 +1826,11 @@ const isEqual$1 = (oldState, newState) => {
 
 const diffType = RenderItems;
 const isEqual = (oldState, newState) => {
-  return oldState.messageVersion === newState.messageVersion && oldState.selectedIndex === newState.selectedIndex && oldState.expandedPaths === newState.expandedPaths;
+  return oldState.messageVersion === newState.messageVersion && oldState.selectedIndex === newState.selectedIndex && oldState.expandedPaths === newState.expandedPaths && oldState.filterText === newState.filterText;
 };
 
-const modules = [isEqual, isEqual$1];
-const numbers = [diffType, diffType$1];
+const modules = [isEqual, isEqual$1, isEqual$2];
+const numbers = [diffType, diffType$1, diffType$2];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -1664,49 +1850,92 @@ const doRender = uid => {
   } = get$1(uid);
   const diffResult = diff(oldState, newState);
   const commands = applyRender(oldState, newState, diffResult);
+  set$1(uid, newState, newState);
   return commands;
 };
 
 const renderEventListeners = () => {
   return [{
-    name: 'handleClick',
+    name: HandleClick,
     params: ['handleClick', 'event.clientX', 'event.clientY'],
     preventDefault: true
   }, {
-    name: 'handleResizerMouseDown',
+    name: HandleResizerMouseDown,
     params: ['handleResizerMouseDown', 'event.clientY'],
     preventDefault: true
   }, {
-    name: 'handleResizerMouseMove',
+    name: HandleResizerMouseMove,
     params: ['handleResizerMouseMove', 'event.clientY'],
     preventDefault: true
   }, {
-    name: 'handleResizerMouseUp',
+    name: HandleResizerMouseUp,
     params: ['handleResizerMouseUp'],
     preventDefault: true
   }, {
-    name: 'handleSelectedContentClick',
+    name: HandleSelectedContentClick,
     params: ['handleSelectedContentClick', 'event.clientX', 'event.clientY'],
     preventDefault: true
+  }, {
+    name: HandleFocus,
+    params: ['handleFocus']
+  }, {
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleFilterInput,
+    params: ['handleFilterInput', 'event.target.value']
   }];
 };
 
+const getFilterText = state => {
+  if (state && typeof state === 'object' && 'filterText' in state && typeof state['filterText'] === 'string') {
+    return state.filterText;
+  }
+  return '';
+};
+const restoreState = state => {
+  const filterText = getFilterText(state);
+  return {
+    filterText
+  };
+};
+
+const saveState = uid => {
+  const {
+    newState
+  } = get$1(uid);
+  return {
+    filterText: newState.filterText
+  };
+};
+
+const terminate = () => {
+  globalThis.close();
+};
+
 const commandMap = {
-  'IframeInspector.getCommandIds': getCommandIds,
   'IframeInspector.create': create,
-  'IframeInspector.loadContent': loadContent,
-  'IframeInspector.handleClick': handleClick,
+  'IframeInspector.getCommandIds': getCommandIds,
+  'IframeInspector.getKeyBindings': getKeyBindings,
   'IframeInspector.handleArrowDown': handleArrowDown,
   'IframeInspector.handleArrowUp': handleArrowUp,
-  'IframeInspector.handleHome': handleHome,
+  'IframeInspector.handleBlur': handleBlur,
+  'IframeInspector.handleClick': handleClick,
   'IframeInspector.handleEnd': handleEnd,
-  'IframeInspector.renderEventListeners': renderEventListeners,
-  'IframeInspector.render': doRender,
-  'IframeInspector.selectIndex': selectIndex,
+  'IframeInspector.handleFilterInput': handleFilterInput,
+  'IframeInspector.handleFocus': handleFocus,
+  'IframeInspector.handleHome': handleHome,
   'IframeInspector.handleResizerMouseDown': handleResizerMouseDown,
   'IframeInspector.handleResizerMouseMove': handleResizerMouseMove,
+  'IframeInspector.handleResizerMouseUp': handleResizerMouseUp,
   'IframeInspector.handleSelectedContentClick': handleSelectedContentClick,
-  'IframeInspector.handleResizerMouseUp': handleResizerMouseUp
+  'IframeInspector.loadContent': loadContent,
+  'IframeInspector.render': doRender,
+  'IframeInspector.renderEventListeners': renderEventListeners,
+  'IframeInspector.restoreState': restoreState,
+  'IframeInspector.saveState': saveState,
+  'IframeInspector.selectIndex': selectIndex,
+  'IframeInspector.terminate': terminate
 };
 
 const listen = async () => {

package/static/{b61a0dd → 61a783e}/packages/renderer-process/dist/rendererProcessMain.js

@@ -399,7 +399,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/b61a0dd';
+const assetDir = '/61a783e';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {