
Research
Two Malicious Rust Crates Impersonate Popular Logger to Steal Wallet Keys
Socket uncovers malicious Rust crates impersonating fast_log to steal Solana and Ethereum wallet keys from source code.
ember-resize-observer-service
Advanced tools
Use a single ResizeObserver instance for better performance.
ResizeObserverService
allows to use a single ResizeObserver
instance for observing multiple elements to achieve better performance.
Why? Using multiple ResizeObserver
instances can result in a noticeable performance penalty.
This service can be used to create any tools that can benefit from using a single centralized ResizeObserver
. For example, you can create a modifier for handling Element's size changes: <div {{on-resize @onResize}} />
(the full example in the usage section).
It has good test coverage and is ready for production👍
ember install ember-resize-observer-service
If you need a ResizeObserver polyfill (caniuse.com):
ember install ember-resize-observer-polyfill
isEnabled
It is true
if ResizeObserver
is available, otherwise the service will ignore any method calls (e.g. in FastBoot
environment).
observe(element, callback)
Initiates the observing of the provided element
or adds an additional callback
if the element
is already observed.
Parameters
HTMLElement
- An element which size changes we want to observe.function
- A function that will be called whenever the size of the element changes. It is called with ResizeObserverEntry
object for the given element.unobserve(element [, callback ])
Ends the observing of the given element
or just removes the provided callback
.
It will unobserve the element
if the callback
is not provided or there are no more callbacks left for this element
.
Parameters
HTMLElement
- An element to unobserve or remove callback for.function?
- A callback which will not respond to the element's size changes anymore.clear()
Unobserve all observed elements.
Here is a simplified example of {{on-resize}}
modifier using the ResizeObserverService
:
<div {{on-resize @onResize}}>
Resize me
</div>
import Modifier from 'ember-modifier';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
export default class OnResizeModifier extends Modifier {
@service resizeObserver;
didInstall() {
this.resizeObserver.observe(this.element, this.handleResize);
}
willRemove() {
this.resizeObserver.unobserve(this.element, this.handleResize);
}
@action
handleResize(...args) {
let [callback] = this.args.positional;
callback(...args);
}
}
See the Contributing guide for details.
This project is licensed under the MIT License.
FAQs
Use a single ResizeObserver instance for better performance.
The npm package ember-resize-observer-service receives a total of 9,640 weekly downloads. As such, ember-resize-observer-service popularity was classified as popular.
We found that ember-resize-observer-service demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 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
Socket uncovers malicious Rust crates impersonating fast_log to steal Solana and Ethereum wallet keys from source code.
Research
A malicious package uses a QR code as steganography in an innovative technique.
Research
/Security News
Socket identified 80 fake candidates targeting engineering roles, including suspected North Korean operators, exposing the new reality of hiring as a security function.