chore: init monorepo config (#57)

Author: valerybugakov

.eslintrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  extends: ['@sourcegraph/eslint-config'],
+  env: {
+    node: true,
+    es6: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+    EXPERIMENTAL_useSourceOfProjectReferenceRedirect: true,
+    project: ['./tsconfig.eslint.json', './tsconfig.json', './packages/*/tsconfig.json'],
+    allowAutomaticSingleRunInference: true,
+    tsconfigRootDir: __dirname,
+    warnOnUnsupportedTypeScriptVersion: false,
+  },
+  settings: {
+    react: {
+      version: '*',
+    },
+  },
+  rules: {
+    'no-sync': 'off',
+  },
+}

.eslintrc.json

@@ -5,6 +5,10 @@ jobs:
   lsif-ts:
     runs-on: ubuntu-latest
     container: sourcegraph/lsif-node
+    strategy:
+      matrix:
+        root:
+          - packages/codemod
     steps:
       - uses: actions/checkout@v2
       - name: Setup Node.js
@@ -13,7 +17,18 @@ jobs:
           node-version: 14
       - name: Install dependencies
         run: yarn --ignore-engines --ignore-scripts
+
       - name: Generate LSIF data
+        working-directory: ${{ matrix.root }}
         run: lsif-tsc -p .
-      - name: Upload LSIF data
-        run: src lsif upload -github-token=${{ secrets.GITHUB_TOKEN }}
+
+      - name: Upload lsif-tsc dump to Cloud
+        working-directory: ${{ matrix.root }}
+        run: src lsif upload -github-token='${{ secrets.GITHUB_TOKEN }}' -no-progress
+        env:
+          SRC_ENDPOINT: https://sourcegraph.com/
+      - name: Upload lsif-tsc dump to Dogfood
+        working-directory: ${{ matrix.root }}
+        run: src lsif upload -github-token='${{ secrets.GITHUB_TOKEN }}' -no-progress || true
+        env:
+          SRC_ENDPOINT: https://k8s.sgdev.org/

.github/workflows/lsif.yml

@@ -14,9 +14,9 @@ jobs:
         run: yarn install
       - name: Run build
         run: yarn build
-      - name: Run prettier
-        run: yarn prettier-check
-      - name: Run eslint
-        run: yarn eslint
+      - name: Run format
+        run: yarn format:check
+      - name: Run lint
+        run: yarn lint
       - name: Run tests
         run: yarn test

.github/workflows/test.yml

@@ -15,12 +15,9 @@
 # Mac OS X
 .DS_Store
 
-# Sublime
-*.sublime-project
-*.sublime-workspace
-
 dist
 node_modules
 npm-debug.log
 yarn-error.log
 .eslintcache
+*.tsbuildinfo

.gitignore

@@ -1,2 +1,5 @@
-dist
-fixtures
+**/fixtures/**/*
+**/dist
+**/coverage
+**/.vscode
+**/.vs

.prettierignore

@@ -0,0 +1,18 @@
+import type { InitialOptionsTsJest } from 'ts-jest'
+
+const config: InitialOptionsTsJest = {
+    preset: 'ts-jest',
+    globals: {
+        'ts-jest': {
+            isolatedModules: true,
+        },
+    },
+    testEnvironment: 'node',
+    roots: ['<rootDir>/src'],
+    modulePaths: ['node_modules', '<rootDir>/src'],
+    modulePathIgnorePatterns: ['fixtures', 'dist'],
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+}
+
+// eslint-disable-next-line import/no-default-export
+export default config

README.md

@@ -0,0 +1,8 @@
+import type { InitialOptionsTsJest } from 'ts-jest'
+
+const config: InitialOptionsTsJest = {
+    projects: ['./packages/*/jest.config.ts'],
+}
+
+// eslint-disable-next-line import/no-default-export
+export default config

babel.config.js

@@ -1,27 +1,23 @@
 {
-  "name": "@sourcegraph/codemod",
-  "description": "A collection of codemods powered by TS-Morph and PostCSS",
-  "version": "0.0.0-DEVELOPMENT",
+  "private": true,
+  "name": "@sourcegraph/codemod-root",
+  "version": "0.0.0",
+  "description": "Monorepo for a collection of codemods powered by ts-morph and PostCSS",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/sourcegraph/codemod.git"
   },
-  "files": [
-    "dist"
-  ],
-  "main": "dist/cli.js",
-  "types": "dist/cli.d.ts",
-  "bin": "./dist/cli.js",
   "scripts": {
-    "transform": "ts-node-transpile-only ./src/cli.ts",
     "test": "jest",
-    "semantic-release": "semantic-release",
-    "prettier": "prettier '**/*.{js?(on),ts?(x),scss,md,yml}' --write --list-different",
-    "prettier-check": "npm run prettier -- --write=false",
-    "eslint": "eslint './src/**/*.ts?(x)'",
-    "build": "tsc -p .",
-    "watch": "tsc -p . -w"
+    "release": "semantic-release",
+    "format": "prettier '**/*.{js?(on),ts?(x),scss,md,yml}' --write --list-different  --ignore-path ./.prettierignore",
+    "format:check": "yarn format --write=false",
+    "lint": "eslint .",
+    "build": "tsc --build",
+    "build:clean": "tsc --build --clean && rimraf ./packages/*/dist ./packages/*/*.tsbuildinfo",
+    "build:watch": "tsc --build --watch",
+    "postinstall": "yarn build"
   },
   "commitlint": {
     "extends": [
@@ -34,6 +30,7 @@
     }
   },
   "dependencies": {
+    "@ts-morph/bootstrap": "^0.11.1",
     "camelcase": "^6.2.0",
     "commander": "^8.1.0",
     "css-modules-loader-core": "^1.1.0",
@@ -45,30 +42,37 @@
     "prettier-eslint": "^13.0.0",
     "signale": "^1.4.0",
     "stylelint": "^13.13.1",
-    "ts-morph": "^11.0.3",
+    "ts-morph": "13.0.1",
     "ts-node": "^10.1.0",
-    "typescript": "^4.3.5"
+    "type-fest": "^2.8.0",
+    "typescript": "4.5.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-typescript": "^7.15.0",
     "@commitlint/cli": "^13.2.0",
     "@commitlint/config-conventional": "^13.2.0",
-    "@sourcegraph/eslint-config": "^0.26.0",
+    "@sourcegraph/eslint-config": "^0.25.1",
     "@sourcegraph/prettierrc": "^3.0.3",
     "@sourcegraph/stylelint-config": "^1.3.0",
     "@sourcegraph/tsconfig": "^4.0.1",
     "@types/css-modules-loader-core": "1.1.0",
-    "@types/eslint": "7.29.0",
+    "@types/eslint": "7.28.2",
     "@types/jest": "27.0.2",
-    "@types/node": "16.11.12",
+    "@types/node": "16.11.6",
     "@types/signale": "1.4.2",
     "@types/stylelint": "13.13.3",
     "eslint": "^7.32.0",
     "husky": "^7.0.1",
     "jest": "^27.0.6",
-    "prettier": "^2.5.1",
-    "semantic-release": "^17.4.4"
+    "prettier": "^2.4.1",
+    "semantic-release": "^17.4.4",
+    "ts-jest": "^27.1.2"
+  },
+  "resolutions": {
+    "typescript": "4.5.2"
+  },
+  "workspaces": {
+    "packages": [
+      "packages/*"
+    ]
   }
 }

jest.config.base.ts

@@ -0,0 +1,12 @@
+import type { InitialOptionsTsJest } from 'ts-jest'
+
+import baseConfig from '../../jest.config.base'
+
+const config: InitialOptionsTsJest = {
+    ...baseConfig,
+    displayName: 'codemod',
+    rootDir: __dirname,
+}
+
+// eslint-disable-next-line import/no-default-export
+export default config

jest.config.js

@@ -0,0 +1,26 @@
+{
+  "name": "@sourcegraph/codemod",
+  "description": "A collection of codemods powered by TS-Morph and PostCSS",
+  "version": "0.0.0-DEVELOPMENT",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sourcegraph/codemod.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/cli.js",
+  "types": "dist/cli.d.ts",
+  "bin": "./dist/cli.js",
+  "scripts": {
+    "transform": "ts-node-transpile-only ./src/cli.ts",
+    "test": "jest",
+    "semantic-release": "semantic-release",
+    "format": "prettier '**/*.{js?(on),ts?(x),scss,md,yml}' --write --list-different",
+    "format:check": "npm run prettier -- --write=false",
+    "lint": "eslint './src/**/*.ts?(x)'",
+    "build": "tsc -p .",
+    "watch": "tsc -p . -w"
+  }
+}

jest.config.ts

@@ -1,7 +1,7 @@
 /* eslint-disable no-template-curly-in-string */
 import { printNode, SyntaxKind } from 'ts-morph'
-import { createSourceFile } from 'utils/tests'
 
+import { createSourceFile } from '../../../utils/tests'
 import { getTemplateExpressionReplacement } from '../getTemplateExpressionReplacement'
 
 describe('getTemplateExpressionReplacement', () => {

package.json

@@ -127,9 +127,8 @@ exports[`globalCssToCssModule transforms correctly 1`] = `
 `;
 
 exports[`globalCssToCssModule transforms correctly 2`] = `
-"import classNames from 'classnames'
-import React from 'react'
-
+"import React from 'react'
+import classNames from 'classnames'
 import styles from './Kek.module.scss'
 
 export const Kek = () => {
@@ -142,7 +141,7 @@ export const Kek = () => {
                     [styles.kek]: false,
                     [classNames('d-flex mr-1', styles.kek)]: isActive,
                 })}
-             />
+            ></div>
             It's a component<p className={styles.logo}>wow</p>
             <div className={classNames('m-2 d-flex m-1', styles.repoHeader)}>Another one!</div>
         </div>

packages/codemod/jest.config.ts

@@ -1,3 +1,4 @@
+/* eslint-disable rxjs/throw-error, etc/throw-error */
 import { AcceptedPlugin, Rule, ChildNode, Root } from 'postcss'
 import parser, { isRoot, Selector } from 'postcss-selector-parser'
 
@@ -228,7 +229,7 @@ function parse(source: string, rule?: Rule): Selector {
     } catch (error) {
         if (source.includes(':')) {
             throw rule ? rule.error('Missed semicolon') : error
-        } else {
+        } else if (error instanceof Error) {
             throw rule ? rule.error(error.message) : error
         }
     }

packages/codemod/package.json

@@ -1,6 +1,6 @@
 import { printNode, SyntaxKind, ts } from 'ts-morph'
-import { createSourceFile } from 'utils/tests'
 
+import { createSourceFile } from '../../../../utils/tests'
 import { getClassNameNodeReplacement, GetClassNameNodeReplacementOptions } from '../getClassNameNodeReplacement'
 import { getNodesWithClassName } from '../getNodesWithClassName'
 

src/cli.ts renamed to packages/codemod/src/cli.ts

@@ -1,6 +1,6 @@
 import { SyntaxKind } from 'ts-morph'
-import { createSourceFile } from 'utils/tests'
 
+import { createSourceFile } from '../../../../utils/tests'
 import { getNodesWithClassName } from '../getNodesWithClassName'
 
 describe('getNodesWithClassName', () => {

src/transforms/buttonElementToComponent/buttonElementToComponent.ts renamed to packages/codemod/src/transforms/buttonElementToComponent/buttonElementToComponent.ts

@@ -1,5 +1,4 @@
-import { createSourceFile } from 'utils/tests'
-
+import { createSourceFile } from '../../../../utils/tests'
 import { getNodesWithClassName } from '../getNodesWithClassName'
 import { processNodesWithClassName } from '../processNodesWithClassName'
 

src/transforms/buttonElementToComponent/index.ts renamed to packages/codemod/src/transforms/buttonElementToComponent/index.ts

@@ -1,6 +1,5 @@
 import { printNode } from 'ts-morph'
 import { factory } from 'typescript'
-import { createSourceFile } from 'utils/tests'
 
 import {
     CLASSNAMES_IDENTIFIER,
@@ -9,6 +8,8 @@ import {
     addClassNamesUtilImportIfNeeded,
 } from '../classNamesUtility'
 
+import { createSourceFile } from '.'
+
 describe('`classNames` helpers', () => {
     describe('wrapIntoClassNamesUtility', () => {
         it('wraps arguments into `classNames` function call', () => {

src/transforms/classNameTemplateToClassnamesCall/README.md renamed to packages/codemod/src/transforms/classNameTemplateToClassnamesCall/README.md

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+  },
+  "include": ["./src/**/*", "../types"],
+  "exclude": ["./**/fixtures"],
+}

src/transforms/classNameTemplateToClassnamesCall/__tests__/getTemplateExpressionReplacement.test.ts renamed to packages/codemod/src/transforms/classNameTemplateToClassnamesCall/__tests__/getTemplateExpressionReplacement.test.ts

@@ -1 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 module.exports = require('@sourcegraph/prettierrc')