Coder Social home page Coder Social logo

Comments (1)

RebeccaStevens avatar RebeccaStevens commented on June 1, 2024

This is actually intended behavior, and is considered a feature of this library.
This is because in general, we have no idea how to merge non-record objects. If you want to handle such objects, you need to tell the library how it should merge them by defining a custom merger with deepmergeCustom.

If you want to simply treat all objects as records, you can use the following:

import { deepmergeCustom, type DeepMergeLeaf, type DeepMergeRecordsDefaultHKT } from "deepmerge-ts";

declare module "deepmerge-ts" {
  interface DeepMergeMergeFunctionURItoKind<
    Ts extends ReadonlyArray<unknown>,
    MF extends DeepMergeMergeFunctionsURIs,
    M
  > {
    readonly DeepMergeLeafTreatAllObjectsAsReocrdsURI: Ts[number] extends object
      ? DeepMergeRecordsDefaultHKT<{ [I in keyof Ts]: { [J in keyof Ts[I]]: Ts[I][J]; }; }, MF, M >
      : DeepMergeLeaf<Ts>;
  }
}

export const deepmergeObjectsAsRecords = deepmergeCustom<{
  DeepMergeOthersURI: "DeepMergeLeafTreatAllObjectsAsReocrdsURI";
}>({
  mergeOthers: (values, utils, meta) => {
    let allObjects = true;

    // Convert all objects to records.
    const asRecords = values.map((v) => {
      if (typeof v === "object" && v !== null) {
        return { ...v };
      }
      allObjects = false;
      return false;
    });

    // If only merging objects, merge them as records.
    if (allObjects) {
      return utils.mergeFunctions.mergeRecords(asRecords, utils, meta);
    }

    // Otherwise, do the normal merge.
    return utils.actions.defaultMerge;
  },
});

from deepmerge-ts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.