@glimmer/validator

Tracking Changes

This feature allows you to track changes to properties. When a tracked property changes, any dependent properties or computations are automatically updated.

const { tracked } = require('@glimmer/validator');

class Person {
  @tracked firstName;
  @tracked lastName;

  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }

  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

let person = new Person('John', 'Doe');
console.log(person.fullName); // John Doe
person.firstName = 'Jane';
console.log(person.fullName); // Jane Doe

Validation

This feature allows you to validate properties using custom logic. The `@validate` decorator can be used to create computed properties that validate the state of other properties.

const { tracked, validate } = require('@glimmer/validator');

class User {
  @tracked email;

  constructor(email) {
    this.email = email;
  }

  @validate
  get isValidEmail() {
    return /^[^@]+@[^@]+\.[^@]+$/.test(this.email);
  }
}

let user = new User('test@example.com');
console.log(user.isValidEmail); // true
user.email = 'invalid-email';
console.log(user.isValidEmail); // false