ezequieltejada

export type FormGroupConfig<T> = {
  [P in keyof T]: [
    T[P] | { value: T[P]; disabled: boolean },
    (AbstractControlOptions | ValidatorFn | ValidatorFn[])?
  ];
};

ezequieltejada

asyncInputsData$ = new BehaviorSubject(null);

/*****
 * (13/11/2022) OLD... just use @Inputs
*****/

ngOnChanges(changes: SimpleChanges): void {
  const obj = {};
  Object.keys(changes).forEach(key => {
    obj[key] = changes[key].currentValue;

ezequieltejada

https://dev.to/angular/simple-yet-powerful-state-management-in-angular-with-rxjs-4f8g

ezequieltejada

Explanation

To avoid errors that a property is undefined when creating or updating a document in firestore, we can use a snipet like this one to have is property added to the object ONLY when the flag is true.

In this example the flag is defined outside optionalContent due to clarity purposes, however we can replace it with !!usesPrinter directly.

const flag = !!usesPrinter

const optionalContent = {
 ...(flag && {PRINTER_PERMISSION: usesPrinter}),

ezequieltejada

App Engine Architecture (so far...)

I'm going to try to explain how I approach a new Angular Project

Clean Repo

ezequieltejada

Debug with Nodemon and Typescript - Source

When we have our node project in typescript and want to debug we can use VSCode debugger. However we are not willing to sacrifice restarting the server on save or working directly in typescript. How can we achieve that?

Install dependencies

The first step is to install our dev-dependencies. We are going to need:

• typescript
• ts-node
• nodemon
• @types/node

ezequieltejada

1. Install Jest (yarn add -D jest babel-jest @babel/core @babel/preset-env | npm install -D jest babel-jest @babel/core @babel/preset-env)
2. Create babel.config.js file in the root of the project with this content

   module.exports = {
       presets: [
           ['@babel/preset-env', { targets: { node: 'current' } }],
           '@babel/preset-typescript'
       ]
   };
   

ezequieltejada

import { Component, OnInit } from '@angular/core';
import { Service } from '../services/service';

@Component({
  selector: 'selector-name',
  templateUrl: 'name.component.html'
})

export class NameComponent implements OnInit, OnDestroy {
  subscriptions$: SubscriptionLike[] = [];

ezequieltejada

Repository Title Goes Here

INSERT GRAPHIC HERE (include hyperlink in image)

Subtitle or Short Description Goes Here

ideally one sentence >

ezequieltejada

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build",
      "npm --prefix \"$RESOURCE_DIR\" run predeploy"