Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@sourcegraph/babel-plugin-transform-react-hot-loader-wrapper
Advanced tools
Wraps all exported React components in a configurable set of files with react-hot-loader's hot() function
Wraps all exported React components (whose names match the configured pattern) with react-hot-loader to enable hot-reloading, even if the React components are spread across Webpack chunks using code splitting.
For example, this source file:
import React from 'react'
export const A = () => <p>a</p>
becomes:
import React from 'react'
import { hot } from 'react-hot-loader/root'
export const A = hot(() => <p>a</p>)
npm install --save-dev @sourcegraph/babel-plugin-transform-react-hot-loader-wrapper
# or
yarn add --dev @sourcegraph/babel-plugin-transform-react-hot-loader-wrapper
Then add this to your Babel configuration file (.babelrc
or babel.config.js
):
{
"plugins": [
[
"@sourcegraph/babel-plugin-transform-react-hot-loader-wrapper",
{
"modulePattern": "src/.*Page\\.tsx$",
"componentNamePattern": "Page$"
}
]
]
}
modulePattern
: A regular expression that matches files to process. You probably only want to wrap your own application's React page components, not node_modules
or utility modules. The example above (src/.*Page\\.tsx$
) matches all files in src/
ending with Page.tsx
.componentNamePattern
: A regular expression that matches React component names to process. The example above (Page$
) matches all React components whose name ends with Page
. This matches export const MyPage = () => <p>hello</p>
but does not match export function myOtherFunction() { return 123 }
.default
exports are not supported (export default class Foo ...
), only named exports (export class Foo ...
).yarn
yarn build
yarn test
Releases are done automatically in CI when commits are merged into master by analyzing Conventional Commit Messages. After running yarn
, commit messages will be linted automatically when committing though a git hook.
FAQs
Wraps all exported React components in a configurable set of files with react-hot-loader's hot() function
The npm package @sourcegraph/babel-plugin-transform-react-hot-loader-wrapper receives a total of 2 weekly downloads. As such, @sourcegraph/babel-plugin-transform-react-hot-loader-wrapper popularity was classified as not popular.
We found that @sourcegraph/babel-plugin-transform-react-hot-loader-wrapper demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 16 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.