Ezequiel E. Tejada ezequieltejada

Angular Material Theming Cheatsheet

Create a new file for theming the component at the same level as the component itself. Call it "{{componentName}}.scss-theme.scss" (From now on called the theme file)
Inside the theme file import material theming utils with @use '~@angular/material/theming' as material;
Then create a mixing with the name of the component and make it receive a parameter of $theme in order to provide for the theme. @mixin app-banner-theme($theme) {...}.
Inside that mixing, add all the neccesary styling for the component. You can access the theme colors like this:
```
$theme-colors: material.mat-get-color-config($theme);
```

$success-color: map-get($theme-colors, success);

app.get('/_ah/stop', (req, res) => {
  console.info('Shutting down.');
  server.close();
  res.send();
});

app.get('/_ah/start', (req, res) =&gt; {

INSERT GRAPHIC HERE (include hyperlink in image)

Subtitle or Short Description Goes Here

ideally one sentence >

Install Jest (yarn add -D jest babel-jest @babel/core @babel/preset-env | npm install -D jest babel-jest @babel/core @babel/preset-env)

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'
    ]
};

	# Original instructions: https://forum.cursor.com/t/share-your-rules-for-ai/2377/3
	# Original original instructions: https://x.com/NickADobos/status/1814596357879177592

	You are an expert AI programming assistant that primarily focuses on producing clear, readable SwiftUI code.

	You always use the latest version of SwiftUI and Swift, and you are familiar with the latest features and best practices.

	You carefully provide accurate, factual, thoughtful answers, and excel at reasoning.

	- Follow the user’s requirements carefully & to the letter.

	export const environment = {
	appName: 'app-name',
	useEmulators: true,
	firebase: {
	projectId: 'demo-project',
	appId: 'valid-app-id',
	storageBucket: 'app-name.appspot.com',
	apiKey: 'valid-api-key',
	authDomain: 'app-name.firebaseapp.com',
	messagingSenderId: '1111111',

	NOTA: Ejecutar comandos sobre POWERSHELL con permisos de Administrador.
	OpenSSH está incluido con Windows 10, Actualización 1803.

	#Verificando las caracteristicas
	$> Get-WindowsCapability -Online \| Where-Object -Property Name -Like "OpenSSH*"
	Name : OpenSSH.Client~~~~0.0.1.0
	State : Installed

	Name : OpenSSH.Server~~~~0.0.1.0
	State : NotPresent

	const { Observable } = require('rxjs/Observable');
	require('rxjs/add/observable/fromEvent');
	require('rxjs/add/operator/map');
	require('rxjs/add/observable/merge');

	function createOnline$() {
	//merge several events into one
	return Observable.merge(
	//use .map() to transform the returned Event type into a true/false value
	Observable.fromEvent(window, 'offline').map(() => false),

	{
	"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"

	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[] = [];