triptyk / ember-immer-changeset

An ember addon providing a changeset that uses ImmerJS internally

Ember-immer-changeset

Minimum Requirements

• Ember.js v4.4 or above
• Ember CLI v4.4 or above
• Node.js v16 or above

Installation

ember install ember-immer-changeset

Documentation

https://triptyk.github.io/ember-immer-changeset/

Example

const userData = {
  id: 1,
  name: 'John Doe',
  email: '[email protected]',
  age: 30,
};

const userChangeset = new ImmerChangeset(userData);

// Display the initial user data
console.log('Initial User Data:', userChangeset.data);

// Make changes to the user data using the set method
userChangeset.set('name', 'Jane Doe');
userChangeset.set('age', 31);

// Check if there are changes
console.log('Is Dirty:', userChangeset.isDirty);

// Get the changes made
console.log('Changes:', userChangeset.changes);

await userChangeset.validate((draftData) => {
  userChangeset.removeErrors();
  console.log('Validating:', draftData);
  if (draftData.age < 18) {
    userChangeset.addError({
      originalValue: draftData.age,
      value: 18,
      key: 'age',
    });
  }
});

if (userChangeset.isValid) {
// Apply the changes to the original data
userChangeset.execute();

// Display the updated user data
console.log('Updated User Data:', userChangeset.data);

// Save the changes
userChangeset.save();

console.log('Is Dirty:', userChangeset.isDirty);

// Display the final user data after saving
console.log('User Data after Saving:', userChangeset.data);
}

ember-immer-changeset's Issues

In formconfig, add a pre-config key to set value before testing

create: {
          -->preConfigTest: `this.set('${name}Options', ['Tadam', 'Bidule']);`,
          checkValueAssert: `assert.dom('${selector} button').containsText('option2')`,
          fillValueHelper: `
            await click('${selector} button');
            await click("[data-test-option='1']");
          `,
          fillValueHelperImport: `import click from '@ember/test-helpers/dom/click'`,
          saveFunctionAssert: `assert.strictEqual(changeset.get("${name}"), )`,
},