change lasoo to lasso

Author: wade-cheng

editor/src/messages/frontend/frontend_message.rs

@@ -2,7 +2,7 @@ use super::utility_types::{DocumentDetails, MouseCursorIcon, OpenDocument};
 use crate::messages::app_window::app_window_message_handler::AppWindowPlatform;
 use crate::messages::layout::utility_types::widget_prelude::*;
 use crate::messages::portfolio::document::node_graph::utility_types::{
-	BoxSelection, ContextMenuInformation, FrontendClickTargets, FrontendGraphInput, FrontendGraphOutput, FrontendNode, FrontendNodeType, NodeGraphErrorDiagnostic, Transform,
+	BoxSelection, ContextMenuInformation, FrontendClickTargets, FrontendGraphInput, FrontendGraphOutput, FrontendNode, FrontendNodeType, LassoSelection, NodeGraphErrorDiagnostic, Transform,
 };
 use crate::messages::portfolio::document::utility_types::nodes::{JsRawBuffer, LayerPanelEntry, RawBuffer};
 use crate::messages::portfolio::document::utility_types::wires::{WirePath, WirePathUpdate};
@@ -152,9 +152,9 @@ pub enum FrontendMessage {
 		#[serde(rename = "box")]
 		box_selection: Option<BoxSelection>,
 	},
-	UpdateLasoo {
-		#[serde(rename = "lasoo")]
-		lasoo_selection: Option<LasooSelection>,
+	UpdateLasso {
+		#[serde(rename = "lasso")]
+		lasso_selection: Option<LassoSelection>,
 	},
 	UpdateContextMenuInformation {
 		#[serde(rename = "contextMenuInformation")]

editor/src/messages/portfolio/document/node_graph/utility_types.rs

@@ -153,18 +153,18 @@ pub struct BoxSelection {
 }
 
 #[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
-pub struct LasooSelection {
+pub struct LassoSelection {
 	pub points: String,
 }
 
-impl FromIterator<glam::DVec2> for LasooSelection {
+impl FromIterator<glam::DVec2> for LassoSelection {
 	fn from_iter<I: IntoIterator<Item = glam::DVec2>>(iter: I) -> Self {
 		let mut points = String::new();
 		for coordinate in iter {
 			use std::fmt::Write;
 			write!(&mut points, "{},{} ", coordinate.x, coordinate.y).unwrap();
 		}
-		LasooSelection { points }
+		LassoSelection { points }
 	}
 }
 

frontend/src/components/views/Graph.svelte

@@ -777,9 +777,9 @@
 	></div>
 {/if}
 
-{#if $nodeGraph.lasoo}
-	<svg class="lasoo-selection" style:clip-path={`polygon(${$nodeGraph.lasoo.points})`}>
-		<polygon points={$nodeGraph.lasoo.points} stroke="#00a8ff" stroke-width="1px" fill="rgba(0, 168, 255, 0.05)" />
+{#if $nodeGraph.lasso}
+	<svg class="lasso-selection" style:clip-path={`polygon(${$nodeGraph.lasso.points})`}>
+		<polygon points={$nodeGraph.lasso.points} stroke="#00a8ff" stroke-width="1px" fill="rgba(0, 168, 255, 0.05)" />
 	</svg>
 {/if}
 
@@ -1376,7 +1376,7 @@
 		border: 1px solid #00a8ff;
 	}
 
-	.lasoo-selection {
+	.lasso-selection {
 		position: absolute;
 		pointer-events: none;
 		z-index: 2;

frontend/src/messages.ts

@@ -29,8 +29,8 @@ export class UpdateBox extends JsMessage {
 	readonly box!: Box | undefined;
 }
 
-export class UpdateLasoo extends JsMessage {
-	readonly lasoo!: Lasoo | undefined;
+export class UpdateLasso extends JsMessage {
+	readonly lasso!: Lasso | undefined;
 }
 
 export class UpdateClickTargets extends JsMessage {
@@ -158,7 +158,7 @@ export class Box {
 	readonly endY!: number;
 }
 
-export class Lasoo {
+export class Lasso {
 	readonly points!: string;
 }
 
@@ -1673,7 +1673,7 @@ export const messageMakers: Record<string, MessageMaker> = {
 	TriggerVisitLink,
 	UpdateActiveDocument,
 	UpdateBox,
-	UpdateLasoo,
+	UpdateLasso,
 	UpdateClickTargets,
 	UpdateContextMenuInformation,
 	UpdateDialogButtons,

frontend/src/state-providers/node-graph.ts

@@ -4,7 +4,7 @@ import { type Editor } from "@graphite/editor";
 import type { NodeGraphError } from "@graphite/messages";
 import {
 	type Box,
-	type Lasoo,
+	type Lasso,
 	type FrontendClickTargets,
 	type ContextMenuInformation,
 	type FrontendNode,
@@ -13,7 +13,7 @@ import {
 	ClearAllNodeGraphWires,
 	SendUIMetadata,
 	UpdateBox,
-	UpdateLasoo,
+	UpdateLasso,
 	UpdateClickTargets,
 	UpdateContextMenuInformation,
 	UpdateInSelectedNetwork,
@@ -34,7 +34,7 @@ import {
 export function createNodeGraphState(editor: Editor) {
 	const { subscribe, update } = writable({
 		box: undefined as Box | undefined,
-		lasoo: undefined as Lasoo | undefined,
+		lasso: undefined as Lasso | undefined,
 		clickTargets: undefined as FrontendClickTargets | undefined,
 		contextMenuInformation: undefined as ContextMenuInformation | undefined,
 		error: undefined as NodeGraphError | undefined,
@@ -71,9 +71,9 @@ export function createNodeGraphState(editor: Editor) {
 			return state;
 		});
 	});
-	editor.subscriptions.subscribeJsMessage(UpdateLasoo, (updateLasoo) => {
+	editor.subscriptions.subscribeJsMessage(UpdateLasso, (updateLasso) => {
 		update((state) => {
-			state.lasoo = updateLasoo.lasoo;
+			state.lasso = updateLasso.lasso;
 			return state;
 		});
 	});