feat: script

nx.json

@@ -72,5 +72,6 @@
       "style": "css"
     }
   },
-  "nxCloudAccessToken": "YThmMjIzN2EtMTcyNC00MDA0LTgwYjEtYjljMDk0NjkyNzM4fHJlYWQtd3JpdGU="
+  "nxCloudAccessToken": "YThmMjIzN2EtMTcyNC00MDA0LTgwYjEtYjljMDk0NjkyNzM4fHJlYWQtd3JpdGU=",
+  "defaultProject": "material-ui"
 }

package.json

@@ -3,7 +3,13 @@
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
-    "start": "nx serve"
+    "start": "nx serve",
+    "build": "nx build xng-breadcrumb",
+    "build:app": "nx build material-ui",
+    "affected:build": "nx affected:build",
+    "affected:e2e": "nx affected:e2e",
+    "affected:lint": "nx affected:lint",
+    "serve-docs": "docsify serve docs"
   },
   "private": true,
   "dependencies": {
@@ -68,4 +74,4 @@
     "ts-node": "10.9.1",
     "typescript": "~5.3.2"
   }
-}
+}

scripts/release.sh

@@ -0,0 +1,23 @@
+#!/bin/bash
+
+# Checkout main branch
+git checkout main
+
+# Pull latest changes from origin main
+git pull origin main
+
+# Copy README.md to libs/xng-breadcrumb/README.md
+cp README.md libs/xng-breadcrumb/README.md
+
+# Get npm package version
+VERSION=$(npm -s run env | grep npm_package_version | sed 's/npm_package_version=//')
+
+# Change directory to libs/xng-breadcrumb and update npm version
+cd libs/xng-breadcrumb
+npm version "$VERSION"
+cd ..
+
+# Add changes, commit, and push to origin main
+git add .
+git commit -m "$VERSION"
+git push origin main

xng-breadcrumb/package.json

@@ -26,10 +26,9 @@
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",
-    "@angular/router": "^17.2.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
+    "@angular/router": "^17.2.0",
+    "rxjs": "*"
   },
+  "dependencies": {},
   "sideEffects": false
 }

xng-breadcrumb/src/lib/breadcrumb.component.html

@@ -1,14 +1,6 @@
 <nav aria-label="breadcrumb" class="xng-breadcrumb-root" [ngClass]="class">
   <ol class="xng-breadcrumb-list">
-    <ng-container
-      *ngFor="
-        let breadcrumb of breadcrumbs$ | async;
-        last as isLast;
-        first as isFirst;
-        index as index;
-        count as count
-      "
-    >
+    <ng-container *ngFor="let breadcrumb of breadcrumbs$ | async; last as isLast; first as isFirst; index as index; count as count">
       <li class="xng-breadcrumb-item">
         <a
           *ngIf="!isLast"
@@ -17,14 +9,8 @@
           [attr.aria-disabled]="breadcrumb.disable"
           [attr.tabIndex]="breadcrumb.disable ? -1 : 0"
           rel="noopener noreferrer"
-          [routerLink]="
-            breadcrumb.routeInterceptor
-              ? breadcrumb.routeInterceptor(breadcrumb.routeLink, breadcrumb)
-              : breadcrumb.routeLink
-          "
-          [queryParams]="
-            preserveQueryParams ? breadcrumb.queryParams : undefined
-          "
+          [routerLink]="breadcrumb.routeInterceptor ? breadcrumb.routeInterceptor(breadcrumb.routeLink, breadcrumb) : breadcrumb.routeLink"
+          [queryParams]="preserveQueryParams ? breadcrumb.queryParams : undefined"
           [fragment]="preserveFragment ? breadcrumb.fragment : undefined"
           [target]="anchorTarget ? anchorTarget : '_self'"
         >
@@ -41,9 +27,7 @@
               }
             "
           ></ng-container>
-          <ng-container *ngIf="!itemTemplate">{{
-            breadcrumb.label
-          }}</ng-container>
+          <ng-container *ngIf="!itemTemplate">{{ breadcrumb.label }}</ng-container>
         </a>
 
         <label *ngIf="isLast" class="xng-breadcrumb-trail">
@@ -60,9 +44,7 @@
               }
             "
           ></ng-container>
-          <ng-container *ngIf="!itemTemplate">{{
-            breadcrumb.label
-          }}</ng-container>
+          <ng-container *ngIf="!itemTemplate">{{ breadcrumb.label }}</ng-container>
         </label>
       </li>
 

xng-breadcrumb/src/lib/breadcrumb.component.ts

@@ -1,11 +1,4 @@
-import {
-  Component,
-  ContentChild,
-  Input,
-  OnInit,
-  TemplateRef,
-  ViewEncapsulation,
-} from '@angular/core';
+import { Component, ContentChild, Input, OnInit, TemplateRef, ViewEncapsulation } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import { Observable, map } from 'rxjs';
@@ -90,10 +83,7 @@ export class BreadcrumbComponent implements OnInit {
   setupMessage = 'not set up yet';
   someParameterValue = null;
 
-  constructor(
-    private breadcrumbService: BreadcrumbService,
-    activateRoute: ActivatedRoute
-  ) {
+  constructor(private breadcrumbService: BreadcrumbService, activateRoute: ActivatedRoute) {
     // breadcrumb inside ngIf works only this way
     activateRoute.params.subscribe((params) => {
       this.setupComponent(params['someParam']);