All Features

[pranshugupta54]

Traycer: AI-Powered Code Analysis in Real Time

---

What's Traycer?

Traycer is an advanced code analysis tool for Visual Studio Code, enhancing software quality and developer productivity with live, context-aware insights. Acting like a vigilant senior developer, it analyzes changes in real-time, identifying issues and offering corrections without disrupting your workflow. Traycer ensures comprehensive coverage by examining changes and their implications on related code, addressing potential bugs, and enhancing application robustness. It provides clear, actionable suggestions that can be integrated into your code with a single click.

Table of Content

• Features
  • Triggering Analysis
    • Switching Between Manual and Automated Analysis
    • Checking Analysis Status
  • Comments
    • Apply Suggestions
    • Show Difference
    • Collapse and Expand
    • Delete Comments
  • Reply to Thread
  • Highlight Comments
• Supported Languages
• Feedback Forum

Features

Triggering Analysis: Manual vs. Automated

Understand the difference between manually triggering the analysis with a button click and having it automatically occur in real-time as you code.

1. Manual Trigger Analysis: Users can manually initiate the analysis by right-clicking and selecting "Analyze File" or "Analyze Changes".

   • Analyze File: This option reviews the entire file, regardless of changes. It ensures that the entire codebase in the file is checked for consistency, errors, and adherence to coding standards.
   • Analyze Changes: This option focuses solely on the changed functions. It is useful for quickly verifying modifications without the need to analyze the unchanged parts of the file.

2. Automated Trigger Analysis: Analysis is performed automatically in real-time as users write and modify their code.

Switching Between Manual and Automated Analysis

Learn how to configure your preferences to switch between manual and automated analysis modes.

Configuring Your Preferences

1. Change the Settings of VSCode Workspace (.vscode/settings.json):

   • Add the following line to your workspace settings file:

     "traycer.executionMode": "Manual"

     OR

     "traycer.executionMode": "Auto"

2. Extension Settings Page:

   • Go to the Traycer extension settings page in VSCode.
   • Change the "Traycer: Execution Mode" setting to "Manual" or "Auto".
   execution-mode-settings.mp4

3. Using Command Palette: -

   • Open the Command Palette in VSCode (Ctrl+Shift+P OR Cmd+Shift+P on Mac).
   • Type and select Traycer: Enable Auto Analysis OR Traycer: Disable Auto Analysis.

Manually Triggered Analysis

This allows users to have full control over when the analysis runs. Users can trigger the analysis process manually by clicking the "Analyze" button in the Traycer right-click menu. This method is useful when you want to review and refine code at specific points in your development workflow.

Steps to Trigger Manual Analysis

1. Open your code file in Visual Studio Code.
2. Right-click in the code editor.
3. Select Traycer from the context menu.
4. Choose Analyze File OR Analyze Changes from the sub-menu.
5. Review the feedback and suggestions provided by Traycer.
6. Implement any necessary changes or corrections.

manual-trigger.mp4

Checking Analysis Status

To check the status of your analysis, hover over the Traycer icon. It will display the count of running analyses, such as "Traycer in-flight analysis: X". If the count is 0, it means there are no analyses currently running.

analysis-status.mp4

Comments

Traycer adds comments to your code, suggesting improvements and highlighting potential issues. These comments provide actionable insights to help you refine your code, maintain high standards, and address problems early in the development process.

Navigating the Comment:

To navigate and manage comments in VSCode, follow these steps:

1. Press Cmd + J OR Ctrl + J to open the VSCode panel for comments. This panel displays all the comments in the current context.
2. In the comments panel, you can select any comment to interact with.
3. Use the following tools to manage comments:
   • Apply Suggestion: Implement the suggested changes directly.
   • Show Diff: View the differences between the current and previous versions of the code.
   • Like: Indicate approval or agreement with the comment.
   • Dislike: Indicate disapproval or disagreement with the comment.
   • Delete: Remove the comment from the panel.
   • Collapse: Minimize the comment for better focus on other parts of the code.

navigate-comment.mp4

Apply Suggestions

Using the Traycer extension, you can manage suggestions efficiently. Select the Apply Suggestion button provided by the Traycer extension to implement the suggested change directly into your code.
Follow these steps to accept or decline suggestions:

• Accept Suggestion

  • After applying the suggestion, review the change.
  • Select the Accept button to confirm and finalize the change.
  accept-suggestion.mp4

• Decline Suggestion:

  • After applying the suggestion, if you decide not to keep the change, select the Decline button to revert to the original code.
  decline-suggestion.mp4

Show Difference

Using the Traycer extension, you can easily compare changes made to your code. Follow these steps to view the differences:

• Select the Show Diff button provided by the Traycer extension to open a comparison view.
• This view will display the differences between the original code and the suggested changes side-by-side.

show-diff.mp4

Collapse and Expand Comments

You can collapse or expand comments to manage your workspace efficiently.

Follow these steps for collapsing individual comment:

• Expand Comment: Use the comment icon () on the left of the code line to expand the comment.
• Collapse Comment: Use the chevron up icon () on the top right of the comment box to collapse the comment.

expand-collapse-one.mp4

To minimize all comments at once:

1. Using Command Palette: -

   • Open the Command Palette in VSCode (Ctrl+Shift+P or Cmd+Shift+P on Mac).
   • Type and select Traycer: Collapse All File Comments

2. Using right-click menu

   • Open your code file in Visual Studio Code.
   • Right-click in the code editor.
   • Select Traycer from the context menu.
   • Choose Collapse All File Comments.

collapse-all.mp4

Delete Comments

Easily remove comments to maintain a clear and efficient workspace, ensuring that your coding environment remains organized and free of unnecessary clutter.

To delete individual comment:

• Use the trash icon () on the top right of the comment box to collapse the comment.

  delete-one.mp4

To delete all comments at once:

1. Using Command Palette: -

   • Open the Command Palette in VSCode (Ctrl+Shift+P or Cmd+Shift+P on Mac).
   • Type and select Traycer: Delete All File Comments - to delete comments for all files.
   • Type and select Traycer: Delete All File Comments - to delete comments for the active file.

2. Using right-click menu

   • Open your code file in Visual Studio Code.
   • Right-click in the code editor.
   • Select Traycer from the context menu.
   • Choose Delete All File Comments.

delete-all.mp4

Reply to thread

Use the 'Reply to Thread' feature in Traycer AI to respond to code insights and suggestions directly within the Visual Studio Code environment.

Steps for conversation:

• Go to the comment thread.
• Type your message.
• Hit the reply button to have a conversation.

reply.mp4

Highlight Comments

The "Highlight Comments" feature in Traycer allows users to easily identify and distinguish comments within their code, enhancing readability and code review processes.

Configuring Your Preferences

1. Change the Settings of VSCode Workspace (.vscode/settings.json):

   • Add the following line to your workspace settings file:

     "traycer.enableCommentsHighlighting": true

     OR

     "traycer.enableCommentsHighlighting": false

2. Extension Settings Page:

   • Go to the Traycer extension settings page in VSCode.
   • Locate the "Traycer: Enable Comments Highlighting" checkbox in the Traycer settings.
   • Check the box to enable this feature.
   highlight-comment.mp4

3. Using Command Palette: -

   • Open the Command Palette in VSCode (Ctrl+Shift+P or Cmd+Shift+P on Mac).
   • Type and select Traycer: Enable Comments Highlighting or Traycer: Disable Comments Highlighting.

Supported Languages

Currently, Traycer supports the following programming languages:

• Python
• TypeScript
• JavaScript
• Golang
• TypeScript React
• JavaScript React

Feedback Forum

We value your input and encourage you to share your experiences and suggestions with us. Connect with us and the community in the following ways:

• Discord: Join our community here
• X (Twitter): Follow us @TraycerAI
• GitHub: Encounter a bug or have a feature request? File an issue on our community repository.