text-input-guard 1.0.1 → 1.0.2

package/dist/umd/text-input-guard.js

@@ -741,6 +741,11 @@
 			 */
 			this.beforeInputSnapshot = null;
 
+			/**
+			 * onBeforeInput イベントが発生したか否か
+			 */
+			this.existBeforeInputEvent = false;
+
 			/**
 			 * ルールからのrevert要求
 			 * @type {RevertRequest|null}
@@ -997,12 +1002,12 @@
 		 */
 		createCtx({ useSnapshot = true } = {}) {
 			const snap = useSnapshot ? this.beforeInputSnapshot : null;
-			const inputType = snap?.inputType ?? "";
-			const insertedText = snap?.insertedText ?? "";
+			let inputType = snap?.inputType ?? "";
+			let insertedText = snap?.insertedText ?? "";
 
 			// 受理済み（正規化済み）の全文を「今回の編集の基準」として使う
 			// display.value はブラウザ側の編集結果が混ざるので、差分再構成の基準にはしない
-			const beforeText = this.lastAcceptedValue ?? "";
+			let beforeText = this.lastAcceptedValue ?? "";
 
 			// selection は2系統ある：
 			// - snapSel: beforeinput 時点で取得した selection（今回の編集の基準点になり得る）
@@ -1038,6 +1043,38 @@
 				baseSel = lastSel;
 			}
 
+			// beforeinput がない環境では、差分再構成の基準が「前回の受理値」しかないため、そこから今回の編集内容を推測する必要がある。
+			if (beforeText.length === 0 || !this.existBeforeInputEvent) {
+				const display = /** @type {HTMLInputElement|HTMLTextAreaElement} */ (this.displayElement);
+				const current = display.value;
+				// 前回の値がとれないものの、何かしら入力情報がある状態
+				if (current.length > 0) {
+					// 文字列の先頭が前回の受理値と同じなら、末尾に何かしら入力されたと考えられる（オートコンプリート等）
+					if (current.toLocaleLowerCase().startsWith(beforeText.toLocaleLowerCase())) {
+						if (!current.startsWith(beforeText)) {
+							// 文字は同じだが、大文字と小文字の情報が替わっているなどのパターン
+							// 差し代わりが起きているため、前回値は基準にならないと判断して、差分全体を insertedText とする
+							beforeText = "";
+							insertedText = current;
+						} else {
+							// 末尾に追加されたと考えられる部分を insertedText とする
+							// 例: beforeText="abc" → current="abcde" なら、"de" が insertedText
+							insertedText = current.slice(beforeText.length);
+						}
+						// キャレットは前回値の末尾にあると推測する
+						baseSel = /** @type {SelectionState} */ {
+							start: beforeText.length,
+							end: beforeText.length,
+							direction: "none"
+						};
+						inputType = "insertText";
+					}
+				}
+			}
+			// existBeforeInputEvent は、少なくとも1回 beforeinput が発生したかどうかのフラグ
+			// これが false の場合、上記のような「beforeinputがない環境での推測ロジック」を走らせる。
+			this.existBeforeInputEvent = false;
+
 			let replaceStart = baseSel.start ?? 0;
 			let replaceEnd = baseSel.end ?? 0;
 
@@ -1263,9 +1300,7 @@
 			try {
 				this.evaluateInput();
 			} finally {
-				// beforeinput が来ない入力経路（autocomplete等）で
-				// 古い snapshot を使い回さないよう、1イベントごとに破棄する
-				this.beforeInputSnapshot = null;
+				this.existBeforeInputEvent = false;
 			}
 		}
 
@@ -1286,6 +1321,7 @@
 			const inputType = typeof e.inputType === "string" ? e.inputType : null;
 			/** @type {string|null} */
 			const insertedText = typeof e.data === "string" ? e.data : null;
+			this.existBeforeInputEvent = true;
 			this.beforeInputSnapshot = { selection, inputType, insertedText };
 		}
 
@@ -1425,45 +1461,6 @@
 			const ctx = this.createCtx();
 			ctx.afterText = current;
 
-			/**
-			 * 入力値情報のみを使用するフォールバック
-			 * @returns {GuardContext}
-			 */
-			const applyFullNormalizeFromCurrent = () => {
-				let newText = current;
-				ctx.beforeText = "";
-				newText = this.runNormalizeChar(newText, ctx);
-				newText = this.runNormalizeStructure(newText, ctx);
-				this.setDisplayValuePreserveCaret(display, newText, ctx);
-				ctx.afterText = newText;
-				return ctx;
-			};
-
-			// beforeinput が取得できない経路（初回評価）では
-			// 差分再構成を行うと lastAcceptedValue 基準で値を落とす可能性があるため、
-			// 現在の全文を正規化して扱うフォールバックへ切り替える。
-			if (!this.beforeInputSnapshot) {
-				return applyFullNormalizeFromCurrent();
-			}
-
-			// オートコンプリート等では beforeinput は来ても data が空のことがあり、
-			// 差分情報だけでは再構成不能になる。表示値がすでに変わっている場合は
-			// 再構成を諦めて current 全体の正規化に切り替える。
-			const isDeleteInput =
-				ctx.inputType === "deleteContentBackward" ||
-				ctx.inputType === "deleteContentForward";
-			const isInsertLikeInput =
-				ctx.inputType === "" ||
-				ctx.inputType?.startsWith("insert");
-			const lacksDelta =
-				ctx.insertedText === "" &&
-				ctx.beforeText !== current &&
-				isInsertLikeInput &&
-				!isDeleteInput;
-			if (lacksDelta) {
-				return applyFullNormalizeFromCurrent();
-			}
-
 			// 元のテキスト
 			const beforeText = ctx.beforeText;
 
@@ -7495,11 +7492,11 @@
 
 	/**
 	 * バージョン（ビルド時に置換したいならここを差し替える）
-	 * 例: rollup replace で ""1.0.1"" を package.json の version に置換
+	 * 例: rollup replace で ""1.0.2"" を package.json の version に置換
 	 */
 	// @ts-ignore
 	// eslint-disable-next-line no-undef
-	const version = "1.0.1" ;
+	const version = "1.0.2" ;
 
 	exports.ascii = ascii;
 	exports.attach = attach;