feat: format

Author: itszeeshan

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "printWidth": 80
+  }

package-lock.json

@@ -96,19 +96,22 @@
     "check-types": "tsc --noEmit",
     "lint": "eslint src --ext ts",
     "test": "vscode-test",
-    "build": "vsce package"
+    "build": "vsce package",
+    "format": "prettier --write \"{src,test}/**/*.ts\"",
+    "postformat": "npm run lint -- --fix"
   },
   "devDependencies": {
-    "@types/vscode": "^1.92.0",
     "@types/mocha": "^10.0.7",
     "@types/node": "20.x",
+    "@types/vscode": "^1.92.0",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.11.0",    
-    "eslint": "^8.57.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "@vscode/test-cli": "^0.0.9",
+    "@vscode/test-electron": "^2.4.0",
     "esbuild": "^0.21.5",
+    "eslint": "^8.57.0",
     "npm-run-all": "^4.1.5",
-    "typescript": "^5.4.5",
-    "@vscode/test-cli": "^0.0.9",
-    "@vscode/test-electron": "^2.4.0"
+    "prettier": "^3.3.3",
+    "typescript": "^5.4.5"
   }
 }

package.json

@@ -1 +1 @@
-export * from './snippets.helper';
+export * from './snippets.helper';

src/helper/index.ts

@@ -5,10 +5,10 @@ import { Snippets } from '../interface';
 const extractAllRelatedHooksFromSnippets = (content: string[]): string[] => {
   const hooks: string[] = [];
   const hookPattern = /use[A-Z]\w*/g;
-  content.forEach(line => {
+  content.forEach((line) => {
     const matches = line.match(hookPattern);
     if (matches) {
-      matches.forEach(match => {
+      matches.forEach((match) => {
         if (!hooks.includes(match)) {
           hooks.push(match);
         }
@@ -19,33 +19,38 @@ const extractAllRelatedHooksFromSnippets = (content: string[]): string[] => {
   return hooks.length > 0 ? hooks : [''];
 };
 
-
 export const loadSnippets = (dirPath: string): Snippets => {
-    const snippets: Snippets = {};
-  
-    fs.readdirSync(dirPath).forEach(file => {
-      const filePath = joinPath(dirPath, file);
-      const snippetName = path.basename(file, '.template');
-      const content = fs.readFileSync(filePath, 'utf8').split('\n');
-  
-      snippets[snippetName] = {
-        prefix: snippetName,
-        body: content,
-        description: `A custom hook for ${snippetName.replace(/^use/, '').toLowerCase()}.`,
-        relatedHooks: extractAllRelatedHooksFromSnippets(content).filter(d => d !== snippetName),
-        relatedCustomHooks: [],
-        relatedReactHooks: [],
-      };
-    });
-
-    for (const snippet of Object.keys(snippets)){
-      snippets[snippet].relatedCustomHooks = snippets[snippet].relatedHooks.filter(h => Object.keys(snippets).includes(h));
-      snippets[snippet].relatedReactHooks = snippets[snippet].relatedHooks.filter(h => !Object.keys(snippets).includes(h));
-    }
-  
-    return snippets;
-  };
+  const snippets: Snippets = {};
+
+  fs.readdirSync(dirPath).forEach((file) => {
+    const filePath = joinPath(dirPath, file);
+    const snippetName = path.basename(file, '.template');
+    const content = fs.readFileSync(filePath, 'utf8').split('\n');
+
+    snippets[snippetName] = {
+      prefix: snippetName,
+      body: content,
+      description: `A custom hook for ${snippetName.replace(/^use/, '').toLowerCase()}.`,
+      relatedHooks: extractAllRelatedHooksFromSnippets(content).filter(
+        (d) => d !== snippetName,
+      ),
+      relatedCustomHooks: [],
+      relatedReactHooks: [],
+    };
+  });
 
-  export const joinPath = (dirPath: string, file: string) => {
-    return path.join(dirPath, file);
-  };
+  for (const snippet of Object.keys(snippets)) {
+    snippets[snippet].relatedCustomHooks = snippets[
+      snippet
+    ].relatedHooks.filter((h) => Object.keys(snippets).includes(h));
+    snippets[snippet].relatedReactHooks = snippets[snippet].relatedHooks.filter(
+      (h) => !Object.keys(snippets).includes(h),
+    );
+  }
+
+  return snippets;
+};
+
+export const joinPath = (dirPath: string, file: string) => {
+  return path.join(dirPath, file);
+};

src/helper/snippets.helper.ts

@@ -2,9 +2,9 @@ export interface Snippet {
   prefix: string;
   body: string[];
   description: string;
-  relatedHooks: string[] 
-  relatedCustomHooks: string[]
-  relatedReactHooks : string []
+  relatedHooks: string[];
+  relatedCustomHooks: string[];
+  relatedReactHooks: string[];
 }
 
-export type Snippets = Record<string, Snippet>;
+export type Snippets = Record<string, Snippet>;

src/interface/index.ts

@@ -19,23 +19,27 @@ export function registerCompletionProvider(context: vscode.ExtensionContext) {
           for (const [key, value] of Object.entries(snippets)) {
             const completionItem = new vscode.CompletionItem(
               key,
-              vscode.CompletionItemKind.Snippet
+              vscode.CompletionItemKind.Snippet,
+            );
+            completionItem.insertText = new vscode.SnippetString(
+              value.body.join('\n'),
+            );
+            completionItem.documentation = new vscode.MarkdownString(
+              value.description,
             );
-            completionItem.insertText = new vscode.SnippetString(value.body.join('\n'));
-            completionItem.documentation = new vscode.MarkdownString(value.description);
             completionItem.detail = `Snippet: ${value.prefix}`;
             completionItem.command = {
               command: 'extension.showSnippetMessage',
               title: 'Show Snippet Message',
-              arguments: [key, value]
+              arguments: [key, value],
             };
             completionItems.push(completionItem);
           }
 
           return completionItems;
-        }
+        },
       },
-      'use'
+      'use',
     );
 
     context.subscriptions.push(provider);
@@ -48,14 +52,14 @@ export function registerCompletionProvider(context: vscode.ExtensionContext) {
     'extension.showSnippetMessage',
     (snippetName: string, snippet: Snippet) => {
       let message = `"${snippetName}" snippet:`;
-      if(snippet.relatedCustomHooks.length > 0){
+      if (snippet.relatedCustomHooks.length > 0) {
         message += ` The custom hooks ${snippet.relatedCustomHooks} are available in our library. Just type ${snippet.relatedCustomHooks} to use them, and make sure to include them to avoid any errors.`;
       }
-      if(snippet.relatedReactHooks.length > 0) {
+      if (snippet.relatedReactHooks.length > 0) {
         message += ` You can add ${snippet.relatedReactHooks} from react`;
       }
       vscode.window.showInformationMessage(message);
-    }
+    },
   );
   context.subscriptions.push(showSnippetMessageCommand);
 }

src/languageServer.ts

@@ -1,9 +1,10 @@
 import * as vscode from 'vscode';
 import * as assert from 'assert';
 describe('Extension Tests', () => {
-
   it('should activate extension', async () => {
-    const extension = vscode.extensions.getExtension('your-publisher.your-extension-id');
+    const extension = vscode.extensions.getExtension(
+      'your-publisher.your-extension-id',
+    );
     assert.ok(extension, 'Extension is not installed.');
     assert.strictEqual(extension.isActive, true, 'Extension did not activate.');
   });

src/test/extension.test.ts

@@ -25,15 +25,19 @@ const expectedUseFetchSnippet = {
     '  }, [url]);',
     '',
     '  return [data, loading, error];',
-    '};'
+    '};',
   ],
-  description: 'A custom hook for fetching data from a URL in JavaScript.'
+  description: 'A custom hook for fetching data from a URL in JavaScript.',
 };
 
 describe('JavaScript useFetch Snippet Tests', () => {
   it('should load the JavaScript useFetch snippet correctly', () => {
     const snippets = loadSnippets(javascriptSnippetsDir);
 
-    assert.deepStrictEqual(snippets['useFetch'], expectedUseFetchSnippet, 'JavaScript useFetch snippet did not load correctly');
+    assert.deepStrictEqual(
+      snippets['useFetch'],
+      expectedUseFetchSnippet,
+      'JavaScript useFetch snippet did not load correctly',
+    );
   });
 });

src/test/snippets/javascript/useFetch.test.ts

@@ -25,15 +25,19 @@ const expectedUseFetchSnippet = {
     '  }, [url]);',
     '',
     '  return [data, loading, error];',
-    '};'
+    '};',
   ],
-  description: 'A custom hook for fetching data from a URL in TypeScript.'
+  description: 'A custom hook for fetching data from a URL in TypeScript.',
 };
 
 describe('TypeScript useFetch Snippet Tests', () => {
   it('should load the TypeScript useFetch snippet correctly', () => {
     const snippets = loadSnippets(typescriptSnippetsDir);
 
-    assert.deepStrictEqual(snippets['useFetch'], expectedUseFetchSnippet, 'TypeScript useFetch snippet did not load correctly');
+    assert.deepStrictEqual(
+      snippets['useFetch'],
+      expectedUseFetchSnippet,
+      'TypeScript useFetch snippet did not load correctly',
+    );
   });
 });