@lvce-editor/virtual-dom-worker 2.18.0 → 3.1.0

package/dist/parts/AddPatch/AddPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/ApplyPendingPatches/ApplyPendingPatches.js

@@ -0,0 +1,17 @@
+import * as PatchType from "../PatchType/PatchType.js";
+export const applyPendingPatches = (patches, pendingPatches, skip) => {
+    for (let k = 0; k < pendingPatches.length - skip; k += 2) {
+        const type = pendingPatches[k];
+        const index = pendingPatches[k + 1];
+        if (type === PatchType.NavigateParent) {
+            patches.push({ type });
+        }
+        else {
+            patches.push({
+                type,
+                index,
+            });
+        }
+    }
+    pendingPatches.length = 0;
+};

package/dist/parts/AriaLive/AriaLive.js

@@ -0,0 +1 @@
+export const Polite = 'polite';

package/dist/parts/AttributePatch/AttributePatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/DomEventListener/DomEventListener.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/GetKeys/GetKeys.js

@@ -0,0 +1,5 @@
+import * as IsKey from "../IsKey/IsKey.js";
+export const getKeys = (node) => {
+    const keys = Object.keys(node).filter(IsKey.isKey);
+    return keys;
+};

package/dist/parts/GetTotalChildCount/GetTotalChildCount.js

@@ -0,0 +1,11 @@
+export const getTotalChildCount = (nodes, index) => {
+    let i = index;
+    let pending = 1;
+    while (pending) {
+        const node = nodes[i];
+        pending += node.childCount;
+        pending--;
+        i++;
+    }
+    return i - index;
+};

package/dist/parts/InputEventType/InputEventType.js

@@ -0,0 +1,8 @@
+export const InsertText = 'insertText';
+export const DeleteContentBackward = 'deleteContentBackward';
+export const DeleteContentForward = 'deleteContentForward';
+export const DeleteWordForward = 'deleteWordForward';
+export const DeleteWordBackward = 'deleteWordBackward';
+export const InsertLineBreak = 'insertLineBreak';
+export const InsertCompositionText = 'insertCompositionText';
+export const InsertFromPaste = 'insertFromPaste';

package/dist/parts/IsKey/IsKey.js

@@ -0,0 +1,3 @@
+export const isKey = (key) => {
+    return key !== 'type' && key !== 'childCount';
+};

package/dist/parts/Main/Main.js

@@ -0,0 +1,6 @@
+export { AriaRoles, ClassNames, InputEventType, KeyCode, KeyModifier, MouseEventType, VirtualDomElements, WhenExpression, } from '@lvce-editor/constants';
+export * as AriaLive from "../AriaLive/AriaLive.js";
+export * from "../MergeClassNames/MergeClassNames.js";
+export * from "../Px/Px.js";
+export * from "../Text/Text.js";
+export { diff } from "../VirtualDomDiff/VirtualDomDiff.js";

package/dist/parts/MergeClassNames/MergeClassNames.js

@@ -0,0 +1,3 @@
+export const mergeClassNames = (...classNames) => {
+    return classNames.filter(Boolean).join(' ');
+};

package/dist/parts/MouseEventType/MouseEventType.js

@@ -0,0 +1,2 @@
+export const Keyboard = -1;
+export const LeftClick = 0;

package/dist/parts/NavigateChildPatch/NavigateChildPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/NavigateParentPatch/NavigateParentPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/NavigateSiblingPatch/NavigateSiblingPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/Patch/Patch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/PatchType/PatchType.js

@@ -0,0 +1,10 @@
+export const SetText = 1;
+export const Replace = 2;
+export const SetAttribute = 3;
+export const RemoveAttribute = 4;
+export const Remove = 5;
+export const Add = 6;
+export const NavigateChild = 7;
+export const NavigateParent = 8;
+export const RemoveChild = 9;
+export const NavigateSibling = 10;

package/dist/parts/Px/Px.js

@@ -0,0 +1,6 @@
+export const px = (value) => {
+    return `${value}px`;
+};
+export const position = (x, y) => {
+    return `${x}px ${y}px`;
+};

package/dist/parts/RemoveAttributePatch/RemoveAttributePatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/RemoveChildPatch/RemoveChildPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/RemovePatch/RemovePatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/ReplacePatch/ReplacePatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/Text/Text.js

@@ -0,0 +1,8 @@
+import { VirtualDomElements } from '@lvce-editor/constants';
+export const text = (data) => {
+    return {
+        type: VirtualDomElements.Text,
+        text: data,
+        childCount: 0,
+    };
+};

package/dist/parts/TextPatch/TextPatch.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/VirtualDomDiff/VirtualDomDiff.js

@@ -0,0 +1,176 @@
+import { VirtualDomElements } from '@lvce-editor/constants';
+import * as ApplyPendingPatches from "../ApplyPendingPatches/ApplyPendingPatches.js";
+import * as GetKeys from "../GetKeys/GetKeys.js";
+import * as GetTotalChildCount from "../GetTotalChildCount/GetTotalChildCount.js";
+import * as PatchType from "../PatchType/PatchType.js";
+export const diff = (oldNodes, newNodes) => {
+    const patches = [];
+    const pendingPatches = [];
+    let i = 0;
+    let j = 0;
+    let siblingOffset = 0;
+    let maxSiblingOffset = 1;
+    const indexStack = [0, 1];
+    while (i < oldNodes.length && j < newNodes.length) {
+        const oldNode = oldNodes[i];
+        const newNode = newNodes[j];
+        if (siblingOffset > 0) {
+            // pendingPatches.push(PatchType.NavigateSibling, siblingOffset)
+        }
+        // TODO maybe don't have the current element in indexstack
+        if (siblingOffset === maxSiblingOffset) {
+            indexStack.pop();
+            indexStack.pop();
+            pendingPatches.push(PatchType.NavigateParent, 0);
+            maxSiblingOffset = indexStack.pop();
+            siblingOffset = indexStack.pop() + 1;
+        }
+        while (siblingOffset === maxSiblingOffset) {
+            pendingPatches.push(PatchType.NavigateParent, 0);
+            maxSiblingOffset = indexStack.pop();
+            siblingOffset = indexStack.pop() + 1;
+        }
+        if (oldNode.type !== newNode.type) {
+            let skip = 0;
+            if (pendingPatches.length > 0 &&
+                pendingPatches.at(-2) === PatchType.NavigateChild) {
+                skip = 2;
+            }
+            ApplyPendingPatches.applyPendingPatches(patches, pendingPatches, skip);
+            const oldTotal = GetTotalChildCount.getTotalChildCount(oldNodes, i);
+            const newTotal = GetTotalChildCount.getTotalChildCount(newNodes, j);
+            patches.push({
+                type: PatchType.RemoveChild,
+                index: siblingOffset,
+            });
+            patches.push({
+                type: PatchType.Add,
+                nodes: newNodes.slice(j, j + newTotal),
+            });
+            siblingOffset++;
+            i += oldTotal;
+            j += newTotal;
+            continue;
+        }
+        if (oldNode.type === VirtualDomElements.Text &&
+            newNode.type === VirtualDomElements.Text) {
+            if (oldNode.text !== newNode.text) {
+                if (siblingOffset !== 0) {
+                    pendingPatches.push(PatchType.NavigateSibling, siblingOffset);
+                }
+                ApplyPendingPatches.applyPendingPatches(patches, pendingPatches, 0);
+                patches.push({
+                    type: PatchType.SetText,
+                    value: newNode.text,
+                });
+            }
+            i++;
+            j++;
+            siblingOffset++;
+            continue;
+        }
+        const oldKeys = GetKeys.getKeys(oldNode);
+        const newKeys = GetKeys.getKeys(newNode);
+        let hasAttributeChanges = false;
+        for (const key of newKeys) {
+            if (oldNode[key] !== newNode[key]) {
+                hasAttributeChanges = true;
+                break;
+            }
+        }
+        for (const key of oldKeys) {
+            if (!(key in newNode)) {
+                hasAttributeChanges = true;
+                break;
+            }
+        }
+        if (hasAttributeChanges) {
+            if (siblingOffset > 0) {
+                pendingPatches.push(PatchType.NavigateSibling, siblingOffset);
+            }
+            ApplyPendingPatches.applyPendingPatches(patches, pendingPatches, 0);
+            for (const key of newKeys) {
+                if (oldNode[key] !== newNode[key]) {
+                    patches.push({
+                        type: PatchType.SetAttribute,
+                        key,
+                        value: newNode[key],
+                    });
+                }
+            }
+            for (const key of oldKeys) {
+                if (!(key in newNode)) {
+                    patches.push({
+                        type: PatchType.RemoveAttribute,
+                        key,
+                    });
+                }
+            }
+        }
+        if (oldNode.childCount && newNode.childCount) {
+            maxSiblingOffset = oldNode.childCount;
+            indexStack.push(0, maxSiblingOffset);
+            pendingPatches.push(PatchType.NavigateChild, 0);
+            i++;
+            j++;
+            continue;
+        }
+        if (oldNode.childCount) {
+            ApplyPendingPatches.applyPendingPatches(patches, pendingPatches, 0);
+            for (let k = 0; k < oldNode.childCount; k++) {
+                patches.push({
+                    type: PatchType.RemoveChild,
+                    index: 0,
+                });
+            }
+            i += GetTotalChildCount.getTotalChildCount(oldNodes, i);
+            j++;
+            siblingOffset++;
+            continue;
+        }
+        if (newNode.childCount) {
+            ApplyPendingPatches.applyPendingPatches(patches, pendingPatches, 0);
+            const total = GetTotalChildCount.getTotalChildCount(newNodes, j);
+            patches.push({
+                type: PatchType.Add,
+                nodes: newNodes.slice(j + 1, j + total),
+            });
+            i++;
+            j += total;
+            continue;
+        }
+        i++;
+        j++;
+        siblingOffset++;
+    }
+    while (i < oldNodes.length) {
+        if (indexStack.length !== 2) {
+            patches.push({
+                type: PatchType.NavigateParent,
+            });
+        }
+        patches.push({
+            type: PatchType.RemoveChild,
+            index: siblingOffset,
+        });
+        i += GetTotalChildCount.getTotalChildCount(oldNodes, i);
+        indexStack.pop();
+        indexStack.pop();
+    }
+    while (j < newNodes.length) {
+        if (siblingOffset > 0) {
+            patches.push({
+                type: PatchType.NavigateSibling,
+                index: siblingOffset,
+            });
+            siblingOffset = 0;
+        }
+        const count = GetTotalChildCount.getTotalChildCount(newNodes, j);
+        patches.push({
+            type: PatchType.Add,
+            nodes: newNodes.slice(j, j + count),
+        });
+        j += count;
+    }
+    return patches;
+};

package/dist/parts/VirtualDomNode/VirtualDomNode.js

@@ -0,0 +1 @@
+export {};

package/dist/parts/WhenExpression/WhenExpression.js

@@ -0,0 +1,54 @@
+export const Empty = 0;
+export const BrowserChromium = 1;
+export const BrowserElectron = 2;
+export const BrowserFirefox = 3;
+export const FocusAbout = 4;
+export const FocusActivityBar = 5;
+export const FocusDebugInput = 6;
+export const FocusDialog = 7;
+export const FocusEditor = 12;
+export const FocusEditorCompletions = 9;
+export const FocusEditorImage = 10;
+export const FocusEditorRename = 11;
+export const FocusEditorText = 12;
+export const FocusExplorer = 13;
+export const FocusExplorerEditBox = 14;
+export const FocusExtensions = 15;
+export const FocusFindWidget = 16;
+export const FocusLocationList = 17;
+export const FocusMenu = 18;
+export const FocusProblems = 19;
+export const FocusQuickPickInput = 20;
+export const FocusSearchInput = 21;
+export const FocusSearchResults = 22;
+export const FocusSimpleBrowserInput = 23;
+export const FocusSourceControlInput = 24;
+export const FocusTerminal = 25;
+export const FocusTitleBarMenuBar = 26;
+export const FocusViewletList = 27;
+export const FocusOutput = 28;
+export const FocusDebugConsoleInput = 29;
+export const FocusDebugScope = 30;
+export const FocusSearchReplaceInput = 31;
+export const FocusSearchMatchCase = 32;
+export const FocusSearchRegex = 33;
+export const FocusSearchWholeWord = 34;
+export const FocusSearchReplaceAll = 35;
+export const FocusSearchPreserveCase = 36;
+export const FocusSimpleBrowser = 37;
+export const FocusSourceActions = 38;
+export const FocusKeyBindingsTable = 39;
+export const FocusConfirm = 40;
+export const FocusColorPicker = 41;
+export const FocusFindWidgetToggleReplace = 42;
+export const FocusFindWidgetReplace = 43;
+export const FocusFindWidgetRegex = 44;
+export const FocusFindWidgetMatchCase = 45;
+export const FocusFindWidgetReplaceButton = 46;
+export const FocusFindWidgetReplaceAllButton = 47;
+export const FocusFindWidgetCloseButton = 48;
+export const FocusFindWidgetNextMatchButton = 49;
+export const FocusFindWidgetPreviousMatchButton = 50;
+export const FocusEditorHover = 51;
+export const FocusEditorCodeGenerator = 52;
+export const FocusKeyBindingsWhenExpression = 53;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@lvce-editor/virtual-dom-worker",
-  "version": "2.18.0",
+  "version": "3.1.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],
   "author": "",
   "license": "MIT",
   "description": "",
+  "dependencies": {
+    "@lvce-editor/constants": "^1.0.1"
+  },
   "types": "dist/index.d.ts"
 }

package/src/index.ts

@@ -1 +0,0 @@
-export * from './parts/Main/Main.ts'

package/src/parts/AddPatch/AddPatch.ts

@@ -1,6 +0,0 @@
-import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
-
-export interface AddPatch {
-  readonly type: 6
-  readonly nodes: readonly VirtualDomNode[]
-}

package/src/parts/ApplyPendingPatches/ApplyPendingPatches.ts

@@ -1,22 +0,0 @@
-import type { Patch } from '../Patch/Patch.ts'
-import * as PatchType from '../PatchType/PatchType.ts'
-
-export const applyPendingPatches = (
-  patches: Patch[],
-  pendingPatches: number[],
-  skip: number,
-): void => {
-  for (let k = 0; k < pendingPatches.length - skip; k += 2) {
-    const type = pendingPatches[k]
-    const index = pendingPatches[k + 1]
-    if (type === PatchType.NavigateParent) {
-      patches.push({ type })
-    } else {
-      patches.push({
-        type,
-        index,
-      } as Patch)
-    }
-  }
-  pendingPatches.length = 0
-}

package/src/parts/AriaLive/AriaLive.ts

@@ -1 +0,0 @@
-export const Polite = 'polite'

package/src/parts/AriaRoles/AriaRoles.ts

@@ -1,18 +0,0 @@
-export const Alert = 'alert'
-export const Button = 'button'
-export const CheckBox = 'checkbox'
-export const ComboBox = 'combobox'
-export const Document = 'document'
-export const Group = 'group'
-export const ListBox = 'listbox'
-export const Log = 'log'
-export const None = 'none'
-export const Option = 'option'
-export const Panel = 'panel'
-export const ScrollBar = 'scrollbar'
-export const Status = 'status'
-export const Tab = 'tab'
-export const TabList = 'tablist'
-export const ToolBar = 'toolbar'
-export const Tree = 'tree'
-export const TreeItem = 'treeitem'

package/src/parts/AttributePatch/AttributePatch.ts

@@ -1,5 +0,0 @@
-export interface AttributePatch {
-  readonly type: 3
-  readonly key: string
-  readonly value: any
-}