ember-lazy-mount
Advanced tools
{{mount}} lazy loading route-less engines.
ember install ember-lazy-mount
{{lazy-mount}} Componentname: string — The name of the engine to loadmodel?: any — Optional model that will be passed through to the engineThe {{lazy-mount}} component works just like the {{mount}} helper.
It accepts the name of the engine as a positional parameter and also an optional
model parameter.
As soon as the helper is rendered, it will begin loading the specified engine. If the engine is already loaded, it will be mounted immediately.
The engineName and model parameters are dynamic and you can update them.
Setting a new engineName will cause the new engine to be loaded and mounted.
While the engine is loading, nothing is rendered. If there was an error loading the engine, nothing is rendered.
{{lazy-mount engineName model=optionalDataForTheEngine}}
You can also pass three optional hooks:
{{lazy-mount
this.engineName
onLoad=this.onLoad
didLoad=this.didLoad
onError=this.onError
}}
onLoad() — Called when the engine starts loadingdidLoad() — Called when the engine loaded successfullyonError(error: Error) — Called when the engine failed to loadWhile the engine is loading or if there was an error loading the engine, the
block that is passed to the component is rendered. The engine block parameter
is an object with two properties:
isLoading: boolean — Whether or not the engine is currently loadingerror: Error | null — If there was an error loading the engineWhen the engine was loaded successfully, the passed in block is replaced by the engine.
{{#lazy-mount engineName model=optionalDataForTheEngine as |engine|}}
{{#if engine.isLoading}}
🕑 The engine is loading...
{{else if engine.error}}
😨 There was an error loading the engine:
<code>{{engine.error}}</code>
{{/if}}
{{/lazy-mount}}
You can also pass in the same hooks: onLoad, didLoad, onError
See the Contributing guide for details.
This project is licensed under the MIT License.
v1.0.0 (2024-07-10)
FAQs
{{mount}} lazy loading route-less engines
The npm package ember-lazy-mount receives a total of 11 weekly downloads. As such, ember-lazy-mount popularity was classified as not popular.
We found that ember-lazy-mount demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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.