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.
A collection of tools for creating React and Next.js apps.
yarn add parlor
or npm i -S parlor
Detailed examples can be found at the interplay.app repository.
Sync some routing on a single page app within _app.js
of a Next app.
...
import { syncRouting } from 'parlor';
import { matches, pages } from '../lib/routing';
...
class ReduxApp extends NextApp {
state = {
synced: false,
};
...
componentDidMount() {
syncRouting(matches, pages, () => this.setState({ synced: true }));
}
...
}
Get the current browser path in a cross-platform friendly way. Defaults to an empty string.
import { getCurrentPath } from 'parlor';
const currentPath = getCurrentPath();
Get the current locale in a cross-platform friendly way. Defaults to en
.
import { getLocale } from 'parlor';
const locale = getLocale();
Generates matches that can be used for determining if a path matches a valid route.
const { matchesGenerator } = require('parlor');
exports.matches = matchesGenerator('/:page/:alpha');
A replacement for server.js
within a Next app that always renders the root page.
$ node node_modules/parlor/dist/next-server.js
Use to generate an SPA server that serves the build
directory's index.html
and static files. This is useful when running a server for E2E tests using Nightwatch.js.
const spaServerMaker = require('parlor/dist/spa-server-maker.js');
const appRoot = require('app-root-path');
const server = spaServerMaker(done, appRoot.toString());
server.close();
Starts an SPA server using spa-server-maker
.
$ node node_modules/parlor/dist/spa-server.js
Gets the window dimensions. If not on browser, returns 0
for each dimension.
import { getDimensions } from 'parlor';
const { width, height } = getDimensions();
Function that can be used to throttle the window resize callback. Truthfully, it could be used to throttle anything.
import { dimensionsChangeThrottler } from 'parlor';
...
onDimensionsChange() {
throttledOnDimensionsChange(() => this.setState(getDimensions()));
}
Context provider for dimensions of page. Recommended to be used with some sort of throttling.
import { DimensionsContext } from 'parlor';
const App = () => (
<DimensionsContext.Provider value={{ height, width }}>
...
</DimensionsContext.Provider>
);
const SomeComponent = () => (
<DimensionsContext.Consumer>
{({ width }) => (
...
)}
</DimensionsContext.Consumer>
);
next
, react
yarn
to install NPM packagesyarn prettier
to clean codeyarn eslint
to check code is cleanyarn ci
to run all continuous integration testsyarn babel
to convert code from src
to dist
yarn publisher
- to convert code and then start publishingFAQs
A collection of tools for creating React and Next.js apps
The npm package parlor receives a total of 1 weekly downloads. As such, parlor popularity was classified as not popular.
We found that parlor demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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.