Add DTS issue workaround and prepare release (#43)

Author: mrmckeb

.github/workflows/ci.yml

@@ -1,17 +1,17 @@
 name: CI
 
-on: [pull_request, push]
+on: [pull_request]
 
 jobs:
   build-and-test:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v1
-    - uses: actions/setup-node@v1
-      with:
-        node-version: 10.x
-    - name: Yarn install, build, and test
-      run: |
-        yarn install
-        yarn build
-        yarn test
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 10.x
+      - name: Yarn install, build, and test
+        run: |
+          yarn install
+          yarn build
+          yarn test

README.md

@@ -83,7 +83,7 @@ The below is an example that only matches "\*.m.css" files, and [camel-cases das
 
 ### Visual Studio Code
 
-By default, VSCode will use it's own version of TypeScript. To make it work with this plugin, you have two options:
+By default, VSCode will use its own version of TypeScript. To make it work with this plugin, you have two options:
 
 1. Use your workspace's version of TypeScript, which will load plugins from your `tsconfig.json` file. This is the recommended approach. For instructions, see: [Using the workspace version of TypeScript](https://code.visualstudio.com/docs/languages/typescript#_using-the-workspace-version-of-typescript).
 
@@ -126,3 +126,11 @@ declare module '*.module.less' {
   export default classes;
 }
 ```
+
+## Troubleshooting
+
+If you're having issues with this extension, you can view the TypeScript Server Log in VSCode by entering `Typescript: Open TS Server log` in the [command palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette).
+
+If that doesn't work, or you're not using VSCode, you can set the [TSS_LOG environment variable](https://github.com/Microsoft/TypeScript/wiki/Standalone-Server-%28tsserver%29#logging).
+
+You can also include this with any issues you file on this project.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript-plugin-css-modules",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "lib/index.js",
   "author": "Brody McKee <mrmckeb@hotmail.com>",
   "license": "MIT",

src/config.ts

@@ -0,0 +1 @@
+export const packageName = 'typescript-plugin-css-modules';

src/helpers/DtsSnapshotCreator.ts

@@ -6,7 +6,7 @@ import * as sass from 'sass';
 import * as reserved from 'reserved-words';
 import { transformClasses } from './classTransforms';
 import { Options } from '../options';
-import { Logger } from './Logger';
+import { Logger } from './logger';
 
 const NOT_CAMELCASE_REGEXP = /[\-_]/;
 
@@ -103,6 +103,13 @@ export default classes;
     options: Options,
   ) {
     const css = scriptSnapshot.getText(0, scriptSnapshot.getLength());
+
+    // FIXME: Temporary workaround for https://github.com/mrmckeb/typescript-plugin-css-modules/issues/41
+    // Needs investigation for a more elegant solution.
+    if (/export default classes/.test(css)) {
+      return scriptSnapshot;
+    }
+
     const classes = this.getClasses(processor, css, fileName);
     const dts = this.createExports(classes, options);
     return ts.ScriptSnapshot.fromString(dts);

src/helpers/Logger.ts

@@ -1,6 +1,6 @@
 import { createMatchers } from '../createMatchers';
 import { Options } from '../../options';
-import { Logger } from '../Logger';
+import { Logger } from '../logger';
 
 describe('utils / createMatchers', () => {
   const logger: Logger = { log: jest.fn(), error: jest.fn() };

src/helpers/__tests__/createMatchers.test.ts

@@ -1,6 +1,6 @@
 import { createIsCSS, createIsRelativeCSS } from './cssExtensions';
 import { Options } from '../options';
-import { Logger } from './Logger';
+import { Logger } from './logger';
 
 export const createMatchers = (logger: Logger, options: Options = {}) => {
   // Allow custom matchers to be used, and handle bad matcher patterns.

src/helpers/config.ts

@@ -0,0 +1,21 @@
+import { packageName } from '../config';
+
+export interface Logger {
+  log(message: string): void;
+  error(error: Error): void;
+}
+
+export const createLogger = (info: ts.server.PluginCreateInfo): Logger => {
+  const log = (message: string) => {
+    info.project.projectService.logger.info(`[${packageName}] ${message}`);
+  };
+  const error = (error: Error) => {
+    log(`Failed ${error.toString()}`);
+    log(`Stack trace: ${error.stack}`);
+  };
+
+  return {
+    log,
+    error,
+  };
+};