chore: upgrade eslint, gatsby, next

ccontrols · Dec 25, 2021 · 4903046 · 4903046
1 parent 108ad36
commit 4903046
Show file tree

Hide file tree

Showing 157 changed files with 20,129 additions and 23,093 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,12 +1,12 @@
 module.exports = {
-  "root": true,
+  root: true,
   extends: [
     'plugin:react/recommended',
     'plugin:react-hooks/recommended',
     'plugin:prettier/recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:mdx/recommended',
-    'prettier/@typescript-eslint',
+    'prettier',
   ],
   rules: {
     'comma-dangle': ['error', 'always-multiline'],
@@ -31,7 +31,7 @@ module.exports = {
     '@typescript-eslint/no-use-before-define': 'off',
     '@typescript-eslint/no-object-literal-type-assertion': 'off',
     '@typescript-eslint/no-parameter-properties': 'off',
-    "no-restricted-globals":'error',
+    'no-restricted-globals': 'error',
     'react-hooks/rules-of-hooks': 'off',
   },
   parserOptions: {
@@ -46,4 +46,4 @@ module.exports = {
       version: 'detect',
     },
   },
-}
+};
diff --git a/.prettierrc b/.prettierrc
@@ -7,5 +7,5 @@
   "singleQuote": true,
   "trailingComma": "all",
   "bracketSpacing": true,
-  "jsxBracketSameLine": false
-}
+  "arrowParens": "avoid"
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -140,7 +140,7 @@
       "name": "jest instrument",
       "program": "${workspaceFolder}/node_modules/.bin/jest",
       "cwd": "${workspaceFolder}/core/instrument",
-      "args": ["extract-props-info"],
+      "args": ["jest-tests"],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
       "disableOptimisticBPs": true,

diff --git a/core/core/src/controls-randomize.ts b/core/core/src/controls-randomize.ts
@@ -116,7 +116,7 @@ export const randomizeData = (controls: ComponentControls): RandomizedData => {
             return {
               name,
               value: {
-                ...randomizeData(control.value as ComponentControls),
+                ...randomizeData(control.value as unknown as ComponentControls),
               },
             };
           }

diff --git a/core/core/src/controls-utils.ts b/core/core/src/controls-utils.ts
@@ -219,7 +219,9 @@ export const newControlValues = (
             return {
               name,
               value: {
-                ...newControlValues(control.value as ComponentControls),
+                ...newControlValues(
+                  control.value as unknown as ComponentControls,
+                ),
               },
             };
           }

diff --git a/core/core/src/modules.ts b/core/core/src/modules.ts
@@ -35,9 +35,7 @@ export const dynamicRequire = (filePath: string): any => {
   if (config) {
     const tmpFolder = path.resolve(
       path.dirname(filePath),
-      createHash('md5')
-        .update(filePath)
-        .digest('hex'),
+      createHash('md5').update(filePath).digest('hex'),
     );
     if (!fs.existsSync(tmpFolder)) {
       fs.mkdirSync(tmpFolder);

diff --git a/core/instrument/README.md b/core/instrument/README.md
@@ -1,54 +1,54 @@
 # Table of contents
 
--   [Overview](#overview)
--   [Installation](#installation)
--   [API](#api)
-    -   [Functions](#functions)
-        -   [parseStories](#parsestories)
-    -   [Default options](#default-options)
-        -   [**defaultParserOptions**: _ParserOptions_](#defaultparseroptions-parseroptions)
-        -   [**defaultResolveOptions**: _ResolverOptions_](#defaultresolveoptions-resolveroptions)
-        -   [**defaultComponentOptions**: _ComponentOptions_](#defaultcomponentoptions-componentoptions)
-        -   [**defaultStoriesOptions**: _StoriesOptions_](#defaultstoriesoptions-storiesoptions)
--   [Interfaces](#interfaces)
-    -   [InstrumentOptions](#instrumentoptions)
-        -   [Properties](#properties)
-    -   [InstrumentOptionsMDX](#instrumentoptionsmdx)
-        -   [Properties](#properties-1)
-    -   [ComponentOptions](#componentoptions)
-        -   [Properties](#properties-2)
-    -   [StoriesOptions](#storiesoptions)
-        -   [Properties](#properties-3)
--   [ParserOptions](#parseroptions)
-    -   -   [Properties](#properties-4)
--   [PrettierOptions](#prettieroptions)
-    -   -   [Properties](#properties-5)
--   [ResolvePrettierConfigOptions](#resolveprettierconfigoptions)
-    -   -   [Properties](#properties-6)
--   [ResolverOptions](#resolveroptions)
--   [MDXOptions](#mdxoptions)
-    -   [PackageInfoOptions](#packageinfooptions)
-        -   [Properties](#properties-7)
-    -   [PropsInfoExtractor](#propsinfoextractor)
-    -   [ComponentFileOption](#componentfileoption)
-        -   [Arguments](#arguments)
+- [Overview](#overview)
+- [Installation](#installation)
+- [API](#api)
+  - [Functions](#functions)
+    - [parseStories](#parsestories)
+  - [Default options](#default-options)
+    - [**defaultParserOptions**: _ParserOptions_](#defaultparseroptions-parseroptions)
+    - [**defaultResolveOptions**: _ResolverOptions_](#defaultresolveoptions-resolveroptions)
+    - [**defaultComponentOptions**: _ComponentOptions_](#defaultcomponentoptions-componentoptions)
+    - [**defaultStoriesOptions**: _StoriesOptions_](#defaultstoriesoptions-storiesoptions)
+- [Interfaces](#interfaces)
+  - [InstrumentOptions](#instrumentoptions)
+    - [Properties](#properties)
+  - [InstrumentOptionsMDX](#instrumentoptionsmdx)
+    - [Properties](#properties-1)
+  - [ComponentOptions](#componentoptions)
+    - [Properties](#properties-2)
+  - [StoriesOptions](#storiesoptions)
+    - [Properties](#properties-3)
+- [ParserOptions](#parseroptions)
+  - - [Properties](#properties-4)
+- [PrettierOptions](#prettieroptions)
+  - - [Properties](#properties-5)
+- [ResolvePrettierConfigOptions](#resolveprettierconfigoptions)
+  - - [Properties](#properties-6)
+- [ResolverOptions](#resolveroptions)
+- [MDXOptions](#mdxoptions)
+  - [PackageInfoOptions](#packageinfooptions)
+    - [Properties](#properties-7)
+  - [PropsInfoExtractor](#propsinfoextractor)
+  - [ComponentFileOption](#componentfileoption)
+    - [Arguments](#arguments)
 
 # Overview
 
 Parsing a source file will generate the following information:
 
--   ESM: List of story named exports
--   ESM: Default export stories file information
--   MDX: List of `<Story />` story tags
--   MDX: List of Frontammetr or `<Meta />` stories file information
--   Source code extracted for the stories
--   Source code of the entire stories file
--   List of all attributes(ie parameters) passed to ESM/MDX stories
--   List of story function arguments passed to ESM/MDX stories
--   Usage location (in the source code) of the function arguments
--   Extract 'component' information for stories: import clause, source file, source location
--   Extract package.json repository information for the stories file
--   Extract package.json repository information for the components file (when the components and the stories and in different packages)
+- ESM: List of story named exports
+- ESM: Default export stories file information
+- MDX: List of `<Story />` story tags
+- MDX: List of Frontammetr or `<Meta />` stories file information
+- Source code extracted for the stories
+- Source code of the entire stories file
+- List of all attributes(ie parameters) passed to ESM/MDX stories
+- List of story function arguments passed to ESM/MDX stories
+- Usage location (in the source code) of the function arguments
+- Extract 'component' information for stories: import clause, source file, source location
+- Extract package.json repository information for the stories file
+- Extract package.json repository information for the components file (when the components and the stories and in different packages)
 
 # Installation
 
@@ -80,7 +80,7 @@ Parse and instrument a javascript, typescript or MDX file of stories
 
 **Returns:** _Promise‹Store›_
 
-* * *
+---
 
 ## Default options
 
@@ -92,25 +92,25 @@ _Defined in [core/instrument/src/types.ts](https://github.com/atanasster/compone
 
 • **sourceType**: _"module"_ = "module"
 
-* * *
+---
 
 ### **defaultResolveOptions**: _[ResolverOptions](#resolveroptions)_
 
 • **extensions**: _string\[]_ = ['.js', '.jsx', '.ts', '.tsx', '.vue', '.mjs', '.es', '.es6']
 
-* * *
+---
 
 ### **defaultComponentOptions**: _[ComponentOptions](#componentoptions)_
 
 • **sourceFiles**: _boolean_ = true;
 
-* * *
+---
 
 ### **defaultStoriesOptions**: _[StoriesOptions](#storiesoptions)_
 
 • **sourceFiles**: _boolean_ = false;
 
-* * *
+---
 
 # Interfaces
 
@@ -132,7 +132,7 @@ Options for extracting component information.
 
 • **extractPropsFn**? : _[PropsInfoExtractor](#propsinfoextractor)_
 
- optional module to extract prop tables information for components
+optional module to extract prop tables information for components
 
 • **parser**? : _[ParserOptions](#parseroptions)_
 
@@ -148,7 +148,7 @@ passing a value of false as prettier option will disabled prettifying
 
 Options to control resolving filenames.
 
-* * *
+---
 
 ## InstrumentOptionsMDX
 
@@ -160,7 +160,7 @@ extends [InstrumentOptions](#instrumentoptions)) and adds options for `mdx-js`.
 
 Options for mdx-js compiling
 
-* * *
+---
 
 ## ComponentOptions
 
@@ -172,7 +172,7 @@ _Defined in [core/instrument/src/types.ts](https://github.com/atanasster/compone
 
 • **resolveFile**? : _undefined | `(componentName: string, filePath: string) => string | undefined;`_
 
-Callback function to resolve the source file name of a component. 
+Callback function to resolve the source file name of a component.
 Return false if this file should not be processed.
 
 • **sourceFiles**? : _boolean_
@@ -183,7 +183,7 @@ If set to false, will not save the component's source file.
 
 Otions for extracting repository information from the component's package,json file.
 
-* * *
+---
 
 ## StoriesOptions
 
@@ -201,7 +201,7 @@ If set to false, will not save the stories's source file, only the source of eac
 
 Options for extracting repository information from the component's package,json file.
 
-* * *
+---
 
 # ParserOptions
 
@@ -276,7 +276,7 @@ Defaults to true if sourceType === 'module'. Otherwise, false.
 
 Adds all parsed tokens to a tokens property on the File node.
 
-* * *
+---
 
 # PrettierOptions
 
@@ -313,10 +313,6 @@ the file has been formatted with prettier. This works well when used in tandem w
 the --require-pragma option. If there is already a docblock at the top of
 the file then this option will add a newline to it with the @format marker.
 
-• **jsxBracketSameLine**? : _undefined | false | true_
-
-Put the `>` of a multi-line JSX element at the end of the last line instead of being alone on the next line.
-
 • **jsxSingleQuote**? : _undefined | false | true_
 
 Use single quotes in JSX.
@@ -383,7 +379,7 @@ Whether or not to indent the code inside <script> and <style> tags in Vue files.
 
 Whether or not to indent the code inside <script> and <style> tags in Vue files.
 
-* * *
+---
 
 # ResolvePrettierConfigOptions
 
@@ -404,15 +400,15 @@ Prettier will parse it and convert its properties to the corresponding prettier
 This configuration will be overridden by `.prettierrc`, etc. Currently,
 the following EditorConfig properties are supported:
 
--   indent_style
--   indent_size/tab_width
--   max_line_length
+- indent_style
+- indent_size/tab_width
+- max_line_length
 
 • **useCache**? : _undefined | false | true_
 
 If set to `false`, all caching will be bypassed.
 
-* * *
+---
 
 # ResolverOptions
 
@@ -464,7 +460,7 @@ algorithm does not preserve symlinks by default.
 
 how to read files synchronously (defaults to fs.readFileSync)
 
-* * *
+---
 
 # MDXOptions
 
@@ -492,7 +488,7 @@ specify markdown compilers
 
 regex for blocks, defaults to \['[a-z\\.]+(\\.){0,1}[a-z\\.]']
 
-* * *
+---
 
 ## PackageInfoOptions
 
@@ -504,7 +500,7 @@ _Defined in [core/instrument/src/types.ts](https://github.com/atanasster/compone
 
 • **maxLevels**? : _number_
 
- Max levels of folders to look up to find the `package.json` file.
+Max levels of folders to look up to find the `package.json` file.
 
 • **packageJsonName**? : _string_
 
@@ -522,13 +518,13 @@ Whether to save the link for project readme file in the repository field.
 
 Whether to save the link for filing issues with the project in the repository field.
 
-* * *
+---
 
 ## PropsInfoExtractor
 
 `(fileName: string, componentName?: string, source?: string) => PropTypes | undefined;`
 
-Callback function to extract props info table  - ie docgen type libraries. Used to extract displayName, and props tables for a component
+Callback function to extract props info table - ie docgen type libraries. Used to extract displayName, and props tables for a component
 
 _Defined in [core/instrument/src/types.ts](https://github.com/atanasster/component-controls/blob/ab703a5/core/instrument/src/types.ts)_
 
@@ -548,8 +544,8 @@ Full name and path of the component path. react-docgen needs it to extract babel
 
 • **componentName**? : _string_
 
-Optional component name.  react-docgen-typescript supports multiple exports for a file.  react-docgne does not use it.
+Optional component name. react-docgen-typescript supports multiple exports for a file. react-docgne does not use it.
 
 • **source**? : _string_
 
-Optional soure, saves time if its already loaded.  react-docgen accepts source as input parameter.  react-docgen-typescript does not use it.
+Optional soure, saves time if its already loaded. react-docgen accepts source as input parameter. react-docgen-typescript does not use it.
diff --git a/core/instrument/package.json b/core/instrument/package.json
@@ -47,7 +47,7 @@
     "isomorphic-git": "^1.8.0",
     "js-string-escape": "^1.0.1",
     "path": "^0.12.7",
-    "prettier": "^1.19.1",
+    "prettier": "^2.5.1",
     "read-package-json": "^2.1.1",
     "remark-emoji": "^2.1.0",
     "remark-images": "^2.0.0",

diff --git a/core/instrument/src/babel/extract-component.ts b/core/instrument/src/babel/extract-component.ts
@@ -160,8 +160,12 @@ const componentRelatedMetrics = async (
   component: Component,
   options?: InstrumentOptions,
 ) => {
-  const { components, resolver: resolveOptions, propsLoaders = [], jest } =
-    options || {};
+  const {
+    components,
+    resolver: resolveOptions,
+    propsLoaders = [],
+    jest,
+  } = options || {};
   const componentPackage = await packageInfo(
     component.name,
     component.request,