msarsha

// --------
const singleTree = {
	branches: [],
	operation: null,
	value: {
		dataSource: 'customer props',
		fieldOrFunc: 'installation date',
		operation: {
			name: 'between',

msarsha

1. npm install prettier --save-dev --save-exact

2. npx mrm lint-staged

3. npm install --save-dev @commitlint/{cli,config-conventional}

4. echo "module.exports = {extends: ['@commitlint/config-conventional']};" > commitlint.config.js

5. edit package.json:

  "husky": {
    "hooks": {

msarsha

<div class="m-2">
  <div class="search-container">
    <input #searchInput pattern="[A-Za-z]" class="search-input" type="text"
           (keyup.enter)="validInput && onSearch(searchInput.value)" placeholder="search city"
           (change)="checkValues(searchInput.value)"> <i
    class="fas fa-search-location search-icon" (click)="validInput && onSearch(searchInput.value)"></i>
  </div>

  <ng-container *ngIf="(weatherData$ | async).main as weatherData; else noDataMessage">
    <div class="d-flex">

msarsha

const userFormReducer = (state, action) => {
	switch (action.type) {
		case actionTypes.INPUT_CHANGE: {
			return {
				...state,
				[action.name]: action.value
			}
		}
		default:
			return state;

msarsha

android (main.ts):
app.android.addEventListener(app.AndroidApplication.activityCreatedEvent, (event: app.AndroidActivityEventData) => {
    event.activity.getWindow().getDecorView().setLayoutDirection(android.view.View.LAYOUT_DIRECTION_RTL);
});
    
ios (app.component.ts):
UIView.appearance().semanticContentAttribute = 4;

msarsha

@Injectable()
export class NastyService {
  constructor(@Inject(CASE_LOGIC_HANDLER) private caseHandlers: CaseLogicHandler[]) {
  }

  doNastyOperation(key: any) {
    const handler = this.caseHandlers.find(h => h.key === key);
    if (!handler) throw new Error(`No case handler provided for key: ${key}`);
    handler.doLogic();
  }

msarsha

@Injectable()
export class NastyService {
  constructor(@Inject(CASE_LOGIC_HANDLER) private caseHandlers: CaseLogicHandler[]) {
  }

  doNastyOperation(key: any) {
    switch (key) {
      case 1:
      // logic
      case 2:

msarsha

@NgModule({
  providers: [
    {provide: CASE_LOGIC_HANDLER, useClass: CaseOne, multi: true},
    {provide: CASE_LOGIC_HANDLER, useClass: CaseTwo, multi: true},
    // ...
  ]
})
export class AppModule {
}

msarsha

@Injectable()
export class NastyService {
  constructor() {
  }

  doNastyOperation(key: any) {
    switch (key) {
      case 1:
      // logic
      case 2:

msarsha

export class CaseOne implements CaseLogicHandler{
  key: any = 1;
  doLogic() {
    // case logic
  }
}

export class CaseTwo implements CaseLogicHandler{
  key: any = 2;