initial comit & first logic

Author: axbuglak

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[{*.js,*.mjs,*.ts,*.json,*.yml}]
+indent_size = 2
+indent_style = space

.prettierignore

@@ -0,0 +1,2 @@
+package.json
+package-lock.json

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "overrides": [
+    {
+      "files": ["**/.*rc", "**/*.json"],
+      "options": { "parser": "json" }
+    }
+  ]
+}

extension.js

@@ -1,30 +1,22 @@
-// The module 'vscode' contains the VS Code extensibility API
-// Import the module and reference it with the alias vscode in your code below
 const vscode = require('vscode');
+const Client = require('./lib/client.js');
 
-// This method is called when your extension is activated
-// Your extension is activated the very first time the command is executed
 
-/**
- * @param {vscode.ExtensionContext} context
- */
 function activate(context) {
-
-  // Use the console to output diagnostic information (console.log) and errors (console.error)
-  // This line of code will only be executed once when your extension is activated
   console.log('Congratulations, your extension "htmlclasses-parser" is now active!');
 
-  // The command has been defined in the package.json file
-  // Now provide the implementation of the command with  registerCommand
-  // The commandId parameter must match the command field in package.json
   const disposable = vscode.commands.registerCommand('htmlclasses-parser.helloWorld', () => {
-    // The code you place here will be executed every time your command is executed
-
-    // Display a message box to the user
     vscode.window.showInformationMessage('Hello World from htmlClasses-parser!');
   });
 
-  context.subscriptions.push(disposable);
+  const test = vscode.commands.registerCommand('htmlclasses-parser.test', () => {
+    const window = vscode.window;
+    const client = new Client(window);
+
+    const classes = client.convert();
+    client.print(classes.toString());
+  });
+  context.subscriptions.push(disposable, test);
 }
 
 // This method is called when your extension is deactivated

jsconfig.json

@@ -1,13 +1,9 @@
 {
-	"compilerOptions": {
-		"module": "Node16",
-		"target": "ES2022",
-		"checkJs": true,  /* Typecheck .js files. */
-		"lib": [
-			"ES2022"
-		]
-	},
-	"exclude": [
-		"node_modules"
-	]
+  "compilerOptions": {
+    "module": "Node16",
+    "target": "ES2022",
+    "checkJs": true /* Typecheck .js files. */,
+    "lib": ["ES2022"]
+  },
+  "exclude": ["node_modules"]
 }

lib/client.js

@@ -0,0 +1,39 @@
+class Client {
+  #window;
+  #editor;
+  #document;
+  highlighted;
+
+  constructor(window) {
+    if (window === null) return;
+    this.#window = window;
+    this.#editor = window.activeTextEditor;
+    this.#document = this.#editor.document;
+  }
+
+  copy() {
+    let highlighted = this.#document.getText(this.#editor.selection);
+    if (highlighted.length === 0) highlighted = this.#document.getText();
+    this.highlighted = highlighted;
+    return this.highlighted;
+  }
+
+  print(message) {
+    if (message === null) return;
+    this.#window.showInformationMessage(message);
+  }
+
+  convert() {
+    this.copy();
+    const results = [];
+    const REGEX = /("((?:\\.|[^"\\])*)")/g;
+    const classes = this.highlighted.match(REGEX);
+    for (const className of classes) results.push(className.slice(1, -1));
+    // separate the classes if they are written with space (class="class1 class2")
+    // classes can be written with single quotes
+    return results;
+  }
+}
+
+
+module.exports = Client;

package-lock.json

@@ -12,10 +12,16 @@
   "activationEvents": [],
   "main": "./extension.js",
   "contributes": {
-    "commands": [{
-      "command": "htmlclasses-parser.helloWorld",
-      "title": "Hello World"
-    }]
+    "commands": [
+      {
+        "command": "htmlclasses-parser.helloWorld",
+        "title": "Hello World"
+      },
+      {
+        "command": "htmlclasses-parser.test",
+        "title": "htmlclasses test"
+      }
+    ]
   },
   "scripts": {
     "lint": "eslint .",
@@ -26,6 +32,7 @@
     "@types/vscode": "^1.85.0",
     "@types/mocha": "^10.0.6",
     "@types/node": "18.x",
+    "prettier": "^3.1.1",
     "eslint": "^8.56.0",
     "typescript": "^5.3.3",
     "@vscode/test-cli": "^0.0.4",

package.json

@@ -6,10 +6,10 @@ const vscode = require('vscode');
 // const myExtension = require('../extension');
 
 suite('Extension Test Suite', () => {
-	vscode.window.showInformationMessage('Start all tests.');
+  vscode.window.showInformationMessage('Start all tests.');
 
-	test('Sample test', () => {
-		assert.strictEqual(-1, [1, 2, 3].indexOf(5));
-		assert.strictEqual(-1, [1, 2, 3].indexOf(0));
-	});
+  test('Sample test', () => {
+    assert.strictEqual(-1, [1, 2, 3].indexOf(5));
+    assert.strictEqual(-1, [1, 2, 3].indexOf(0));
+  });
 });

test/extension.test.js

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "moduleResolution": "node",
+    "strict": true,
+    "baseUrl": ".",
+    "preserveWatchOutput": true,
+    "allowJs": true,
+    "noEmit": true,
+    "skipLibCheck": true
+  },
+  "include": ["*", "**/*"]
+}