From 65150bef02f7c4f4aab75908398cb13e9d93edfc Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Mon, 21 Sep 2020 13:53:11 -0400 Subject: [PATCH] get started --- .../.eslintignore | 1 + .../redux-devtools-trace-monitor/.eslintrc.js | 21 +++++++ .../jest.config.js | 3 + .../redux-devtools-trace-monitor/package.json | 60 +++++++++++-------- .../{StackTraceTab.js => StackTraceTab.tsx} | 0 .../src/{openFile.js => openFile.ts} | 0 .../src/{presets.js => presets.ts} | 0 .../{CodeBlock.js => CodeBlock.tsx} | 0 .../{Collapsible.js => Collapsible.tsx} | 0 .../{StackFrame.js => StackFrame.tsx} | 0 ...meCodeBlock.js => StackFrameCodeBlock.tsx} | 0 .../{StackTrace.js => StackTrace.tsx} | 0 ...{absolutifyCaret.js => absolutifyCaret.ts} | 0 .../utils/dom/{css.js => css.ts} | 0 ...enerateAnsiHTML.js => generateAnsiHTML.ts} | 0 .../{getLinesAround.js => getLinesAround.ts} | 0 .../{getPrettyURL.js => getPrettyURL.ts} | 0 .../{getSourceMap.js => getSourceMap.ts} | 0 .../{getStackFrames.js => getStackFrames.ts} | 0 ...ultinErrorName.js => isBultinErrorName.ts} | 0 .../{isInternalFile.js => isInternalFile.ts} | 0 .../utils/{mapper.js => mapper.ts} | 0 ...seCompileError.js => parseCompileError.ts} | 0 .../utils/{parser.js => parser.ts} | 0 .../utils/{pollyfills.js => pollyfills.ts} | 0 .../utils/{stack-frame.js => stack-frame.ts} | 0 .../utils/{unmapper.js => unmapper.ts} | 0 .../test/tsconfig.json | 4 ++ .../tsconfig.json | 7 +++ yarn.lock | 9 ++- 30 files changed, 77 insertions(+), 28 deletions(-) create mode 100644 packages/redux-devtools-trace-monitor/.eslintignore create mode 100644 packages/redux-devtools-trace-monitor/.eslintrc.js create mode 100644 packages/redux-devtools-trace-monitor/jest.config.js rename packages/redux-devtools-trace-monitor/src/{StackTraceTab.js => StackTraceTab.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/{openFile.js => openFile.ts} (100%) rename packages/redux-devtools-trace-monitor/src/{presets.js => presets.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/components/{CodeBlock.js => CodeBlock.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/components/{Collapsible.js => Collapsible.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/{StackFrame.js => StackFrame.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/{StackFrameCodeBlock.js => StackFrameCodeBlock.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/{StackTrace.js => StackTrace.tsx} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/{absolutifyCaret.js => absolutifyCaret.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/{css.js => css.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{generateAnsiHTML.js => generateAnsiHTML.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{getLinesAround.js => getLinesAround.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{getPrettyURL.js => getPrettyURL.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{getSourceMap.js => getSourceMap.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{getStackFrames.js => getStackFrames.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{isBultinErrorName.js => isBultinErrorName.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{isInternalFile.js => isInternalFile.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{mapper.js => mapper.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{parseCompileError.js => parseCompileError.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{parser.js => parser.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{pollyfills.js => pollyfills.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{stack-frame.js => stack-frame.ts} (100%) rename packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/{unmapper.js => unmapper.ts} (100%) create mode 100644 packages/redux-devtools-trace-monitor/test/tsconfig.json create mode 100644 packages/redux-devtools-trace-monitor/tsconfig.json diff --git a/packages/redux-devtools-trace-monitor/.eslintignore b/packages/redux-devtools-trace-monitor/.eslintignore new file mode 100644 index 00000000..a65b4177 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/.eslintignore @@ -0,0 +1 @@ +lib diff --git a/packages/redux-devtools-trace-monitor/.eslintrc.js b/packages/redux-devtools-trace-monitor/.eslintrc.js new file mode 100644 index 00000000..eca0de40 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/.eslintrc.js @@ -0,0 +1,21 @@ +module.exports = { + extends: '../../.eslintrc', + overrides: [ + { + files: ['*.ts', '*.tsx'], + extends: '../../eslintrc.ts.react.base.json', + parserOptions: { + tsconfigRootDir: __dirname, + project: ['./tsconfig.json'], + }, + }, + { + files: ['test/*.ts', 'test/*.tsx'], + extends: '../../eslintrc.ts.react.jest.base.json', + parserOptions: { + tsconfigRootDir: __dirname, + project: ['./test/tsconfig.json'], + }, + }, + ], +}; diff --git a/packages/redux-devtools-trace-monitor/jest.config.js b/packages/redux-devtools-trace-monitor/jest.config.js new file mode 100644 index 00000000..8824c114 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/jest.config.js @@ -0,0 +1,3 @@ +module.exports = { + preset: 'ts-jest', +}; diff --git a/packages/redux-devtools-trace-monitor/package.json b/packages/redux-devtools-trace-monitor/package.json index d00d1548..150d3cb8 100644 --- a/packages/redux-devtools-trace-monitor/package.json +++ b/packages/redux-devtools-trace-monitor/package.json @@ -2,47 +2,55 @@ "name": "redux-devtools-trace-monitor", "version": "0.1.3", "description": "Submonitor for Redux DevTools inspector to show stack traces.", - "repository": "https://github.com/reduxjs/redux-devtools", - "homepage": "https://github.com/reduxjs/redux-devtools", + "homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-trace-monitor", + "license": "MIT", "author": "Mark Erikson ", "contributors": [ "Mihail Diordiev (https://github.com/zalmoxisus)" ], - "license": "MIT", - "main": "lib/StackTraceTab.js", "files": [ "lib" ], + "main": "lib/StackTraceTab.js", + "types": "lib/StackTraceTab.d.ts", + "repository": "https://github.com/reduxjs/redux-devtools", "scripts": { + "build": "npm run build:types && npm run build:js", + "build:types": "tsc --emitDeclarationOnly", + "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline", "clean": "rimraf lib", - "build": "babel src --out-dir lib", - "test": "jest --no-cache", - "prepare": "npm run clean && npm run build", - "prepublishOnly": "npm run test && npm run clean && npm run build" - }, - "devDependencies": { - "@babel/cli": "^7.10.5", - "@babel/core": "^7.11.1", - "@babel/plugin-proposal-class-properties": "^7.10.4", - "@babel/plugin-proposal-decorators": "^7.10.5", - "@babel/plugin-transform-runtime": "^7.11.0", - "@babel/preset-env": "^7.11.0", - "@babel/preset-flow": "^7.10.4", - "@babel/preset-react": "^7.10.4", - "enzyme": "^3.11.0", - "enzyme-adapter-react-16": "^1.15.3", - "enzyme-to-json": "^3.5.0", - "jest": "^26.2.2", - "react-dom": "^16.13.1", - "react-test-renderer": "^16.13.1", - "rimraf": "^3.0.2" + "test": "jest", + "lint": "eslint . --ext .ts,.tsx", + "lint:fix": "eslint . --ext .ts,.tsx --fix", + "type-check": "tsc --noEmit", + "type-check:watch": "npm run type-check -- --watch", + "preversion": "npm run type-check && npm run lint && npm run test", + "prepublishOnly": "npm run clean && npm run build" }, "dependencies": { "@babel/code-frame": "^7.10.4", + "@types/html-entities": "^1.2.16", + "@types/redux-devtools-themes": "^1.0.0", "anser": "^1.4.9", "html-entities": "^1.3.1", - "react": "^16.13.1", "redux-devtools-themes": "^1.0.0", "settle-promise": "^1.0.0" + }, + "devDependencies": { + "@types/react": "^16.9.46", + "enzyme": "^3.11.0", + "enzyme-adapter-react-16": "^1.15.3", + "enzyme-to-json": "^3.5.0", + "react": "^16.13.1", + "react-dom": "^16.13.1", + "react-test-renderer": "^16.13.1", + "redux": "^4.0.5", + "redux-devtools": "^3.7.0" + }, + "peerDependencies": { + "@types/react": "^16.3.18", + "react": "^16.3.0", + "redux": "^3.4.0 || ^4.0.0", + "redux-devtools": "^3.0.0" } } diff --git a/packages/redux-devtools-trace-monitor/src/StackTraceTab.js b/packages/redux-devtools-trace-monitor/src/StackTraceTab.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/StackTraceTab.js rename to packages/redux-devtools-trace-monitor/src/StackTraceTab.tsx diff --git a/packages/redux-devtools-trace-monitor/src/openFile.js b/packages/redux-devtools-trace-monitor/src/openFile.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/openFile.js rename to packages/redux-devtools-trace-monitor/src/openFile.ts diff --git a/packages/redux-devtools-trace-monitor/src/presets.js b/packages/redux-devtools-trace-monitor/src/presets.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/presets.js rename to packages/redux-devtools-trace-monitor/src/presets.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/CodeBlock.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/CodeBlock.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/components/CodeBlock.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/components/CodeBlock.tsx diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/components/Collapsible.tsx diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrame.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrame.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrame.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrame.tsx diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrameCodeBlock.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrameCodeBlock.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrameCodeBlock.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackFrameCodeBlock.tsx diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackTrace.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackTrace.tsx similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackTrace.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/containers/StackTrace.tsx diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/absolutifyCaret.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/absolutifyCaret.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/absolutifyCaret.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/absolutifyCaret.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/css.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/css.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/css.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/dom/css.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/generateAnsiHTML.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/generateAnsiHTML.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/generateAnsiHTML.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/generateAnsiHTML.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getLinesAround.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getLinesAround.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getLinesAround.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getLinesAround.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getPrettyURL.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getPrettyURL.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getPrettyURL.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getPrettyURL.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getSourceMap.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getSourceMap.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getSourceMap.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getSourceMap.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getStackFrames.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getStackFrames.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getStackFrames.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/getStackFrames.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isBultinErrorName.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isBultinErrorName.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isBultinErrorName.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isBultinErrorName.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isInternalFile.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isInternalFile.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isInternalFile.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/isInternalFile.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/mapper.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/mapper.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/mapper.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/mapper.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parseCompileError.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parseCompileError.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parseCompileError.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parseCompileError.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parser.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parser.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parser.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/parser.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/pollyfills.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/pollyfills.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/pollyfills.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/pollyfills.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/stack-frame.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/stack-frame.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/stack-frame.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/stack-frame.ts diff --git a/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/unmapper.js b/packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/unmapper.ts similarity index 100% rename from packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/unmapper.js rename to packages/redux-devtools-trace-monitor/src/react-error-overlay/utils/unmapper.ts diff --git a/packages/redux-devtools-trace-monitor/test/tsconfig.json b/packages/redux-devtools-trace-monitor/test/tsconfig.json new file mode 100644 index 00000000..ca19def4 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/test/tsconfig.json @@ -0,0 +1,4 @@ +{ + "extends": "../../../tsconfig.react.base.json", + "include": ["../src", "."] +} diff --git a/packages/redux-devtools-trace-monitor/tsconfig.json b/packages/redux-devtools-trace-monitor/tsconfig.json new file mode 100644 index 00000000..7b7d1492 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/tsconfig.json @@ -0,0 +1,7 @@ +{ + "extends": "../../tsconfig.react.base.json", + "compilerOptions": { + "outDir": "lib" + }, + "include": ["src"] +} diff --git a/yarn.lock b/yarn.lock index c6d78b92..22eab218 100644 --- a/yarn.lock +++ b/yarn.lock @@ -378,7 +378,7 @@ "@babel/helper-create-class-features-plugin" "^7.10.4" "@babel/helper-plugin-utils" "^7.10.4" -"@babel/plugin-proposal-decorators@^7.10.5", "@babel/plugin-proposal-decorators@^7.8.3": +"@babel/plugin-proposal-decorators@^7.8.3": version "7.10.5" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.10.5.tgz#42898bba478bc4b1ae242a703a953a7ad350ffb4" integrity sha512-Sc5TAQSZuLzgY0664mMDn24Vw2P8g/VhyLyGPaWiHahhgLqeZvcGeyBZOrJW0oSKIK2mvQ22a1ENXBIQLhrEiQ== @@ -1110,7 +1110,7 @@ levenary "^1.1.1" semver "^5.5.0" -"@babel/preset-flow@^7.0.0", "@babel/preset-flow@^7.10.4": +"@babel/preset-flow@^7.0.0": version "7.10.4" resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.10.4.tgz#e0d9c72f8cb02d1633f6a5b7b16763aa2edf659f" integrity sha512-XI6l1CptQCOBv+ZKYwynyswhtOKwpZZp5n0LG1QKCo8erRhqjoQV6nvx61Eg30JHpysWQSBwA2AWRU3pBbSY5g== @@ -3464,6 +3464,11 @@ "@types/react" "*" hoist-non-react-statics "^3.3.0" +"@types/html-entities@^1.2.16": + version "1.2.16" + resolved "https://registry.yarnpkg.com/@types/html-entities/-/html-entities-1.2.16.tgz#4d1fe208c4c33727ac4657e6f5d92bfe52427023" + integrity sha512-CI6fHfFvkTtX2Nlr4JBA6yIFTfA4p9E6w9ky64X6PrfXiTALhUh/SOa+Sxvv2p87m+y5AH71lAUrx0lSYx4hKQ== + "@types/html-minifier-terser@^5.0.0": version "5.1.0" resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz#551a4589b6ee2cc9c1dff08056128aec29b94880"