vscode-ext-help-and-feedback-view

VS Code Help and Feedback View for extensions

Usage no npm install needed!

<script type="module">
  import vscodeExtHelpAndFeedbackView from 'https://cdn.skypack.dev/vscode-ext-help-and-feedback-view';
</script>

README

vscode-ext-help-and-feedback-view

This module provides a View on any Side Bar, to display Help and Feedback links.

The idea for this module came from the Help and Feedback view displayed on the Remote Development extensions for VS Code.

Installation

npm install vscode-ext-help-and-feedback-view

Usage

Step 1: Register the new view on package.json


  "views": {
    "project-manager": [
      {
        "id": "projectManagerHelpAndFeedback",
        "name": "Help and Feedback",
        "visibility": "collapsed"
      }
    ]

Step 2: Choose between the three kinds of Items to be displayed

Standard Links

Use URLs from your package.json

  const standardLinksProvider = new StandardLinksProvider('alefragnani.project-manager');
  items.push(standardLinksProvider.getGetStartedLink());

Custom Links

Provide the desired URL yourself

  items.push({
    icon: 'heart',
    title: 'Become a Patron',
    url: 'http://patreon.com/alefragnani'
  });

Commands

Provide any registered Command

  items.push({
    icon: 'bell-dot',
    title: 'What\'s New',
    command: 'projectManager.whatsNew'
  })

Step 3: Instantiate the View and provide the items

  const helpAndFeebackView = new HelpAndFeedbackView(context, "projectManagerHelpAndFeedback", items);

Sample

  import { HelpAndFeedbackView, 
           Link,
           Command,
           ProvideFeedbackLink,
           StandardLinksProvider } from "vscode-ext-help-and-feedback-view";

  ...

  const items = new Array<Link | Command>();

  // some standard items
  const standardLinksProvider = new StandardLinksProvider('alefragnani.project-manager');
  items.push(standardLinksProvider.getGetStartedLink());
  items.push(new ProvideFeedbackLink('projectmanager'));
  items.push(standardLinksProvider.getReviewIssuesLink());
  items.push(standardLinksProvider.getReportIssueLink());
  
  // any custom link 
  items.push({
        icon: 'heart',
        title: 'Become a Patron',
        url: 'http://patreon.com/alefragnani'
  });
  
  // creates the view
  const helpAndFeebackView = new HelpAndFeedbackView(context, "projectManagerHelpAndFeedback", items);

Here it is

printscreen

Support

If you find it useful, please consider supporting it.

License

MIT © Alessandro Fragnani