Merge extend objects deeply by default

[muhammadsammy]

(#2679)

[femialaka]

Hi, I would like to get stuck in can you tell me how to set up locally on a Mac. For example do I create a link to the cloned version? I setup a react project in Typescript and created a link from the cloned version of Tailwindcss-classnames to the app but got the following error:

npm ERR! enoent ENOENT: no such file or directory, chmod '/usr/local/lib/node_modules/tailwindcss-classnames/lib/cli/index.js'
npm ERR! enoent This is related to npm not being able to find a file.

can you help with this please.

[muhammadsammy]

Sure! You can now invoke the cli by running yarn run-cli or npm run run-cli inside the repo source and it will prompt you with questions.
You have to pull the latest changes as I just added this npm script here 86e5eb9 .
Don't hesitate to ask about anything confusing and thanks for your interrest!

[DaDom]

Was this change already implemented, but the issue not closed?
As far as I can see the generation already works according to this change in tailwindcss.

For example, if I use the following basic tailwind configuration:

module.exports = {
  theme: {
    extend: {
      colors: {
        red: {
          5000: '#FF0000'
        }
      }
    }
  }
}

Now I run npm run run-cli and the resulting tailwindcss-classnames.ts contains:

...
export type TTextColor =
    ...
    | 'text-red-50'
    | 'text-red-100'
    | 'text-red-200'
    | 'text-red-300'
    | 'text-red-400'
    | 'text-red-500'
    | 'text-red-600'
    | 'text-red-700'
    | 'text-red-800'
    | 'text-red-900'
    | 'text-red-5000'
    ...

This looks like a correct deep-merge to me, or did I misunderstand the issue?

[muhammadsammy]

I think you're right 👍. I will close this. Thank you!