Port to v3

AreaFiftyLAN · Oct 7, 2018 · 111f14b · 111f14b
1 parent f2fc615
commit 111f14b
Show file tree

Hide file tree

Showing 14 changed files with 875 additions and 268 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 bower_components
+node_modules
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -4,31 +4,14 @@ iron-ajax element specified for the lancie frontends
 
 ## Install the Polymer-CLI
 
-First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally.
+First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.
 
-## Viewing Your Application
+## Viewing Your Element
 
 ```
 $ polymer serve
 ```
 
-## Building Your Application
-
-```
-$ polymer build
-```
-
-This will create a `build/` folder with `bundled/` and `unbundled/` sub-folders
-containing a bundled (Vulcanized) and unbundled builds, both run through HTML,
-CSS, and JS optimizers.
-
-You can serve the built versions by giving `polymer serve` a folder to serve
-from:
-
-```
-$ polymer serve build/bundled
-```
-
 ## Running Tests
 
 ```

diff --git a/bower.json b/bower.json
diff --git a/demo/index.html b/demo/index.html
@@ -6,14 +6,19 @@
 
     <title>lancie-ajax demo</title>
 
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
 
-    <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
-    <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-    <link rel="import" href="../lancie-ajax.html">
+    <script type="module">
+      import '@polymer/iron-demo-helpers/demo-pages-shared-styles';
+      import '@polymer/iron-demo-helpers/demo-snippet';
+    </script>
 
-    <style is="custom-style" include="demo-pages-shared-styles">
-    </style>
+    <script type="module" src="../lancie-ajax.js"></script>
+
+    <custom-style>
+      <style is="custom-style" include="demo-pages-shared-styles">
+      </style>
+    </custom-style>
   </head>
   <body>
     <div class="vertical-section-container centered">

diff --git a/index.html b/index.html
@@ -2,15 +2,14 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-
+    <meta http-equiv="refresh" content="0;url=demo/" />
     <title>lancie-ajax</title>
-
-    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
-
-    <link rel="import" href="../iron-component-page/iron-component-page.html">
   </head>
   <body>
-    <iron-component-page src="lancie-ajax.html"></iron-component-page>
+    <!--
+        Visit demo/index.html to see live examples of your element running.
+        This page will automatically redirect you there when run in the browser
+        with `polymer serve`.
+      -->
   </body>
 </html>
diff --git a/lancie-ajax.html b/lancie-ajax.html