antischematic

@Component({
   template: `
      <div>
         <show-results *ngIf="results$ | async as results else loading" [results]="results"></show-results>
         <ng-template #loading>
            <spinner></spinner>
         </ng-template>
      </div>

      <pagination [page]="page" [pageSize]="10" [total]="(results$ | async)?.length""></pagination>

antischematic

// noinspection BadExpressionStatementJS

import {
   use,
   inject,
   listen,
   subscribe, provide, ValueToken, ViewDef,
} from "@mmuscat/angular-composition-api"
import { EMPTY } from "rxjs"
import { Component, ViewChild } from "@angular/core"

antischematic

interface ActionConfig {
   // enables or disables default proxy-based dependency tracking on `this`
   // default: false
   track?: boolean
   // whether the action should be executed on init
   // this option is ignored if function.length > 0
   // default: false
   immediate?: boolean
   // run action during ngDoCheck when dependencies change

antischematic

// https://github.com/antischematic/angular-state-library

function loadTodos(userId, reload) {
   return inject(HttpClient).get(endpoint, { params: { userId }}).pipe(
      retry({ delay: () => reload })
   )
}

@Component({
   template: `

antischematic

class User {
   constructor(public name: string) {}

   toString() {
      return this.name
   }
}

///

antischematic

import { defineConfig } from "cypress"
import { setupPollyTasks } from "./src/support/polly-tasks"

export default defineConfig({
   e2e: {
      supportFile: "**/support/e2e.{js,jsx,ts,tsx}",
      specPattern: "**/app.cy.ts",
      testIsolation: false,
      setupNodeEvents(on) {
         setupPollyTasks(on)

antischematic

import { ComponentHarness, HarnessEnvironment, TestElement, ComponentHarnessConstructor, ElementDimensions, TestKey, ModifierKeys} from "@angular/cdk/testing"
import { Locator, Page, test, expect as baseExpect } from "@playwright/test"

/**
 * An Angular framework stabilizer function that takes a callback and calls it when the application
 * is stable, passing a boolean indicating if any work was done.
 */
declare interface FrameworkStabilizer {
  (callback: (didWork: boolean) => void): void;
}