Fixing Text Speed, Binding, and Soft Locks

MidZM · MidZM · commit 130d2b839f9d · 2025-12-28T16:15:15.000-05:00
New:
- Exported "tsParticles" for legacy support.

Fixes:
- Text speed can now be set from the settings slider.
- Text speed will now update text-box "typeSpeed" configuration. (Prior, even if you changed the text speed, it wouldn't update until refresh)
- "Message" actions will no longer soft lock the screen.
- Fixed a bug that caused the "AutoPlaySpeed" to change every time the player modified it and refreshed the game. (Upon refresh, it would always be the opposite of what they chose)
diff --git a/src/actions/Dialog.ts b/src/actions/Dialog.ts
@@ -90,9 +90,12 @@ export class Dialog extends Action {
 	static override async bind(selector: string): Promise<void> {
 		// Add listener for the text speed setting (TypeWriter reads from preference directly)
 		$_(`${selector} [data-action="set-text-speed"]`).on('change mouseover', function (this: HTMLInputElement) {
+      const textbox = Dialog.engine.element().find('[data-component="text-box"] [data-component="type-writer"]').get(0) as TypeWriter | undefined;
 			const maxTextSpeed = Dialog.engine.setting('maxTextSpeed') as number;
-			const value = maxTextSpeed - parseInt(this.value);
+			const value = maxTextSpeed + parseInt(this.value);
+
 			Dialog.engine.preference('TextSpeed', value);
+			textbox?.setState({ config: { typeSpeed: value } });
 		});
 
 		// Detect scroll on the text element to remove the unread class used when
diff --git a/src/actions/Message.ts b/src/actions/Message.ts
@@ -15,7 +15,7 @@ export class Message extends Action {
     // The close action removes the active class from the element it
     // points to.
     this.engine.on('click', '[data-component="message-modal"] [data-action="close"]', () => {
-      Message.blocking = true;
+      Message.blocking = false;
       this.engine.element().find('[data-component="message-modal"]').remove();
       this.engine.proceed({ userInitiated: true, skip: false, autoPlay: false });
     });
diff --git a/src/components/settings-screen/index.ts b/src/components/settings-screen/index.ts
@@ -176,8 +176,9 @@ class SettingsScreen extends ScreenComponent<Properties, ScreenState> {
 		}
 
 		const engine = this.engine;
+		const clamp = (num: number, min: number, max: number) => Math.min(Math.max(num, min), max);
 		this.content('auto-play-speed-controller').on('change mouseover', function(this: HTMLInputElement) {
-			const value = (engine.setting('MaxAutoPlaySpeed') as number) - parseInt(this.value);
+			const value = clamp(parseInt(this.value), 0, engine.setting('MaxAutoPlaySpeed') as number);
 			engine.preference('AutoPlaySpeed', value);
 		});
 
diff --git a/src/index.ts b/src/index.ts
@@ -26,6 +26,8 @@ import '@fortawesome/fontawesome-free/js/all';
 
 export * from '@aegis-framework/artemis';
 
+export { tsParticles } from '@tsparticles/engine';
+
 export * from '@tsparticles/slim';
 
 export * as RandomJS from 'random-js';
diff --git a/src/monogatari.ts b/src/monogatari.ts
@@ -3439,7 +3439,7 @@ class Monogatari {
       // auto-play feature
       this.registerListener ('auto-play', {
         callback: () => {
-          this.autoPlay (this.global ('_auto_play_timer') === null);
+          this.autoPlay (this.global ('_auto_play_timer') === undefined);
         }
       });
 
@@ -3517,6 +3517,15 @@ class Monogatari {
     screenElement?.setState ({
       open: true
     });
+
+    // If auto play or skip were enabled, disable them.
+    if (this.global ('_auto_play_timer')) {
+      this.autoPlay (false);
+    }
+
+    if (this.global ('skip')) {
+      this.skip (false);
+    }
   }
 
   static hideScreens (): void {
@@ -3685,11 +3694,11 @@ class Monogatari {
     const promises = [];
 
     for (const component of this.components ()) {
-      promises.push (component.bind ());
+      promises.push (component.bind (selector));
     }
 
     for (const action of this.actions ()) {
-      promises.push (action.bind ());
+      promises.push (action.bind (selector));
     }
 
     return Promise.all (promises).then (() => {

Original file line number	Diff line number	Diff line change
`@@ -176,8 +176,9 @@ class SettingsScreen extends ScreenComponent<Properties, ScreenState> {`
`176`	`176`	`}`
`177`	`177`
`178`	`178`	`const engine = this.engine;`
	`179`	`+ const clamp = (num: number, min: number, max: number) => Math.min(Math.max(num, min), max);`
`179`	`180`	`this.content('auto-play-speed-controller').on('change mouseover', function(this: HTMLInputElement) {`
`180`		`- const value = (engine.setting('MaxAutoPlaySpeed') as number) - parseInt(this.value);`
	`181`	`+ const value = clamp(parseInt(this.value), 0, engine.setting('MaxAutoPlaySpeed') as number);`
`181`	`182`	`engine.preference('AutoPlaySpeed', value);`
`182`	`183`	`});`
`183`	`184`