Updates

matthewp · matthewp · commit c0fd057f11f3 · 2019-07-24T17:22:47.000-04:00
updates to use native modules
diff --git a/index.html b/index.html
@@ -2,12 +2,9 @@
 <html lang="en">
 <title>Parcel Sandbox</title>
 <meta charset="UTF-8" />
+<link rel="stylesheet" href="./src/style.css">
 
 <h1>🧛🏻‍♂️ Haunted App 🎃</h1>
 <my-app></my-app>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.4/custom-elements-es5-adapter.js">
-</script>
-<script src="src/index.js">
-
-</script>
+<script type="module" src="src/index.js"></script>
diff --git a/package.json b/package.json
@@ -3,16 +3,10 @@
   "version": "1.0.0",
   "description": "A project for creating apps with Haunted and lit-html.",
   "main": "index.html",
-  "scripts": {
-    "start": "parcel index.html --open",
-    "build": "parcel build index.html"
-  },
+  "scripts": {},
   "dependencies": {
-    "haunted": "^4.1.2",
-    "lit-html": "^1.0.0"
-  },
-  "devDependencies": {
-    "parcel-bundler": "^1.6.1"
+    "haunted": "4.5.1",
+    "lit-html": "1.1.1"
   },
   "keywords": ["web-components", "lit-html"]
 }
diff --git a/sandbox.config.json b/sandbox.config.json
@@ -1,5 +1,6 @@
 {
   "infiniteLoopProtection": true,
   "hardReloadOnChange": true,
-  "view": "browser"
-}
+  "view": "browser",
+  "template": "static"
+}
diff --git a/src/FullName.js b/src/FullName.js
@@ -1,5 +1,8 @@
-import { component, useState } from "haunted";
-import { html } from "lit-html";
+import {
+  component,
+  html,
+  useState
+} from "https://unpkg.com/haunted/haunted.js";
 
 function dispatch(el, first, last) {
   let event = new CustomEvent("change", {
diff --git a/src/index.js b/src/index.js
@@ -1,7 +1,9 @@
-import { component, useState, html } from "haunted";
-
+import {
+  component,
+  useState,
+  html
+} from "https://unpkg.com/haunted/haunted.js";
 import "./FullName.js";
-import "./style.css";
 
 function App() {
   const [name, setName] = useState("");

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"infiniteLoopProtection": true,`
`3`	`3`	`"hardReloadOnChange": true,`
`4`		`- "view": "browser"`
`5`		`-}`
	`4`	`+ "view": "browser",`
	`5`	`+ "template": "static"`
	`6`	`+}`