Feat/angular 13 - work in progress...

.babelrc

@@ -1,7 +1,15 @@
 {
+  "env": {
+    "development" : {
+      "compact": false
+    }
+  },
+
+  "compact" : false,
+
   "presets": [
     "env",
-    "stage-0",
+    "stage-0"
   ],
   "plugins": [
     "transform-decorators-legacy"

.circleci/config.yml

@@ -3,6 +3,14 @@
 # Check https://circleci.com/docs/2.0/language-javascript/ for more details
 #
 version: 2
+
+workflows:
+  version: 2
+  ci:
+    jobs:
+      - build:
+          context: fx-libraries
+
 jobs:
   build:
     docker:

.gitignore

@@ -3,6 +3,7 @@
 package-lock.json
 
 .vscode/
+.angular/
 
 node_modules/
 

CHANGELOG.md

@@ -1,3 +1,84 @@
+## [4.4.1](https://github.com/algolia/angular-instantsearch/compare/4.4.0...4.4.1) (2023-04-06)
+
+
+### Bug Fixes
+
+* **SSR:** inject `document` into searchBox rather than using global in Node environments ([#986](https://github.com/algolia/angular-instantsearch/issues/986)) ([e19ecf2](https://github.com/algolia/angular-instantsearch/commit/e19ecf26e2672608479263972b49f6e8fe003250))
+
+
+
+# [4.4.0](https://github.com/algolia/angular-instantsearch/compare/4.3.2...4.4.0) (2022-12-05)
+
+
+### Features
+
+* support angular 15 through peerDependencies ([#980](https://github.com/algolia/angular-instantsearch/issues/980)) ([d59bf21](https://github.com/algolia/angular-instantsearch/commit/d59bf21397c0d48f96fd634fca71abc4f6f7fd5a))
+
+
+
+## [4.3.2](https://github.com/algolia/angular-instantsearch/compare/4.3.1...4.3.2) (2022-11-08)
+
+
+### Bug Fixes
+
+* **pagination:** use pages computed in connector ([#978](https://github.com/algolia/angular-instantsearch/issues/978)) ([f31a01f](https://github.com/algolia/angular-instantsearch/commit/f31a01fe479c281e4fcaa0d6420a333dac1cf5e8))
+
+
+
+## [4.3.1](https://github.com/algolia/angular-instantsearch/compare/4.3.0...4.3.1) (2022-10-18)
+
+
+### Bug Fixes
+
+* **dependencies:** update instantsearch.js ([77f7f37](https://github.com/algolia/angular-instantsearch/commit/77f7f375063d4b34e27bfacf8372f64808ab4066))
+
+
+
+# [4.3.0](https://github.com/algolia/angular-instantsearch/compare/4.2.1...4.3.0) (2022-08-16)
+
+
+### Bug Fixes
+
+* **ais-hierarchical-menu:** show full hierarchical parent values ([#958](https://github.com/algolia/angular-instantsearch/issues/958)) ([bf835b7](https://github.com/algolia/angular-instantsearch/commit/bf835b76f70650b308bd432371ea7134fbf60c06))
+* **searchbox:** prevent concurrent query updates from state while input is focused ([#960](https://github.com/algolia/angular-instantsearch/issues/960)) ([8440a41](https://github.com/algolia/angular-instantsearch/commit/8440a414d3b93c931ca1ae65cacc3a7dc8d1ebc0))
+
+
+### Features
+
+* **search-box:** add loading indicator + `showLoadingIndicator` prop ([#962](https://github.com/algolia/angular-instantsearch/issues/962)) ([cef0b75](https://github.com/algolia/angular-instantsearch/commit/cef0b75e04df728c8593cff2f32930e48ef86d4f))
+
+
+
+## [4.2.1](https://github.com/algolia/angular-instantsearch/compare/4.2.0...4.2.1) (2022-06-13)
+
+
+### Bug Fixes
+
+* **widgets:** remove private access modifier on widgets inputs ([#955](https://github.com/algolia/angular-instantsearch/issues/955)) ([ac79fa0](https://github.com/algolia/angular-instantsearch/commit/ac79fa07a383492a6cdecdbb209767bd922a5a83))
+* update peer dependencies range to allow angular 14 ([#956](https://github.com/algolia/angular-instantsearch/issues/956)) ([6d499cd](https://github.com/algolia/angular-instantsearch/commit/6d499cda1001e700f5c8af3c0dcc5d7f8ba3d0de))
+
+
+
+# [4.2.0](https://github.com/algolia/angular-instantsearch/compare/4.1.0...4.2.0) (2022-05-17)
+
+
+### Features
+
+* **widgets:** support `$$widgetType` metadata ([#950](https://github.com/algolia/angular-instantsearch/issues/950)) ([4565c06](https://github.com/algolia/angular-instantsearch/commit/4565c068e3c42cc4c95505d8728d3ddcdd88b6c7))
+* add `<ais-reverse-highlight>`, `<ais-snippet>` and `<ais-reverse-snippet>` components ([#891](https://github.com/algolia/angular-instantsearch/issues/891)) ([fbe9f59](https://github.com/algolia/angular-instantsearch/commit/fbe9f59b43eadf282051bf29bd979ff602a039a4))
+* **highlight:** use helper from InstantSearch.js instead of custom implementation ([#888](https://github.com/algolia/angular-instantsearch/issues/888)) ([33b7be3](https://github.com/algolia/angular-instantsearch/commit/33b7be3cd68382828aaf37dfe24edfa513fd4a9d))
+
+
+
+# [4.1.0](https://github.com/algolia/angular-instantsearch/compare/4.0.1...4.1.0) (2022-01-18)
+
+
+### Features
+
+* **dependencies:** allow Angular 13 ([#886](https://github.com/algolia/angular-instantsearch/issues/886)) ([6826172](https://github.com/algolia/angular-instantsearch/commit/68261725cfb9bf67750e6bb2910313fac1a24e94)), closes [#885](https://github.com/algolia/angular-instantsearch/issues/885)
+
+
+
 ## [4.0.1](https://github.com/algolia/angular-instantsearch/compare/4.0.0...4.0.1) (2021-10-20)
 
 

examples/e-commerce/.gitignore

@@ -5,6 +5,9 @@
 /tmp
 /out-tsc
 
+.angular
+.angular/
+
 # dependencies
 /node_modules
 

examples/e-commerce/angular.json

@@ -110,6 +110,7 @@
     }
   },
   "cli": {
+    "analytics": false,
     "warnings": {}
   }
 }

examples/e-commerce/package.json

@@ -1,35 +1,35 @@
 {
   "name": "e-commerce",
-  "version": "0.0.0",
+  "version": "0.0.3",
   "license": "MIT",
   "scripts": {
     "start": "ng serve",
     "build": "ng build --configuration production --base-href '.' --no-progress"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "12.0.3",
-    "@angular/common": "12.0.3",
-    "@angular/compiler": "12.0.3",
-    "@angular/core": "12.0.3",
-    "@angular/forms": "12.0.3",
-    "@angular/platform-browser": "12.0.3",
-    "@angular/platform-browser-dynamic": "12.0.3",
-    "@angular/router": "12.0.3",
+    "@angular/animations": "13.3.11",
+    "@angular/common": "13.3.11",
+    "@angular/compiler": "13.3.11",
+    "@angular/core": "13.3.11",
+    "@angular/forms": "13.3.11",
+    "@angular/platform-browser": "13.3.11",
+    "@angular/platform-browser-dynamic": "13.3.11",
+    "@angular/router": "13.3.11",
     "algoliasearch": "4.10.3",
     "angular-instantsearch": "file:../../dist",
     "core-js": "2.4.1",
-    "instantsearch.js": "4.25.0-experimental-typescript.0",
+    "instantsearch.js": "4.37.3",
     "nouislider": "10.1.0",
     "rxjs": "6.6.7",
     "tslib": "^2.0.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.0.3",
-    "@angular/cli": "12.0.3",
-    "@angular/compiler-cli": "12.0.3",
-    "@angular/language-service": "12.0.3",
+    "@angular-devkit/build-angular": "~13.3.11",
+    "@angular/cli": "13.3.11",
+    "@angular/compiler-cli": "13.3.11",
+    "@angular/language-service": "13.3.11",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
     "ts-node": "3.2.2",

examples/e-commerce/src/app.css

@@ -339,3 +339,9 @@ mark {
     display: none;
   }
 }
+
+
+.footer{
+  font-size: 0.75rem;
+  padding-top: 2rem;
+}

examples/e-commerce/src/app/app.component.html

@@ -25,6 +25,9 @@
     <div class="header-searchbox">
       <ais-search-box placeholder="Product, brand, color, …"></ais-search-box>
     </div>
+    <div class="footer">
+      v0.0.13 | angular 13.1.2
+    </div>
   </header>
 
   <main class="container">
@@ -154,16 +157,10 @@ <h2>Filters</h2>
                     {{ item.categories && item.categories[0] }}
                   </p>
                   <h1>
-                    <ais-highlight
-                      attribute="name"
-                      [hit]="item"
-                    ></ais-highlight>
+                    <ais-highlight attribute="name" [hit]="item"></ais-highlight>
                   </h1>
                   <p class="hit-description">
-                    <app-snippet
-                      attribute="description"
-                      [hit]="item"
-                    ></app-snippet>
+                    <ais-snippet attribute="description" [hit]="item"></ais-snippet> •
                   </p>
 
                   <footer>

examples/e-commerce/src/app/app.module.ts

@@ -4,18 +4,11 @@ import { NgAisModule } from 'angular-instantsearch';
 
 import { AppComponent } from './app.component';
 import { RatingMenu } from './rating-menu/rating-menu.component';
-import { Snippet } from './snippet/snippet.component';
 import { ResetFiltersMobile } from './reset-filters-mobile/reset-filters-mobile.component';
 import { NoResults } from './no-results/no-results.component';
 
 @NgModule({
-  declarations: [
-    AppComponent,
-    RatingMenu,
-    Snippet,
-    ResetFiltersMobile,
-    NoResults,
-  ],
+  declarations: [AppComponent, RatingMenu, ResetFiltersMobile, NoResults],
   imports: [BrowserModule, NgAisModule.forRoot()],
   providers: [],
   bootstrap: [AppComponent],

examples/e-commerce/src/index.html

@@ -22,5 +22,6 @@
   </head>
   <body>
     <app-root></app-root>
+
   </body>
 </html>