Merge pull request Polymer#10 from Polymer/fix-samples

Arthur Evans · web-flow · commit be25a89d4bf4 · 2018-11-21T18:45:09.000-08:00
Fix 3.x , 2.x live samples
diff --git a/app.yaml b/app.yaml
@@ -59,8 +59,8 @@ handlers:
   static_dir: 3.0/samples/
   secure: always
 
-- url: /3.0/start/samples
-  static_dir: 3.0/start/samples
+- url: /3.0/docs/samples
+  static_dir: 3.0/docs/samples
   secure: always
 
 - url: .*
diff --git a/app/2.0/docs/quick-tour.md b/app/2.0/docs/quick-tour.md
@@ -50,7 +50,7 @@ an element name with a class, so you can add properties and methods to your cust
 element. The custom element's name **must start with an ASCII letter and
 contain a dash (-)**.
 
-<demo-tabs selected="0" name="qt-1-register" src="http://plnkr.co/edit/Q4E8zO?p=preview">
+<demo-tabs selected="0" name="qt-1-register" src="https://plnkr.co/edit/uiJ8nA?p=preview">
   <paper-tab slot="tabs">custom-element.html</paper-tab>
   <div>
 
@@ -94,7 +94,7 @@ You can use the `ready` callback for one-time initialization work after the elem
 Many elements include some internal DOM nodes to implement the element's UI and behavior.
 You can use Polymer's DOM templating to create a shadow DOM tree for your element.
 
-<demo-tabs selected="0" name="qt-2-shadow-dom" src="http://plnkr.co/edit/buPxSJ?p=preview">
+<demo-tabs selected="0" name="qt-2-shadow-dom" src="http://plnkr.co/edit/GBt0dZn1WeS2lpBK6b8q?p=preview">
   <paper-tab slot="tabs">dom-element.html</paper-tab>
   <div>
 
@@ -129,7 +129,7 @@ so they render as if they were inserted into the shadow DOM tree.
 This example creates a simple tag that decorates an image by wrapping it
 with a styled `<div>` tag.
 
-<demo-tabs selected="0" name="qt-3-compose" src="http://plnkr.co/edit/KvBnmE?p=preview">
+<demo-tabs selected="0" name="qt-3-compose" src="http://plnkr.co/edit/VZ5Gfk?p=preview">
   <paper-tab slot="tabs">picture-frame.html</paper-tab>
   <div>
 
@@ -169,7 +169,7 @@ Data binding is a great way to quickly propagate changes in your element and red
 You can bind properties in your component using the "double-mustache" syntax (`{%raw%}{{}}{%endraw%}`).
 The `{%raw%}{{}}{%endraw%}` is replaced by the value of the property referenced between the brackets.
 
-<demo-tabs selected="0" name="qt-4-data-binding" src="http://plnkr.co/edit/8mZK8S?p=preview">
+<demo-tabs selected="0" name="qt-4-data-binding" src="http://plnkr.co/edit/c8kQ7DdDMtU8yj7pMl7Z?p=preview">
   <paper-tab slot="tabs">name-tag.html</paper-tab>
   <div>
 
@@ -207,7 +207,7 @@ values, configuring properties from markup, observing property changes, and more
 The following example declares the `owner` property from the last example.
 It also shows configuring the owner property from markup in `index.html`.
 
-<demo-tabs selected="0" name="qt-5-declare-property" src="http://plnkr.co/edit/3Nz8GL?p=preview">
+<demo-tabs selected="0" name="qt-5-declare-property" src="http://plnkr.co/edit/sxfvyCPbTMVFdXSEWfte?p=preview">
   <paper-tab slot="tabs">configurable-name-tag.html</paper-tab>
   <div>
 
@@ -242,7 +242,7 @@ can optionally support two-way binding, using curly braces (`property-name="{{bi
 This example uses two-way binding: binding the value of a custom input element (`iron-input`)
 to the element's `owner` property, so it's updated as the user types.
 
-<demo-tabs selected="0" name="qt-6-bind-property" src="http://plnkr.co/edit/03HGzn98uIN5I1WgkDwu?p=preview">
+<demo-tabs selected="0" name="qt-6-bind-property" src="http://plnkr.co/edit/elrWeyQl9webeewXlrR6?p=preview">
   <paper-tab slot="tabs">editable-name-tag.html</paper-tab>
   <div>
 
@@ -269,11 +269,11 @@ Try it out in **Plunker**:
 data binding and input validation.
 {: .alert .alert-info }
 
-### Using `<dom-repeat>` for template repeating
+### Render a list with dom-repeat
 
 The template repeater (`dom-repeat`) is a specialized template that binds to an array. It creates one instance of the template's contents for each item in the array.
 
-<demo-tabs selected="0" name="qt-7-dom-repeat" src="http://plnkr.co/edit/FdgkAtcLFHX5TpTsYtZn?p=preview">
+<demo-tabs selected="0" name="qt-7-dom-repeat" src="https://plnkr.co/edit/oPNQvzyxLZzPSrUhcOwP?p=preview">
   <paper-tab slot="tabs">employee-list.html</paper-tab>
   <div>
 
diff --git a/app/2.0/docs/samples/configurable-name-tag/configurable-name-tag.html b/app/2.0/docs/samples/configurable-name-tag/configurable-name-tag.html
@@ -1,4 +1,4 @@
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <dom-module id="configurable-name-tag">
 
diff --git a/app/2.0/docs/samples/configurable-name-tag/index.html b/app/2.0/docs/samples/configurable-name-tag/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="configurable-name-tag.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/custom-element/custom-element.html b/app/2.0/docs/samples/custom-element/custom-element.html
@@ -1,4 +1,4 @@
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <script>
   // Define the class for a new element called custom-element
diff --git a/app/2.0/docs/samples/custom-element/index.html b/app/2.0/docs/samples/custom-element/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="custom-element.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/dom-element/dom-element.html b/app/2.0/docs/samples/dom-element/dom-element.html
@@ -1,4 +1,4 @@
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <dom-module id="dom-element">
 
diff --git a/app/2.0/docs/samples/dom-element/index.html b/app/2.0/docs/samples/dom-element/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="dom-element.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/editable-name-tag/editable-name-tag.html b/app/2.0/docs/samples/editable-name-tag/editable-name-tag.html
@@ -1,6 +1,6 @@
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/iron-*+polymerelements+^v2.0.0/components/polymer/polymer-element.html">
 <!-- import the iron-input element -->
-<link rel="import"  href="https://polygit.org/components/iron-input/iron-input.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/iron-*+polymerelements+^v2.0.0/components/iron-input/iron-input.html">
 
 <dom-module id="editable-name-tag">
 
diff --git a/app/2.0/docs/samples/editable-name-tag/index.html b/app/2.0/docs/samples/editable-name-tag/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="editable-name-tag.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/employee-list/employee-list.html b/app/2.0/docs/samples/employee-list/employee-list.html
@@ -1,8 +1,8 @@
 <!-- import polymer-element -->
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <!-- import template repeater --> 
-<link rel="import"  href="https://polygit.org/components/polymer/lib/elements/dom-repeat.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/lib/elements/dom-repeat.html">
 
 <dom-module id="employee-list">
   <template>
diff --git a/app/2.0/docs/samples/employee-list/index.html b/app/2.0/docs/samples/employee-list/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="employee-list.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/name-tag/index.html b/app/2.0/docs/samples/name-tag/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="name-tag.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/name-tag/name-tag.html b/app/2.0/docs/samples/name-tag/name-tag.html
@@ -1,5 +1,5 @@
 <!-- import polymer-element -->
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <dom-module id="name-tag">
   <template>
diff --git a/app/2.0/docs/samples/picture-frame/index.html b/app/2.0/docs/samples/picture-frame/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="picture-frame.html">
   </head>
   <body>
diff --git a/app/2.0/docs/samples/picture-frame/picture-frame.html b/app/2.0/docs/samples/picture-frame/picture-frame.html
@@ -1,4 +1,4 @@
-<link rel="import"  href="https://polygit.org/components/polymer/polymer-element.html">
+<link rel="import"  href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">
 
 <dom-module id="picture-frame">
 
diff --git a/app/2.0/nav.yaml b/app/2.0/nav.yaml
@@ -10,24 +10,24 @@
   - title: Feature overview
     path: /2.0/docs/devguide/feature-overview
   - title: Try Polymer
-    path: /2.0/start/quick-tour
+    path: /2.0/docs/quick-tour
   - title: Install Polymer 2.x
-    path: /2.0/start/install-2-0
+    path: /2.0/docs/install-2-0
   - header: "Tutorial: Build an element"
   - title: 1. Get set up
-    path: /2.0/start/first-element/intro
+    path: /2.0/docs/first-element/intro
     indent: True
   - title: 2. Add local DOM
-    path: /2.0/start/first-element/step-2
+    path: /2.0/docs/first-element/step-2
     indent: True
   - title: 3. Data binding & properties
-    path: /2.0/start/first-element/step-3
+    path: /2.0/docs/first-element/step-3
     indent: True
   - title: 4. React to input
-    path: /2.0/start/first-element/step-4
+    path: /2.0/docs/first-element/step-4
     indent: True
   - title: 5. Theming with custom properties
-    path: /2.0/start/first-element/step-5
+    path: /2.0/docs/first-element/step-5
     indent: True
   - endheader: True
   - header: About this release
diff --git a/app/3.0/docs/quick-tour.md b/app/3.0/docs/quick-tour.md
@@ -299,9 +299,9 @@ data binding and input validation.
 <p><a href="/3.0/docs/devguide/data-binding#two-way-bindings" class="blue-button">
 Learn more: Two-way binding</a></p>
 
-### Using <dom-repeat> for template repeating
+### Render a list with dom-repeat
 
-The template repeater (`<dom-repeat>`) is a specialized template that binds to an array. It creates one instance of the template's contents for each item in the array.
+The template repeater (`dom-repeat`) is a specialized template that binds to an array. It creates one instance of the template's contents for each item in the array.
 
 <demo-tabs selected="0" name="qt-7-dom-repeat" editor-open-file="employee-list.js" project-path="/3.0/docs/samples/employee-list">
   <paper-tab slot="tabs">employee-list.js</paper-tab>
diff --git a/app/elements/demo-tabs.js b/app/elements/demo-tabs.js
@@ -81,7 +81,7 @@ class DemoTabs extends PolymerElement {
           </paper-tabs>
           <a href="[[src]]" target="_blank" hidden$="[[_hideEditorButton]]">
             <paper-button id="editButton" on-tap="_launchEditor" raised>
-              Edit and Preview
+              [[_editorButtonText]]
             </paper-button>
           </a>
         </div>
@@ -143,13 +143,18 @@ class DemoTabs extends PolymerElement {
         value: 'static',
       },
 
+      _editorButtonText: {
+        type: String,
+      },
+
       _iframeHidden: {
         type: Boolean,
       },
 
       _hideEditorButton: {
         type: Boolean,
       },
+
     };
   }
 
@@ -165,6 +170,7 @@ class DemoTabs extends PolymerElement {
   _srcProjectPathChanged(src, projectPath) {
     const isPlunkr = !!this.src;
     const isStackBlitz = !!this.projectPath;
+    this._editorButtonText = isPlunkr ? 'Edit on Plunker' : 'Edit and Preview';
     this._iframeHidden = !isPlunkr;
     this._hideEditorButton = !isPlunkr && !isStackBlitz;
   }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<link rel="import" href="https://polygit.org/components/polymer/polymer-element.html">`
	`1`	`+<link rel="import" href="https://polygit.org/polymer+^v2.6.0/webcomponentsjs+^v1.3.0/components/polymer/polymer-element.html">`
`2`	`2`
`3`	`3`	`<dom-module id="configurable-name-tag">`
`4`	`4`