files structure refactor, add special commands! (#39)

feat: add experimental postfixes that disabled by default

Author: zardoy

.eslintrc.json

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

.github/workflows/release.yml

@@ -27,7 +27,7 @@ jobs:
           run_install: |
             args: [--frozen-lockfile, --strict-peer-dependencies]
       - run: pnpm lint
-      # - run: pnpm unit-test
+      - run: pnpm test-plugin
       - run: pnpm vscode-utils prepareFrameworkBuild
       - run: pnpm build
       # - uses: GabrielBB/[email protected]

README.MD

@@ -63,17 +63,17 @@ By default removes `Fix Missing Function Declaration` codefix. Possibly to remov
 
 Removes `Symbol`, `caller`, `prototype` completions on function / classes.
 
-### Patch `toString()`
+### Keywords Insert Text
 
 (*enabled by default*)
 
-Patches `toString()` insert function snippet on number types to remove tabStop.
+Appends *space* to almost all keywords e.g. `extends `, like WebStorm does.
 
-### Keywords Insert Text
+### Patch `toString()`
 
 (*enabled by default*)
 
-Almost all keywords would insert space after the name of keyword e.g. `extends` -> `extends `
+Patches `toString()` insert function snippet on number types to remove tabStop.
 
 ### Correct Sorting
 

buildTsPlugin.mjs

@@ -6,7 +6,8 @@ await buildTsPlugin('typescript', undefined, undefined, {
     watch,
     logLevel: 'info',
     sourcemap: watch,
-    // banner: {
-    //     js: 'const log = (...args) => console.log(...args.map(a => JSON.stringify(a)))',
-    // },
+    banner: {
+        js: 'let ts',
+        // js: 'const log = (...args) => console.log(...args.map(a => JSON.stringify(a)))',
+    },
 })

integration/fixtures/test-project/jsconfig.json

@@ -1,4 +1,7 @@
 {
+    "compilerOptions": {
+        "jsx": "react-jsx"
+    },
     "include": [
         "src"
     ]

integration/fixtures/test-project/src/completions.ts

@@ -0,0 +1,7 @@
+type A = {
+    (): void
+    sync: (arg1?: string) => {}
+}
+
+let a: A
+a.s

integration/runTests.ts

@@ -7,7 +7,7 @@ async function main() {
             version: 'stable',
             extensionDevelopmentPath: join(__dirname, '../out'),
             extensionTestsPath: join(__dirname, './index'),
-            launchArgs: ['--disable-extensions'],
+            launchArgs: [join(__dirname, '../integration/fixtures'), '--disable-extensions'],
         })
     } catch (error) {
         console.error(error)

integration/suite/completions.test.ts

@@ -0,0 +1,41 @@
+import * as vscode from 'vscode'
+import delay from 'delay'
+
+import { expect } from 'chai'
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
+import { fromFixtures, prepareTsStart } from './utils'
+
+describe('Completions', () => {
+    const editor = () => vscode.window.activeTextEditor!
+
+    before(async function () {
+        this.timeout(6000)
+        // await vscode.workspace.getConfiguration('typescript').update('tsserver.log', 'verbose', vscode.ConfigurationTarget.Global)
+        await vscode.commands.executeCommand('vscode.open', vscode.Uri.file(fromFixtures('test-project/src/completions.ts')))
+        await prepareTsStart()
+        // await vscode.commands.executeCommand('typescript.openTsServerLog')
+    })
+
+    it('Modifier & method snippets', async () => {
+        const endPos = () => editor().document.lineAt(editor().document.lineCount - 1).range.end
+        const pos = endPos()
+        editor().selection = new vscode.Selection(endPos(), endPos())
+        await delay(1000)
+        await vscode.commands.executeCommand('editor.action.triggerSuggest')
+        const { items }: vscode.CompletionList = (await vscode.commands.executeCommand(
+            'vscode.executeCompletionItemProvider',
+            editor().document.uri,
+            pos,
+        )) as any
+        expect(items.some(({ label }) => label === '☆sync')).to.equal(true)
+        await delay(200)
+        await vscode.commands.executeCommand('acceptSelectedSuggestion')
+        await delay(300)
+        expect(editor().document.lineAt(endPos()).text).to.equal('a.sync(arg1)')
+    }).timeout(5000)
+
+    after(async () => {
+        await vscode.commands.executeCommand('workbench.action.files.revert')
+        await vscode.commands.executeCommand('workbench.action.closeActiveEditor')
+    })
+})

integration/suite/jsx.test.ts

@@ -0,0 +1,45 @@
+import * as vscode from 'vscode'
+import delay from 'delay'
+
+import { expect } from 'chai'
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
+import { fromFixtures, prepareTsStart, replaceEditorText } from './utils'
+//@ts-ignore
+import { Configuration } from '../../src/configurationType'
+
+describe('JSX Attributes', () => {
+    const editor = () => vscode.window.activeTextEditor!
+
+    const startPos = new vscode.Position(0, 0)
+    before(async function () {
+        this.timeout(5000)
+        // await vscode.workspace.getConfiguration('typescript').update('tsserver.log', 'verbose', vscode.ConfigurationTarget.Global)
+        const configKey: keyof Configuration = 'jsxCompletionsMap'
+        const configValue: Configuration['jsxCompletionsMap'] = {
+            'div#classNam*': { insertText: '={test$1}' },
+        }
+        await vscode.workspace.getConfiguration('tsEssentialPlugins').update(configKey, configValue, vscode.ConfigurationTarget.Global)
+        await vscode.commands.executeCommand('vscode.open', vscode.Uri.file(fromFixtures('test-project/src/index.tsx')))
+        await prepareTsStart()
+    })
+
+    it('JSX attribute patch', async () => {
+        const searchText = /* className */ '="main__wrap"'
+        const pos = editor().document.positionAt(editor().document.getText().indexOf(searchText))
+        const endPos = pos.translate(0, searchText.length)
+        await replaceEditorText(editor(), new vscode.Range(pos, endPos), '')
+        editor().selection = new vscode.Selection(pos, pos)
+        // vscode has slow startup in react langs
+        await delay(1300)
+        await vscode.commands.executeCommand('editor.action.triggerSuggest')
+        await delay(500)
+        await vscode.commands.executeCommand('acceptSelectedSuggestion')
+        await delay(300)
+        expect(editor().document.lineAt(pos).text.slice(pos.character)).to.equal('={test}>')
+    }).timeout(5000)
+
+    after(async () => {
+        await vscode.commands.executeCommand('workbench.action.files.revert')
+        await vscode.commands.executeCommand('workbench.action.closeActiveEditor')
+    })
+})

integration/suite/outline.test.ts

@@ -81,7 +81,6 @@ describe('Outline', () => {
 
     describe('Outline in js project', () => {
         it('Initial', async () => {
-            await vscode.commands.executeCommand('vscode.openFolder', vscode.Uri.file(fromFixtures('test-project')))
             await delay(500)
             await vscode.commands.executeCommand('vscode.open', vscode.Uri.file(fromFixtures('test-project/src/index.tsx')))
             await delay(600)