chore: file restructure, add eslint & prettier

Author: Damian Sznajder

.eslintrc.js

@@ -0,0 +1,55 @@
+module.exports = {
+  env: {
+    es6: true,
+    node: true,
+    jest: true,
+  },
+
+  plugins: ["simple-import-sort"],
+  extends: ["satya164"],
+
+  rules: {
+    "babel/no-unused-expressions": "off",
+    "import/extensions": "off",
+    "import/named": "off",
+    "import/no-unresolved": "off",
+    "jest/consistent-test-it": ["error", { fn: "test" }],
+    "jest/no-truthy-falsy": "off",
+    "jest/expect-expect": ["error", { assertFunctionNames: ["expect", "element"] }],
+
+    "prettier/prettier": [
+      "error",
+      {
+        bracketSameLine: false,
+        bracketSpacing: true,
+        printWidth: 100,
+        semi: true,
+        singleQuote: false,
+        tabWidth: 2,
+        trailingComma: "all",
+        useTabs: false,
+      },
+    ],
+
+    "simple-import-sort/exports": "error",
+    "simple-import-sort/imports": [
+      "error",
+      {
+        groups: [
+          // Side effect imports.
+          ["^\\u0000"],
+          // Packages.
+          ["^@?\\w"],
+          ["^../"],
+          ["^./"],
+        ],
+      },
+    ],
+
+    "@typescript-eslint/array-type": ["error", { default: "generic", readonly: "generic" }],
+  },
+  globals: {
+    __DEV__: true,
+    jasmine: true,
+  },
+};

.gitignore

@@ -4,3 +4,4 @@ node_modules
 *.vsix
 *.log
 .DS_Store
+lib/

.vscode/settings.json

@@ -1,11 +1,10 @@
 {
-  "files.exclude": {
-    "out": false
+  "editor.tabSize": 2,
+  "javascript.format.enable": false,
+  "typescript.format.enable": false,
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
   },
-  "search.exclude": {
-    "out": true
-  },
-  "typescript.tsc.autoDetect": "off",
-  "prettier.semi": false,
-  "prettier.singleQuote": true
 }

.vscodeignore

@@ -1,9 +1,5 @@
 .vscode/**
-.vscode-test/**
-out/test/**
-extension/**
+src/**
 .gitignore
-vsc-extension-quickstart.md
 **/tsconfig.json
-**/tslint.json
-**/*.ts
+*.ts

extension/index.ts

@@ -1,7 +1,7 @@
 {
   "name": "es7-react-js-snippets",
-  "displayName": "ES7 React/Redux/GraphQL/React-Native snippets",
-  "description": "Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax",
+  "displayName": "ES7+ React/Redux/GraphQL/React-Native snippets",
+  "description": "Simple extensions for React, Redux and Graphql in JS/TS with ES7+ syntax",
   "version": "3.2.0",
   "publisher": "dsznajder",
   "icon": "images/logo.png",
@@ -29,6 +29,13 @@
     "workspace"
   ],
   "browser": "./out/extension.js",
+  "main": "./lib/index.js",
+  "capabilities": {
+    "virtualWorkspaces": true,
+    "untrustedWorkspaces": {
+      "supported": true
+    }
+  },
   "activationEvents": [
     "onCommand:extension.snippetSearch"
   ],
@@ -50,43 +57,62 @@
     "snippets": [
       {
         "language": "javascript",
-        "path": "./snippets/snippets.json"
+        "path": "./lib/snippets/snippets.json"
       },
       {
         "language": "javascriptreact",
-        "path": "./snippets/snippets.json"
+        "path": "./lib/snippets/snippets.json"
       },
       {
         "language": "typescript",
-        "path": "./snippets/snippets.json"
+        "path": "./lib/snippets/snippets.json"
       },
       {
         "language": "typescriptreact",
-        "path": "./snippets/snippets.json"
+        "path": "./lib/snippets/snippets.json"
       },
       {
         "language": "typescript",
-        "path": "./snippets/ts-snippets.json"
+        "path": "./lib/snippets/ts-snippets.json"
       },
       {
         "language": "typescriptreact",
-        "path": "./snippets/ts-snippets.json"
+        "path": "./lib/snippets/ts-snippets.json"
       }
     ]
   },
   "scripts": {
     "vscode:prepublish": "yarn run package",
-    "compile": "webpack",
-    "watch": "webpack --watch",
-    "package": "webpack --mode production --devtool hidden-source-map",
+    "compile": "tsc -p ./ --noEmit false --outDir lib/",
+    "compile:web": "webpack --mode production --devtool hidden-source-map",
+    "watch": "tsc -watch -p ./",
+    "watch:web": "webpack --watch",
+    "package": "yarn compile && webpack --mode production --devtool hidden-source-map",
     "typescript": "tsc --noEmit"
   },
+  "dependencies": {
+    "vscode": "1.1.37"
+  },
   "devDependencies": {
-    "@types/node": "16.4.7",
-    "@types/vscode": "1.58.1",
+    "@types/node": "16.9.6",
+    "@types/vscode": "1.60.0",
+    "eslint": "7.32.0",
+    "eslint-config-satya164": "3.1.10",
+    "eslint-plugin-simple-import-sort": "7.0.0",
+    "prettier": "2.4.1",
     "ts-loader": "^9.2.6",
-    "typescript": "4.3.5",
+    "typescript": "4.4.3",
     "webpack": "^5.64.4",
     "webpack-cli": "^4.9.1"
+  },
+  "prettier": {
+    "bracketSameLine": false,
+    "bracketSpacing": true,
+    "printWidth": 100,
+    "semi": true,
+    "singleQuote": false,
+    "tabWidth": 2,
+    "trailingComma": "all",
+    "useTabs": false
   }
 }

package.json

@@ -0,0 +1,55 @@
+import * as vscode from "vscode";
+
+import jsSnippets from "./snippets/snippets.json";
+import tsSnippets from "./snippets/ts-snippets.json";
+
+const convertSnippetArrayToString = (snippetArray: Array<string>) => snippetArray.join("\n");
+
+export function activate(context: vscode.ExtensionContext) {
+  const {
+    commands: { registerCommand },
+    window: { showQuickPick, activeTextEditor },
+  } = vscode;
+
+  const disposable = registerCommand("extension.snippetSearch", async () => {
+    const javascriptSnippets = Object.entries(jsSnippets);
+    const typescriptSnippets = Object.entries(tsSnippets);
+    const snippetsArray = javascriptSnippets.concat(typescriptSnippets);
+
+    const items = snippetsArray.map(
+      // @ts-expect-error
+      ([shortDescription, { prefix, body, description }], index) => {
+        const value = typeof prefix === "string" ? prefix : prefix[0];
+
+        return {
+          id: index,
+          description: description || shortDescription,
+          label: value,
+          value,
+          body,
+        };
+      },
+    );
+
+    const options = {
+      matchOnDescription: true,
+      matchOnDetail: true,
+      placeHolder: "Search snippet",
+    };
+
+    const snippet = (await showQuickPick(items, options)) || {
+      body: "",
+    };
+
+    const body =
+      typeof snippet.body === "string" ? snippet.body : convertSnippetArrayToString(snippet.body);
+
+    if (activeTextEditor) {
+      activeTextEditor.insertSnippet(new vscode.SnippetString(body));
+    }
+  });
+
+  context.subscriptions.push(disposable);
+}
+
+export function deactivate() {}

src/index.ts

@@ -1,17 +1,23 @@
 {
   "compilerOptions": {
-    "lib": ["es2017"],
-    "module": "commonjs",
-    "outDir": "out",
-    "rootDir": "extension",
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "./",
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "noEmit": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "target": "es6",
-
-    /* Additional Checks */
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedParameters": true
+    "strictNullChecks": true,
+    "target": "ESNext"
   },
-  "exclude": ["node_modules", ".vscode-test"]
+  "exclude": ["node_modules", "jest", "**/__tests__/*"],
+  "compileOnSave": false
 }