Display converters only on js files

Author: FDiskas

package.json

@@ -38,7 +38,7 @@
         "title": "Extract style to StyleSheet"
       },
       {
-        "command": "react-toolkit.readFile",
+        "command": "react-toolkit.convertToTS",
         "title": "Convert to Typescript"
       },
       {
@@ -56,10 +56,12 @@
       ],
       "explorer/context": [
         {
-          "command": "react-toolkit.readFile",
+          "when": "resourceExtname == .js",
+          "command": "react-toolkit.convertToTS",
           "group": "1_modification@1"
         },
         {
+          "when": "resourceExtname == .js",
           "command": "react-toolkit.convertCjsToEsm",
           "group": "1_modification@2"
         }

src/extension.ts

@@ -5,7 +5,7 @@ export function activate(context: vscode.ExtensionContext) {
     console.log('Congratulations, your extension "react-toolkit" is now active!');
 
     const commandExtractStyle = vscode.commands.registerCommand('react-toolkit.extractStyle', extractStyle);
-    const commandReadFile = vscode.commands.registerCommand('react-toolkit.readFile', convertFileToTypescript);
+    const commandReadFile = vscode.commands.registerCommand('react-toolkit.convertToTS', convertFileToTypescript);
     const commandCjsToEsm = vscode.commands.registerCommand('react-toolkit.convertCjsToEsm', convertCjsToEsm);
 
     context.subscriptions.push(commandExtractStyle);