Store Undo Redo Angular | ng-hub-ui-history

Store undo et redo Angular avec des API compatibles Signals, des transactions, des limites et la prise en charge des formulaires réactifs.

Vue d’ensemble

Pourquoi les équipes recherchent cette bibliothèque

Utilisez ce store history Angular lorsque vous avez besoin de undo et redo sur un état complexe sans introduire une bibliothèque de gestion d'état externe complète.

Installation

npm install ng-hub-ui-history

Aller à

Idéal pour

  • éditeurs
  • constructeurs de formulaires
  • outils low-code
  • interfaces de configuration

À propos de history

ng-hub-ui-history est particulièrement utile dans les éditeurs Angular, les constructeurs de formulaires et les écrans de configuration où l'utilisateur s'attend à pouvoir revenir en arrière en toute sécurité. Il apporte les schémas undo et redo aux flux avec état sans imposer un choix d'architecture lourd.

Guides de fonctionnalités

Commits manuels et voyage temporel

Suivez les changements d'état et naviguez en avant et en arrière dans un historique linéaire.

Exemples:
Basic History

Manual commit, undo and redo.

{
  "title": "Getting Started with History",
  "description": "Edit and commit to create undo/redo entries."
}

Objets et tableaux imbriqués

Utilisez un suivi basé sur les patchs pour les graphes d'objets profonds et les mutations de listes.

Exemples:
Nested Object History

Nested properties and dynamic list updates.

{
  "id": "invoice-1",
  "customer": {
    "name": "Acme Corp",
    "city": "Madrid"
  },
  "lines": [
    {
      "name": "Support plan",
      "quantity": 1,
      "unitPrice": 150
    }
  ]
}

Suivi automatique des formulaires

Validez automatiquement les changements de valeur des formulaires grâce aux utilitaires de surveillance intégrés.

Exemples:
Reactive Form Watch

watchForm() for automatic commits from FormGroup.

{
  "name": "Maria",
  "email": "maria@demo.local",
  "role": "Editor"
}

Transactions et rétention

Regroupez plusieurs opérations en une seule entrée et élaguez les anciennes entrées selon les limites configurées.

Exemples:
Transactions + Limits

Consolidated commits and FIFO retention.

Pointer: -1 / Entries: 0 / Bytes: 0

{
  "id": "transaction-editor",
  "title": "Release notes draft",
  "content": "Initial draft content.",
  "tags": [
    "draft"
  ]
}

Fonctionnalités clés

Changements récents

Version 0.1.0 - 2/23/26, 12:00 AM

added: Initial release with multi-object linear history.

added: Undo/redo, transactions, and maxEntries/maxBytes retention limits.

added: Reactive Forms auto-commit integration via watchForm().

Bibliothèques associées

ng-hub-ui-sortable ng-hub-ui-utils ng-hub-ui-paginable