WIP on switching to parcel-2

.gitignore

@@ -1,6 +1,3 @@
-/dist
-/ext-dist
 /node_modules
-/bower_components
-/.publish
-build
+/dist
+/.parcel-cache

chrome_extension/popup.html

@@ -9,23 +9,23 @@
         <!-- Add to homescreen for Chrome on Android -->
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="application-name" content="PSK">
-        <link rel="icon" sizes="192x192" href="ordersplitter192.png" asnyc>
+        <link rel="icon" sizes="192x192" href="app-icon/ordersplitter192.png" asnyc>
 
         <!-- chrome favicon -->
-        <link rel="icon" sizes="16x16" href="ordersplitter16.png">
+        <link rel="icon" sizes="16x16" href="app-icon/ordersplitter16.png">
         <!-- firefox favicon -->
-        <link rel="icon" sizes="32x32" href="ordersplitter32.png">
+        <link rel="icon" sizes="32x32" href="app-icon/ordersplitter32.png">
 
         <!-- Add to homescreen for Safari on iOS -->
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-status-bar-style" content="black">
         <meta name="apple-mobile-web-app-title" content="Order Splitter">
-        <link rel="apple-touch-icon" href="ordersplitter152.png" asnyc>
+        <link rel="apple-touch-icon" href="app-icon/ordersplitter152.png" asnyc>
 
         <!-- Tile color for Win8 -->
         <meta name="msapplication-TileColor" content="#3372DF">
         <!-- Tile icon for Win8 (144x144) -->
-        <meta name="msapplication-TileImage" content="ordersplitter144.png" async>
+        <meta name="msapplication-TileImage" content="app-icon/ordersplitter144.png" async>
 
         <script src="../bower_components/webcomponentsjs/custom-elements-es5-adapter.js"></script>
         <!--

index.html

@@ -9,42 +9,29 @@
         <!-- Add to homescreen for Chrome on Android -->
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="application-name" content="PSK">
-        <link rel="icon" sizes="192x192" href="ordersplitter192.png" asnyc>
+        <link rel="icon" sizes="192x192" href="common/app-icon/ordersplitter192.png" asnyc>
 
         <!-- chrome favicon -->
-        <link rel="icon" sizes="16x16" href="ordersplitter16.png">
+        <link rel="icon" sizes="16x16" href="common/app-icon/ordersplitter16.png">
         <!-- firefox favicon -->
-        <link rel="icon" sizes="32x32" href="ordersplitter32.png">
+        <link rel="icon" sizes="32x32" href="common/app-icon/ordersplitter32.png">
 
         <!-- Add to homescreen for Safari on iOS -->
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-status-bar-style" content="black">
         <meta name="apple-mobile-web-app-title" content="Order Splitter">
-        <link rel="apple-touch-icon" href="ordersplitter152.png" asnyc>
+        <link rel="apple-touch-icon" href="common/app-icon/ordersplitter152.png" asnyc>
 
         <!-- Tile color for Win8 -->
         <meta name="msapplication-TileColor" content="#3372DF">
         <!-- Tile icon for Win8 (144x144) -->
-        <meta name="msapplication-TileImage" content="ordersplitter144.png" async>
+        <meta name="msapplication-TileImage" content="common/app-icon/ordersplitter144.png" async>
 
-        <!--
-        <script>
-            if('customElements' in window) {
-                document.getElementById('webcomponent-polyfill').remove();
-            } else {
-                console.warn("polyfilling window.customElements");
-            }
-        </script>
-        <script src="./node_modules/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-        <script src="./node_modules/webcomponentsjs/webcomponents-lite.js" id="webcomponent-polyfill"></script>
-        -->
 
         <script src="sw-install.js"></script>
         <link rel="manifest" href="manifest.json">
 
-        <script src="elements/order-input.js" type="module"></script>
-        <script src="elements/order-split-results-table.js" type="module"></script>
-        <script src="elements/github-link.js" type="module"></script>
+        <script src="./main.ts"></script>
 
         <style>
             body {

main.ts

@@ -0,0 +1,3 @@
+import "./elements/order-input.js";
+import "./elements/order-split-results-table.js";
+import "./elements/github-link.js";

manifest.json

@@ -6,19 +6,19 @@
   "background_color": "#fff",
   "description": "Group order splitter",
   "icons": [{
-    "src": "ordersplitter16.png",
+    "src": "app-icon/ordersplitter16.png",
     "sizes": "16x16"
   }, {
-    "src": "ordersplitter32.png",
+    "src": "app-icon/ordersplitter32.png",
     "sizes": "32x32"
   }, {
-    "src": "ordersplitter128.png",
+    "src": "app-icon/ordersplitter128.png",
     "sizes": "128x128"
   }, {
-    "src": "ordersplitter144.png",
+    "src": "app-icon/ordersplitter144.png",
     "sizes": "144x144"
   }, {
-    "src": "ordersplitter192.png",
+    "src": "app-icon/ordersplitter192.png",
     "sizes": "192x192"
   }],
   "related_applications": [{

package.json

@@ -2,8 +2,9 @@
   "name": "order-splitter",
   "version": "0.7.1",
   "description": "OrderUp order splitter",
-  "main": "src/main.js",
+  "main": "src/main.ts",
   "scripts": {
+    "start": "parcel index.html",
     "test": "mocha"
   },
   "devDependencies": {
@@ -32,6 +33,7 @@
     "inquirer": "^3.1.0",
     "merge2": "^1.4.1",
     "mocha": "^3.4.2",
+    "parcel": "^2.0.0-beta.1",
     "parse-git-config": "^1.1.1",
     "yargs": "^8.0.2"
   },