@pro6pp/infer-react 0.1.0-beta.20 → 0.1.0-beta.22

package/dist/index.cjs

@@ -180,6 +180,7 @@ var InferCore = class {
     __publicField(this, "state");
     __publicField(this, "abortController", null);
     __publicField(this, "debouncedFetch");
+    __publicField(this, "isDestroyed", false);
     this.country = config.country;
     this.authKey = config.authKey;
     this.explicitApiUrl = config.apiUrl;
@@ -204,6 +205,7 @@ var InferCore = class {
    * @param value The raw string from the input field.
    */
   handleInput(value) {
+    if (this.isDestroyed) return;
     this.currentLimit = this.baseLimit;
     const isEditingFinal = this.state.stage === "final" && value !== this.state.query;
     this.updateState({
@@ -224,6 +226,7 @@ var InferCore = class {
    * Increases the current limit and re-fetches the query to show more results.
    */
   loadMore() {
+    if (this.isDestroyed) return;
     if (this.state.isLoading) return;
     this.currentLimit += this.baseLimit;
     this.updateState({ isLoading: true });
@@ -238,6 +241,7 @@ var InferCore = class {
    * @param event The keyboard event from the input element.
    */
   handleKeyDown(event) {
+    if (this.isDestroyed) return;
     const target = event.target;
     if (!target) return;
     const totalItems = this.state.cities.length + this.state.streets.length + this.state.suggestions.length;
@@ -285,6 +289,7 @@ var InferCore = class {
    * @returns boolean True if the selection is a final address.
    */
   selectItem(item) {
+    if (this.isDestroyed) return false;
     this.debouncedFetch.cancel();
     if (this.abortController) {
       this.abortController.abort();
@@ -313,6 +318,16 @@ var InferCore = class {
     this.processSelection(logicValue, subtitle);
     return false;
   }
+  /**
+   * Disposes the engine and prevents pending async work from updating state.
+   */
+  destroy() {
+    if (this.isDestroyed) return;
+    this.isDestroyed = true;
+    this.debouncedFetch.cancel();
+    this.abortController?.abort();
+    this.abortController = null;
+  }
   shouldAutoInsertComma(currentVal) {
     const isStartOfSegmentAndNumeric = !currentVal.includes(",") && PATTERNS.DIGITS_1_3.test(currentVal.trim());
     if (isStartOfSegmentAndNumeric) return true;
@@ -381,6 +396,7 @@ var InferCore = class {
     this.updateQueryAndFetch(nextQuery);
   }
   executeFetch(val, attempt = 0) {
+    if (this.isDestroyed) return;
     const text = (val || "").toString();
     if (!text.trim()) {
       this.abortController?.abort();
@@ -418,8 +434,10 @@ var InferCore = class {
       }
       return res.json();
     }).then((data) => {
+      if (this.isDestroyed || currentSignal?.aborted) return;
       if (data) this.mapResponseToState(data);
     }).catch((e) => {
+      if (this.isDestroyed) return;
       if (e.name === "AbortError") return;
       if (attempt < this.maxRetries) {
         return this.retry(val, attempt, currentSignal);
@@ -428,10 +446,11 @@ var InferCore = class {
     });
   }
   retry(val, attempt, signal) {
+    if (this.isDestroyed) return;
     if (signal?.aborted) return;
     const delay = Math.pow(2, attempt) * 200;
     setTimeout(() => {
-      if (!signal?.aborted) {
+      if (!this.isDestroyed && !signal?.aborted) {
         this.executeFetch(val, attempt + 1);
       }
     }, delay);
@@ -521,6 +540,7 @@ var InferCore = class {
     this.updateState({ ...INITIAL_STATE, query: this.state.query });
   }
   updateState(updates) {
+    if (this.isDestroyed) return;
     this.state = { ...this.state, ...updates };
     this.onStateChange(this.state);
   }
@@ -851,6 +871,10 @@ function useInfer(config) {
     config.initialValue,
     config.language
   ]);
+  (0, import_react.useEffect)(() => {
+    setState({ ...core.state });
+    return () => core.destroy();
+  }, [core]);
   const setValue = (address) => {
     if (!address) return;
     const suffix = address.addition ? ` ${address.addition}` : "";

package/dist/index.js

@@ -154,6 +154,7 @@ var InferCore = class {
     __publicField(this, "state");
     __publicField(this, "abortController", null);
     __publicField(this, "debouncedFetch");
+    __publicField(this, "isDestroyed", false);
     this.country = config.country;
     this.authKey = config.authKey;
     this.explicitApiUrl = config.apiUrl;
@@ -178,6 +179,7 @@ var InferCore = class {
    * @param value The raw string from the input field.
    */
   handleInput(value) {
+    if (this.isDestroyed) return;
     this.currentLimit = this.baseLimit;
     const isEditingFinal = this.state.stage === "final" && value !== this.state.query;
     this.updateState({
@@ -198,6 +200,7 @@ var InferCore = class {
    * Increases the current limit and re-fetches the query to show more results.
    */
   loadMore() {
+    if (this.isDestroyed) return;
     if (this.state.isLoading) return;
     this.currentLimit += this.baseLimit;
     this.updateState({ isLoading: true });
@@ -212,6 +215,7 @@ var InferCore = class {
    * @param event The keyboard event from the input element.
    */
   handleKeyDown(event) {
+    if (this.isDestroyed) return;
     const target = event.target;
     if (!target) return;
     const totalItems = this.state.cities.length + this.state.streets.length + this.state.suggestions.length;
@@ -259,6 +263,7 @@ var InferCore = class {
    * @returns boolean True if the selection is a final address.
    */
   selectItem(item) {
+    if (this.isDestroyed) return false;
     this.debouncedFetch.cancel();
     if (this.abortController) {
       this.abortController.abort();
@@ -287,6 +292,16 @@ var InferCore = class {
     this.processSelection(logicValue, subtitle);
     return false;
   }
+  /**
+   * Disposes the engine and prevents pending async work from updating state.
+   */
+  destroy() {
+    if (this.isDestroyed) return;
+    this.isDestroyed = true;
+    this.debouncedFetch.cancel();
+    this.abortController?.abort();
+    this.abortController = null;
+  }
   shouldAutoInsertComma(currentVal) {
     const isStartOfSegmentAndNumeric = !currentVal.includes(",") && PATTERNS.DIGITS_1_3.test(currentVal.trim());
     if (isStartOfSegmentAndNumeric) return true;
@@ -355,6 +370,7 @@ var InferCore = class {
     this.updateQueryAndFetch(nextQuery);
   }
   executeFetch(val, attempt = 0) {
+    if (this.isDestroyed) return;
     const text = (val || "").toString();
     if (!text.trim()) {
       this.abortController?.abort();
@@ -392,8 +408,10 @@ var InferCore = class {
       }
       return res.json();
     }).then((data) => {
+      if (this.isDestroyed || currentSignal?.aborted) return;
       if (data) this.mapResponseToState(data);
     }).catch((e) => {
+      if (this.isDestroyed) return;
       if (e.name === "AbortError") return;
       if (attempt < this.maxRetries) {
         return this.retry(val, attempt, currentSignal);
@@ -402,10 +420,11 @@ var InferCore = class {
     });
   }
   retry(val, attempt, signal) {
+    if (this.isDestroyed) return;
     if (signal?.aborted) return;
     const delay = Math.pow(2, attempt) * 200;
     setTimeout(() => {
-      if (!signal?.aborted) {
+      if (!this.isDestroyed && !signal?.aborted) {
         this.executeFetch(val, attempt + 1);
       }
     }, delay);
@@ -495,6 +514,7 @@ var InferCore = class {
     this.updateState({ ...INITIAL_STATE, query: this.state.query });
   }
   updateState(updates) {
+    if (this.isDestroyed) return;
     this.state = { ...this.state, ...updates };
     this.onStateChange(this.state);
   }
@@ -825,6 +845,10 @@ function useInfer(config) {
     config.initialValue,
     config.language
   ]);
+  useEffect(() => {
+    setState({ ...core.state });
+    return () => core.destroy();
+  }, [core]);
   const setValue = (address) => {
     if (!address) return;
     const suffix = address.addition ? ` ${address.addition}` : "";

package/package.json

@@ -22,7 +22,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "0.1.0-beta.20",
+  "version": "0.1.0-beta.22",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,7 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@pro6pp/infer-core": "0.1.0-beta.18"
+    "@pro6pp/infer-core": "0.1.0-beta.20"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",