![Malicious npm Package Typosquats react-login-page to Deploy Keylogger](https://cdn.sanity.io/images/cgdhsj6q/production/007b21d9cf9e03ae0bb3f577d1bd59b9d715645a-1024x1024.webp?w=400&fit=max&auto=format)
Research
Security News
Malicious npm Package Typosquats react-login-page to Deploy Keylogger
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
@firebase/component
Advanced tools
Package description
The @firebase/component package is a part of the Firebase platform which provides a lightweight, service-oriented architecture to manage the dependencies between the different Firebase components. It allows developers to register and retrieve Firebase services dynamically, ensuring that each component can function independently while still being able to interact with other components in a scalable manner.
Service Registration
This feature allows developers to register a new service within the Firebase ecosystem. The code sample demonstrates how to create and register a 'logger' service that can be reused across different parts of an application.
{
import { Component, ComponentType } from '@firebase/component';
import { Logger } from './logger';
const loggerComponent = new Component('logger', () => new Logger(), ComponentType.PUBLIC);
firebase.registerComponent(loggerComponent);
}
Service Retrieval
This feature enables the retrieval of registered services. The code sample shows how to retrieve an instance of the previously registered 'logger' service, allowing it to be used within the application.
{
import { getProvider } from '@firebase/component';
const loggerProvider = getProvider(app, 'logger');
const loggerInstance = loggerProvider.getImmediate();
}
Inversify is an inversion of control library that uses TypeScript decorators to manage dependencies. It is similar to @firebase/component in that it provides dependency injection, but it is more focused on TypeScript support and uses a different syntax and methodology for registering and resolving dependencies.
BottleJS is a minimalistic dependency injection micro container. Like @firebase/component, it allows the registration and retrieval of services. However, BottleJS is not specific to Firebase and can be used in any JavaScript application, providing a more general-purpose approach compared to the Firebase-specific @firebase/component.
Readme
NOTE: This is specifically tailored for Firebase JS SDK usage, if you are not a member of the Firebase team, please avoid using this package
ES Modules
import { Component } from '@firebase/component';
FAQs
Unknown package
The npm package @firebase/component receives a total of 2,923,812 weekly downloads. As such, @firebase/component popularity was classified as popular.
We found that @firebase/component demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 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 unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
Security News
The JavaScript community has launched the e18e initiative to improve ecosystem performance by cleaning up dependency trees, speeding up critical parts of the ecosystem, and documenting lighter alternatives to established tools.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.