@lvce-editor/editor-worker 3.25.0 → 3.26.0

package/dist/editorWorkerMain.js

@@ -422,7 +422,7 @@ const positionAt = (textDocument, offset) => {
 };
 
 // TODO this should be in a separate scrolling module
-const setDeltaY$2 = (state, value) => {
+const setDeltaY$3 = (state, value) => {
   object(state);
   number$1(value);
   const {
@@ -825,9 +825,9 @@ const applyEdit$1 = (editor, changes) => {
 
 // TODO
 const setDeltaYFixedValue$1 = (editor, value) => {
-  return setDeltaY$2(editor, value);
+  return setDeltaY$3(editor, value);
 };
-const setDeltaY$1 = (editor, value) => {
+const setDeltaY$2 = (editor, value) => {
   return setDeltaYFixedValue$1(editor, editor.deltaY + value);
 };
 const isAutoClosingChange = change => {
@@ -1855,7 +1855,7 @@ const createEditor = async ({
   // TODO avoid creating intermediate editors here
   const newEditor1 = setBounds(editor, x, y, width, height, 9);
   const newEditor2 = setText(newEditor1, content);
-  const newEditor3 = setDeltaY$2(newEditor2, 0);
+  const newEditor3 = setDeltaY$3(newEditor2, 0);
   const newEditor4 = {
     ...newEditor3,
     focused: true
@@ -4154,8 +4154,8 @@ const handleTouchEnd = (editor, touchEvent) => {
 };
 
 // @ts-ignore
-const setDeltaY = (editor, deltaY) => {
-  return setDeltaY$1(editor, deltaY);
+const setDeltaY$1 = (editor, deltaY) => {
+  return setDeltaY$2(editor, deltaY);
 };
 
 // @ts-ignore
@@ -4174,11 +4174,11 @@ const setDelta = (editor, deltaMode, eventDeltaX, eventDeltaY) => {
     deltaY
   } = editor;
   if (eventDeltaX === 0) {
-    return setDeltaY(editor, eventDeltaY);
+    return setDeltaY$1(editor, eventDeltaY);
   }
   const newDeltaX = clamp(deltaX + eventDeltaX, 0, Number.POSITIVE_INFINITY);
   return {
-    ...setDeltaY(editor, eventDeltaY),
+    ...setDeltaY$1(editor, eventDeltaY),
     deltaX: newDeltaX
   };
 };
@@ -7457,14 +7457,48 @@ const focusPrevious = state => {
   return focusIndex(state, previousIndex);
 };
 
-const handelWheel = (state, deltaMode, deltaY) => {
-  console.log({
-    deltaMode,
+// TODO optimize this function to return the minimum number
+// of visible items needed, e.g. when not scrolled 5 items with
+// 20px fill 100px but when scrolled 6 items are needed
+const getNumberOfVisibleItems = (listHeight, itemHeight) => {
+  return Math.ceil(listHeight / itemHeight) + 1;
+};
+
+const setDeltaY = (state, value) => {
+  object(state);
+  number$1(value);
+  const {
+    itemHeight,
+    finalDeltaY,
     deltaY,
-    state
-  });
-  // TODO
-  return state;
+    height,
+    headerHeight
+  } = state;
+  const listHeight = height - headerHeight;
+  const newDeltaY = clamp(value, 0, finalDeltaY);
+  if (deltaY === newDeltaY) {
+    return state;
+  }
+  // TODO when it only moves by one px, extensions don't need to be rerendered, only negative margin
+  const minLineY = Math.floor(newDeltaY / itemHeight);
+  const maxLineY = minLineY + getNumberOfVisibleItems(listHeight, itemHeight);
+  return {
+    ...state,
+    deltaY: newDeltaY,
+    minLineY,
+    maxLineY
+  };
+};
+
+const handleWheel = (state, deltaMode, deltaY) => {
+  number$1(deltaMode);
+  number$1(deltaY);
+  return setDeltaY(state, state.deltaY + deltaY);
+};
+
+const handelWheel = (state, deltaMode, deltaY) => {
+  const newState = handleWheel(state, deltaMode, deltaY);
+  return newState;
 };
 
 const create = () => {
@@ -9012,7 +9046,7 @@ const commandMap = {
   'Editor.selectWordRight': selectWordRight,
   'Editor.setDecorations': setDecorations,
   'Editor.setDelta': setDelta,
-  'Editor.setDeltaY': setDeltaY,
+  'Editor.setDeltaY': setDeltaY$1,
   'Editor.setLanguageId': setLanguageId,
   'Editor.setSelections': setSelections,
   'Editor.showHover': showHover,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "3.25.0",
+  "version": "3.26.0",
   "description": "",
   "main": "dist/editorWorkerMain.js",
   "type": "module",