@lvce-editor/server 0.0.27 → 0.0.28

package/static/f9b8874/packages/renderer-process/dist/ViewletEditorCompletion.js

@@ -0,0 +1,132 @@
+import { a as append, m as remove, s as send, G as setAdditionalFocus, H as removeAdditionalFocus } from './rendererProcessMain.js';
+
+const name = 'EditorCompletion';
+
+// TODO technically, editorCompletions could also be a viewlet so that
+// all state is managed by viewlet and this module is completely functional
+
+const getNodeIndex = ($Node) => {
+  let index = 0;
+  while (($Node = $Node.previousElementSibling)) {
+    index++;
+  }
+  return index
+};
+
+const getIndex = ($Target) => {
+  if ($Target.classList.contains('EditorCompletionItem')) {
+    return getNodeIndex($Target)
+  }
+  return -1
+};
+
+const handleMousedown = (event) => {
+  event.preventDefault();
+  const $Target = event.target;
+  const index = getIndex($Target);
+  if (index === -1) {
+    return
+  }
+  send(
+    /* ViewletEditorCompletion.selectIndex */ 'EditorCompletion.selectIndex',
+    /* index */ index
+  );
+};
+
+const create$CompletionItem = (item, index) => {
+  const $CompletionItem = document.createElement('li');
+  $CompletionItem.textContent = item.label;
+  $CompletionItem.setAttribute('role', 'option');
+  $CompletionItem.id = `CompletionItem-${index}`;
+  $CompletionItem.className = `EditorCompletionItem Icon${item.icon}`;
+  return $CompletionItem
+};
+
+const create = () => {
+  // TODO recycle nodes
+  const $Viewlet = document.createElement('ul');
+  $Viewlet.className = 'Viewlet Completions';
+  $Viewlet.dataset.viewletId = name;
+  $Viewlet.id = 'Completions';
+  $Viewlet.setAttribute('role', 'listbox');
+  $Viewlet.ariaLabel = 'Suggest';
+  $Viewlet.onmousedown = handleMousedown;
+  return {
+    $Viewlet,
+  }
+};
+
+// TODO show should be passed active cursor position
+// this would make this function easier to test as it would avoid dependency on globals of other files
+
+const setPosition = (state, x, y) => {
+  const { $Viewlet } = state;
+  $Viewlet.style.transform = `translate(${x}px, ${y}px)`;
+};
+
+const setItems = (state, items, reason, focusedIndex) => {
+  console.log('COMPLETION SHOW', items);
+  const { $Viewlet } = state;
+  while ($Viewlet.firstChild) {
+    $Viewlet.firstChild.remove();
+  }
+  setAdditionalFocus('editorCompletions');
+  if (items.length === 0) {
+    if (reason === /* automatically */ 0) {
+      return
+    }
+    $Viewlet.textContent = 'No Results';
+    append($Viewlet);
+    return
+  }
+  // TODO recycle nodes
+  $Viewlet.append(...items.map(create$CompletionItem));
+  append($Viewlet);
+  focusIndex(state, 0, 0);
+  // TODO set right aria attributes on $EditorInput
+};
+
+const move = (state, x, y) => {
+  const { $Viewlet } = state;
+  $Viewlet.style.transform = `translate(${x}px, ${y}px)`;
+};
+
+const dispose = (state) => {
+  remove(state.$Viewlet);
+  // state.$EditorInput.removeAttribute('aria-activedescendant')
+  removeAdditionalFocus('editorCompletions');
+};
+
+// TODO should pass maybe oldIndex to be removed
+// but keeping $ActiveItem in state also works
+const focusIndex = (state, oldIndex, newIndex) => {
+  const $Viewlet = state.$Viewlet;
+  if (oldIndex !== -1) {
+    const $OldItem = $Viewlet.children[oldIndex];
+    $OldItem.classList.remove('Focused');
+  }
+  if (newIndex !== -1) {
+    const $NewItem = $Viewlet.children[newIndex];
+    $NewItem.classList.add('Focused');
+  }
+  setAdditionalFocus('editorCompletions');
+  // state.$EditorInput.setAttribute('aria-activedescendant', $NewItem.id) // TODO use idl once supported
+};
+
+const showLoading = (state, x, y) => {
+  const { $Viewlet } = state;
+  $Viewlet.style.transform = `translate(${x}px, ${y}px)`;
+  const $Loading = document.createElement('div');
+  $Loading.textContent = 'Loading';
+  $Viewlet.append($Loading);
+  append($Viewlet);
+  setAdditionalFocus('editorCompletions');
+};
+
+const handleError = (state, error) => {
+  const { $Viewlet } = state;
+  $Viewlet.textContent = `${error}`;
+};
+
+export { create, dispose, focusIndex, handleError, move, name, setItems, setPosition, showLoading };
+//# sourceMappingURL=ViewletEditorCompletion.js.map

package/static/f9b8874/packages/renderer-process/dist/ViewletEditorCompletion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletEditorCompletion.js","sources":["../src/parts/Viewlet/ViewletEditorCompletion.js"],"sourcesContent":["import * as Focus from '../Focus/Focus.js'\nimport * as RendererWorker from '../RendererWorker/RendererWorker.js'\nimport * as Widget from '../Widget/Widget.js'\n\nexport const name = 'EditorCompletion'\n\n// TODO technically, editorCompletions could also be a viewlet so that\n// all state is managed by viewlet and this module is completely functional\n\nconst getNodeIndex = ($Node) => {\n  let index = 0\n  while (($Node = $Node.previousElementSibling)) {\n    index++\n  }\n  return index\n}\n\nconst getIndex = ($Target) => {\n  if ($Target.classList.contains('EditorCompletionItem')) {\n    return getNodeIndex($Target)\n  }\n  return -1\n}\n\nconst handleMousedown = (event) => {\n  event.preventDefault()\n  const $Target = event.target\n  const index = getIndex($Target)\n  if (index === -1) {\n    return\n  }\n  RendererWorker.send(\n    /* ViewletEditorCompletion.selectIndex */ 'EditorCompletion.selectIndex',\n    /* index */ index\n  )\n}\n\nconst create$CompletionItem = (item, index) => {\n  const $CompletionItem = document.createElement('li')\n  $CompletionItem.textContent = item.label\n  $CompletionItem.setAttribute('role', 'option')\n  $CompletionItem.id = `CompletionItem-${index}`\n  $CompletionItem.className = `EditorCompletionItem Icon${item.icon}`\n  return $CompletionItem\n}\n\nexport const create = () => {\n  // TODO recycle nodes\n  const $Viewlet = document.createElement('ul')\n  $Viewlet.className = 'Viewlet Completions'\n  $Viewlet.dataset.viewletId = name\n  $Viewlet.id = 'Completions'\n  $Viewlet.setAttribute('role', 'listbox')\n  $Viewlet.ariaLabel = 'Suggest'\n  $Viewlet.onmousedown = handleMousedown\n  return {\n    $Viewlet,\n  }\n}\n\n// TODO show should be passed active cursor position\n// this would make this function easier to test as it would avoid dependency on globals of other files\n\nexport const setPosition = (state, x, y) => {\n  const { $Viewlet } = state\n  $Viewlet.style.transform = `translate(${x}px, ${y}px)`\n}\n\nexport const setItems = (state, items, reason, focusedIndex) => {\n  console.log('COMPLETION SHOW', items)\n  const { $Viewlet } = state\n  while ($Viewlet.firstChild) {\n    $Viewlet.firstChild.remove()\n  }\n  Focus.setAdditionalFocus('editorCompletions')\n  if (items.length === 0) {\n    if (reason === /* automatically */ 0) {\n      return\n    }\n    $Viewlet.textContent = 'No Results'\n    Widget.append($Viewlet)\n    return\n  }\n  // TODO recycle nodes\n  $Viewlet.append(...items.map(create$CompletionItem))\n  Widget.append($Viewlet)\n  focusIndex(state, 0, 0)\n  // TODO set right aria attributes on $EditorInput\n}\n\nexport const move = (state, x, y) => {\n  const { $Viewlet } = state\n  $Viewlet.style.transform = `translate(${x}px, ${y}px)`\n}\n\nexport const dispose = (state) => {\n  Widget.remove(state.$Viewlet)\n  // state.$EditorInput.removeAttribute('aria-activedescendant')\n  Focus.removeAdditionalFocus('editorCompletions')\n}\n\n// TODO should pass maybe oldIndex to be removed\n// but keeping $ActiveItem in state also works\nexport const focusIndex = (state, oldIndex, newIndex) => {\n  const $Viewlet = state.$Viewlet\n  if (oldIndex !== -1) {\n    const $OldItem = $Viewlet.children[oldIndex]\n    $OldItem.classList.remove('Focused')\n  }\n  if (newIndex !== -1) {\n    const $NewItem = $Viewlet.children[newIndex]\n    $NewItem.classList.add('Focused')\n  }\n  Focus.setAdditionalFocus('editorCompletions')\n  // state.$EditorInput.setAttribute('aria-activedescendant', $NewItem.id) // TODO use idl once supported\n}\n\nexport const showLoading = (state, x, y) => {\n  const { $Viewlet } = state\n  $Viewlet.style.transform = `translate(${x}px, ${y}px)`\n  const $Loading = document.createElement('div')\n  $Loading.textContent = 'Loading'\n  $Viewlet.append($Loading)\n  Widget.append($Viewlet)\n  Focus.setAdditionalFocus('editorCompletions')\n}\n\nexport const handleError = (state, error) => {\n  const { $Viewlet } = state\n  $Viewlet.textContent = `${error}`\n}\n"],"names":["RendererWorker.send","Focus.setAdditionalFocus","Widget.append","Widget.remove","Focus.removeAdditionalFocus"],"mappings":";;AAIY,MAAC,IAAI,GAAG,mBAAkB;AACtC;AACA;AACA;AACA;AACA,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK;AAChC,EAAE,IAAI,KAAK,GAAG,EAAC;AACf,EAAE,QAAQ,KAAK,GAAG,KAAK,CAAC,sBAAsB,GAAG;AACjD,IAAI,KAAK,GAAE;AACX,GAAG;AACH,EAAE,OAAO,KAAK;AACd,EAAC;AACD;AACA,MAAM,QAAQ,GAAG,CAAC,OAAO,KAAK;AAC9B,EAAE,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;AAC1D,IAAI,OAAO,YAAY,CAAC,OAAO,CAAC;AAChC,GAAG;AACH,EAAE,OAAO,CAAC,CAAC;AACX,EAAC;AACD;AACA,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACnC,EAAE,KAAK,CAAC,cAAc,GAAE;AACxB,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAM;AAC9B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAC;AACjC,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AACpB,IAAI,MAAM;AACV,GAAG;AACH,EAAEA,IAAmB;AACrB,8CAA8C,8BAA8B;AAC5E,gBAAgB,KAAK;AACrB,IAAG;AACH,EAAC;AACD;AACA,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK;AAC/C,EAAE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAC;AACtD,EAAE,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,MAAK;AAC1C,EAAE,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAC;AAChD,EAAE,eAAe,CAAC,EAAE,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,EAAC;AAChD,EAAE,eAAe,CAAC,SAAS,GAAG,CAAC,yBAAyB,EAAE,IAAI,CAAC,IAAI,CAAC,EAAC;AACrE,EAAE,OAAO,eAAe;AACxB,EAAC;AACD;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B;AACA,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAC;AAC/C,EAAE,QAAQ,CAAC,SAAS,GAAG,sBAAqB;AAC5C,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,KAAI;AACnC,EAAE,QAAQ,CAAC,EAAE,GAAG,cAAa;AAC7B,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAC;AAC1C,EAAE,QAAQ,CAAC,SAAS,GAAG,UAAS;AAChC,EAAE,QAAQ,CAAC,WAAW,GAAG,gBAAe;AACxC,EAAE,OAAO;AACT,IAAI,QAAQ;AACZ,GAAG;AACH,EAAC;AACD;AACA;AACA;AACA;AACY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK;AAC5C,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAC;AACxD,EAAC;AACD;AACY,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,KAAK;AAChE,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,EAAC;AACvC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,OAAO,QAAQ,CAAC,UAAU,EAAE;AAC9B,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,GAAE;AAChC,GAAG;AACH,EAAEC,kBAAwB,CAAC,mBAAmB,EAAC;AAC/C,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,IAAI,IAAI,MAAM,yBAAyB,CAAC,EAAE;AAC1C,MAAM,MAAM;AACZ,KAAK;AACL,IAAI,QAAQ,CAAC,WAAW,GAAG,aAAY;AACvC,IAAIC,MAAa,CAAC,QAAQ,EAAC;AAC3B,IAAI,MAAM;AACV,GAAG;AACH;AACA,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAC;AACtD,EAAEA,MAAa,CAAC,QAAQ,EAAC;AACzB,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAC;AACzB;AACA,EAAC;AACD;AACY,MAAC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK;AACrC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAC;AACxD,EAAC;AACD;AACY,MAAC,OAAO,GAAG,CAAC,KAAK,KAAK;AAClC,EAAEC,MAAa,CAAC,KAAK,CAAC,QAAQ,EAAC;AAC/B;AACA,EAAEC,qBAA2B,CAAC,mBAAmB,EAAC;AAClD,EAAC;AACD;AACA;AACA;AACY,MAAC,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,KAAK;AACzD,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAQ;AACjC,EAAE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE;AACvB,IAAI,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAC;AAChD,IAAI,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAC;AACxC,GAAG;AACH,EAAE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE;AACvB,IAAI,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAC;AAChD,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAC;AACrC,GAAG;AACH,EAAEH,kBAAwB,CAAC,mBAAmB,EAAC;AAC/C;AACA,EAAC;AACD;AACY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK;AAC5C,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAC;AACxD,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAC;AAChD,EAAE,QAAQ,CAAC,WAAW,GAAG,UAAS;AAClC,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAC;AAC3B,EAAEC,MAAa,CAAC,QAAQ,EAAC;AACzB,EAAED,kBAAwB,CAAC,mBAAmB,EAAC;AAC/C,EAAC;AACD;AACY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK;AAC7C,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,QAAQ,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,CAAC,EAAC;AACnC;;;;"}

package/static/f9b8874/packages/renderer-process/dist/ViewletEditorText.js

@@ -0,0 +1,49 @@
+import { y as create$1, z as setText$1, A as setSelections$1, B as setScrollBar$1, a as append, C as state, m as remove, D as focus$1 } from './rendererProcessMain.js';
+
+const create = create$1;
+
+const setText = setText$1;
+
+const setSelections = setSelections$1;
+
+const handleError = (state, error) => {
+  state.$Viewlet.textContent = error;
+};
+
+const setScrollBar = setScrollBar$1;
+
+const highlightAsLink = (state, relativeY, tokenIndex) => {
+  const $Row = state.$LayerText.children[relativeY];
+  if (!$Row) {
+    console.info('no row found');
+    return
+  }
+  const $Token = $Row.children[tokenIndex + 1];
+  console.log($Token);
+  $Token.classList.add('EditorGoToDefinitionLink');
+  // console.log({ state, tokenIndex, relativeY })
+};
+
+const showOverlayMessage = (state, x, y, content) => {
+  const $OverLayMessage = document.createElement('div');
+  $OverLayMessage.className = 'EditorOverlayMessage';
+  $OverLayMessage.style.position = 'fixed';
+  $OverLayMessage.textContent = content;
+  $OverLayMessage.style.top = `${y}px`;
+  $OverLayMessage.style.left = `${x}px`;
+  append($OverLayMessage);
+};
+
+const hideOverlayMessage = (state$1) => {
+  // TODO pass id of the overlay message and remove widget by id
+  for (const $Widget of state.widgetSet) {
+    if ($Widget.className === 'EditorOverlayMessage') {
+      remove($Widget);
+    }
+  }
+};
+
+const focus = focus$1;
+
+export { create, focus, handleError, hideOverlayMessage, highlightAsLink, setScrollBar, setSelections, setText, showOverlayMessage };
+//# sourceMappingURL=ViewletEditorText.js.map

package/static/f9b8874/packages/renderer-process/dist/ViewletEditorText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletEditorText.js","sources":["../src/parts/Viewlet/ViewletEditorText.js"],"sourcesContent":["import * as Editor from '../Editor/Editor.js'\nimport * as Widget from '../Widget/Widget.js'\n\nexport const create = Editor.create\n\nexport const setText = Editor.setText\n\nexport const setSelections = Editor.setSelections\n\nexport const handleError = (state, error) => {\n  state.$Viewlet.textContent = error\n}\n\nexport const setScrollBar = Editor.setScrollBar\n\nexport const highlightAsLink = (state, relativeY, tokenIndex) => {\n  const $Row = state.$LayerText.children[relativeY]\n  if (!$Row) {\n    console.info('no row found')\n    return\n  }\n  const $Token = $Row.children[tokenIndex + 1]\n  console.log($Token)\n  $Token.classList.add('EditorGoToDefinitionLink')\n  // console.log({ state, tokenIndex, relativeY })\n}\n\nexport const showOverlayMessage = (state, x, y, content) => {\n  const $OverLayMessage = document.createElement('div')\n  $OverLayMessage.className = 'EditorOverlayMessage'\n  $OverLayMessage.style.position = 'fixed'\n  $OverLayMessage.textContent = content\n  $OverLayMessage.style.top = `${y}px`\n  $OverLayMessage.style.left = `${x}px`\n  Widget.append($OverLayMessage)\n}\n\nexport const hideOverlayMessage = (state) => {\n  // TODO pass id of the overlay message and remove widget by id\n  for (const $Widget of Widget.state.widgetSet) {\n    if ($Widget.className === 'EditorOverlayMessage') {\n      Widget.remove($Widget)\n    }\n  }\n}\n\nexport const focus = Editor.focus\n"],"names":["Editor.create","Editor.setText","Editor.setSelections","Editor.setScrollBar","Widget.append","state","Widget.state","Widget.remove","Editor.focus"],"mappings":";;AAGY,MAAC,MAAM,GAAGA,SAAa;AACnC;AACY,MAAC,OAAO,GAAGC,UAAc;AACrC;AACY,MAAC,aAAa,GAAGC,gBAAoB;AACjD;AACY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK;AAC7C,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,GAAG,MAAK;AACpC,EAAC;AACD;AACY,MAAC,YAAY,GAAGC,eAAmB;AAC/C;AACY,MAAC,eAAe,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,KAAK;AACjE,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,EAAC;AACnD,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,CAAC,IAAI,CAAC,cAAc,EAAC;AAChC,IAAI,MAAM;AACV,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,CAAC,EAAC;AAC9C,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,EAAC;AACrB,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,EAAC;AAClD;AACA,EAAC;AACD;AACY,MAAC,kBAAkB,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,KAAK;AAC5D,EAAE,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAC;AACvD,EAAE,eAAe,CAAC,SAAS,GAAG,uBAAsB;AACpD,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAO;AAC1C,EAAE,eAAe,CAAC,WAAW,GAAG,QAAO;AACvC,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAC;AACtC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAC;AACvC,EAAEC,MAAa,CAAC,eAAe,EAAC;AAChC,EAAC;AACD;AACY,MAAC,kBAAkB,GAAG,CAACC,OAAK,KAAK;AAC7C;AACA,EAAE,KAAK,MAAM,OAAO,IAAIC,KAAY,CAAC,SAAS,EAAE;AAChD,IAAI,IAAI,OAAO,CAAC,SAAS,KAAK,sBAAsB,EAAE;AACtD,MAAMC,MAAa,CAAC,OAAO,EAAC;AAC5B,KAAK;AACL,GAAG;AACH,EAAC;AACD;AACY,MAAC,KAAK,GAAGC;;;;"}

package/static/f9b8874/packages/renderer-process/dist/ViewletExplorer.js

@@ -0,0 +1,409 @@
+import { o as object, b as string, c as array, n as number, d as setFocus, s as send, g as getStateFromEvent, f as findIndex$1 } from './rendererProcessMain.js';
+import { c as create$1 } from './InputBox.js';
+
+const name = 'Explorer';
+
+// TODO put drop into separate module and use executeCommand to call it
+
+// TODO drag and drop should be loaded on demand
+const getAllEntries = async (dataTransfer) => {
+  const topLevelEntries = Array.from(dataTransfer.items).map((item) =>
+    item.webkitGetAsEntry()
+  );
+  const allEntries = await new Promise((resolve, reject) => {
+    const result = [];
+    let finished = 0;
+    let total = 0;
+
+    const fileCallback = (file) => {
+      finished++;
+      result.push({
+        type: 1,
+        // path: entry.fullPath,
+        file,
+      });
+      if (finished === total) {
+        resolve(result);
+      }
+    };
+
+    const handleEntryFile = (entry) => {
+      entry.file(fileCallback);
+    };
+
+    const entriesCallback = (childEntries) => {
+      handleEntries(childEntries);
+      finished++;
+      if (finished === total) {
+        resolve(result);
+      }
+    };
+
+    const handleEntryDirectory = (entry) => {
+      result.push({
+        type: 2,
+        path: entry.fullPath,
+      });
+      const dirReader = entry.createReader();
+      dirReader.readEntries(entriesCallback);
+    };
+
+    const handleEntries = (entries) => {
+      total += entries.length;
+      for (const entry of entries) {
+        if (entry.isFile) {
+          handleEntryFile(entry);
+        } else if (entry.isDirectory) {
+          handleEntryDirectory(entry);
+        } else ;
+      }
+    };
+
+    handleEntries(topLevelEntries);
+  });
+  return allEntries
+};
+
+const handleFocus = (event) => {
+  setFocus('Explorer');
+  const $Target = event.target;
+  if ($Target.className === 'InputBox') {
+    return
+  }
+  const index = findIndex($Target);
+  if (index < 0) {
+    return
+  }
+  event.preventDefault();
+  send(
+    /* Explorer.handleClick */ 'Explorer.focusIndex',
+    /* index */ index
+  );
+};
+
+const handleBlur = (event) => {
+  send(/* Explorer.handleBlur */ 'Explorer.handleBlur');
+};
+
+const handleDrop = async (event) => {
+  const state = getStateFromEvent(event);
+  state.element.classList.remove('DropTarget');
+  event.preventDefault();
+  const allEntries = await getAllEntries(event.dataTransfer);
+  const firstEntry = allEntries[0];
+  if (!firstEntry) {
+    return console.warn('no entries')
+  }
+  // const reader = new FileReader()
+  // reader.onload = (event) => {
+  //   console.log(reader.result)
+  // }
+  // const text = reader.readAsArrayBuffer(firstEntry)
+  // console.log(allEntries)
+  // const content = await new Promise((resolve, reject) => {
+  //   const reader = new FileReader()
+  //   reader.onload = (event) => {
+  //     console.log(event)
+  //     resolve(reader.result)
+  //   }
+  //   reader.onerror = (event) => {
+  //     reject(event)
+  //   }
+  //   reader.readAsArrayBuffer(firstEntry.file)
+  // })
+  // RendererWorker.send()
+  // const content = await firstEntry.file.text()
+  // console.log(event.dataTransfer)
+
+  // console.log(content)
+};
+
+const handleContextMenu = (event) => {
+  event.preventDefault();
+  const $Target = event.target;
+  const index = findIndex($Target);
+  const x = event.clientX;
+  const y = event.clientY;
+  send(
+    /* Explorer.handleContextMenu */ 'Explorer.handleContextMenu',
+    /* x */ x,
+    /* y */ y,
+    /* index */ index
+  );
+};
+
+const handleMouseDown = (event) => {
+  if (event.button !== /* LeftClick */ 0) {
+    return
+  }
+  const $Target = event.target;
+  const index = findIndex($Target);
+  if (index === -2) {
+    return
+  }
+  send(
+    /* Explorer.handleClick */ 'Explorer.handleClick',
+    /* index */ index
+  );
+};
+
+const findIndex = ($Target) => {
+  if ($Target.classList.contains('TreeItem')) {
+    return findIndex$1($Target.parentNode, $Target)
+  }
+  if ($Target.classList.contains('Viewlet')) {
+    return -1
+  }
+  return -2
+};
+
+const handleMouseEnter = (event) => {
+  const $Target = event.target;
+  const index = findIndex($Target);
+  if (index === -1) {
+    return
+  }
+  send(
+    /* Explorer.handleMouseEnter */ 'Explorer.handleMouseEnter',
+    /* index */ index
+  );
+};
+
+const handleMouseLeave = (event) => {
+  const $Target = event.target;
+  const index = findIndex($Target);
+  if (index === -1) {
+    return
+  }
+  send(
+    /* Explorer.handleMouseLeave */ 'Explorer.handleMouseLeave',
+    /* index */ index
+  );
+};
+
+const handleWheel = (event) => {
+  switch (event.deltaMode) {
+    case event.DOM_DELTA_LINE:
+      send(
+        /* Explorer.handleWheel */ 'Explorer.handleWheel',
+        /* deltaY */ event.deltaY
+      );
+      break
+    case event.DOM_DELTA_PIXEL:
+      send(
+        /* Explorer.handleWheel */ 'Explorer.handleWheel',
+        /* deltaY */ event.deltaY
+      );
+      break
+  }
+};
+
+const create = () => {
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet';
+  $Viewlet.tabIndex = 0;
+  $Viewlet.dataset.viewletId = 'Explorer';
+  $Viewlet.setAttribute('role', 'tree');
+  $Viewlet.ariaLabel = 'Files Explorer';
+  $Viewlet.onmousedown = handleMouseDown;
+  $Viewlet.oncontextmenu = handleContextMenu;
+  $Viewlet.addEventListener('mouseenter', handleMouseEnter, { capture: true });
+  $Viewlet.addEventListener('mouseleave', handleMouseLeave, { capture: true });
+  $Viewlet.addEventListener('wheel', handleWheel, { passive: true });
+  $Viewlet.addEventListener('drop', handleDrop);
+  $Viewlet.addEventListener('focus', handleFocus);
+  $Viewlet.addEventListener('blur', handleBlur);
+  return {
+    $Viewlet,
+  }
+};
+
+const create$Row = () => {
+  const $Row = document.createElement('div');
+  $Row.setAttribute('role', 'treeitem');
+  $Row.className = 'TreeItem';
+  return $Row
+};
+
+// TODO rename to renderDirent
+const render$Row = ($Row, rowInfo) => {
+  $Row.textContent = rowInfo.name;
+  $Row.title = rowInfo.path;
+  $Row.ariaSetSize = `${rowInfo.setSize}`;
+  // TODO bug with windows narrator
+  // windows narrator reads heading level 1
+  $Row.ariaLevel = `${rowInfo.depth}`;
+  $Row.ariaPosInSet = `${rowInfo.posInSet}`;
+  $Row.ariaLabel = rowInfo.name;
+  $Row.ariaDescription = '';
+  switch (rowInfo.type) {
+    // TODO decide on directory vs folder
+    case 'directory':
+    case 'folder':
+      $Row.ariaExpanded = 'false';
+      $Row.className = `TreeItem Icon${rowInfo.icon}`;
+      break
+    case 'directory-expanding':
+      $Row.className = `TreeItem Icon${rowInfo.icon}`;
+      $Row.ariaExpanded = 'true'; // TODO tree should be aria-busy then
+      break
+    case 'directory-expanded':
+      $Row.className = `TreeItem Icon${rowInfo.icon}`;
+      $Row.ariaExpanded = 'true';
+      break
+    case 'file':
+      $Row.ariaExpanded = undefined;
+      $Row.className = `TreeItem Icon${rowInfo.icon}`;
+      break
+  }
+};
+
+const render$RowsLess = ($Rows, rowInfos) => {
+  for (let i = 0; i < $Rows.children.length; i++) {
+    render$Row($Rows.children[i], rowInfos[i]);
+  }
+  const fragment = document.createDocumentFragment();
+  for (let i = $Rows.children.length; i < rowInfos.length; i++) {
+    const $Row = create$Row();
+    render$Row($Row, rowInfos[i]);
+    fragment.append($Row);
+  }
+  $Rows.append(fragment);
+};
+
+const render$RowsEqual = ($Rows, rowInfos) => {
+  for (let i = 0; i < rowInfos.length; i++) {
+    render$Row($Rows.children[i], rowInfos[i]);
+  }
+};
+
+const render$RowsMore = ($Rows, rowInfos) => {
+  for (let i = 0; i < rowInfos.length; i++) {
+    render$Row($Rows.children[i], rowInfos[i]);
+  }
+  const diff = $Rows.children.length - rowInfos.length;
+  for (let i = 0; i < diff; i++) {
+    $Rows.lastChild.remove();
+  }
+};
+
+const render$Rows = ($Rows, rowInfos) => {
+  if ($Rows.children.length < rowInfos.length) {
+    render$RowsLess($Rows, rowInfos);
+  } else if ($Rows.children.length === rowInfos.length) {
+    render$RowsEqual($Rows, rowInfos);
+  } else {
+    render$RowsMore($Rows, rowInfos);
+  }
+};
+
+const handleError = (state, message) => {
+  object(state);
+  string(message);
+  state.$Viewlet.textContent = message;
+};
+
+const updateDirents = (state, dirents) => {
+  object(state);
+  array(dirents);
+  render$Rows(state.$Viewlet, dirents);
+};
+
+const setFocusedIndex = (state, oldIndex, newIndex) => {
+  object(state);
+  number(oldIndex);
+  number(newIndex);
+  const { $Viewlet } = state;
+  switch (oldIndex) {
+    case -2:
+      break
+    case -1:
+      $Viewlet.classList.remove('FocusOutline');
+      break
+    default:
+      const $Dirent = $Viewlet.children[oldIndex];
+      if ($Dirent) {
+        $Dirent.classList.remove('FocusOutline');
+      }
+      break
+  }
+  switch (newIndex) {
+    case -2:
+      $Viewlet.classList.remove('FocusOutline');
+      break
+    case -1:
+      $Viewlet.classList.add('FocusOutline');
+      $Viewlet.focus();
+      break
+    default:
+      const $Dirent = $Viewlet.children[newIndex];
+      $Dirent.classList.add('FocusOutline');
+      $Viewlet.focus();
+      break
+  }
+};
+
+const dispose = (state) => {};
+
+const hoverIndex = (state, oldIndex, newIndex) => {
+  object(state);
+  number(oldIndex);
+  number(newIndex);
+  if (oldIndex !== -1) {
+    const $OldItem = state.$Viewlet.children[oldIndex];
+    $OldItem.classList.remove('Hover');
+  }
+  const $NewItem = state.$Viewlet.children[newIndex];
+  $NewItem.classList.add('Hover');
+};
+
+const showCreateFileInputBox = (state, index) => {
+  const { $Viewlet } = state;
+  const $InputBox = create$1();
+  if (index === -1) {
+    $Viewlet.append($InputBox);
+  } else {
+    const $Dirent = $Viewlet.children[index];
+    // TODO this should never happen
+    if (!$Dirent) {
+      throw new Error(`dirent at index ${index} should be defined`)
+    }
+    $Dirent.before($InputBox);
+  }
+  $InputBox.focus();
+  setFocus('ExplorerCreateFile');
+};
+
+const hideCreateFileInputBox = (state, index) => {
+  const { $Viewlet } = state;
+  if (index === -1) {
+    const $InputBox = $Viewlet.lastChild;
+    $InputBox.remove();
+    return $InputBox.value
+  }
+  const $InputBox = $Viewlet.children[index];
+  $InputBox.remove();
+  return $InputBox.value
+};
+
+const showRenameInputBox = (state, index, name) => {
+  const $InputBox = create$1();
+  $InputBox.value = name;
+  const $Dirent = state.$Viewlet.children[index];
+  $Dirent.replaceWith($InputBox);
+  $InputBox.select();
+  $InputBox.setSelectionRange(0, $InputBox.value.length);
+  setFocus('ExplorerRename');
+};
+
+const hideRenameBox = (state, index, dirent) => {
+  const $InputBox = state.$Viewlet.children[index];
+  const $Dirent = create$Row();
+  render$Row($Dirent, dirent);
+  $InputBox.replaceWith($Dirent);
+  // $Dirent.focus()
+  return $InputBox.value
+};
+
+export { create, dispose, handleError, hideCreateFileInputBox, hideRenameBox, hoverIndex, name, setFocusedIndex, showCreateFileInputBox, showRenameInputBox, updateDirents };
+//# sourceMappingURL=ViewletExplorer.js.map