Unable to select components file

[brandonroth]

New user to the Zeplin CLI. Launched from shell using the "Connect to code" button in Zeplin Mac app. I made it to the "Select the component file:" option in the cli and this is where things become unusable for me. It appears there are hundreds of components to select from, and scrolling using the arrow keys is incredibly unresponsive, i.e. if I tap the down arrow once per second it's fine, but if I try and tap a couple times in a row the scrolling lags until all the taps have been processed.

Scrolling issues aside, I have no idea what component to select. I just want the one I selected from the Zeplin app. The options I am given have nothing to do with the current project or components I've selected from Zeplin.

I'm not even sure the options presented are even components because it shows files from my .budle/cache directory.

[fonurr]

Hi @brandonroth.

I think you are using our VS Code Extension to connect components and tried to add components to the configuration file.

Probably there are too many files in your codebase that results in unresponsiveness. I can think of 2 possible reasons for this. Could you please check both?

1. You accidentally changed settings to include hidden files/folders. If you did so, you can see the changed rules in both Settings json (press cmd/ctrl+shift+P and run "Open Settings (JSON)") and Workspace Settings json (press cmd/ctrl+shift+P and run "Open Workspace Settings (JSON)") and erase all the rules there starting with "zeplin.connectedComponents". This would reset the filter and invisible files/folders shouldn't appear in the results.

2. You opened a folder other than your project (which includes a lot of unrelated files) in VS Code. If this is the case, can you open your project's root folder.

If these two doesn't solve the problem, can you send an e-mail describing the error to [email protected] with a screen recording if possible and attach VS Code Extension log file to the email (press cmd/ctrl+shift+P and run "Zeplin: Save Logs")? We'll investigate the issue asap.

Scrolling issues aside, I have no idea what component to select. I just want the one I selected from the Zeplin app

To connect a component you should select a file in your codebase and only after that you can select a component from Zeplin to connect them together. If you are not familiar with connected codes feature you can read the documentation from here

Hope that helps,
Onur