@asd20/ui-next 2.11.0 → 2.11.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.11.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.11.0...ui-next-v2.11.1) (2026-05-26)
+
+
+### Bug Fixes
+
+* remove search parameters from url ([b6bde4c](https://github.com/academydistrict20/asd20-ui-next/commit/b6bde4cb29ea762267ecd03f9739a47d8726ce1e))
+
 # [2.11.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.10.11...ui-next-v2.11.0) (2026-05-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/organisms/Asd20SiteSearch/index.vue

@@ -683,7 +683,6 @@ export default {
     searchMode: '',
     routeRestoreInProgress: false,
     lastRestoredSearchKey: '',
-    skipNextRouteRestore: false,
     suppressAutoRestore: false,
     lastManualTabChangeAt: 0,
     lastManualTabLabel: '',
@@ -1077,9 +1076,9 @@ export default {
           this.focusQuery()
           this.refreshResultsScrollLayer()
         })
-        this.restoreSearchStateFromRoute()
+        this.restoreSearchState()
       } else {
-        this.clearSearchStateFromRouteQuery()
+        this.clearLegacySearchRouteQuery()
         if (!this.inline) this.unlockBodyScroll()
         this.blurQuery()
       }
@@ -1090,7 +1089,7 @@ export default {
       if (newVal === 'Answers') {
         this.$nextTick(() => this.refreshResultsScrollLayer())
       }
-      this.syncSearchStateToRoute({ tab: newVal })
+      this.syncSearchState({ tab: newVal })
     },
 
     aiAnswer() {
@@ -1115,7 +1114,7 @@ export default {
         this.selectedGroup = null
         this.searchPages({ runId })
         this.searchFilesWithGroupOwners({ runId })
-        this.syncSearchStateToRoute()
+        this.syncSearchState()
       }
     }, 400),
 
@@ -1124,7 +1123,7 @@ export default {
       const runId = this.beginSearchRun()
       this.searchPages({ runId })
       this.searchFilesWithGroupOwners({ runId })
-      this.syncSearchStateToRoute()
+      this.syncSearchState()
     },
     // Clear AI answer if user clears the input
 
@@ -1137,34 +1136,20 @@ export default {
         this.aiKeywordsDisplayPages = ''
       }
     },
-
-    '$route.query': {
-      handler() {
-        if (this.suppressAutoRestore) return
-        if (this.searchingAi) return
-        if (this.hasRecentManualTabSelection()) return
-        if (this.skipNextRouteRestore) {
-          this.skipNextRouteRestore = false
-          return
-        }
-        if (!this.getRouteSearchState(this.$route.query)) {
-          this.lastRestoredSearchKey = ''
-        }
-        if (this.active) this.restoreSearchStateFromRoute()
-      },
-    },
   },
 
   mounted() {
     if (this.active && !this.inline) {
       this.lockBodyScroll()
     }
-    if (this.didPageReload()) {
+    const didReload = this.didPageReload()
+    if (didReload) {
       this.persistSearchState(null)
       this.lastRestoredSearchKey = ''
-      this.clearSearchStateFromRouteQuery()
-    } else if (this.active) {
-      this.restoreSearchStateFromRoute()
+    }
+    this.clearLegacySearchRouteQuery()
+    if (!didReload && this.active) {
+      this.restoreSearchState()
     }
     if (typeof window !== 'undefined') {
       window.addEventListener('resize', this.onWindowReflow, { passive: true })
@@ -1323,11 +1308,6 @@ export default {
       }
     },
 
-    normalizeRouteQueryValue(value) {
-      if (Array.isArray(value)) return value[0]
-      return value
-    },
-
     isLocalDevelopmentHost(hostname = '') {
       if (!hostname || typeof hostname !== 'string') return false
       const lower = hostname.toLowerCase()
@@ -1406,7 +1386,7 @@ export default {
       if (this.searchingAi) return
       if (this.hasRecentManualTabSelection()) return
       if (!this.active || this.routeRestoreInProgress) return
-      this.restoreSearchStateFromRoute()
+      this.restoreSearchState()
     },
 
     hasRecentManualTabSelection() {
@@ -1560,7 +1540,7 @@ export default {
     },
 
     persistSearchCacheSnapshot(overrides = {}) {
-      const state = this.getCurrentSearchStateForRoute(overrides)
+      const state = this.getCurrentSearchState(overrides)
       if (!state) return
       this.persistSearchState(state, {
         cache: this.buildSearchCacheSnapshot(),
@@ -1673,33 +1653,7 @@ export default {
       return true
     },
 
-    getRouteSearchState(routeQuery = {}) {
-      const rawText = this.normalizeRouteQueryValue(
-        routeQuery[SEARCH_ROUTE_QUERY_KEYS.text]
-      )
-      const rawIncludeDistrictResults = this.normalizeRouteQueryValue(
-        routeQuery[SEARCH_ROUTE_QUERY_KEYS.includeDistrictResults]
-      )
-      const rawMode = this.normalizeRouteQueryValue(
-        routeQuery[SEARCH_ROUTE_QUERY_KEYS.mode]
-      )
-      const rawTab = this.normalizeRouteQueryValue(
-        routeQuery[SEARCH_ROUTE_QUERY_KEYS.tab]
-      )
-      const rawUpdatedAt = this.normalizeRouteQueryValue(
-        routeQuery[SEARCH_ROUTE_QUERY_KEYS.updatedAt]
-      )
-
-      return this.normalizeSearchState({
-        text: rawText,
-        mode: rawMode,
-        tab: rawTab,
-        includeDistrictResults: rawIncludeDistrictResults,
-        updatedAt: rawUpdatedAt,
-      })
-    },
-
-    getCurrentSearchStateForRoute(overrides = {}) {
+    getCurrentSearchState(overrides = {}) {
       const hasSubmitted =
         typeof overrides.hasSubmitted === 'boolean'
           ? overrides.hasSubmitted
@@ -1746,35 +1700,17 @@ export default {
       }
     },
 
-    buildRouteSearchQueryValues(state) {
-      if (!state) return {}
-      const values = {
-        [SEARCH_ROUTE_QUERY_KEYS.text]: state.text,
-        [SEARCH_ROUTE_QUERY_KEYS.mode]: state.mode,
-        [SEARCH_ROUTE_QUERY_KEYS.tab]: state.tab,
-        [SEARCH_ROUTE_QUERY_KEYS.includeDistrictResults]:
-          state.includeDistrictResults ? '1' : '0',
-      }
-      const updatedAt = Number(state.updatedAt)
-      if (Number.isFinite(updatedAt) && updatedAt > 0) {
-        values[SEARCH_ROUTE_QUERY_KEYS.updatedAt] = String(
-          Math.round(updatedAt)
-        )
-      }
-      return values
-    },
-
-    buildQueryWithSearchState(state) {
+    buildQueryWithoutSearchState() {
       const nextQuery = { ...((this.$route && this.$route.query) || {}) }
       Object.keys(SEARCH_ROUTE_QUERY_KEYS).forEach(key => {
         delete nextQuery[SEARCH_ROUTE_QUERY_KEYS[key]]
       })
-      return { ...nextQuery, ...this.buildRouteSearchQueryValues(state) }
+      return nextQuery
     },
 
-    async clearSearchStateFromRouteQuery() {
+    async clearLegacySearchRouteQuery() {
       if (!this.$router || !this.$route) return
-      const nextQuery = this.buildQueryWithSearchState(null)
+      const nextQuery = this.buildQueryWithoutSearchState()
       await this.replaceRouteQuery(nextQuery)
     },
 
@@ -1800,25 +1736,20 @@ export default {
     async replaceRouteQuery(query) {
       if (!this.$router || !this.$route) return
       if (this.isSameQuery(this.$route.query, query)) return
-      this.skipNextRouteRestore = true
       try {
         await this.$router.replace({ path: this.$route.path, query })
       } catch (error) {
-        this.skipNextRouteRestore = false
         // Ignore duplicate navigation and transient route replacement races.
       }
     },
 
-    async syncSearchStateToRoute(overrides = {}) {
+    syncSearchState(overrides = {}) {
       if (this.routeRestoreInProgress) return
-      if (!this.$router || !this.$route) return
-      const state = this.getCurrentSearchStateForRoute(overrides)
+      const state = this.getCurrentSearchState(overrides)
       this.lastRestoredSearchKey = state
-        ? `route:${JSON.stringify(state)}`
+        ? `storage:${JSON.stringify(state)}`
         : ''
       this.persistSearchState(state, { preserveCache: true })
-      const nextQuery = this.buildQueryWithSearchState(state)
-      await this.replaceRouteQuery(nextQuery)
     },
 
     appendSearchContextToUrl(rawUrl) {
@@ -1826,14 +1757,11 @@ export default {
       return rawUrl
     },
 
-    async restoreSearchStateFromRoute() {
+    async restoreSearchState() {
       if (this.suppressAutoRestore) return
       if (this.searchingAi) return
-      if (!this.$route || this.routeRestoreInProgress) return
+      if (this.routeRestoreInProgress) return
       const restoreStartedAt = Date.now()
-      const routeStateCandidate = this.getRouteSearchState(this.$route.query)
-      const routeStateFresh = this.isSearchStateFresh(routeStateCandidate)
-      const routeState = routeStateFresh ? routeStateCandidate : null
       const persistedRecordCandidate = this.readPersistedSearchRecord()
       const persistedRecordFresh =
         persistedRecordCandidate &&
@@ -1845,24 +1773,16 @@ export default {
       if (persistedRecordCandidate && !persistedRecordFresh) {
         this.persistSearchState(null)
       }
-      if (routeStateCandidate && !routeStateFresh) {
-        await this.clearSearchStateFromRouteQuery()
-      }
 
-      const persistedState = routeState
-        ? null
-        : persistedRecord && persistedRecord.state
-        ? persistedRecord.state
-        : null
-      const restoredState = routeState || persistedState
+      const restoredState =
+        persistedRecord && persistedRecord.state ? persistedRecord.state : null
       if (!restoredState) return
 
-      const restoreSource = routeState ? 'route' : 'storage'
       const cacheVersion = this.getSearchCacheVersion(
         persistedRecord,
         restoredState
       )
-      const restoreKey = `${restoreSource}:${JSON.stringify(
+      const restoreKey = `storage:${JSON.stringify(
         restoredState
       )}:${cacheVersion}`
       if (restoreKey === this.lastRestoredSearchKey) return
@@ -2253,7 +2173,7 @@ export default {
 
     dismiss() {
       if (!this.active) return
-      this.clearSearchStateFromRouteQuery()
+      this.clearLegacySearchRouteQuery()
       this.$emit('update:active', false)
     },
 
@@ -2460,7 +2380,7 @@ export default {
       await this.clearSearchState()
       this.currentTab = 'Answers'
       this.persistSearchState(null)
-      await this.syncSearchStateToRoute({ hasSubmitted: false, text: '' })
+      this.syncSearchState({ hasSubmitted: false, text: '' })
       this.lastRestoredSearchKey = ''
 
       this.$nextTick(() => {
@@ -2602,7 +2522,7 @@ export default {
         this.searchMode = ''
         await this.clearSearchState()
         this.persistSearchState(null)
-        await this.syncSearchStateToRoute({ hasSubmitted: false, text: '' })
+        this.syncSearchState({ hasSubmitted: false, text: '' })
         this.lastRestoredSearchKey = ''
         this.$nextTick(() => {
           this.suppressAutoRestore = false
@@ -2617,7 +2537,7 @@ export default {
       this.searchMode = mode
 
       if (mode === 'question') {
-        this.syncSearchStateToRoute({ text, mode, tab: 'Answers' })
+        this.syncSearchState({ text, mode, tab: 'Answers' })
         this.searchAi(text)
       } else {
         await this.clearSearchState()
@@ -2629,7 +2549,7 @@ export default {
         this.searchFilesWithGroupOwners({ runId })
         if (!this.isCurrentSearchRun(runId)) return
         this.currentTab = 'Pages'
-        this.syncSearchStateToRoute({ text, mode, tab: 'Pages' })
+        this.syncSearchState({ text, mode, tab: 'Pages' })
         this.$nextTick(() => this.refreshResultsScrollLayer())
 
         // Log keyword-only search analytics