Merge branch 'develop' into inKeywordCompletions

Author: zardoy

.eslintignore

@@ -3,3 +3,5 @@ typescript/**
 src/configurationType.ts
 src/configurationTypeCache.jsonc
 playground.ts
+test.ts
+integration/fixtures

.eslintrc.json

@@ -1,4 +1,6 @@
 {
     "extends": "zardoy",
-    "rules": {}
+    "rules": {
+        "curly": "off"
+    }
 }

.github/workflows/ci.yml

@@ -6,11 +6,13 @@ jobs:
   test:
     strategy:
       matrix:
-        os: [ubuntu-latest]
+        os: [ubuntu-latest, macos-latest, windows-latest]
       fail-fast: true
     runs-on: ${{ matrix.os }}
+    timeout-minutes: 30
     steps:
       - uses: actions/checkout@v2
+      - run: npx prettier --check src/**
       - name: Cache pnpm modules
         uses: actions/cache@v2
         with:
@@ -24,8 +26,9 @@ jobs:
           run_install: |
             args: [--frozen-lockfile, --strict-peer-dependencies]
       - run: pnpm lint
+      - run: pnpm vscode-utils prepareFrameworkBuild
       - run: pnpm build
       - run: pnpm test-plugin
-      # - uses: GabrielBB/[email protected]
-      #   with:
-      #     run: pnpm integration-test
+      - uses: GabrielBB/[email protected]
+        with:
+          run: pnpm integration-test

.github/workflows/release.yml

@@ -7,8 +7,13 @@ on:
 jobs:
   release:
     runs-on: ubuntu-latest
+    timeout-minutes: 30
+    # needs: test
     steps:
+      - run: npm -v
+      - run: node -v
       - uses: actions/checkout@v2
+      - run: npx prettier --check src/**
       - name: Cache pnpm modules
         uses: actions/cache@v2
         with:
@@ -21,6 +26,7 @@ jobs:
           version: latest
           run_install: |
             args: [--frozen-lockfile, --strict-peer-dependencies]
+      - run: pnpm lint
       - run: pnpx zardoy-release vscode-extension
         env:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}

.gitignore

@@ -6,16 +6,20 @@ generators
 build
 dist
 out
+testsOut
 .next
 .nuxt
 .cache
 src/generated.ts
 src/configurationType.js
+src/configurationType.js.map
 src/configurationTypeCache.jsonc
+typescript/scripts/diagnostics.json
 
 coverage
 *.lcov
 .nyc_output
+.vscode-test-web
 
 logs
 *.log

.vscode/launch.json

@@ -0,0 +1,43 @@
+{
+    "version": "0.1.0",
+    "configurations": [
+        {
+            "name": "Launch Extension",
+            "type": "extensionHost",
+            "request": "launch",
+            "runtimeExecutable": "${execPath}",
+            "args": [
+                "--extensionDevelopmentPath=${workspaceRoot}/out",
+                // "--disable-extensions"
+            ],
+            "outFiles": [
+                "${workspaceFolder}/out/**/*.js"
+            ],
+            "sourceMaps": true,
+            "env": {
+                "TSS_DEBUG": "9229",
+                "TSS_REMOTE_DEBUG": "9229"
+            }
+        },
+        {
+            "name": "Attach to TS Server",
+            "type": "node",
+            "request": "attach",
+            "restart": true,
+            "port": 9229,
+            "sourceMaps": true,
+            "outFiles": [
+                "${workspaceFolder}/out/**/*.js"
+            ],
+        }
+    ],
+    "compounds": [
+        {
+            "name": "Extension + TS Plugin",
+            "configurations": [
+                "Launch Extension",
+                "Attach to TS Server"
+            ]
+        }
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,21 @@
+{
+    "betterSnippets.customSnippets": [
+        {
+            "name": "SyntaxKind",
+            "body": "ts.SyntaxKind",
+            "when": {}
+        },
+        {
+            "name": "logKind",
+            "body": "console.log(ts.SyntaxKind[${1:node}!.kind])",
+            "when": {
+                "locations": [
+                    "lineStart"
+                ],
+            }
+        }
+    ],
+    "githubPullRequests.ignoredPullRequestBranches": [
+        "develop"
+    ]
+}

README.MD

@@ -0,0 +1,226 @@
+# TypeScript Essential Plugins
+
+## Top Features
+
+> Here React experience hits different!
+
+### Special Commands & Actions
+
+See [special commands list](#special-commands-list) ans [code actions list](#contributed-code-actions)
+
+### JSX Outline
+
+(*disabled by default*) Enable with `tsEssentialPlugins.patchOutline`
+
+Add JSX elements to outline. It also makes sticky scroll works with your tags!
+
+Super recommended for react. Fragments are not rendered.
+
+Also is not supported in the web.
+
+## **Completions Built Different**
+
+90% work done in this extension highly improves completions experience!
+
+### Method Snippets
+
+(*enabled by default*)
+
+Expands arrow callbacks with signature snippet with adding additional undo stack!
+
+Example:
+
+```ts
+const callback = (arg) => {}
+callback -> callback(arg)
+```
+
+### Strict Emmet
+
+(*enabled by default*) when react langs are in `emmet.excludeLanguages`
+
+Emmet that is active **only** inside JSX tags!
+
+You can force enable this by using `Enable Strict Emmet in JSX` command.
+
+*Why?* Issues it fixes: [query](https://github.com/microsoft/vscode/issues?q=sort%3Aupdated-desc+51537+150671+142978+119736).
+
+#### Optional Emmet Features
+
+- cleanup input & textarea suggestions
+- override `.` snippet
+
+Is not supported in the web for now.
+
+### Array Method Snippets
+
+(*disabled by default*)
+
+Edits array suggestions that receive predicate in the following way:
+
+```ts
+const usersList = []
+
+usersList.map // -> usersList.map((user) => )
+```
+
+### Case-sensitive Completions
+
+(*disabled by default*)
+
+Filter out completions that start with different casing.
+
+### Remove Definition From References
+
+(*enabled by default*)
+
+<https://github.com/microsoft/vscode/issues/160637>
+
+### Remove Imports From References
+
+(*enabled by default*)
+
+Removes import statements from references when symbol has usages in the same file. Why? Because if export thing is used in another file, it might be obvious that it is imported, and most probably you are not interested in import statements.
+
+## Minor Useful Features
+
+### `enablePlugin` setting
+
+You can quickly disable this plugin functionality by setting this setting to false. Useful for debugging a problem for example.
+
+### Web Support
+
+> Note: when you open TS/JS file in the web for the first time you currently need to switch editors to make everything work!
+
+Web-only feature: `import` path resolution
+
+### Highlight non-function Methods
+
+(*enabled by default*)
+
+Highlights and lifts non-function methods. Also applies for static class methods.
+
+### Indexed Signature Completions
+
+```ts
+const bannedUsers = {
+    admin: false,
+    moderator: false,
+}
+bannedUsers[condition ? 'admin' : 'moderator'] = true
+//          adds suggestions ^      ^ deranks admin suggestion
+```
+
+### Remove Useless Code Fixes
+
+(*enabled by default*)
+
+By default removes `Fix Missing Function Declaration` codefix. Possibly to remove more via setting.
+
+### Remove Useless Function Props
+
+(*enabled by default*)
+
+Removes `Symbol`, `caller`, `prototype` completions on function / classes.
+
+### Keywords Insert Text
+
+(*enabled by default*)
+
+Appends *space* to almost all keywords e.g. `const `, like WebStorm does.
+
+### Patch `toString()`
+
+(*enabled by default*)
+
+Patches `toString()` insert function snippet on number types to remove tabStop.
+
+### Enforce Properties Sorting
+
+(*disabled by default*) enable with `tsEssentialPlugins.fixSuggestionsSorting`
+
+Try to restore [original](https://github.com/microsoft/TypeScript/issues/49012) properties sorting in some places such as object destructure & dot property access.
+
+### Switch Exclude Covered Cases
+
+(*enabled by default*)
+
+Exclude already covered strings / enums from suggestions ([TS repo issue](https://github.com/microsoft/TypeScript/issues/13711)).
+
+### Mark Code Actions
+
+(*enabled by default* with two settings)
+
+Mark all TS code actions with `🔵`, so you can be sure they're coming from TypeScript, and not some other extension.
+
+### Additional Types Suggestions
+
+```ts
+// Adds types in default constraint:
+type A<T extends 'foo' | 'bar' = ''> = ...
+```
+
+### Builtin CodeFix Fixes
+
+## Special Commands List
+
+### Go to / Select Nodes by Kind
+
+Use cases: search excluding comments, search & replace only within strings, find interested JSX attribute node
+
+## Contributed Code Actions
+
+### Swap Keys and Values in Object
+
+> *Note*: Code action displayed **only** when object is fully explicitly selected
+
+Example:
+
+```ts
+const obj = {
+    key1: 'someValue',
+    key2: getSuperUniqueKey()
+}
+// turns into
+const obj = {
+    'someValue': 'key1',
+    [getSuperUniqueKey()]: 'key2'
+}
+```
+
+### Turn Array Into Object
+
+```ts
+const data = [
+    {
+        // test
+        key: 'bar',
+        a: 0
+    },
+    {
+        key: 'baz',
+        // yes
+        b: 1
+    }
+]
+```
+
+After selecting code action, you'll get asked for key to used (here you can use only `key`) and after applying:
+
+```ts
+const a = {
+    'bar': {
+        a: 0
+    },
+    'baz': {
+        // yes
+        b: 1
+    }
+}
+```
+
+(note that for now refactoring removes properties with comments!)
+
+## Even Even More
+
+Please look at extension settings, as this extension has much more features than described here!