[Bug]: cli `example` command doesnt respect components.json

[btc-echo-ben]

Prerequisites

• I have searched existing issues to ensure this bug hasn't been reported already
• I have tested this with the latest version of the components

Bug description

Running ❯ pnpx untitledui@latest example legal-pages/01 does not respect the components.json file. It asks me for the location of the example pages :/

❯ pnpx untitledui@latest example legal-pages/01
✔ Which color would you like to use as the brand color? › brand


✖ Following files already exist in the directory.
- /Users/********/Documents/live-btcecho-v1/packages/ui/postcss.config.mjs
- /Users/********/Documents/live-btcecho-v1/packages/ui/src/styles/globals.css
✔ Do you want to overwrite the existing files? … no
Use --overwrite or -o to overwrite existing files, or refer to the documentation https://www.untitled.com/docs for manual installation. The rest of the files are added.
Import following file to your main file:

styles/globals.css
✔ Dependencies are installed
? Where would you like to add the legal-pages/01 example? › src/pages

Steps to reproduce

1. Create turbo monorepo
2. Add a workspace ./packages/ui
3. In this workspace, place a components.json somthing like this:

{
  "aliases": {
    "components": "@workspace/ui/untitled-ui",
    "utils": "@workspace/ui/utils",
    "styles": "@workspace/ui/styles/untitled-ui",
    "hooks": "@workspace/ui/hooks"
  },
  "examples": "./src/untitled-ui/examples"
}

4. cd packages/ui and run pnpx untitledui@latest example legal-pages/01

Expected behavior

The dialog should not ask me for the path of example pages or at least give the default value from the components.json

Actual behavior

The dialog places files in the wrong places / asks for the correct location

Code example

Browser

No response

Device type

No response

Component version

No response

Environment details

No response

Screenshots/Videos

No response

Console errors

Additional context

No response

Accessibility impact

• This bug affects keyboard navigation
• This bug affects screen reader users
• This bug affects focus management
• This bug affects color contrast or visual accessibility

[deebov]

Hey @btc-echo-ben, thanks for reporting this issue. I'm looking into it...

[alex-leu]

I am having the same issue with a simple npx untitledui@latest add button. It sometimes uses the aliases and sometimes doesn't. I am still trying to pinpoint the cause.

[deebov]

@alex-leu are you working in a monorepo? and are you using components.json?

[alex-leu]

@alex-leu are you working in a monorepo? and are you using components.json?

Yes, I am working in a monorepo and using components.json. What's weird is that it worked once or twice and then stopped changing aliases.

[deebov]

May I ask where you have placed components.json and where are you running the CLI from?

[alex-leu]

I apologize for the late response. It's inside packages/ui and I run the CLI from there as well.

[btc-echo-ben]

Is there still information missing from my side @deebov ?

[deebov]

Not really. We're working on this and should land an update very soon.

[JorenNagels]

I have the same issue something else. When the src/ directory excists in the projects it auto prepends that to the path when you install a component.

e.g. npx untitledui@latest add button --path components/ui
The componet is added in ./src/components/ui