Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): use set for transformer subscriptions

Browse Source
This commit is contained in:
psychedelicious 2024-08-05 18:43:00 +10:00
parent c4fad4456e
commit 20f55768c4
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
invokeai/frontend/web/src/features/controlLayers/konva/CanvasTransformer.ts
View File

@ -38,7 +38,7 @@ export class CanvasTransformer {
/** /**
* A list of subscriptions that should be cleaned up when the transformer is destroyed. * A list of subscriptions that should be cleaned up when the transformer is destroyed.
*/ */
subscriptions: (() => void)[] = []; subscriptions: Set<() => void> = new Set();
/** /**
* Whether the transformer is currently transforming the entity. * Whether the transformer is currently transforming the entity.
@ -337,7 +337,7 @@ export class CanvasTransformer {
this.manager.stateApi.onPosChanged({ id: this.parent.id, position }, 'layer'); this.manager.stateApi.onPosChanged({ id: this.parent.id, position }, 'layer');
}); });
this.subscriptions.push( this.subscriptions.add(
// When the stage scale changes, we may need to re-scale some of the transformer's components. For example, // When the stage scale changes, we may need to re-scale some of the transformer's components. For example,
// the bbox outline should always be 1 screen pixel wide, so we need to update its stroke width. // the bbox outline should always be 1 screen pixel wide, so we need to update its stroke width.
this.manager.stateApi.$stageAttrs.listen((newVal, oldVal) => { this.manager.stateApi.$stageAttrs.listen((newVal, oldVal) => {
@ -349,14 +349,14 @@ export class CanvasTransformer {
// While the user holds shift, we want to snap rotation to 45 degree increments. Listen for the shift key state // While the user holds shift, we want to snap rotation to 45 degree increments. Listen for the shift key state
// and update the snap angles accordingly. // and update the snap angles accordingly.
this.subscriptions.push( this.subscriptions.add(
this.manager.stateApi.$shiftKey.listen((newVal) => { this.manager.stateApi.$shiftKey.listen((newVal) => {
this.konva.transformer.rotationSnaps(newVal ? [0, 45, 90, 135, 180, 225, 270, 315] : []); this.konva.transformer.rotationSnaps(newVal ? [0, 45, 90, 135, 180, 225, 270, 315] : []);
}) })
); );
// When the selected tool changes, we need to update the transformer's interaction state. // When the selected tool changes, we need to update the transformer's interaction state.
this.subscriptions.push( this.subscriptions.add(
this.manager.toolState.subscribe((newVal, oldVal) => { this.manager.toolState.subscribe((newVal, oldVal) => {
if (newVal.selected !== oldVal.selected) { if (newVal.selected !== oldVal.selected) {
this.syncInteractionState(); this.syncInteractionState();
@ -365,7 +365,7 @@ export class CanvasTransformer {
); );
// When the selected entity changes, we need to update the transformer's interaction state. // When the selected entity changes, we need to update the transformer's interaction state.
this.subscriptions.push( this.subscriptions.add(
this.manager.selectedEntityIdentifier.subscribe(() => { this.manager.selectedEntityIdentifier.subscribe(() => {
this.syncInteractionState(); this.syncInteractionState();
}) })