feat: first pass at some basic functionality

Author: tivac

3in2/component.html

@@ -0,0 +1,33 @@
+<div {...attrs} ref:root>
+    <svelte:component this="{Component}" />
+</div>
+
+<script>
+export default {
+    data : () => ({
+        // svelte3 component to invoke
+        component : false,
+
+        // props for svelte3 component
+        props : false,
+
+        // Attributes to apply to the placeholder <div> this component has to create
+        attrs : false,
+    }),
+
+    oncreate() {
+        const { component, props } = this.get();
+
+        this.instance = new component({
+            target : this.refs.root,
+            props,
+        });
+
+        this.on("state", ({ current }) => this.instance.$set(current.props));
+    },
+
+    ondestroy() {
+        this.instance.$destroy();
+    },
+};
+</script>

3in2/store.js

@@ -0,0 +1,30 @@
+import { Store as Svelte2Store } from "svelte2/store.js";
+
+export class Store extends Svelte2Store {
+    constructor(store) {
+        super();
+
+        this._store = store;
+        this._set = this.set;
+        
+        const unsubscribe = store.subscribe((value) => {
+            // Objects are splatted
+            if(typeof value === "object" && !Array.isArray(value)) {
+                return this.set(value);
+            }
+
+            // Everything else is set to the "value" property
+            this._set({ value });
+        });
+
+        this.unsubscribe = unsubscribe;
+
+        this.set = (args) => {
+            if(!this._store.set) {
+                throw new Error("Called .set() on a readable store");
+            }
+
+            this._set(args);
+        };
+    }
+};