@lvce-editor/editor-worker 1.7.0 → 1.9.0

package/dist/api/api.d.ts

@@ -0,0 +1,24 @@
+interface EventMap {
+  'ColorPicker.loadContent': (state: any) => Promise<any>
+  'ColorPicker.handleSliderPointerDown': (state: any, x: number, y: number) => Promise<any>
+  'ColorPicker.handleSliderPointerMove': (state: any, x: number, y: number) => Promise<any>
+  'EditorCompletion.loadContent': (editorUid: number, state: any) => Promise<any>
+  'EditorCompletion.selectCurrent': (editorUid: number, state: any) => Promise<any>
+  'EditorCompletion.selectIndex': (editorUid: number, state: any, index: number) => Promise<any>
+  'Hover.getHoverInfo': (editorUid: number, position: any) => Promise<any>
+  'Font.ensure': (fontName: string, fontUrl: string) => Promise<void>
+  'Editor.create': (options: any) => Promise<void>
+  'Editor.render': (editorUid: number) => Promise<any>
+  'FindWidget.loadContent': (editorUid: number) => Promise<any>
+  'FindWidget.handleInput': (state: any, value: string) => Promise<any>
+  'FindWidget.focusIndex': (state: any, index: number) => Promise<any>
+  'FindWidget.focusFirst': (state: any) => Promise<any>
+  'FindWidget.focusLast': (state: any) => Promise<any>
+  'FindWidget.focusNext': (state: any) => Promise<any>
+  'FindWidget.focusPrevious': (state: any) => Promise<any>
+  'Editor.offsetAt': (textDocument: any, positionRowIndex: number, positionColumnIndex: number) => Promise<any>
+}
+
+export interface EditorWorkerApi {
+  readonly invoke: <K extends keyof EventMap>(method: K, ...params: Parameters<EventMap[K]>) => Promise<any>
+}

package/dist/editorWorkerMain.js

@@ -7654,10 +7654,18 @@ const Div = 4;
 const Span = 8;
 const Text = 12;
 
+const ColorPicker = 'ColorPicker';
+const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
+const ColorPickerDark = 'ColorPickerDark';
+const ColorPickerLight = 'ColorPickerLight';
+const ColorPickerRectangle = 'ColorPickerRectangle';
+const ColorPickerSlider = 'ColorPickerSlider';
+const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
 const Diagnostic = 'Diagnostic';
 const EditorCursor = 'EditorCursor';
 const EditorRow = 'EditorRow';
 const EditorSelection = 'EditorSelection';
+const Viewlet = 'Viewlet';
 
 const getCursorsVirtualDom = cursors => {
   const dom = [];
@@ -7916,7 +7924,7 @@ const renderGutterInfo = {
     return ['renderGutter', dom];
   }
 };
-const render = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus, renderDecorations, renderGutterInfo];
+const render$1 = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus, renderDecorations, renderGutterInfo];
 const renderEditor = async id => {
   const instance = get$6(id);
   if (!instance) {
@@ -7928,7 +7936,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$6(id, newState, newState);
-  for (const item of render) {
+  for (const item of render$1) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(await item.apply(oldState, newState));
     }
@@ -7936,7 +7944,7 @@ const renderEditor = async id => {
   return commands;
 };
 
-const keep = ['ColorPicker.handleSliderPointerDown', 'ColorPicker.handleSliderPointerMove', 'ColorPicker.loadContent', 'Editor.create', 'Editor.getWordAt', 'Editor.getWordBefore', 'Editor.offsetAt', 'Editor.render', 'FindWidget.focusFirst', 'FindWidget.focusIndex', 'FindWidget.focusLast', 'FindWidget.focusNext', 'FindWidget.focusPrevious', 'FindWidget.handleInput', 'FindWidget.loadContent', 'Font.ensure', 'Hover.getHoverInfo', 'Initialize.initialize', 'EditorCompletion.advance', 'EditorCompletion.handleEditorBlur', 'EditorCompletion.handleEditorClick', 'EditorCompletion.handleEditorDeleteLeft', 'EditorCompletion.handleEditorType', 'EditorCompletion.loadContent', 'EditorCompletion.selectCurrent', 'EditorCompletion.selectIndex'];
+const keep = ['ColorPicker.handleSliderPointerDown', 'ColorPicker.handleSliderPointerMove', 'ColorPicker.loadContent', 'Editor.create', 'Editor.getWordAt', 'Editor.getWordBefore', 'Editor.offsetAt', 'Editor.render', 'FindWidget.focusFirst', 'FindWidget.focusIndex', 'FindWidget.focusLast', 'FindWidget.focusNext', 'FindWidget.focusPrevious', 'FindWidget.handleInput', 'FindWidget.loadContent', 'Font.ensure', 'Hover.getHoverInfo', 'Initialize.initialize', 'EditorCompletion.advance', 'EditorCompletion.handleEditorBlur', 'EditorCompletion.handleEditorClick', 'EditorCompletion.handleEditorDeleteLeft', 'EditorCompletion.handleEditorType', 'EditorCompletion.loadContent', 'EditorCompletion.selectCurrent', 'EditorCompletion.selectIndex', 'ColorPicker.render'];
 
 // TODO wrap commands globally, not per editor
 // TODO only store editor state in editor worker, not in renderer worker also
@@ -7958,10 +7966,89 @@ const wrapCommands = commands => {
   }
 };
 
+const HandlePointerDown = 'handlePointerDown';
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const getColorPickerVirtualDom = () => {
+  return [{
+    type: Div,
+    className: mergeClassNames(Viewlet, ColorPicker),
+    onPointerDown: HandlePointerDown,
+    childCount: 3
+  }, {
+    type: Div,
+    className: ColorPickerRectangle,
+    childCount: 3
+  }, {
+    type: Div,
+    className: ColorPickerBackgroundColor,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerLight,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerDark,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerSlider,
+    childCount: 0
+  }, {
+    type: Div,
+    className: ColorPickerSliderThumb,
+    childCount: 0
+  }];
+};
+
+const SetColor = 'setColor';
+const SetOffsetX = 'setOffsetX';
+
+const renderColor = {
+  isEqual(oldState, newState) {
+    return oldState.color === newState.color;
+  },
+  apply(oldState, newState) {
+    return [/* method */SetColor, /* color */newState.color];
+  }
+};
+const renderOffsetX = {
+  isEqual(oldState, newState) {
+    return oldState.offsetX === newState.offsetX;
+  },
+  apply(oldState, newState) {
+    return [/* method */SetOffsetX, /* offsetX */newState.offsetX];
+  }
+};
+const renderColorPickerDom = {
+  isEqual(oldState, newState) {
+    return oldState.min === newState.min && oldState.max === newState.max;
+  },
+  apply(oldState, newState) {
+    const dom = getColorPickerVirtualDom();
+    return ['Viewlet.setDom2', dom];
+  }
+};
+const render = [renderColorPickerDom, renderColor, renderOffsetX];
+const renderColorPicker = async (oldState, newState) => {
+  const commands = [];
+  for (const item of render) {
+    if (!item.isEqual(oldState, newState)) {
+      commands.push(item.apply(oldState, newState));
+    }
+  }
+  return commands;
+};
+
 const commandMap = {
   'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
   'ColorPicker.handleSliderPointerMove': handleSliderPointerMove,
   'ColorPicker.loadContent': loadContent$2,
+  'ColorPicker.render': renderColorPicker,
   'Editor.addCursorAbove': addCursorAbove,
   'Editor.addCursorBelow': addCursorBelow,
   'Editor.applyEdit': applyEdit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "description": "",
   "main": "dist/testWorkerMain.js",
   "type": "module",