@lvce-editor/server 0.0.2

package/static/1914fad/packages/renderer-process/dist/ViewletExtensions.js

@@ -0,0 +1,466 @@
+import { o as object, n as number, b as string, c as array, s as send, g as getStateFromEvent, f as findIndex, d as setFocus } from './rendererProcessMain.js';
+import { c as create$1 } from './InputBox.js';
+
+const name = 'Extensions';
+
+// TODO vscode uninstall behaviour is better -> more subtle uninstall -> no cta for uninstalling
+
+const DEFAULT_ICON_SRC = '/icons/extensionDefaultIcon.png';
+const DEFAULT_ICON_LANGUAGE_BASICS = '/icons/language-icon.svg';
+const DEFAULT_ICON_THEME = '/icons/theme-icon.png';
+
+const create$ExtensionSuggestions = () => {
+  const $ExtensionSuggestions = document.createElement('div');
+  $ExtensionSuggestions.className = 'ExtensionSuggestions';
+  return $ExtensionSuggestions
+};
+
+const getIconSrc = (extension) => {
+  if (extension.icon) {
+    return extension.icon
+  }
+  if (extension.name && extension.name.startsWith('Language Basics')) {
+    return DEFAULT_ICON_LANGUAGE_BASICS
+  }
+  if (extension.name && extension.name.endsWith(' Theme')) {
+    return DEFAULT_ICON_THEME
+  }
+  return DEFAULT_ICON_SRC
+};
+
+const handleIconError = (event) => {
+  const $Target = event.target;
+  if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {
+    return
+  }
+  $Target.src = DEFAULT_ICON_SRC;
+};
+
+const handleWheel = (event) => {
+  switch (event.deltaMode) {
+    case event.DOM_DELTA_LINE:
+      send([
+        /* ViewletExtensions.handleWheel */ 873,
+        /* deltaY */ event.deltaY,
+      ]);
+      break
+    case event.DOM_DELTA_PIXEL:
+      send([
+        /* ViewletExtensions.handleWheel */ 873,
+        /* deltaY */ event.deltaY,
+      ]);
+      break
+  }
+};
+
+const handleInput = (event) => {
+  // const state = ActiveViewlet.getStateFromEvent(event)
+  const $Target = event.target;
+  send([
+    /* ViewletExtensions.handleInput */ 863,
+    /* value */ $Target.value,
+  ]);
+  // TODO
+  // state.$Viewlet.ariaBusy = 'true'
+};
+
+const handleContextMenu = (event) => {
+  event.preventDefault();
+  const state = getStateFromEvent(event);
+  const $Target = event.target;
+  const index = findIndex(state.$Extensions, $Target);
+  if (index === -1) {
+    return
+  }
+  const extension = state.extensions[index];
+  send([
+    /* ViewletExplorer.handleContextMenu */ 864,
+    /* x */ event.clientX,
+    /* y */ event.clientY,
+    /* extensionId */ extension.id,
+  ]);
+};
+
+const getNodeIndex = ($Node) => {
+  let index = 0;
+  while (($Node = $Node.previousElementSibling)) {
+    index++;
+  }
+  return index
+};
+
+const handleClick = (event) => {
+  const $Target = event.target;
+  console.log($Target);
+  switch ($Target.className) {
+    case 'Extension': {
+      const index = getNodeIndex($Target);
+      send([
+        /* ViewletExplorer.handleClick */ 867,
+        /* index */ index,
+      ]);
+      break
+    }
+    case 'ExtensionName':
+    case 'ExtensionDescription':
+    case 'ExtensionFooter': {
+      const index = getNodeIndex($Target.parentNode.parentNode);
+      send([
+        /* ViewletExplorer.handleClick */ 867,
+        /* index */ index,
+      ]);
+      break
+    }
+    case 'ExtensionAuthorName': {
+      const index = getNodeIndex($Target.parentNode.parentNode.parentNode);
+      send([
+        /* ViewletExplorer.handleClick */ 867,
+        /* index */ index,
+      ]);
+      break
+    }
+  }
+};
+
+const handleFocus = (event) => {
+  const $Target = event.target;
+  $Target.classList.add('FocusOutline');
+  // TODO maybe have one focus listener inside Viewlet.js instead of each viewlet
+  setFocus('viewletExtensions');
+
+  // RendererWorker.send([/* ViewletExtensions.focusIndex */ 868, /* index */ -1])
+};
+
+const handleScrollBarMouseDown = (event) => {
+  const $Target = event.target;
+  if ($Target.className === 'ScrollBarThumb') {
+    window.addEventListener('mousemove', handleScrollBarThumbMouseMove);
+    window.addEventListener('mouseup', handleScrollBarThumbMouseUp);
+  } else {
+    const y = event.clientY;
+    console.log({ y });
+    send([
+      /* ViewletExtensions.handleScrollBarClick */ 878,
+      /* y */ y,
+    ]);
+  }
+};
+
+const handleScrollBarThumbMouseMove = (event) => {
+  const y = event.clientY;
+  send([
+    /* ViewletExtensions.handleScrollBarMouseMove */ 877,
+    /* y */ y,
+  ]);
+};
+
+const handleScrollBarThumbMouseUp = () => {
+  window.removeEventListener('mousemove', handleScrollBarThumbMouseMove);
+  window.removeEventListener('mouseup', handleScrollBarThumbMouseUp);
+};
+
+const create = () => {
+  const $InputBox = create$1();
+  $InputBox.type = 'search';
+  $InputBox.placeholder = 'Search Extensions in Marketplace';
+  $InputBox.oninput = handleInput;
+  const $ExtensionHeader = document.createElement('div');
+  $ExtensionHeader.className = 'ExtensionHeader';
+  $ExtensionHeader.append($InputBox);
+  // TODO handle error
+  const $ExtensionList = document.createElement('div');
+  $ExtensionList.className = 'ExtensionList';
+  $ExtensionList.tabIndex = 0;
+  $ExtensionList.ariaLabel = 'Extensions';
+  $ExtensionList.setAttribute('role', 'list');
+  $ExtensionList.oncontextmenu = handleContextMenu;
+  $ExtensionList.onclick = handleClick;
+  $ExtensionList.onfocus = handleFocus;
+
+  const $ScrollBarThumb = document.createElement('div');
+  $ScrollBarThumb.className = 'ScrollBarThumb';
+
+  const $ScrollBar = document.createElement('div');
+  $ScrollBar.className = 'ScrollBarSmall';
+  $ScrollBar.onmousedown = handleScrollBarMouseDown;
+  $ScrollBar.append($ScrollBarThumb);
+
+  const $ExtensionListWrapper = document.createElement('div');
+  $ExtensionListWrapper.className = 'ExtensionListWrapper';
+  $ExtensionListWrapper.append($ExtensionList, $ScrollBar);
+
+  const $Viewlet = document.createElement('div');
+  $Viewlet.dataset.viewletId = 'Extensions';
+  $Viewlet.className = 'Viewlet';
+  $Viewlet.ariaBusy = 'true';
+  $Viewlet.ariaLive = 'polite';
+  $Viewlet.append($ExtensionHeader, $ExtensionListWrapper);
+  $Viewlet.addEventListener('wheel', handleWheel, { passive: true });
+
+  return {
+    $Viewlet,
+    $ExtensionListWrapper,
+    $ExtensionList,
+    $InputBox,
+    $ExtensionSuggestions: undefined,
+    $ScrollBarThumb,
+  }
+};
+
+// TODO possibly use aria active descendant instead
+const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {
+  object(state);
+  number(oldFocusedIndex);
+  number(newFocusedIndex);
+  const { $ExtensionList } = state;
+  if (oldFocusedIndex !== -1) {
+    console.log($ExtensionList);
+    $ExtensionList.children[oldFocusedIndex].classList.remove('Focused');
+  }
+  if (newFocusedIndex === -1) {
+    $ExtensionList.removeAttribute('aria-activedescendant');
+    $ExtensionList.classList.add('FocusOutline');
+  } else {
+    $ExtensionList.setAttribute(
+      'aria-activedescendant',
+      $ExtensionList.children[newFocusedIndex].id
+    );
+    $ExtensionList.classList.remove('FocusOutline');
+    $ExtensionList.children[newFocusedIndex].classList.add('Focused');
+  }
+};
+
+const focus = (state) => {
+  object(state);
+  state.$InputBox.focus();
+};
+
+const setExtensionState = (state, id, extensionState) => {
+  // const index = state.extensions.findIndex((extension) => extension.id === id)
+  // if (index === -1) {
+  //   return
+  // }
+  // state.extensions[index].state = extensionState
+  // render(state)
+};
+
+const setError = (state, error) => {
+  object(state);
+  string(error);
+  const $Message = document.createElement('div');
+  $Message.className = 'ViewletExtensionMessage';
+  $Message.textContent = error;
+  while (state.$ExtensionList.firstChild) {
+    state.$ExtensionList.firstChild.remove();
+  }
+  state.$ExtensionList.append($Message);
+};
+
+const render$Extension = ($Extension, extension) => {
+  const $ExtensionDetailName = $Extension.children[1].children[0];
+  const $ExtensionDetailDescription = $Extension.children[1].children[1];
+  const $ExtensionAuthorName = $Extension.children[1].children[2].children[0];
+  const $EXtensionIcon = $Extension.children[0];
+
+  $Extension.ariaPosInSet = extension.posInSet;
+  $Extension.ariaSetSize = extension.setSize;
+  $Extension.id = `Extension-${extension.posInSet}`;
+  $Extension.dataset.state = extension.state;
+  $Extension.dataset.id = extension.id;
+  $Extension.style.top = `${extension.top}px`;
+
+  $ExtensionDetailName.firstChild.nodeValue =
+    extension.name || extension.id || 'n/a';
+
+  $ExtensionDetailDescription.firstChild.nodeValue =
+    extension.description || 'n/a';
+
+  $ExtensionAuthorName.firstChild.nodeValue =
+    extension.type === 'builtin' ? 'builtin' : extension.publisher || 'n/a';
+
+  $EXtensionIcon.src = getIconSrc(extension);
+};
+
+// TODO test that rendering and recycling text nodes works
+const create$Extension = () => {
+  const $ExtensionDetailName = document.createElement('div');
+  $ExtensionDetailName.className = 'ExtensionName';
+  $ExtensionDetailName.append(document.createTextNode(''));
+  const $ExtensionDetailDescription = document.createElement('div');
+  $ExtensionDetailDescription.className = 'ExtensionDescription';
+  $ExtensionDetailDescription.append(document.createTextNode(''));
+  const $ExtensionActions = document.createElement('div');
+  $ExtensionActions.className = 'ExtensionActions';
+  const $ExtensionActionInstall = document.createElement('div');
+  $ExtensionActionInstall.className = 'ExtensionActionInstall';
+  $ExtensionActionInstall.textContent = 'Install';
+  const $ExtensionActionManage = document.createElement('button');
+  $ExtensionActionManage.className = 'ExtensionActionManage';
+  $ExtensionActionManage.title = 'Manage';
+  $ExtensionActionManage.ariaHasPopup = 'menu'; // TODO also set this for global settings icon in activity bar
+  const $ExtensionAuthorName = document.createElement('div');
+  $ExtensionAuthorName.className = 'ExtensionAuthorName';
+  $ExtensionAuthorName.append(document.createTextNode(''));
+
+  const icon = document.createElement('img');
+  icon.className = 'ExtensionIcon';
+  icon.onerror = handleIconError;
+  const buttonManage = document.createElement('button');
+  buttonManage.className = 'ExtensionManage';
+  // switch (extension.state) {
+  //   case 'uninstalled':
+  //     $ExtensionActionManage.remove()
+  //     $ExtensionActions.append($ExtensionActionInstall)
+  //     break
+  //   case 'uninstalling':
+  //     buttonManage.textContent = 'uninstalling'
+  //     break
+  //   case 'installing':
+  //     buttonManage.textContent = 'installing'
+  //     break
+  //   case 'installed':
+  //     $ExtensionActions.append($ExtensionActionManage)
+  //     break
+  //   case 'disabled':
+  //     $ExtensionActions.append($ExtensionActionManage)
+  //     break
+  //   default:
+  //     break
+  // }
+  const $ExtensionFooter = document.createElement('div');
+  $ExtensionFooter.className = 'ExtensionFooter';
+  $ExtensionFooter.append($ExtensionAuthorName, $ExtensionActions);
+  const $ExtensionDetail = document.createElement('div');
+  $ExtensionDetail.className = 'ExtensionDetail';
+  $ExtensionDetail.append(
+    $ExtensionDetailName,
+    $ExtensionDetailDescription,
+    $ExtensionFooter
+  );
+  const $ExtensionListItem = document.createElement('article');
+  $ExtensionListItem.ariaRoleDescription = 'Extension'; // TODO use idl once supported and add test for this
+  $ExtensionListItem.className = 'ExtensionListItem';
+  $ExtensionListItem.setAttribute('role', 'listitem');
+
+  $ExtensionListItem.append(icon, $ExtensionDetail);
+  return $ExtensionListItem
+};
+
+const render$ExtensionsLess = ($ExtensionList, extensions) => {
+  for (let i = 0; i < $ExtensionList.children.length; i++) {
+    render$Extension($ExtensionList.children[i], extensions[i]);
+  }
+  const fragment = document.createDocumentFragment();
+  for (let i = $ExtensionList.children.length; i < extensions.length; i++) {
+    const $Extension = create$Extension();
+    render$Extension($Extension, extensions[i]);
+    fragment.append($Extension);
+  }
+  $ExtensionList.append(fragment);
+};
+
+const render$ExtensionsEqual = ($ExtensionList, extensions) => {
+  for (let i = 0; i < extensions.length; i++) {
+    render$Extension($ExtensionList.children[i], extensions[i]);
+  }
+};
+
+const render$ExtensionsMore = ($ExtensionList, extensions) => {
+  for (let i = 0; i < extensions.length; i++) {
+    render$Extension($ExtensionList.children[i], extensions[i]);
+  }
+  const diff = $ExtensionList.children.length - extensions.length;
+  for (let i = 0; i < diff; i++) {
+    $ExtensionList.lastChild.remove();
+  }
+};
+
+const render$Extensions = ($ExtensionList, extensions) => {
+  if ($ExtensionList.children.length < extensions.length) {
+    // console.log('RENDER LESS')
+    render$ExtensionsLess($ExtensionList, extensions);
+  } else if ($ExtensionList.children.length === extensions.length) {
+    // console.log('RENDER EQUAL')
+    render$ExtensionsEqual($ExtensionList, extensions);
+  } else {
+    // console.log('RENDER MORE')
+    render$ExtensionsMore($ExtensionList, extensions);
+  }
+};
+
+const setNegativeMargin = (state, negativeMargin) => {
+  const { $ExtensionList } = state;
+  $ExtensionList.style.top = `${negativeMargin}px`;
+  // Assert.number(negativeMargin)
+  // const { $NegativeMargin } = state
+  // $NegativeMargin.style.marginTop = `${negativeMargin}px`
+};
+
+// TODO a more efficient approach would be
+const setExtensions = (state, extensions) => {
+  object(state);
+  array(extensions);
+  const { $Viewlet, $ExtensionList } = state;
+  $Viewlet.removeAttribute('aria-busy');
+  if (extensions.length === 0) {
+    const $Message = document.createElement('div');
+    $Message.className = 'ViewletExtensionMessage';
+    $Message.textContent = 'No extensions found.';
+    while ($ExtensionList.firstChild) {
+      $ExtensionList.firstChild.remove();
+    }
+    $ExtensionList.append($Message);
+  } else {
+    render$Extensions($ExtensionList, extensions);
+  }
+};
+
+const dispose = (state) => {};
+
+const openSuggest = (state) => {
+  // TODO maybe cache getBoundingClientRect (though it is not a bottleneck right now)
+  // TODO getBoundingClientRect should not be needed, all positions should be known already in renderer worker
+  const rect = state.$InputBox.getBoundingClientRect();
+  const x = rect.left;
+  const y = rect.top;
+  // const x = state.$InputBox.offsetLeft
+  // const y = state.$InputBox.offsetTop
+  state.$ExtensionSuggestions ||= create$ExtensionSuggestions();
+  state.$ExtensionSuggestions.style.left = `${x}px`;
+  state.$ExtensionSuggestions.style.top = `${y}px`;
+  state.$ExtensionSuggestions.style.position = 'fixed';
+  state.$ExtensionSuggestions.style.width = '100px';
+  state.$ExtensionSuggestions.style.height = '100px';
+  state.$ExtensionSuggestions.style.background = 'lime';
+  // TODO check if already mounted
+  // TODO don't append to body, have separate container for widgets (https://news.ycombinator.com/item?id=28230977)
+  document.body.append(state.$ExtensionSuggestions);
+  // console.log(state.$InputBox)
+  // console.log({ x, y })
+  // console.log(state)
+  // console.log('open suggest in renderer')
+};
+
+const closeSuggest = (state) => {
+  state.$ExtensionSuggestions.remove();
+};
+
+const setContentHeight = (state, height) => {
+  const { $ExtensionList } = state;
+  $ExtensionList.style.height = `${height}px`;
+};
+
+const handleError = (state, message) => {
+  object(state);
+  string(message);
+  state.$ExtensionList.textContent = message;
+};
+
+const setScrollBar = (state, scrollBarY, scrollBarHeight) => {
+  const { $ScrollBarThumb } = state;
+  $ScrollBarThumb.style.top = `${scrollBarY}px`;
+  $ScrollBarThumb.style.height = `${scrollBarHeight}px`;
+};
+
+export { closeSuggest, create, dispose, focus, handleError, name, openSuggest, setContentHeight, setError, setExtensionState, setExtensions, setFocusedIndex, setNegativeMargin, setScrollBar };
+//# sourceMappingURL=ViewletExtensions.js.map

package/static/1914fad/packages/renderer-process/dist/ViewletExtensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletExtensions.js","sources":["../src/parts/Viewlet/ViewletExtensions.js"],"sourcesContent":["import * as FindIndex from '../../shared/findIndex.js'\nimport * as Assert from '../Assert/Assert.js'\nimport * as Focus from '../Focus/Focus.js'\nimport * as InputBox from '../InputBox/InputBox.js'\nimport * as RendererWorker from '../RendererWorker/RendererWorker.js'\nimport * as ActiveViewlet from './ActiveViewlet.js'\n\nexport const name = 'Extensions'\n\n// TODO vscode uninstall behaviour is better -> more subtle uninstall -> no cta for uninstalling\n\nconst DEFAULT_ICON_SRC = '/icons/extensionDefaultIcon.png'\nconst DEFAULT_ICON_LANGUAGE_BASICS = '/icons/language-icon.svg'\nconst DEFAULT_ICON_THEME = '/icons/theme-icon.png'\n\nconst create$ExtensionSuggestions = () => {\n  const $ExtensionSuggestions = document.createElement('div')\n  $ExtensionSuggestions.className = 'ExtensionSuggestions'\n  return $ExtensionSuggestions\n}\n\nconst create$ExtensionSuggestion = (item) => {}\n\nconst getIconSrc = (extension) => {\n  if (extension.icon) {\n    return extension.icon\n  }\n  if (extension.name && extension.name.startsWith('Language Basics')) {\n    return DEFAULT_ICON_LANGUAGE_BASICS\n  }\n  if (extension.name && extension.name.endsWith(' Theme')) {\n    return DEFAULT_ICON_THEME\n  }\n  return DEFAULT_ICON_SRC\n}\n\nconst handleIconError = (event) => {\n  const $Target = event.target\n  if ($Target.src.endsWith(DEFAULT_ICON_SRC)) {\n    return\n  }\n  $Target.src = DEFAULT_ICON_SRC\n}\n\nconst handleWheel = (event) => {\n  switch (event.deltaMode) {\n    case event.DOM_DELTA_LINE:\n      RendererWorker.send([\n        /* ViewletExtensions.handleWheel */ 873,\n        /* deltaY */ event.deltaY,\n      ])\n      break\n    case event.DOM_DELTA_PIXEL:\n      RendererWorker.send([\n        /* ViewletExtensions.handleWheel */ 873,\n        /* deltaY */ event.deltaY,\n      ])\n      break\n    default:\n      break\n  }\n}\n\nconst handleInput = (event) => {\n  // const state = ActiveViewlet.getStateFromEvent(event)\n  const $Target = event.target\n  RendererWorker.send([\n    /* ViewletExtensions.handleInput */ 863,\n    /* value */ $Target.value,\n  ])\n  // TODO\n  // state.$Viewlet.ariaBusy = 'true'\n}\n\nconst handleContextMenu = (event) => {\n  event.preventDefault()\n  const state = ActiveViewlet.getStateFromEvent(event)\n  const $Target = event.target\n  const index = FindIndex.findIndex(state.$Extensions, $Target)\n  if (index === -1) {\n    return\n  }\n  const extension = state.extensions[index]\n  RendererWorker.send([\n    /* ViewletExplorer.handleContextMenu */ 864,\n    /* x */ event.clientX,\n    /* y */ event.clientY,\n    /* extensionId */ extension.id,\n  ])\n}\n\nconst getNodeIndex = ($Node) => {\n  let index = 0\n  while (($Node = $Node.previousElementSibling)) {\n    index++\n  }\n  return index\n}\n\nconst handleClick = (event) => {\n  const $Target = event.target\n  console.log($Target)\n  switch ($Target.className) {\n    case 'Extension': {\n      const index = getNodeIndex($Target)\n      RendererWorker.send([\n        /* ViewletExplorer.handleClick */ 867,\n        /* index */ index,\n      ])\n      break\n    }\n    case 'ExtensionName':\n    case 'ExtensionDescription':\n    case 'ExtensionFooter': {\n      const index = getNodeIndex($Target.parentNode.parentNode)\n      RendererWorker.send([\n        /* ViewletExplorer.handleClick */ 867,\n        /* index */ index,\n      ])\n      break\n    }\n    case 'ExtensionAuthorName': {\n      const index = getNodeIndex($Target.parentNode.parentNode.parentNode)\n      RendererWorker.send([\n        /* ViewletExplorer.handleClick */ 867,\n        /* index */ index,\n      ])\n      break\n    }\n    default:\n      break\n  }\n}\n\nconst handleFocus = (event) => {\n  const $Target = event.target\n  $Target.classList.add('FocusOutline')\n  // TODO maybe have one focus listener inside Viewlet.js instead of each viewlet\n  Focus.setFocus('viewletExtensions')\n\n  // RendererWorker.send([/* ViewletExtensions.focusIndex */ 868, /* index */ -1])\n}\n\nconst handleScrollBarMouseDown = (event) => {\n  const $Target = event.target\n  if ($Target.className === 'ScrollBarThumb') {\n    window.addEventListener('mousemove', handleScrollBarThumbMouseMove)\n    window.addEventListener('mouseup', handleScrollBarThumbMouseUp)\n  } else {\n    const y = event.clientY\n    console.log({ y })\n    RendererWorker.send([\n      /* ViewletExtensions.handleScrollBarClick */ 878,\n      /* y */ y,\n    ])\n  }\n}\n\nconst handleScrollBarThumbMouseMove = (event) => {\n  const y = event.clientY\n  RendererWorker.send([\n    /* ViewletExtensions.handleScrollBarMouseMove */ 877,\n    /* y */ y,\n  ])\n}\n\nconst handleScrollBarThumbMouseUp = () => {\n  window.removeEventListener('mousemove', handleScrollBarThumbMouseMove)\n  window.removeEventListener('mouseup', handleScrollBarThumbMouseUp)\n}\n\nexport const create = () => {\n  const $InputBox = InputBox.create()\n  $InputBox.type = 'search'\n  $InputBox.placeholder = 'Search Extensions in Marketplace'\n  $InputBox.oninput = handleInput\n  const $ExtensionHeader = document.createElement('div')\n  $ExtensionHeader.className = 'ExtensionHeader'\n  $ExtensionHeader.append($InputBox)\n  // TODO handle error\n  const $ExtensionList = document.createElement('div')\n  $ExtensionList.className = 'ExtensionList'\n  $ExtensionList.tabIndex = 0\n  $ExtensionList.ariaLabel = 'Extensions'\n  $ExtensionList.setAttribute('role', 'list')\n  $ExtensionList.oncontextmenu = handleContextMenu\n  $ExtensionList.onclick = handleClick\n  $ExtensionList.onfocus = handleFocus\n\n  const $ScrollBarThumb = document.createElement('div')\n  $ScrollBarThumb.className = 'ScrollBarThumb'\n\n  const $ScrollBar = document.createElement('div')\n  $ScrollBar.className = 'ScrollBarSmall'\n  $ScrollBar.onmousedown = handleScrollBarMouseDown\n  $ScrollBar.append($ScrollBarThumb)\n\n  const $ExtensionListWrapper = document.createElement('div')\n  $ExtensionListWrapper.className = 'ExtensionListWrapper'\n  $ExtensionListWrapper.append($ExtensionList, $ScrollBar)\n\n  const $Viewlet = document.createElement('div')\n  $Viewlet.dataset.viewletId = 'Extensions'\n  $Viewlet.className = 'Viewlet'\n  $Viewlet.ariaBusy = 'true'\n  $Viewlet.ariaLive = 'polite'\n  $Viewlet.append($ExtensionHeader, $ExtensionListWrapper)\n  $Viewlet.addEventListener('wheel', handleWheel, { passive: true })\n\n  return {\n    $Viewlet,\n    $ExtensionListWrapper,\n    $ExtensionList,\n    $InputBox,\n    $ExtensionSuggestions: undefined,\n    $ScrollBarThumb,\n  }\n}\n\n// TODO possibly use aria active descendant instead\nexport const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {\n  Assert.object(state)\n  Assert.number(oldFocusedIndex)\n  Assert.number(newFocusedIndex)\n  const { $ExtensionList } = state\n  if (oldFocusedIndex !== -1) {\n    console.log($ExtensionList)\n    $ExtensionList.children[oldFocusedIndex].classList.remove('Focused')\n  }\n  if (newFocusedIndex === -1) {\n    $ExtensionList.removeAttribute('aria-activedescendant')\n    $ExtensionList.classList.add('FocusOutline')\n  } else {\n    $ExtensionList.setAttribute(\n      'aria-activedescendant',\n      $ExtensionList.children[newFocusedIndex].id\n    )\n    $ExtensionList.classList.remove('FocusOutline')\n    $ExtensionList.children[newFocusedIndex].classList.add('Focused')\n  }\n}\n\nexport const focus = (state) => {\n  Assert.object(state)\n  state.$InputBox.focus()\n}\n\nexport const setExtensionState = (state, id, extensionState) => {\n  // const index = state.extensions.findIndex((extension) => extension.id === id)\n  // if (index === -1) {\n  //   return\n  // }\n  // state.extensions[index].state = extensionState\n  // render(state)\n}\n\nexport const setError = (state, error) => {\n  Assert.object(state)\n  Assert.string(error)\n  const $Message = document.createElement('div')\n  $Message.className = 'ViewletExtensionMessage'\n  $Message.textContent = error\n  while (state.$ExtensionList.firstChild) {\n    state.$ExtensionList.firstChild.remove()\n  }\n  state.$ExtensionList.append($Message)\n}\n\nconst render$Extension = ($Extension, extension) => {\n  const $ExtensionDetailName = $Extension.children[1].children[0]\n  const $ExtensionDetailDescription = $Extension.children[1].children[1]\n  const $ExtensionAuthorName = $Extension.children[1].children[2].children[0]\n  const $EXtensionIcon = $Extension.children[0]\n\n  $Extension.ariaPosInSet = extension.posInSet\n  $Extension.ariaSetSize = extension.setSize\n  $Extension.id = `Extension-${extension.posInSet}`\n  $Extension.dataset.state = extension.state\n  $Extension.dataset.id = extension.id\n  $Extension.style.top = `${extension.top}px`\n\n  $ExtensionDetailName.firstChild.nodeValue =\n    extension.name || extension.id || 'n/a'\n\n  $ExtensionDetailDescription.firstChild.nodeValue =\n    extension.description || 'n/a'\n\n  $ExtensionAuthorName.firstChild.nodeValue =\n    extension.type === 'builtin' ? 'builtin' : extension.publisher || 'n/a'\n\n  $EXtensionIcon.src = getIconSrc(extension)\n}\n\n// TODO test that rendering and recycling text nodes works\nconst create$Extension = () => {\n  const $ExtensionDetailName = document.createElement('div')\n  $ExtensionDetailName.className = 'ExtensionName'\n  $ExtensionDetailName.append(document.createTextNode(''))\n  const $ExtensionDetailDescription = document.createElement('div')\n  $ExtensionDetailDescription.className = 'ExtensionDescription'\n  $ExtensionDetailDescription.append(document.createTextNode(''))\n  const $ExtensionActions = document.createElement('div')\n  $ExtensionActions.className = 'ExtensionActions'\n  const $ExtensionActionInstall = document.createElement('div')\n  $ExtensionActionInstall.className = 'ExtensionActionInstall'\n  $ExtensionActionInstall.textContent = 'Install'\n  const $ExtensionActionManage = document.createElement('button')\n  $ExtensionActionManage.className = 'ExtensionActionManage'\n  $ExtensionActionManage.title = 'Manage'\n  $ExtensionActionManage.ariaHasPopup = 'menu' // TODO also set this for global settings icon in activity bar\n  const $ExtensionAuthorName = document.createElement('div')\n  $ExtensionAuthorName.className = 'ExtensionAuthorName'\n  $ExtensionAuthorName.append(document.createTextNode(''))\n\n  const icon = document.createElement('img')\n  icon.className = 'ExtensionIcon'\n  icon.onerror = handleIconError\n  const buttonManage = document.createElement('button')\n  buttonManage.className = 'ExtensionManage'\n  // switch (extension.state) {\n  //   case 'uninstalled':\n  //     $ExtensionActionManage.remove()\n  //     $ExtensionActions.append($ExtensionActionInstall)\n  //     break\n  //   case 'uninstalling':\n  //     buttonManage.textContent = 'uninstalling'\n  //     break\n  //   case 'installing':\n  //     buttonManage.textContent = 'installing'\n  //     break\n  //   case 'installed':\n  //     $ExtensionActions.append($ExtensionActionManage)\n  //     break\n  //   case 'disabled':\n  //     $ExtensionActions.append($ExtensionActionManage)\n  //     break\n  //   default:\n  //     break\n  // }\n  const $ExtensionFooter = document.createElement('div')\n  $ExtensionFooter.className = 'ExtensionFooter'\n  $ExtensionFooter.append($ExtensionAuthorName, $ExtensionActions)\n  const $ExtensionDetail = document.createElement('div')\n  $ExtensionDetail.className = 'ExtensionDetail'\n  $ExtensionDetail.append(\n    $ExtensionDetailName,\n    $ExtensionDetailDescription,\n    $ExtensionFooter\n  )\n  const $ExtensionListItem = document.createElement('article')\n  $ExtensionListItem.ariaRoleDescription = 'Extension' // TODO use idl once supported and add test for this\n  $ExtensionListItem.className = 'ExtensionListItem'\n  $ExtensionListItem.setAttribute('role', 'listitem')\n\n  $ExtensionListItem.append(icon, $ExtensionDetail)\n  return $ExtensionListItem\n}\n\nconst render$ExtensionsLess = ($ExtensionList, extensions) => {\n  for (let i = 0; i < $ExtensionList.children.length; i++) {\n    render$Extension($ExtensionList.children[i], extensions[i])\n  }\n  const fragment = document.createDocumentFragment()\n  for (let i = $ExtensionList.children.length; i < extensions.length; i++) {\n    const $Extension = create$Extension()\n    render$Extension($Extension, extensions[i])\n    fragment.append($Extension)\n  }\n  $ExtensionList.append(fragment)\n}\n\nconst render$ExtensionsEqual = ($ExtensionList, extensions) => {\n  for (let i = 0; i < extensions.length; i++) {\n    render$Extension($ExtensionList.children[i], extensions[i])\n  }\n}\n\nconst render$ExtensionsMore = ($ExtensionList, extensions) => {\n  for (let i = 0; i < extensions.length; i++) {\n    render$Extension($ExtensionList.children[i], extensions[i])\n  }\n  const diff = $ExtensionList.children.length - extensions.length\n  for (let i = 0; i < diff; i++) {\n    $ExtensionList.lastChild.remove()\n  }\n}\n\nconst render$Extensions = ($ExtensionList, extensions) => {\n  if ($ExtensionList.children.length < extensions.length) {\n    // console.log('RENDER LESS')\n    render$ExtensionsLess($ExtensionList, extensions)\n  } else if ($ExtensionList.children.length === extensions.length) {\n    // console.log('RENDER EQUAL')\n    render$ExtensionsEqual($ExtensionList, extensions)\n  } else {\n    // console.log('RENDER MORE')\n    render$ExtensionsMore($ExtensionList, extensions)\n  }\n}\n\nexport const setNegativeMargin = (state, negativeMargin) => {\n  const { $ExtensionList } = state\n  $ExtensionList.style.top = `${negativeMargin}px`\n  // Assert.number(negativeMargin)\n  // const { $NegativeMargin } = state\n  // $NegativeMargin.style.marginTop = `${negativeMargin}px`\n}\n\n// TODO a more efficient approach would be\nexport const setExtensions = (state, extensions) => {\n  Assert.object(state)\n  Assert.array(extensions)\n  const { $Viewlet, $ExtensionList } = state\n  $Viewlet.removeAttribute('aria-busy')\n  if (extensions.length === 0) {\n    const $Message = document.createElement('div')\n    $Message.className = 'ViewletExtensionMessage'\n    $Message.textContent = 'No extensions found.'\n    while ($ExtensionList.firstChild) {\n      $ExtensionList.firstChild.remove()\n    }\n    $ExtensionList.append($Message)\n  } else {\n    render$Extensions($ExtensionList, extensions)\n  }\n}\n\nexport const dispose = (state) => {}\n\nexport const openSuggest = (state) => {\n  // TODO maybe cache getBoundingClientRect (though it is not a bottleneck right now)\n  // TODO getBoundingClientRect should not be needed, all positions should be known already in renderer worker\n  const rect = state.$InputBox.getBoundingClientRect()\n  const x = rect.left\n  const y = rect.top\n  // const x = state.$InputBox.offsetLeft\n  // const y = state.$InputBox.offsetTop\n  state.$ExtensionSuggestions ||= create$ExtensionSuggestions()\n  state.$ExtensionSuggestions.style.left = `${x}px`\n  state.$ExtensionSuggestions.style.top = `${y}px`\n  state.$ExtensionSuggestions.style.position = 'fixed'\n  state.$ExtensionSuggestions.style.width = '100px'\n  state.$ExtensionSuggestions.style.height = '100px'\n  state.$ExtensionSuggestions.style.background = 'lime'\n  // TODO check if already mounted\n  // TODO don't append to body, have separate container for widgets (https://news.ycombinator.com/item?id=28230977)\n  document.body.append(state.$ExtensionSuggestions)\n  // console.log(state.$InputBox)\n  // console.log({ x, y })\n  // console.log(state)\n  // console.log('open suggest in renderer')\n}\n\nexport const closeSuggest = (state) => {\n  state.$ExtensionSuggestions.remove()\n}\n\nexport const setContentHeight = (state, height) => {\n  const { $ExtensionList } = state\n  $ExtensionList.style.height = `${height}px`\n}\n\nexport const handleError = (state, message) => {\n  Assert.object(state)\n  Assert.string(message)\n  state.$ExtensionList.textContent = message\n}\n\nexport const setScrollBar = (state, scrollBarY, scrollBarHeight) => {\n  const { $ScrollBarThumb } = state\n  $ScrollBarThumb.style.top = `${scrollBarY}px`\n  $ScrollBarThumb.style.height = `${scrollBarHeight}px`\n}\n"],"names":["RendererWorker.send","ActiveViewlet.getStateFromEvent","FindIndex.findIndex","Focus.setFocus","InputBox.create","Assert.object","Assert.number","Assert.string","Assert.array"],"mappings":"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"}

package/static/1914fad/packages/renderer-process/dist/ViewletImplementations.js

@@ -0,0 +1,7 @@
+export { c as create, f as focus, h as handleError, b as setFocusedIndex, s as setLocations, a as setMessage } from './ViewletLocations.js';
+import './rendererProcessMain.js';
+
+const name = 'Implementations';
+
+export { name };
+//# sourceMappingURL=ViewletImplementations.js.map

package/static/1914fad/packages/renderer-process/dist/ViewletImplementations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletImplementations.js","sources":["../src/parts/Viewlet/ViewletImplementations.js"],"sourcesContent":["export * from './ViewletLocations.js'\n\nexport const name = 'Implementations'\n"],"names":[],"mappings":";;;AAEY,MAAC,IAAI,GAAG;;;;"}

package/static/1914fad/packages/renderer-process/dist/ViewletLocations.js

@@ -0,0 +1,136 @@
+import { d as setFocus, s as send } from './rendererProcessMain.js';
+
+const getNodeIndex = ($Node) => {
+  let index = 0;
+  while (($Node = $Node.previousElementSibling)) {
+    index++;
+  }
+  return index
+};
+
+const handleLocationsMouseDown = (event) => {
+  if (event.button !== /* LeftClick */ 0) {
+    return
+  }
+  const $Target = event.target;
+  if ($Target.classList.contains('TreeItem')) {
+    const index = getNodeIndex($Target);
+    send([
+      /* ViewletLocations.selectIndex */ 7100,
+      /* index */ index,
+    ]);
+  } else if ($Target.classList.contains('LocationList')) {
+    send([
+      /* ViewletLocations.focusIndex */ 7106, /* index */ -1,
+    ]);
+  }
+};
+
+const create = () => {
+  const $Message = document.createElement('div');
+  $Message.className = 'LocationsMessage';
+  $Message.id = 'LocationsMessage';
+  $Message.setAttribute('role', 'status');
+  const $Locations = document.createElement('div');
+  $Locations.className = 'LocationList';
+  $Locations.setAttribute('role', 'tree');
+  $Locations.ariaLabel = 'Locations';
+  $Locations.tabIndex = 0;
+  $Locations.onmousedown = handleLocationsMouseDown;
+  $Locations.setAttribute('aria-described-by', 'LocationsMessage');
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet';
+  $Viewlet.dataset.viewletId = 'Locations'; // TODO
+  $Viewlet.append($Message, $Locations);
+  return {
+    $Viewlet,
+    $Message,
+    $Locations,
+  }
+};
+
+const create$Location = () => {
+  // TODO reuse logic from tree view
+  const $Location = document.createElement('div');
+  $Location.className = 'TreeItem';
+  $Location.setAttribute('role', 'treeitem');
+  return $Location
+};
+
+const render$Location = ($Location, location) => {
+  console.log({ reference: location });
+  switch (location.type) {
+    case 'leaf':
+      $Location.className = `TreeItem`;
+      $Location.textContent = location.lineText || '(empty line)';
+      $Location.ariaExpanded = undefined;
+      $Location.id = `Reference-${location.index}`;
+      break
+    case 'collapsed':
+      $Location.className = `TreeItem Icon${location.icon}`;
+      $Location.textContent = location.name;
+      $Location.ariaExpanded = false;
+      $Location.id = `Reference-${location.index}`;
+    case 'expanded':
+      $Location.className = `TreeItem Icon${location.icon}`;
+      $Location.ariaExpanded = true;
+      $Location.textContent = location.name;
+      $Location.id = `Reference-${location.index}`;
+  }
+
+  // TODO
+};
+
+const render$Locations = ($Locations, locations) => {
+  $Locations.textContent = '';
+  const fragment = document.createDocumentFragment();
+  for (const location of locations) {
+    const $Location = create$Location();
+    render$Location($Location, location);
+    fragment.append($Location);
+  }
+  $Locations.append(fragment);
+};
+
+const setLocations = (state, locations) => {
+  const { $Locations } = state;
+  render$Locations($Locations, locations);
+};
+
+const setMessage = (state, message) => {
+  const { $Message } = state;
+  $Message.textContent = message;
+};
+
+const setFocusedIndex = (state, oldFocusedIndex, newFocusedIndex) => {
+  const { $Locations } = state;
+  if (oldFocusedIndex === -1) {
+    $Locations.classList.remove('FocusOutline');
+  } else {
+    $Locations.children[oldFocusedIndex].classList.remove('Focused');
+  }
+  if (newFocusedIndex === -1) {
+    $Locations.classList.add('FocusOutline');
+  } else {
+    $Locations.setAttribute(
+      'aria-activedescendant',
+      `Reference-${newFocusedIndex}`
+    );
+    $Locations.children[newFocusedIndex].classList.add('Focused');
+  }
+};
+
+const handleError = (state, message) => {
+  const { $Message } = state;
+  $Message.textContent = message;
+};
+
+const focus = (state) => {
+  const { $Locations } = state;
+  $Locations.classList.add('FocusOutline');
+  $Locations.focus();
+  setFocus('locationList');
+};
+
+export { setMessage as a, setFocusedIndex as b, create as c, focus as f, handleError as h, setLocations as s };
+//# sourceMappingURL=ViewletLocations.js.map