refactor(tweakpane): rename startChangeEffect to sync

Author: nartc

libs/tweakpane/src/lib/binding.ts

@@ -69,9 +69,9 @@ export class NgtTweakBinding<TValue> {
 	});
 
 	constructor() {
-		this.blade.startChangeEffect(this.bindingApi);
-		this.label.startChangeEffect(this.bindingApi);
-		this.debounce.startDebounceEffect(this.bindingApi, (ev) => {
+		this.blade.sync(this.bindingApi);
+		this.label.sync(this.bindingApi);
+		this.debounce.sync(this.bindingApi, (ev) => {
 			if (this.asHostDirective && typeof this.asHostDirective === 'object') {
 				this.value.set(this.asHostDirective.out(ev.value) as TValue);
 			} else {

libs/tweakpane/src/lib/blade.ts

@@ -15,7 +15,7 @@ export class NgtTweakBlade {
 		};
 	}
 
-	startChangeEffect(api: () => BladeApi | null) {
+	sync(api: () => BladeApi | null) {
 		return effect(
 			() => {
 				const _api = api();

libs/tweakpane/src/lib/button.ts

@@ -47,9 +47,9 @@ export class NgtTweakButton {
 			});
 		});
 
-		this.label.startChangeEffect(this.buttonApi);
-		this.title.startChangeEffect(this.buttonApi);
-		this.blade.startChangeEffect(this.buttonApi);
+		this.label.sync(this.buttonApi);
+		this.title.sync(this.buttonApi);
+		this.blade.sync(this.buttonApi);
 
 		inject(DestroyRef).onDestroy(() => {
 			this.buttonApi()?.dispose();

libs/tweakpane/src/lib/debounce.ts

@@ -8,7 +8,7 @@ export class NgtTweakDebounce {
 
 	private injector = inject(Injector);
 
-	startDebounceEffect<T>(
+	sync<T>(
 		api: () => {
 			on: (evName: 'change', cb: (ev: TpChangeEvent<T>) => void) => void;
 			off: (evName: 'change', cb: (ev: TpChangeEvent<T>) => void) => void;

libs/tweakpane/src/lib/folder.ts

@@ -35,8 +35,8 @@ export class NgtTweakFolder {
 	isSelf = true;
 
 	constructor() {
-		this.title.startChangeEffect(this.folder);
-		this.blade.startChangeEffect(this.folder);
+		this.title.sync(this.folder);
+		this.blade.sync(this.folder);
 
 		effect((onCleanup) => {
 			const folder = this.folder();

libs/tweakpane/src/lib/label.ts

@@ -11,7 +11,7 @@ export class NgtTweakLabel {
 		return { label: untracked(this.label), tag: untracked(this.tag) };
 	}
 
-	startChangeEffect(api: () => { label?: string | null; tag?: string | null } | null) {
+	sync(api: () => { label?: string | null; tag?: string | null } | null) {
 		return effect(
 			() => {
 				const _api = api();

libs/tweakpane/src/lib/list.ts

@@ -47,9 +47,9 @@ export class NgtTweakList<TOptionValue> {
 	});
 
 	constructor() {
-		this.label.startChangeEffect(this.listApi);
-		this.blade.startChangeEffect(this.listApi);
-		this.debounce.startDebounceEffect(this.listApi, (ev) => {
+		this.label.sync(this.listApi);
+		this.blade.sync(this.listApi);
+		this.debounce.sync(this.listApi, (ev) => {
 			this.value.set(ev.value);
 		});
 

libs/tweakpane/src/lib/title.ts

@@ -10,7 +10,7 @@ export class NgtTweakTitle {
 		return untracked(this.title);
 	}
 
-	startChangeEffect(api: () => { title: string | undefined } | null) {
+	sync(api: () => { title: string | undefined } | null) {
 		return effect(
 			() => {
 				const _api = api();