Apply new code format standard (#217)

This commit is contained in:
Chenlei Hu
2024-07-25 10:10:18 -04:00
committed by GitHub
parent 19c70d95d3
commit e179f75387
121 changed files with 11898 additions and 11983 deletions

View File

@@ -1,115 +1,115 @@
import { app } from "../../scripts/app";
import { LGraphCanvas, LiteGraph } from "@comfyorg/litegraph";
import { app } from '../../scripts/app'
import { LGraphCanvas, LiteGraph } from '@comfyorg/litegraph'
let touchZooming;
let touchCount = 0;
let touchZooming
let touchCount = 0
app.registerExtension({
name: "Comfy.SimpleTouchSupport",
name: 'Comfy.SimpleTouchSupport',
setup() {
let zoomPos;
let touchTime;
let lastTouch;
let zoomPos
let touchTime
let lastTouch
function getMultiTouchPos(e) {
return Math.hypot(
e.touches[0].clientX - e.touches[1].clientX,
e.touches[0].clientY - e.touches[1].clientY
);
)
}
app.canvasEl.addEventListener(
"touchstart",
'touchstart',
(e) => {
touchCount++;
lastTouch = null;
touchCount++
lastTouch = null
if (e.touches?.length === 1) {
// Store start time for press+hold for context menu
touchTime = new Date();
lastTouch = e.touches[0];
touchTime = new Date()
lastTouch = e.touches[0]
} else {
touchTime = null;
touchTime = null
if (e.touches?.length === 2) {
// Store center pos for zoom
zoomPos = getMultiTouchPos(e);
app.canvas.pointer_is_down = false;
zoomPos = getMultiTouchPos(e)
app.canvas.pointer_is_down = false
}
}
},
true
);
)
app.canvasEl.addEventListener("touchend", (e: TouchEvent) => {
touchZooming = false;
touchCount = e.touches?.length ?? touchCount - 1;
app.canvasEl.addEventListener('touchend', (e: TouchEvent) => {
touchZooming = false
touchCount = e.touches?.length ?? touchCount - 1
if (touchTime && !e.touches?.length) {
if (new Date().getTime() - touchTime > 600) {
try {
// hack to get litegraph to use this event
e.constructor = CustomEvent;
e.constructor = CustomEvent
} catch (error) {}
// @ts-ignore
e.clientX = lastTouch.clientX;
e.clientX = lastTouch.clientX
// @ts-ignore
e.clientY = lastTouch.clientY;
e.clientY = lastTouch.clientY
app.canvas.pointer_is_down = true;
app.canvas.pointer_is_down = true
// @ts-ignore
app.canvas._mousedown_callback(e);
app.canvas._mousedown_callback(e)
}
touchTime = null;
touchTime = null
}
});
})
app.canvasEl.addEventListener(
"touchmove",
'touchmove',
(e) => {
touchTime = null;
touchTime = null
if (e.touches?.length === 2) {
app.canvas.pointer_is_down = false;
touchZooming = true;
app.canvas.pointer_is_down = false
touchZooming = true
// @ts-ignore
LiteGraph.closeAllContextMenus();
LiteGraph.closeAllContextMenus()
// @ts-ignore
app.canvas.search_box?.close();
const newZoomPos = getMultiTouchPos(e);
app.canvas.search_box?.close()
const newZoomPos = getMultiTouchPos(e)
const midX = (e.touches[0].clientX + e.touches[1].clientX) / 2;
const midY = (e.touches[0].clientY + e.touches[1].clientY) / 2;
const midX = (e.touches[0].clientX + e.touches[1].clientX) / 2
const midY = (e.touches[0].clientY + e.touches[1].clientY) / 2
let scale = app.canvas.ds.scale;
const diff = zoomPos - newZoomPos;
let scale = app.canvas.ds.scale
const diff = zoomPos - newZoomPos
if (diff > 0.5) {
scale *= 1 / 1.07;
scale *= 1 / 1.07
} else if (diff < -0.5) {
scale *= 1.07;
scale *= 1.07
}
app.canvas.ds.changeScale(scale, [midX, midY]);
app.canvas.setDirty(true, true);
zoomPos = newZoomPos;
app.canvas.ds.changeScale(scale, [midX, midY])
app.canvas.setDirty(true, true)
zoomPos = newZoomPos
}
},
true
);
},
});
)
}
})
// @ts-ignore
const processMouseDown = LGraphCanvas.prototype.processMouseDown;
const processMouseDown = LGraphCanvas.prototype.processMouseDown
// @ts-ignore
LGraphCanvas.prototype.processMouseDown = function (e) {
if (touchZooming || touchCount) {
return;
return
}
return processMouseDown.apply(this, arguments);
};
return processMouseDown.apply(this, arguments)
}
// @ts-ignore
const processMouseMove = LGraphCanvas.prototype.processMouseMove;
const processMouseMove = LGraphCanvas.prototype.processMouseMove
// @ts-ignore
LGraphCanvas.prototype.processMouseMove = function (e) {
if (touchZooming || touchCount > 1) {
return;
return
}
return processMouseMove.apply(this, arguments);
};
return processMouseMove.apply(this, arguments)
}