Add support for contextual comment keybind / Missing editor.action.commentLine command

[AbdielBiza]

Describe the bug

I am writing to report a bug with the extension. It seems that the extension does not declare a commentLine property in the package.json /language-configuration.ts, ( suspected line ) , which prevents the line comment shortcut (Ctrl+/) from working properly. This is a very useful feature and I would appreciate it if you could add it to the extension. Thank you.

Source

N/A

Expected behaviour

Line comment and block comment should have different keybindings

Actual behaviour

Only commentBlock is defined, so both shortcuts insert block comment, even inside {% liquid %} tag

Debugging information

• Windows
• OS Version : 23H2
• Shopify CLI version: 3.52.0

Additional context
Line comment added to Liquid

[charlespwd]

TODO: investigate if we can do context-aware comment styles. The language-configuration stuff is not context aware and that's why we did not offer line comments. It would take a beginning and an end anyway.

[charlespwd]

Unless claude is hallucinating, this seems like a good directional approach (my notes in // )

  Architecture Plan

  1. Context Detection System
  - Analyze current text selection to determine context (Liquid tags, HTML, CSS, JavaScript blocks)
  - Use existing liquid-html-parser from the codebase to parse selection content
  - Create context classifier that identifies: Liquid objects {{ }}, Liquid tags {% %}, HTML elements, CSS rules, JS code blocks

  2. Comment Strategy Mapping
  - Map each context type to appropriate comment syntax:
    - Liquid: {% comment %}...{% endcomment %} (prob best on new lines if possible)
    - HTML: <!-- ... -->
    - CSS: /* ... */
    - JavaScript: // ... or /* ... */
  - Handle mixed contexts (e.g., Liquid inside HTML attributes)

  3. Custom Command Implementation
  - Register shopifyLiquid.contextualComment command in extension.ts   // might want something in vscode/common
  - Use commands.registerTextEditorCommand to access editor and selection   // vscode specific is ok
  - Implement logic to detect context, determine comment type, and apply appropriate commenting

  4. Keybinding Override
  - Add keybinding in package.json that maps standard comment shortcuts (Ctrl+/) to our custom command
  - Use "when" clause to only activate for liquid files: "when": "editorLangId == liquid"

  5. Integration Points
  - Leverage existing liquid parser already used by the extension
  - Hook into the language server for more complex context analysis if needed
  - Maintain compatibility with existing formatter and language features