ts-transform-css-modules/compile.ts

Extract CSS classnames in TS files

import * as ts from "typescript";
import { sync as globSync } from "glob";
import { transform } from "./src";
import { resolve } from "path";

declare module "fs-extra" {
  export function outputJsonSync(file: string, data: any, opts?: {}): void;
}

const CJS_CONFIG: ts.CompilerOptions = {
  experimentalDecorators: true,
  jsx: ts.JsxEmit.React,
  module: ts.ModuleKind.CommonJS,
  moduleResolution: ts.ModuleResolutionKind.NodeJs,
  noEmitOnError: false,
  noUnusedLocals: true,
  noUnusedParameters: true,
  stripInternal: true,
  sourceMap: true,
  target: ts.ScriptTarget.ES2015
};

export default function compile(
  input: string,
  options: ts.CompilerOptions = CJS_CONFIG
) {
  const files = globSync(input);
  const compilerHost = ts.createCompilerHost(options);
  const program = ts.createProgram(files, options, compilerHost);

  const msgs = {};

  let emitResult = program.emit(undefined, undefined, undefined, undefined, {
    before: [
      transform({
        generateScopedName: "[name]__[local]___[hash:base64:5]",
        tsImportResolver(path) {
          if (path.startsWith("some_alias")) {
            const relativePath = path.split("some_alias/")[1];
            return resolve(__dirname, "test/fixture", relativePath);
          }
        }
      })
    ]
  });

  let allDiagnostics = ts
    .getPreEmitDiagnostics(program)
    .concat(emitResult.diagnostics);

  allDiagnostics.forEach(diagnostic => {
    let { line, character } = diagnostic.file.getLineAndCharacterOfPosition(
      diagnostic.start
    );
    let message = ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
    console.log(
      `${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`
    );
  });

  return msgs;
}