eneajaho

sudo iptables-legacy -I INPUT -m state --state NEW -p tcp --dport 443 -j ACCEPT
sudo iptables-legacy -I INPUT -m state --state NEW -p tcp --dport 80 -j ACCEPT

sudo iptables-legacy-save | sudo tee /etc/iptables/rules.v4


more info here 
https://dev.to/armiedema/opening-up-port-80-and-443-for-oracle-cloud-servers-j35

https://stackoverflow.com/a/66148257/7220620

eneajaho

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

eneajaho

@Directive({
  selector: 'a[mnLink]',
  standalone: true,
  hostDirectives: [
    {
      directive: RouterLink,
      inputs: [
        'queryParams', 'queryParamsHandling', 
        'state', 'fragment', 'target'
      ],

eneajaho

{
  "Angular Standalone Single File Component": {
    "prefix": "asfc",
    "scope": "typescript",
    "description": "Angular Standalone Single File Component",
    "body": [
      "import { Component, ChangeDetectionStrategy } from '@angular/core';",
      "",
      "@Component({",
      "\tselector: 'app-${1:selector-name}',",

eneajaho

import { isSignal, Signal, untracked } from '@angular/core';
import { toObservable, toSignal } from '@angular/core/rxjs-interop';
import { combineLatest, distinctUntilChanged, from, isObservable, ObservableInput, of, OperatorFunction, take } from 'rxjs';

export type ObservableSignalInput<T> = ObservableInput<T> | Signal<T>;

/**
 * So that we can have `fn([Observable<A>, Signal<B>]): Observable<[A, B]>`
 */
type ObservableSignalInputTuple<T> = {

eneajaho

import { isSignal, signal, Signal } from '@angular/core';
import { toObservable, toSignal } from '@angular/core/rxjs-interop';
import { combineLatest, distinctUntilChanged, from, interval, isObservable, Observable, ObservableInput, of, OperatorFunction } from 'rxjs';


export type ObservableSignalInput<T> = ObservableInput<T> | Signal<T>;

/**
 * So that we can have `fn([Observable<A>, Signal<B>]): Observable<[A, B]>`
 */

eneajaho

import { Signal, isSignal } from "@angular/core";
import { toSignal, toObservable } from "@angular/core/rxjs-interop";
import { from, isObservable, Observable, ObservableInput, OperatorFunction } from "rxjs";

export function computed$<TValue, TReturn = TValue>(
  signal: Signal<TValue>,
  operator: OperatorFunction<TValue, TReturn>
): Signal<TReturn>;
export function computed$<TValue, TReturn = TValue>(
  promise: Promise<TValue>,

eneajaho

import { DestroyRef, inject } from '@angular/core';
import { ReplaySubject } from 'rxjs';

/**
 * Injects the `DestroyRef` service and returns a `ReplaySubject` that emits
 * when the component is destroyed.
 *
 * @throws {Error} If no `DestroyRef` is found.
 * @returns {ReplaySubject<void>} A `ReplaySubject` that emits when the component is destroyed.
 *

eneajaho

{
  "editor.fontWeight": 400,
  "editor.fontSize": 16,
  "editor.lineHeight": 2,
  "editor.quickSuggestionsDelay": 0,
  "editor.inlineSuggest.enabled": true,
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  
  "editor.foldingImportsByDefault": true,

eneajaho

```ts
import { NgModule } from '@angular/core';
import { SharedModule, addActionBarItem } from '@vendure/admin-ui/core';
import { take } from 'rxjs/operators';

@NgModule({
  imports: [ SharedModule ],
  providers: [
    addActionBarItem({
      id: 'isr-regenerate-cache',