Updated dependencies, broke some unit tests

Author: Jason-Morales

.eslint.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: [
+    'react-app',
+    // 'prettier/@typescript-eslint',
+    // 'plugin:prettier/recommended',
+  ],
+};

.eslintrc.js

@@ -0,0 +1,3 @@
+@imaginelearning:registry=https://npm.pkg.github.com
+@fortawesome:registry=https://npm.fontawesome.com/
+//npm.fontawesome.com/:_authToken=820A812E-C4FC-4313-848E-CC4965165F1E

.npmrc

@@ -0,0 +1,25 @@
+{
+    "workbench.colorCustomizations": {
+        "activityBar.activeBackground": "#67eb62",
+        "activityBar.background": "#67eb62",
+        "activityBar.foreground": "#15202b",
+        "activityBar.inactiveForeground": "#15202b99",
+        "activityBarBadge.background": "#7276ed",
+        "activityBarBadge.foreground": "#15202b",
+        "commandCenter.border": "#15202b99",
+        "sash.hoverBorder": "#67eb62",
+        "sideBar.border": "#67eb62",
+        "statusBar.background": "#3be535",
+        "statusBar.border": "#3be535",
+        "statusBar.foreground": "#15202b",
+        "statusBarItem.hoverBackground": "#20cd1a",
+        "statusBarItem.remoteBackground": "#3be535",
+        "statusBarItem.remoteForeground": "#15202b",
+        "titleBar.activeBackground": "#3be535",
+        "titleBar.activeForeground": "#15202b",
+        "titleBar.border": "#3be535",
+        "titleBar.inactiveBackground": "#3be53599",
+        "titleBar.inactiveForeground": "#15202b99"
+    },
+    "peacock.color": "#3be535"
+}

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "name": "tsdx",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "author": "Jared Palmer <[email protected]>",
   "description": "Zero-config TypeScript package development",
   "license": "MIT",
@@ -38,26 +38,29 @@
     "templates"
   ],
   "engines": {
-    "node": ">=14"
+    "node": ">=16"
   },
   "dependencies": {
     "@babel/core": "^7.4.4",
     "@babel/helper-module-imports": "^7.0.0",
     "@babel/parser": "^7.11.5",
-    "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-env": "^7.11.0",
     "@babel/traverse": "^7.11.5",
-    "@rollup/plugin-babel": "^5.1.0",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-json": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@rollup/plugin-replace": "^2.2.1",
-    "@types/jest": "^26.0.24",
-    "@typescript-eslint/eslint-plugin": "^4.28.2",
-    "@typescript-eslint/parser": "^4.28.2",
+    "@edugis/rollup-plugin-sourcemaps": "0.6.4",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@types/jest": "^29.5.11",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
     "ansi-escapes": "^4.2.1",
     "asyncro": "^3.0.0",
     "babel-eslint": "^10.0.3",
+    "babel-jest": "^29.7.0",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
     "babel-plugin-dev-expression": "^0.2.1",
     "babel-plugin-macros": "^3.1.0",
@@ -66,61 +69,60 @@
     "camelcase": "^6.0.0",
     "chalk": "^4.0.0",
     "enquirer": "^2.3.4",
-    "eslint": "^7.30.0",
-    "eslint-config-prettier": "^6.0.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "^5.8.0",
+    "eslint": "^8.56.0",
+    "eslint-config-react-app": "^7.0.0",
+    "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-prettier": "^5.1.0",
     "eslint-plugin-react": "^7.14.3",
     "eslint-plugin-react-hooks": "^4.2.0",
     "execa": "^5.1.1",
     "fs-extra": "^10.0.0",
-    "jest": "^27.0.6",
-    "jest-watch-typeahead": "^0.6.4",
+    "jest": "^29.7.0",
+    "jest-watch-typeahead": "^2.2.2",
     "jpjs": "^1.2.1",
     "lodash.merge": "^4.6.2",
     "ora": "^5.4.1",
     "pascal-case": "^3.1.1",
-    "prettier": "^2.3.2",
+    "prettier": "^3.2.4",
     "progress-estimator": "^0.3.0",
     "regenerator-runtime": "^0.13.7",
-    "rollup": "^2.52.8",
-    "rollup-plugin-sourcemaps": "^0.6.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup": "^4.9.6",
+    "rollup-plugin-typescript2": "^0.36.0",
     "sade": "^1.4.2",
     "semver": "^7.1.1",
     "shelljs": "^0.8.3",
     "tiny-glob": "^0.2.6",
-    "ts-jest": "^27.0.3",
+    "ts-jest": "^29.1.2",
     "tslib": "^2.3.0",
-    "typescript": "^4.3.5"
+    "typescript": "^5.3.3"
   },
   "devDependencies": {
-    "@types/eslint": "^7.2.14",
+    "@types/eslint": "^8.56.2",
     "@types/fs-extra": "^9.0.1",
     "@types/lodash": "^4.14.161",
-    "@types/node": "^16.0.1",
-    "@types/react": "^17.0.14",
+    "@types/node": "^20.11.10",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "@types/rollup-plugin-json": "^3.0.2",
     "@types/sade": "^1.6.0",
     "@types/semver": "^7.1.0",
     "@types/shelljs": "^0.8.5",
     "@types/styled-components": "^5.0.1",
-    "autoprefixer": "^9.7.4",
+    "autoprefixer": "^10.4.17",
     "babel-plugin-replace-identifiers": "^0.1.1",
-    "cssnano": "^4.1.10",
+    "cssnano": "^6.0.3",
     "doctoc": "^2.0.1",
     "husky": "^7.0.1",
     "np": "^7.5.0",
+    "postcss": "^8.4.33",
     "pretty-quick": "^3.1.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "rollup-plugin-postcss": "^2.5.0",
-    "styled-components": "^5.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "styled-components": "^6.1.8",
     "tiny-invariant": "^1.1.0",
     "tiny-warning": "^1.0.3",
     "yarn-deduplicate": "^3.1.0"

package.json

@@ -1,6 +1,6 @@
 import fs from 'fs-extra';
 import path from 'path';
-import { CLIEngine } from 'eslint';
+import { ESLint } from 'eslint';
 import { PackageJson } from './types';
 import { getReactVersion } from './utils';
 
@@ -13,14 +13,14 @@ export async function createEslintConfig({
   pkg,
   rootDir,
   writeFile,
-}: CreateEslintConfigArgs): Promise<CLIEngine.Options['baseConfig'] | void> {
+}: CreateEslintConfigArgs): Promise<ESLint.Options['baseConfig'] | void> {
   const isReactLibrary = Boolean(getReactVersion(pkg));
 
   const config = {
     extends: [
       'react-app',
-      'prettier/@typescript-eslint',
-      'plugin:prettier/recommended',
+      // 'prettier/@typescript-eslint',
+      // 'plugin:prettier/recommended',
     ],
     settings: {
       react: {
@@ -41,8 +41,8 @@ export async function createEslintConfig({
       `module.exports = ${JSON.stringify(config, null, 2)}`,
       { flag: 'wx' }
     );
-  } catch (e) {
-    if (e.code === 'EEXIST') {
+  } catch (e: any) {
+    if (e?.code === 'EEXIST') {
       console.error(
         'Error trying to save the Eslint configuration file:',
         `${file} already exists.`

src/createEslintConfig.ts

@@ -14,8 +14,11 @@ export function createJestConfig(
     transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
     moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
     collectCoverageFrom: ['src/**/*.{ts,tsx,js,jsx}'],
+    testEnvironment: 'jsdom',
+    testEnvironmentOptions: {
+      url: 'https://localhost/',
+    },
     testMatch: ['<rootDir>/**/*.(spec|test).{ts,tsx,js,jsx}'],
-    testURL: 'http://localhost',
     rootDir,
     watchPlugins: [
       require.resolve('jest-watch-typeahead/filename'),

src/createJestConfig.ts

@@ -1,15 +1,15 @@
 import { safeVariableName, safePackageName, external } from './utils';
 import { paths } from './constants';
-import { RollupOptions } from 'rollup';
-import { terser } from 'rollup-plugin-terser';
+import { InputPluginOption, RollupOptions } from 'rollup';
+import terser from '@rollup/plugin-terser';
 import { DEFAULT_EXTENSIONS as DEFAULT_BABEL_EXTENSIONS } from '@babel/core';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import replace from '@rollup/plugin-replace';
 import resolve, {
   DEFAULTS as RESOLVE_DEFAULTS,
 } from '@rollup/plugin-node-resolve';
-import sourceMaps from 'rollup-plugin-sourcemaps';
+import sourceMaps from '@edugis/rollup-plugin-sourcemaps';
 import typescript from 'rollup-plugin-typescript2';
 import ts from 'typescript';
 
@@ -120,7 +120,7 @@ export async function createRollupConfig(
           }
           return { code, map: null };
         },
-      },
+      } as unknown as InputPluginOption,
       resolve({
         mainFields: [
           'module',
@@ -157,7 +157,7 @@ export async function createRollupConfig(
             map: null,
           };
         },
-      },
+      } as unknown as InputPluginOption,
       typescript({
         typescript: ts,
         tsconfig: opts.tsconfig,
@@ -221,14 +221,14 @@ export async function createRollupConfig(
         ecma: opts.legacy ? 5 : 2020,
         module: isEsm,
         toplevel: opts.format === 'cjs' || isEsm,
-        warnings: true,
+        // warnings: true,
       }),
       /**
        * Ensure there's an empty default export to prevent runtime errors.
        *
        * @see https://www.npmjs.com/package/rollup-plugin-export-default
        */
-       {
+      {
         renderChunk: async (code: string, chunk: any) => {
           if (chunk.exports.includes('default') || !isEsm) {
             return null;
@@ -239,7 +239,7 @@ export async function createRollupConfig(
             map: null,
           };
         },
-      },
+      } as unknown as InputPluginOption,
     ],
   };
 }

src/createRollupConfig.ts

@@ -14,7 +14,7 @@ import asyncro from 'asyncro';
 import chalk from 'chalk';
 import * as fs from 'fs-extra';
 import * as jest from 'jest';
-import { CLIEngine } from 'eslint';
+import { ESLint } from 'eslint';
 import logError from './logError';
 import path from 'path';
 import execa from 'execa';
@@ -599,30 +599,30 @@ prog
         writeFile: opts['write-file'],
       });
 
-      const cli = new CLIEngine({
+      const cli = new ESLint({
         baseConfig: {
           ...config,
           ...appPackageJson.eslint,
         },
         extensions: ['.ts', '.tsx', '.js', '.jsx'],
-        fix: opts.fix,
-        ignorePattern: opts['ignore-pattern'],
+        fix: opts.fix,        
+        // ignorePattern: opts['ignore-pattern'],
       });
-      const report = cli.executeOnFiles(opts['_']);
+      const results = await cli.lintFiles(opts['_']);
       if (opts.fix) {
-        CLIEngine.outputFixes(report);
+        ESLint.outputFixes(results);
       }
-      console.log(cli.getFormatter()(report.results));
+      // console.log(cli.loadFormatter()(results));
       if (opts['report-file']) {
         await fs.outputFile(
           opts['report-file'],
-          cli.getFormatter('json')(report.results)
+          cli.loadFormatter('json')//(results)
         );
       }
-      if (report.errorCount) {
+      if (results.length) {
         process.exit(1);
       }
-      if (report.warningCount > opts['max-warnings']) {
+      if ((results.filter(r => r.warningCount > 0)?.length) > opts['max-warnings']) {
         process.exit(1);
       }
     }

src/index.ts

@@ -1 +1,3 @@
-export const foo = () => !!'bar';
+export const foo = () => {
+    return 'bar';
+};