launchscout
diff --git a/‎README.md
+1 b/‎README.md
+1
diff --git a/‎example.html
+36 b/‎example.html
+36
diff --git a/‎importmap.json
+29 b/‎importmap.json
+29
@@ -1,5 +1,6 @@
 # `<live-template>`
 
+The `<live-template>` provides a connected, or "live" template that connects to a stateful backend application provided by Livesate. 
 A `<live-template>` element connects a template to a state source (currently provided by [LiveState] ). After connecting to a LiveState channel, it will:
 
 * render the initial state
 
@@ -0,0 +1,36 @@
+<html>
+  <head>
+    <script async src="https://ga.jspm.io/npm:[email protected]/dist/es-module-shims.js" crossorigin="anonymous"></script>
+    <script type="importmap">
+    {
+      "imports": {
+        "phx-live-state": "../phx-live-state/build/src/index.js",
+        "templize/templize.js": "https://ga.jspm.io/npm:[email protected]/templize.js"
+      },
+      "scopes": {
+        "../phx-live-state/": {
+          "json-joy/esm/json-patch": "https://ga.jspm.io/npm:[email protected]/esm/json-patch/index.js",
+          "phoenix": "https://ga.jspm.io/npm:[email protected]/priv/static/phoenix.mjs",
+          "reflect-metadata": "https://ga.jspm.io/npm:[email protected]/Reflect.js",
+          "subscript": "https://ga.jspm.io/npm:[email protected]/subscript.js",
+          "wc-context": "https://ga.jspm.io/npm:[email protected]/core.js"
+        },
+        "https://ga.jspm.io/": {
+          "element-props": "https://ga.jspm.io/npm:[email protected]/element-props.js",
+          "process": "https://ga.jspm.io/npm:@jspm/[email protected]/nodelibs/browser/process.js",
+          "sube": "https://ga.jspm.io/npm:[email protected]/sube.js",
+          "subscript": "https://ga.jspm.io/npm:[email protected]/subscript.js",
+          "subscript/parse.js": "https://ga.jspm.io/npm:[email protected]/parse.js",
+          "template-parts": "https://ga.jspm.io/npm:[email protected]/template-parts.js"
+        }
+      }
+    }
+    </script>
+    <script type="module" src="./src/live-template.js"></script>
+  </head>
+  <live-template url="ws://localhost:4000/live_state" topic="todo:all">
+    <ul>
+      <li :each="{{todo in todos}}">{{todo}}</li>
+    </ul>
+  </live-template>
+</html>
@@ -0,0 +1,29 @@
+{
+  "env": [
+    "browser",
+    "development",
+    "module"
+  ],
+  "imports": {
+    "phoenix": "https://ga.jspm.io/npm:[email protected]/priv/static/phoenix.mjs",
+    "phx-live-state": "../phx-live-state/build/src/index.js",
+    "templize/templize.js": "https://ga.jspm.io/npm:[email protected]/templize.js"
+  },
+  "scopes": {
+    "../phx-live-state/": {
+      "json-joy/esm/json-patch": "https://ga.jspm.io/npm:[email protected]/esm/json-patch/index.js",
+      "phoenix": "https://ga.jspm.io/npm:[email protected]/priv/static/phoenix.mjs",
+      "reflect-metadata": "https://ga.jspm.io/npm:[email protected]/Reflect.js",
+      "subscript": "https://ga.jspm.io/npm:[email protected]/subscript.js",
+      "wc-context": "https://ga.jspm.io/npm:[email protected]/core.js"
+    },
+    "https://ga.jspm.io/": {
+      "element-props": "https://ga.jspm.io/npm:[email protected]/element-props.js",
+      "process": "https://ga.jspm.io/npm:@jspm/[email protected]/nodelibs/browser/process.js",
+      "sube": "https://ga.jspm.io/npm:[email protected]/sube.js",
+      "subscript": "https://ga.jspm.io/npm:[email protected]/subscript.js",
+      "subscript/parse.js": "https://ga.jspm.io/npm:[email protected]/parse.js",
+      "template-parts": "https://ga.jspm.io/npm:[email protected]/template-parts.js"
+    }
+  }
+}