Increase version and Update Release Changelog

Author: alexcibotari

.firebaserc

@@ -1,12 +1,12 @@
 {
   "projects": {
-    "default": "localess-dev"
+    "default": "demo-localess-dev"
   },
   "targets": {
-    "localess-dev": {
+    "demo-localess-dev": {
       "hosting": {
         "localess": [
-          "localess-dev"
+          "demo-localess-dev"
         ]
       }
     }

angular.json

@@ -126,8 +126,8 @@
             "prerender": false,
             "ssr": false,
             "browserTarget": "localess:build:production",
-            "firebaseProject": "localess-dev",
-            "firebaseHostingSite": "localess-dev"
+            "firebaseProject": "demo-localess-dev",
+            "firebaseHostingSite": "demo-localess-dev"
           }
         },
         "lint": {

functions/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "functions",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "scripts": {
     "lint": "eslint --ext .js,.ts .",
     "lint:fix": "eslint --fix --ext .js,.ts .",

functions/package.json

@@ -353,7 +353,7 @@ export function generateOpenApi(schemasById: Map<string, Schema>): OpenAPIObject
     openapi: '3.0.3',
     info: {
       title: 'Localess Open API Specification',
-      version: '2.1.0',
+      version: '2.2.0',
       description: 'Fetch data from Localess via REST API',
       contact: {
         name: 'Lessify Team',

functions/src/services/open-api.service.ts

@@ -1,6 +1,6 @@
 {
   "name": "localess",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "engines": {
     "node": "20"
   },

package-lock.json

@@ -106,19 +106,22 @@
           }
         }
 
-        @if (settingsStore.mainMenuExpended()) {
-          <mat-divider />
-          <mat-list-item (click)="showReleases()">
-            Version : {{ version }}
-            @if (releases.length > 1 && releases[0] && releases[0].tag_name > 'v' + version) {
-              <mat-action-list matListItemMeta [matTooltip]="'A new version is available : ' + releases[0].name">
-                <mat-icon color="warn">hotel_class</mat-icon>
-              </mat-action-list>
+        <mat-divider />
+        @if (latestRelease?.tag_name > 'v' + version) {
+          <mat-list-item
+            (click)="openNewTab('https://localess.org/changelog/v2#' + latestRelease.tag_name)"
+            [matTooltip]="'A new version is available : ' + latestRelease.name">
+            <mat-icon matListItemIcon class="motion-safe:animate-pulse flash"> release_alert </mat-icon>
+            @if (settingsStore.mainMenuExpended()) {
+              Version : {{ version }}
             }
           </mat-list-item>
-          <mat-divider />
-          <mat-list-item>
-            Developed by <a href="https://lessify.io" class="font-semibold leading-6" target="_blank">Lessify</a>
+        } @else {
+          <mat-list-item matTooltip="You are on the latest version." (click)="openNewTab('https://localess.org/changelog/v2')">
+            <mat-icon matListItemIcon> new_releases </mat-icon>
+            @if (settingsStore.mainMenuExpended()) {
+              Version : {{ version }}
+            }
           </mat-list-item>
         }
       </mat-nav-list>

package.json

@@ -33,3 +33,7 @@ mat-sidenav-container {
 mat-form-field {
   width: 100%;
 }
+
+mat-icon.flash {
+  color: var(--sys-primary)
+}

src/app/features/features.component.html

@@ -24,8 +24,6 @@ import { ReposService } from '@shared/generated/github/services/repos.service';
 import { Release } from '@shared/generated/github/models/release';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatDialog } from '@angular/material/dialog';
-import { ReleasesDialogComponent } from '@shared/components/releases-dialog/releases-dialog.component';
-import { ReleasesDialogModel } from '@shared/components/releases-dialog/releases-dialog.model';
 import { SpaceStore } from '@shared/stores/space.store';
 import { UserStore } from '@shared/stores/user.store';
 import { LocalSettingsStore } from '@shared/stores/local-settings.store';
@@ -52,7 +50,7 @@ export class FeaturesComponent implements OnInit {
 
   logo = 'assets/logo.png';
   version = environment.version;
-  releases: Release[] = [];
+  latestRelease?: Release;
 
   userSideMenu: Signal<SideMenuItem[]> = computed(() => {
     const selectedSpaceId = this.spaceStore.selectedSpaceId();
@@ -111,11 +109,11 @@ export class FeaturesComponent implements OnInit {
     @Optional() private auth: Auth,
   ) {
     reposService
-      .reposListReleases({ owner: 'Lessify', repo: 'localess' })
+      .reposGetLatestRelease({ owner: 'Lessify', repo: 'localess' })
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe({
         next: value => {
-          this.releases = value;
+          this.latestRelease = value;
         },
       });
     effect(
@@ -166,16 +164,6 @@ export class FeaturesComponent implements OnInit {
     this.settingsStore.setDebug(!this.settingsStore.debugEnabled());
   }
 
-  showReleases() {
-    this.dialog.open<ReleasesDialogComponent, ReleasesDialogModel, void>(ReleasesDialogComponent, {
-      panelClass: 'xl',
-      data: {
-        version: this.version,
-        releases: this.releases,
-      },
-    });
-  }
-
   switchTheme() {
     this.settingsStore.setTheme(this.settingsStore.theme() === 'dark' ? 'light' : 'dark');
   }

src/app/features/features.component.scss

@@ -46,7 +46,6 @@ import { AssetsSelectDialogComponent } from '@shared/components/assets-select-di
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { FileDragAndDropDirective } from '@shared/directives/file-drag-and-drop.directive';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { ReleasesDialogComponent } from '@shared/components/releases-dialog/releases-dialog.component';
 import { ReferencesSelectDialogComponent } from '@shared/components/references-select-dialog';
 import { StatusComponent } from '@shared/components/status';
 import { ImagePreviewDirective } from '@shared/directives/image-preview.directive';
@@ -98,7 +97,6 @@ const SHARED_COMPONENTS: any[] = [
   BreadcrumbItemComponent,
   ConfirmationDialogComponent,
   ReferencesSelectDialogComponent,
-  ReleasesDialogComponent,
   CustomSnackBarComponent,
   IconComponent,
 ];

src/app/features/features.component.ts

@@ -2,12 +2,12 @@
 export const environment = {
   appName: 'Localess',
   firebase: {
-    projectId: 'localess-dev',
+    projectId: 'demo-localess-dev',
     appId: '1:19232484518261:web:47779533df41508d8a706b',
-    storageBucket: 'localess-dev.appspot.com',
+    storageBucket: 'demo-localess-dev.appspot.com',
     locationId: 'europe-west6',
     apiKey: 'AIzaSyAGDhKpaTfxnX7kLeXQiuD-1sBWw0z9b2g',
-    authDomain: 'localess-dev.firebaseapp.com',
+    authDomain: 'demo-localess-dev.firebaseapp.com',
     messagingSenderId: '19232484518261',
   },
   auth: {
@@ -23,5 +23,5 @@ export const environment = {
   emulator : {
     enabled: true,
   },
-  version: '2.1.0',
+  version: '2.2.0',
 };

src/app/shared/components/releases-dialog/releases-dialog.component.html

@@ -24,5 +24,5 @@ export const environment = {
   emulator : {
     enabled: false,
   },
-  version: '2.1.0',
+  version: '2.2.0',
 };

src/app/shared/components/releases-dialog/releases-dialog.component.scss

@@ -5,12 +5,12 @@
 export const environment = {
   appName: 'Localess [Dev]',
   firebase: {
-    projectId: 'localess-dev',
+    projectId: 'demo-localess-dev',
     appId: '1:19232484518261:web:47779533df41508d8a706b',
-    storageBucket: 'localess-dev.appspot.com',
+    storageBucket: 'demo-localess-dev.appspot.com',
     locationId: 'europe-west6',
     apiKey: 'AIzaSyAGDhKpaTfxnX7kLeXQiuD-1sBWw0z9b2g',
-    authDomain: 'localess-dev.firebaseapp.com',
+    authDomain: 'demo-localess-dev.firebaseapp.com',
     messagingSenderId: '19232484518261',
   },
   auth: {
@@ -26,7 +26,7 @@ export const environment = {
   emulator : {
     enabled: true,
   },
-  version: '2.1.0',
+  version: '2.2.0',
 };
 
 /*