react-component-instance 0.0.1 → 0.0.2

package/README.md

@@ -1,6 +1,6 @@
 # react-component-instance
 
-Get a React class component instance from its `DOM` elements
+Get a React class component instance from its `DOM` element
 
 ```javascript
 import getInstance from 'react-component-instance'

package/package.json

@@ -1,6 +1,13 @@
 {
   "name": "react-component-instance",
-  "version": "0.0.1",
+  "version": "0.0.2",
+  "description": "Get a React class component instance from its DOM Element",
+  "keywords": [
+    "react",
+    "class",
+    "component",
+    "instance"
+  ],
   "main": "./src/index.mjs",
   "type": "module",
   "types": "./index.d.mts",
@@ -20,8 +27,8 @@
   "scripts": {
     "lint": "eslint",
     "lint:fix": "npm run lint -- --fix",
-    "test": "NODE_ENV=test jest",
-    "prepare": "husky"
+    "prepare": "husky",
+    "test": "NODE_ENV=test jest"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",

package/babel.config.cjs

@@ -1,42 +0,0 @@
-const debug = require('debug')
-
-const log = debug('react-component-instance')
-
-const {
-  env: {
-    NODE_ENV = 'development'
-  }
-} = process
-
-log('`react-component-instance` is awake')
-
-function env () {
-  log({ NODE_ENV })
-
-  return (
-    NODE_ENV === 'production'
-  )
-}
-
-const presets = [
-  [
-    '@babel/env',
-    {
-      targets: {
-        node: 'current'
-      },
-      useBuiltIns: 'usage',
-      corejs: 3
-    }
-  ],
-  '@babel/react'
-]
-
-// @ts-ignore
-module.exports = (api) => {
-  if (api) api.cache.using(env)
-
-  return {
-    presets
-  }
-}

package/eslint.config.mjs

@@ -1,168 +0,0 @@
-import globals from 'globals'
-import standard from '@sequencemedia/eslint-config-standard/configs/recommended/merge'
-import typescript from '@sequencemedia/eslint-config-typescript/configs/recommended/merge'
-import babelParser from '@babel/eslint-parser'
-import typescriptParser from '@typescript-eslint/parser'
-import reactPlugin from 'eslint-plugin-react'
-
-const reactParserOptions = {
-  ecmaFeatures: {
-    jsx: true
-  }
-}
-
-const reactPlugins = {
-  react: reactPlugin
-}
-
-const reactRules = {
-  'no-unused-vars': [
-    'error',
-    {
-      varsIgnorePattern: 'React'
-    }
-  ],
-  quotes: [
-    'error',
-    'single'
-  ],
-  'jsx-quotes': [
-    'error',
-    'prefer-single'
-  ],
-  'react/jsx-indent': [
-    'error',
-    2,
-    {
-      checkAttributes: true,
-      indentLogicalExpressions: true
-    }
-  ]
-}
-
-const reactSettings = {
-  react: {
-    version: 'detect'
-  }
-}
-
-export default [
-  /**
-   *  React config for all `jsx` files
-   */
-  {
-    ...reactPlugin.configs.flat.recommended,
-    settings: {
-      ...reactSettings
-    }
-  },
-  /**
-   *  Standard config
-   */
-  standard({
-    files: [
-      '**/*.{mjs,cjs,mts,cts}'
-    ],
-    ignores: [
-      'src'
-    ],
-    languageOptions: {
-      globals: {
-        ...globals.node
-      }
-    },
-    rules: {
-      'no-use-before-define': 'off'
-    }
-  }),
-  /**
-   *  Standard config for `mjs` and `mts` files
-   */
-  standard({
-    files: [
-      'src/**/*.{mjs,cjs,mts,cts}'
-    ],
-    languageOptions: {
-      globals: {
-        ...globals.browser
-      }
-    }
-  }),
-  /**
-   *  Standard config for `jsx` files
-   */
-  standard({
-    files: [
-      'src/**/*.jsx'
-    ],
-    ignores: [
-      'src/**/__tests__/**/*.jsx'
-    ],
-    languageOptions: {
-      parser: babelParser,
-      parserOptions: {
-        ...reactParserOptions,
-        project: null
-      },
-      globals: {
-        ...globals.browser
-      }
-    },
-    plugins: {
-      ...reactPlugins
-    }, // @ts-expect-error Storybook
-    rules: {
-      ...reactRules
-    },
-    settings: {
-      ...reactSettings
-    }
-  }),
-  /**
-   *  Standard config for `jsx` files
-   */
-  standard({
-    files: [
-      'src/**/__tests__/**/*.jsx'
-    ],
-    languageOptions: {
-      parser: babelParser,
-      parserOptions: {
-        ...reactParserOptions,
-        project: null
-      },
-      globals: {
-        ...globals.browser,
-        ...globals.jest
-      }
-    },
-    plugins: {
-      ...reactPlugins
-    }, // @ts-expect-error Storybook
-    rules: {
-      ...reactRules
-    },
-    settings: {
-      ...reactSettings
-    }
-  }),
-  /**
-   *  TypeScript config
-   */
-  typescript({
-    files: [
-      '**/*.{mts,cts}'
-    ],
-    languageOptions: {
-      parser: typescriptParser,
-      parserOptions: {
-        projectService: true,
-        project: 'tsconfig.json'
-      },
-      globals: {
-        ...globals.browser,
-        ReactComponentInstanceTypes: 'readonly'
-      }
-    }
-  })
-]

package/jest.config.mjs

@@ -1,15 +0,0 @@
-export default {
-  bail: 1,
-  verbose: true,
-  rootDir: '.',
-  roots: [
-    './src'
-  ],
-  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(mjs?|jsx?)$',
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.jsx$': 'babel-jest',
-    '^.+\\.mjs$': 'babel-jest'
-  },
-  moduleFileExtensions: ['js', 'mjs', 'cjs', 'jsx']
-}

package/src/__tests__/index.spec.jsx

@@ -1,58 +0,0 @@
-/**
- *  @typedef {ReactComponentInstanceTypes.FiberNode} FiberNode
- */
-
-import React from 'react'
-
-import '@testing-library/jest-dom'
-import {
-  render
-} from '@testing-library/react'
-
-import getReactComponentInstanceFrom, {
-  findReactComponentInstanceFor
-} from '#react-component-instance'
-
-describe('#react-component-instance', () => {
-  class Component extends React.Component {
-    render () {
-      return (
-        <div>
-          <div>
-            <div className='target' />
-          </div>
-        </div>
-      )
-    }
-  }
-
-  describe('`getReactComponentInstanceFrom`', () => {
-    it('gets the instance', () => {
-      const {
-        container: {
-          firstElementChild: element
-        }
-      } = render(
-        <Component />
-      )
-
-      expect(getReactComponentInstanceFrom(element))
-        .toBeInstanceOf(Component)
-    })
-  })
-
-  describe('`findReactComponentInstanceFor`', () => {
-    it('gets the instance', () => {
-      const {
-        container: {
-          firstElementChild: element
-        }
-      } = render(
-        <Component />
-      )
-
-      expect(findReactComponentInstanceFor(element?.querySelector('.target'), Component))
-        .toBeInstanceOf(Component)
-    })
-  })
-})

package/src/container/__tests__/index.spec.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-
-import '@testing-library/jest-dom'
-import {
-  render
-} from '@testing-library/react'
-
-import getReactComponentInstanceFrom from '#react-component-instance/container'
-
-describe('#react-component-instance/container', () => {
-  describe('`getReactComponentInstanceFrom`', () => {
-    class Component extends React.Component {
-      render () {
-        return <div />
-      }
-    }
-
-    it('gets the instance', () => {
-      const {
-        container
-      } = render(
-        <Component />
-      )
-
-      expect(getReactComponentInstanceFrom(container))
-        .toBeInstanceOf(Component)
-    })
-  })
-})