fix pasting in search bar after page load showing no results

src/application/State/Filter/IUserFilter.ts

@@ -2,6 +2,7 @@ import { IFilterResult } from './IFilterResult';
 import { ISignal } from '@/infrastructure/Events/Signal';
 
 export interface IUserFilter {
+    readonly currentFilter: IFilterResult | undefined;
     readonly filtered: ISignal<IFilterResult>;
     readonly filterRemoved: ISignal<void>;
     setFilter(filter: string): void;

src/application/State/Filter/UserFilter.ts

@@ -8,6 +8,7 @@ import { Signal } from '@/infrastructure/Events/Signal';
 export class UserFilter implements IUserFilter {
     public readonly filtered = new Signal<IFilterResult>();
     public readonly filterRemoved = new Signal<void>();
+    public currentFilter: IFilterResult | undefined;
 
     constructor(private application: IApplication) {
 
@@ -28,11 +29,12 @@ export class UserFilter implements IUserFilter {
             filteredCategories,
             filter,
         );
-
+        this.currentFilter = matches;
         this.filtered.notify(matches);
     }
 
     public removeFilter(): void {
+        this.currentFilter = undefined;
         this.filterRemoved.notify();
     }
 }

src/presentation/Scripts/ScriptsTree/ScriptsTree.vue

@@ -49,6 +49,7 @@
       state.filter.filtered.on(this.handleFiltered);
       // Update initial state
       await this.initializeNodesAsync(this.categoryId);
+      await this.initializeFilter(state.filter.currentFilter);
     }
 
     public async toggleNodeSelectionAsync(event: INodeSelectedEvent) {
@@ -84,6 +85,14 @@
           (category: ICategory) => node.id === getCategoryNodeId(category));
     }
 
+    private initializeFilter(currentFilter: IFilterResult | undefined) {
+      if (!currentFilter) {
+        this.handleFilterRemoved();
+      } else {
+        this.handleFiltered(currentFilter);
+      }
+    }
+
     private handleSelectionChanged(selectedScripts: ReadonlyArray<SelectedScript>): void {
       this.selectedNodeIds = selectedScripts
           .map((node) => node.id);

src/presentation/Scripts/ScriptsTree/SelectableTree/SelectableTree.vue

@@ -35,7 +35,7 @@
             Node,
         },
     })
-    export default class SelectableTree extends Vue {
+    export default class SelectableTree extends Vue { // Keep it stateless to make it easier to switch out
         @Prop() public filterPredicate?: FilterPredicate;
         @Prop() public filterText?: string;
         @Prop() public selectedNodeIds?: ReadonlyArray<string>;

src/presentation/Scripts/TheScripts.vue

@@ -72,7 +72,6 @@
         public isSearching = false;
         public searchHasMatches = false;
 
-
         public async mounted() {
             const state = await this.getCurrentStateAsync();
             this.repositoryUrl = state.app.repositoryUrl;

tests/unit/application/State/Filter/UserFilter.spec.ts

@@ -7,6 +7,7 @@ import 'mocha';
 import { expect } from 'chai';
 
 describe('UserFilter', () => {
+    describe('removeFilter', () => {
         it('signals when removing filter', () => {
             // arrange
             let isCalled = false;
@@ -17,6 +18,16 @@ describe('UserFilter', () => {
             // assert
             expect(isCalled).to.be.equal(true);
         });
+        it('currentFilter is undefined', () => {
+            // arrange
+            const sut = new UserFilter(new ApplicationStub());
+            // act
+            sut.removeFilter();
+            // assert
+            expect(sut.currentFilter).to.be.equal(undefined);
+        });
+    });
+    describe('setFilter', () => {
         it('signals when no matches', () => {
             // arrange
             let actual: IFilterResult;
@@ -27,8 +38,17 @@ describe('UserFilter', () => {
             sut.setFilter(nonMatchingFilter);
             // assert
             expect(actual.hasAnyMatches()).be.equal(false);
-        expect(actual.categoryMatches).to.have.lengthOf(0);
-        expect(actual.scriptMatches).to.have.lengthOf(0);
+            expect(actual.query).to.equal(nonMatchingFilter);
+        });
+        it('sets currentFilter as expected when no matches', () => {
+            // arrange
+            const nonMatchingFilter = 'non matching filter';
+            const sut = new UserFilter(new ApplicationStub());
+            // act
+            sut.setFilter(nonMatchingFilter);
+            // assert
+            const actual = sut.currentFilter;
+            expect(actual.hasAnyMatches()).be.equal(false);
             expect(actual.query).to.equal(nonMatchingFilter);
         });
         describe('signals when script matches', () => {
@@ -50,6 +70,7 @@ describe('UserFilter', () => {
                 expect(actual.scriptMatches).to.have.lengthOf(1);
                 expect(actual.scriptMatches[0]).to.deep.equal(script);
                 expect(actual.query).to.equal(filter);
+                expect(sut.currentFilter).to.deep.equal(actual);
             });
             it('revertCode matches', () => {
                 // arrange
@@ -69,6 +90,7 @@ describe('UserFilter', () => {
                 expect(actual.scriptMatches).to.have.lengthOf(1);
                 expect(actual.scriptMatches[0]).to.deep.equal(script);
                 expect(actual.query).to.equal(filter);
+                expect(sut.currentFilter).to.deep.equal(actual);
             });
             it('name matches', () => {
                 // arrange
@@ -88,8 +110,9 @@ describe('UserFilter', () => {
                 expect(actual.scriptMatches).to.have.lengthOf(1);
                 expect(actual.scriptMatches[0]).to.deep.equal(script);
                 expect(actual.query).to.equal(filter);
+                expect(sut.currentFilter).to.deep.equal(actual);
             });
-    });
+
             it('signals when category matches', () => {
                 // arrange
                 const categoryName = 'HELLO world';
@@ -107,6 +130,7 @@ describe('UserFilter', () => {
                 expect(actual.categoryMatches[0]).to.deep.equal(category);
                 expect(actual.scriptMatches).to.have.lengthOf(0);
                 expect(actual.query).to.equal(filter);
+                expect(sut.currentFilter).to.deep.equal(actual);
             });
             it('signals when category and script matches', () => {
                 // arrange
@@ -131,5 +155,8 @@ describe('UserFilter', () => {
                 expect(actual.scriptMatches).to.have.lengthOf(1);
                 expect(actual.scriptMatches[0]).to.deep.equal(script);
                 expect(actual.query).to.equal(filter);
+                expect(sut.currentFilter).to.deep.equal(actual);
+            });
+        });
     });
 });