added log manager for javascript manager

Author: theteladras

README.md

@@ -8,80 +8,84 @@ The aim of this extension is to increase productivity by unifying set of actions
 Select a text of a file and open the *editor commands* _(ctrl+shift+P / cmd+shift+P)_ and search for one of the next commands:
 
 #### >Copy Selection
-copy the selection in a new file
+copy the selection in a new file.
 
 ---
 #### >Move Selection
-move the selection in a new file, results in having the original text deleated
+Move the selection in a new file, results in having the original text deleated.
 
 ---
 #### >Isolate Selection
-isolate the selection, results in having the content of the document replaced with just the selected text
+Isolate the selection, results in having the content of the document replaced with just the selected text.
 
 ---
 #### >Search Selection
-search for the selection on *google*
+Search for the selection on *google*.
 
 ---
 #### >URL Encode Selection
-it will replace the selected text with a URL encoded version of it
+It will replace the selected text with a URL encoded version of it.
 
 ---
 #### >Base64 Encode Selection
-it will replace the selected text with a Base64 encoded version of it
+It will replace the selected text with a Base64 encoded version of it.
 
 ---
 #### >URL Decode Selection
-it will replace the selected text with a URL decoded version of it
+It will replace the selected text with a URL decoded version of it.
 
 ---
 #### >Base64 Decode Selection
-it will replace the selected text with a Base64 decoded version of it
+It will replace the selected text with a Base64 decoded version of it.
 
 ---
 #### >Lowercase Selection
-turns the selected text to lowercase
+Turns the selected text to lowercase.
 
 ---
 #### >Uppercase Selection
-turns the selected text to uppercase
+Turns the selected text to uppercase.
 
 ---
 #### >Camel to Snake case Selection
-the selected camel case text will be turned to snake case _(eg. callAsync -> call\_async)_
+The selected camel case text will be turned to snake case _(eg. callAsync -> call\_async)_.
 
 ---
 #### >Snake to Camel case Selection
-the selected snake case text will be turned to camel case _(eg. call\_async -> callAsync)_
+The selected snake case text will be turned to camel case _(eg. call\_async -> callAsync)_.
 
 ---
 #### >Kebab to Camel case Selection
-the selected kebab case text will be turned to camel case _(eg. call-async -> callAsync)_
+The selected kebab case text will be turned to camel case _(eg. call-async -> callAsync)_.
 
 ---
 #### >Camel to Kebab case Selection
-the selected camel case text will be turned to kebab case _(eg. callAsync -> call-async)_
+The selected camel case text will be turned to kebab case _(eg. callAsync -> call-async)_.
 
 ---
 #### >Kebab to Snake case Selection
-the selected kebab case text will be turned to snake case _(eg. call-sync -> call\_async)_
+The selected kebab case text will be turned to snake case _(eg. call-sync -> call\_async)_.
 
 ---
 #### >Snake to Kebab case Selection
-the selected snake case text will be turned to kebab case _(eg. call\_sync -> call-async)_
+The selected snake case text will be turned to kebab case _(eg. call\_sync -> call-async)_.
 
 ---
 #### >Length of Selection
-pops an alert, in the bottom right corner, with the information of the length of the selected text
+Pops an alert, in the bottom right corner, with the information of the length of the selected text.
 
 ---
 #### >Number of non ASCII Characters in Selection
-pops an alert, in the bottom right corner, with the information of the number of non ascii characters in the selected text
+Pops an alert, in the bottom right corner, with the information of the number of non ascii characters in the selected text.
 
 ---
 #### >Reverse Selection
-It will reverse the selection, line by line
+It will reverse the selection, line by line.
+
+---
+#### >Log Selection
+Puts the selection in a log call, just after the line of the selection. The log will include an log ID. _**Currently only works for JavaScript._
 
 ---
 #### >Lorem Ipsum on Selection
-replaces the selection with *lorem ipsum*, if nothing is selected will replace the whole line where the cursor is placed
+Replaces the selection with *lorem ipsum*, if nothing is selected will replace the whole line where the cursor is placed.

package.json

@@ -3,7 +3,7 @@
 	"displayName": "Selection Manager",
 	"description": "Manage selected text of a file.",
 	"icon": "images/manage-selection.png",
-	"version": "0.0.21",
+	"version": "0.0.22",
 	"license": "MIT",
 	"engines": {
 		"vscode": "^1.66.0"
@@ -31,7 +31,8 @@
 		"onCommand:selection-manager.length",
 		"onCommand:selection-manager.lorem-ipsum",
 		"onCommand:selection-manager.non-ascii",
-		"onCommand:selection-manager.reverse"
+		"onCommand:selection-manager.reverse",
+		"onCommand:selection-manager.log"
 	],
 	"main": "./dist/extension.js",
 	"contributes": {
@@ -115,6 +116,10 @@
 			{
 				"command": "selection-manager.reverse",
 				"title": "Reverse Selection"
+			},
+			{
+				"command": "selection-manager.log",
+				"title": "Log Selection"
 			}
 		]
 	},

src/extension.ts

@@ -19,8 +19,9 @@ import {
 	loremIpsumManager,
 	nonAsciiManager,
 	reverseManager,
+	logManager,
+	snakeToKebabManager
 } from './managers';
-import { snakeToKebabManager } from './managers/snakeToKebab';
 
 export function activate(context: vscode.ExtensionContext) {
 	console.log(
@@ -47,7 +48,8 @@ export function activate(context: vscode.ExtensionContext) {
 		['selection-manager.length', lengthManager],
 		['selection-manager.lorem-ipsum', loremIpsumManager],
 		['selection-manager.non-ascii', nonAsciiManager],
-		['selection-manager.reverse', reverseManager]
+		['selection-manager.reverse', reverseManager],
+		['selection-manager.log', logManager],
 	];
 
 	dispose.forEach(([key, manager]) => context.subscriptions.push(vscode.commands.registerCommand(key, manager)));

src/managers/index.ts

@@ -14,7 +14,9 @@ export * from './length';
 export * from './kebabToCamel';
 export * from './camelToKebab';
 export * from './kebabToSnake';
+export * from './snakeToKebab';
 export * from './snakeToCamel';
 export * from './loremIpsum';
 export * from './nonAscii';
 export * from './reverse';
+export * from './log';

src/managers/log.ts

@@ -0,0 +1,33 @@
+import * as vscode from 'vscode';
+import { getRandomNumberInRange } from '../utils';
+
+export async function logManager(): Promise<void> {
+	const editor = vscode.window.activeTextEditor;
+
+	if (!editor) return;
+
+	const selectedText = editor.document.getText(editor.selection);
+
+	const language = vscode.window.activeTextEditor?.document.languageId;
+
+	if (!language) return;
+
+	if (!['javascript'].includes(language)) {
+		vscode.window.showInformationMessage(`${language} is currently not supported for this functionality`);
+		return;
+	}
+
+	const cursorOnLine = editor.selection.start.line;
+
+	const line = editor.document.lineAt(cursorOnLine);
+
+	const indentChars = line.text.split(/\S/g)[0];
+
+		const text = `${line.text}
+${indentChars}console.log(\`-------- log start | log id: ${getRandomNumberInRange(1000000, 9999999)} | log time: \${new Date().toISOString()} --------\`);
+${indentChars}console.log(${selectedText});
+${indentChars}console.log("-------- log end --------");
+		`;
+
+	editor.edit(edit => edit.replace(line.range, text));
+}

src/utils.ts

@@ -31,3 +31,5 @@ export const snakeToKebab = (str: string): string => str.replace(/_/g, "-");
 export const generateLoremIpsum = (): string => lorem.generator.generateRandomSentence();
 
 export const removeAsciiCharacters = (str: string): string => str.replace(/[ -~]/g, "");
+
+export const getRandomNumberInRange = (fromOrTo: number, to?: number) => Math.floor(Math.random() * (to ? to : fromOrTo)) + (to ? fromOrTo : 0);