PureCode AI

This JavaScript code is the entry point for a VS Code extension called "purecode-ai". Here's a breakdown of its functionality in bullet points:

Initialization & Authentication:

• Initializes the TokenManager:
  • Sets up storage for user tokens, user information, and project ID using VS Code's secret storage API.
• Registers 'purecode-ai.authenticate' command:
  • Opens a web browser window to Purecode's login page (https://purecode.ai: https://purecode.ai).
• Handles login redirection:
  • Listens for a callback URI containing the user's token after successful login.
  • Stores the token using the TokenManager.
• Registers URI handler:
  • Allows the extension to handle specific URIs, enabling the redirection flow for authentication.

UI Components:

• Registers and resolves the sidebar view ('purecode-ai-sidebar'):
  • Provides the main UI of the extension in the VS Code sidebar.
  • Enables communication between the sidebar UI and the extension using webview messages.
  • Handles user interactions:
    • Login: Opens Purecode's login page in a web browser.
    • Logout: Clears the stored token and user information.
    • Get Token: Retrieves and sends the stored token to the sidebar UI.
    • Get User: Fetches and sends user details (using the token) to the sidebar UI.
    • Set & Get Project ID: Manages the project ID associated with the user's session.
    • Show Subscription: Displays a prompt to encourage users to start a free trial.
• Registers 'purecode-ai.openPanel' command:
  • Creates and opens a main panel (webview) within VS Code.
• Registers 'purecode-ai.showComponentHistoryQuickPick' command:
  • Shows a Quick Pick UI for selecting components from history, sending the choice back to the sidebar.
• Registers 'purecode-ai.showMenuQuickPick' command:
  • Displays a menu Quick Pick with options like Login, Logout, and opening Purecode's website.
• Opens code tabs:
  • Uses vscode.workspace.openTextDocument to open new tabs with generated code.
  • Allows saving component code and updating both code and details in the TokenManager.
• Registers 'purecode-ai.refresh' command:
  • Refreshes the sidebar view by closing and reopening it.

Communication & Events:

• Sends and receives messages between UI components (sidebar, main panel, code editor):
  • Uses the VS Code postMessage API to exchange data and trigger actions.
• Handles events from the TokenManager:
  • Listens for token and project ID changes to update the sidebar UI accordingly.
• Uses Monaco editor:
  • Integrates a Monaco editor instance into a webview for code editing.
  • Supports saving code and updating the main panel with the saved content.

Overall, the code sets up the core functionality of a VS Code extension:

• Authentication and user management.
• A user interface with multiple webview components (sidebar, panels).
• Communication and event handling between different parts of the extension.
• Code generation and display in separate tabs.

The extension seems to be designed for interacting with Purecode, possibly for code generation tasks within VS Code.