feat: add mountComponent and loadById helpers

Author: marconi1992

.gitignore

@@ -1,22 +1,3 @@
-Skip to content
- 
-Search or jump to…
-
-Pull requests
-Issues
-Marketplace
-Explore
- 
-@marconi1992 
-9
-0
-2 0 marconi1992/hypernova-vue
- Code  Issues 0  Pull requests 0  Projects 0  Wiki  Security  Insights  Settings
-hypernova-vue/.gitignore
-@marconi1992 marconi1992 First steps
-ee91b83 on Feb 20
-34 lines (25 sloc)  502 Bytes
-    
 # Logs
 logs
 *.log
@@ -51,17 +32,3 @@ lib
 npm-shrinkwrap.json
 yarn.lock
 package-lock.json
-© 2019 GitHub, Inc.
-Terms
-Privacy
-Security
-Status
-Help
-Contact GitHub
-Pricing
-API
-Training
-Blog
-About
-
-example

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypernova-svelte",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Svelte Bindings for Hypernova",
   "main": "lib/index.js",
   "author": "Felipe Guizar Diaz <felipegaiacharly@gmail.com>",

src/index.js

@@ -1,14 +1,28 @@
 import hypernova, { serialize, load } from 'hypernova';
 import { findNode, getData } from 'nova-helpers';
 
-const mountComponent = (Component, node, data) => {
-  return new Component({
-    target: node,
-    props: data,
-    hydrate: true,
-  });
+export { load } from 'hypernova';
+
+export const loadById = (name, id) => {
+  const node = findNode(name, id);
+  const data = getData(name, id);
+
+  if (node && data) {
+    return {
+      node,
+      data,
+    };
+  }
+
+  return null;
 };
 
+export const mountComponent = (Component, node, data) => new Component({
+  target: node,
+  props: data,
+  hydrate: true,
+});
+
 export const renderInPlaceholder = (name, Component, id) => {
   const node = findNode(name, id);
   const data = getData(name, id);