Force to work with polymer-cli and prpl-server

.gitignore

@@ -1,3 +1,2 @@
-bower_components
 node_modules
 build

app.yaml

@@ -0,0 +1,4 @@
+runtime: nodejs
+env: flex
+automatic_scaling:
+  min_num_instances: 1

index.html

@@ -59,9 +59,9 @@
   <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
   <script type="module" src="src/shop-app.js"></script>
 
-  <script>
+  <!-- <script>
     window.performance && performance.mark && performance.mark('index.html');
-  </script>
+  </script> -->
 
 </body>
 </html>

package.json

@@ -5,8 +5,16 @@
   "contributors": [
     "The Polymer Authors"
   ],
+  "scripts": {
+    "start": "prpl-server --root build/ --host 0.0.0.0 --https-redirect --bot-proxy https://render-tron.appspot.com/render",
+    "build": "polymer build",
+    "rename": "LC_ALL=C find build -type f -exec sed -i '' s/node_modules/node_assets/g {} + && mv build/es5-bundled/node_modules build/es5-bundled/node_assets && mv build/es6-bundled/node_modules build/es6-bundled/node_assets && mv build/esm-bundled/node_modules build/esm-bundled/node_assets",
+    "deploy": "gcloud app deploy --project polymer-shop --version 3-prpl-node-server --no-promote"
+  },
+  "engines": {
+    "node": ">=6.0.0"
+  },
   "dependencies": {
-    "@polymer/polymer": "^3.0.0-pre.12",
     "@polymer/app-layout": "^3.0.0-pre.12",
     "@polymer/app-route": "^3.0.0-pre.12",
     "@polymer/app-storage": "^3.0.0-pre.12",
@@ -20,7 +28,10 @@
     "@polymer/iron-selector": "^3.0.0-pre.12",
     "@polymer/paper-behaviors": "^3.0.0-pre.12",
     "@polymer/paper-icon-button": "^3.0.0-pre.12",
-    "@polymer/paper-spinner": "^3.0.0-pre.12"
+    "@polymer/paper-spinner": "^3.0.0-pre.12",
+    "@polymer/polymer": "^3.0.0-pre.12",
+    "polymer-cli": "^1.7.0-pre.4",
+    "prpl-server": "^1.0.0"
   },
   "devDependencies": {}
 }

polymer.json

@@ -19,7 +19,64 @@
   ],
   "builds": [
     {
-      "preset": "es6-unbundled",
+      "name": "esm-bundled",
+      "basePath": true,
+      "browserCapabilities": [
+        "es2015",
+        "modules"
+      ],
+      "js": {
+        "minify": true
+      },
+      "css": {
+        "minify": true
+      },
+      "html": {
+        "minify": true
+      },
+      "bundle": {
+        "inlineScripts": false
+      },
+      "addServiceWorker": true
+    },
+    {
+      "name": "es6-bundled",
+      "basePath": true,
+      "browserCapabilities": [
+        "es2015"
+      ],
+      "js": {
+        "minify": true,
+        "transformModulesToAmd": true
+      },
+      "css": {
+        "minify": true
+      },
+      "html": {
+        "minify": true
+      },
+      "bundle": {
+        "inlineScripts": false
+      },
+      "addServiceWorker": true
+    },
+    {
+      "name": "es5-bundled",
+      "basePath": true,
+      "js": {
+        "minify": true,
+        "compile": true,
+        "transformModulesToAmd": true
+      },
+      "css": {
+        "minify": true
+      },
+      "html": {
+        "minify": true
+      },
+      "bundle": {
+        "inlineScripts": false
+      },
       "addServiceWorker": true
     }
   ],

src/shop-cart.js

@@ -3,7 +3,7 @@ import './shop-button.js';
 import './shop-common-styles.js';
 import './shop-form-styles.js';
 
-class ShopCart extends PolymerElement {
+export class ShopCart extends PolymerElement {
   static get template() {
     return html`
     <style include="shop-common-styles shop-button shop-form-styles">

src/shop-checkout.js

@@ -10,7 +10,7 @@ import './shop-checkbox.js';
 import { Debouncer } from '@polymer/polymer/lib/utils/debounce.js';
 import { timeOut } from '@polymer/polymer/lib/utils/async.js';
 
-class ShopCheckout extends PolymerElement {
+export class ShopCheckout extends PolymerElement {
   static get template() {
     return html`
     <style include="shop-common-styles shop-button shop-form-styles shop-input shop-select shop-checkbox">

src/shop-detail.js

@@ -9,7 +9,7 @@ import './shop-select.js';
 import { Debouncer } from '@polymer/polymer/lib/utils/debounce.js';
 import { microTask } from '@polymer/polymer/lib/utils/async.js';
 
-class ShopDetail extends PolymerElement {
+export class ShopDetail extends PolymerElement {
   static get template() {
     return html`
     <style include="shop-common-styles shop-button shop-select">

src/shop-list.js

@@ -9,7 +9,7 @@ import { Debouncer } from '@polymer/polymer/lib/utils/debounce.js';
 import { microTask } from '@polymer/polymer/lib/utils/async.js';
 
 
-class ShopList extends PolymerElement {
+export class ShopList extends PolymerElement {
   static get template() {
     return html`
     <style include="shop-common-styles">

sw-precache-config.js

@@ -1,12 +1,12 @@
 module.exports = {
   staticFileGlobs: [
     'manifest.json',
-    'bower_components/webcomponentsjs/webcomponents-loader.js',
+    'node_modules/webcomponentsjs/webcomponents-loader.js',
     'images/*'
   ],
   runtimeCaching: [
     {
-      urlPattern: /\/bower_components\/webcomponentsjs\/.*.js/,
+      urlPattern: /\/node_modules\/webcomponentsjs\/.*.js/,
       handler: 'fastest',
       options: {
         cache: {