Socket
Socket
Sign inDemoInstall

svelte-dev-helper

Package Overview
Dependencies
0
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.5.0 to 1.0.0

2

package.json
{
"name": "svelte-dev-helper",
"version": "0.5.0",
"version": "1.0.0",
"description": "Helper for svelte components to ease development",

@@ -5,0 +5,0 @@ "main": "index.js",

# svelte-dev-helper
Helper for svelte components to ease development
Helper for svelte components to ease development.
Used under the hood by [svelte-hot-loader](https://github.com/ekhaled/svelte-hot-loader)
##Usage
This is meant to be used under the hood for creating a build toolchain, or a dev helper based on [Svelte](https://svelte.technology/) components;
This is meant to be used under the hood for creating a build toolchain, or a dev helper based on [Svelte](https://svelte.technology/) components.

@@ -17,2 +18,3 @@ ```js

Registry.set(id, {
rollback: null,
component: Component,

@@ -26,4 +28,11 @@ instances:[]

The component returned by `createProxy` now does the following
1. Add a `<!--<Component>-->` comment marker in the DOM just above where the component's DOM starts
The component returned by `createProxy` now has the following features:
1. Adds a `<!--<Component>-->` comment marker in the DOM just above where the component's DOM starts
2. You can access the component instance using `$0.__component__` in devtools after higlighting the comment marker from above.
3. You can access all **rendered** instances of a particular component using `Registry.get(id).instances`
4. All instances have a `_rerender` method
4. If you switch the `component` in the registry (using `Registry.set(id, Registry.get(id).component = newComponent)`) all **future renders** of the component will use the newly switched component.
5. Following a switch as per above, you can switch all **rendered** components by first accessing the instances and then calling `_rerender` on them.
6. The `rollback` property in any `Registry` item can be used to hold the last good version of a component. If there is an error instantiating a switched component, it will try to use the component version stored in `rollback`
The `Registry` is also available at `window.__SVELTE_REGISTRY__`
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc