2.0 preview

.gitignore

@@ -1,2 +1,3 @@
-bower_components
+bower_components*
 node_modules
+bower-*.json

.travis.yml

@@ -0,0 +1,25 @@
+dist: trusty
+language: node_js
+sudo: required
+node_js: stable
+addons:
+  firefox: latest
+  apt:
+    sources:
+      - google-chrome
+    packages:
+      - google-chrome-stable
+before_script:
+  - npm install -g polymer-cli
+  - polymer install --variants
+script:
+  - xvfb-run polymer test
+  - >-
+    if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then polymer test -s 'default';
+    fi
+env:
+  global:
+    - secure: >-
+        I6aEZebEmxr9TOJnN1i45lUb0EGeAgVdv4YbwDy3NkRotWEFVWIkLzfJaKh6RqNh6u8RUiOS4OaJznmJ6B6TlUvwxyLFKbNYmc9+7o5MjFIBv7Gr4WdXMZruPu1K08lCVupiAuuJNg9HB7FlxhLI8N0STz/1bZS/aJ6AugHp8qZaEyi9WtvW+aJEVyuS13mrLVEqUNkGOFvmjkrh7fvsSR1wgNmdhFjQKSxyDuLRM3Xe1WJN3vdfvBbk7VMp3ahttVqheFxhtumycHSX6GG1Zj8MKrwmkPMCYxW6Rl+6+FW+APxF2XzVqK0l3BBARFtODthgTjv+hZEUUbdMbE5Q5fP7OVcbRvhPbfjK/LgPb/f0uHa13gJQV2lvUAEoLdUo3SJbHM5TDej4A0WFgtc4nrhF8SL9P9DcsjCqxXzLK5h3sR6oKweYPkAltg33x2VYKLjony2qqxfHT4BK7jPKmGW/Rqk3acZ4btAZAkuLk53jtDQbnrd/4+8xUZ4J9CAPVNLy1F2aJeqCnRyXSS8q6wDmC2MjrbOWqF2qy5tImObZyRxW9PjYDvTeF3ayg8QvgMTw4o+RqdYenLEQXLTtQA0CUMi3Ma4z6gqmFcisFZBbBjpqDU7ssorHa37v29iBgb7JgvruJAJWkl4E0a76X3bH1lP4e6C7csnqUYvzYoc=
+    - secure: >-
+        HHgb8tnJoRa6bIbuAbv9w7rfxVWhIB3MIU+b8zpIlCKe/FDQdTiGWZ5woOl2+D39ALj1fbffScbLuASSzN0iiuYM+ddY8CQ1VTCLf1wvpXoplfVp7uNPSD9z4Oi6Q7wFMfks0Y74AXTJbH2/65Wh7YmphogeW5PSjItNEC/WqBwftJCbNQ8m7mer076DgeeiMIfHJbq7nemeViuIIwXdZn8LjZXKPy7d+wRZSlftbszgKxp4V1BKlxiMPEhOrGzapZ9nBeRaEjvFr/YpDhYWVviBUgvoSQ5p4yyy7geZvnWVnsUAalJMgevETfkj7flx1addshtdvkBSYcr0easzfXm+1jIt4Q5LzwODl3r7UEkxxMfTqxnbf4RyCy5bXS7Kf1ng455DpH9NSlPWqllAEnjpSUQht3KpfuIEAdmaUVQkWsaYoJRW+MBKbjM9etgn7eAtduJFDeWFba0ocEfR8CStAQvwjUsF62XnVpQ3MxkOb3NP3DjZWn9p9j0OViixl36k7t9fZSuOpF+/sKtMf5odsPczMU2B8kfLuLTZ5WY2O7dRQ4pMWMTxvPKqV65oJaqi7bOk89ec3azOWDVFLYrlet48X5HbKLvLyqfyP6G3sLMmqXP4MqHc/zxhJBdVSuZT8Ol5ettuiycO6LQLgHqwz35/GCnHZTImMx0Pfd4=

README.md

@@ -11,9 +11,11 @@ The bot does some handling of markdown. Please file a bug if it does the wrong
 thing! https://github.com/PolymerLabs/tedium/issues
 
 -->
+![status](https://travis-ci.org/PolymerElements/app-storage.svg?branch=2.0-preview)
+## Changes in 2.0
+* Promise polyfill is no longer shipped with the element. It is now a dev dependency.
 
-
-##Polymer.AppStorageBehavior
+## Polymer.AppStorageBehavior
 
 AppStorageBehavior is an abstract behavior that makes it easy to
 synchronize in-memory data and a persistant storage system, such as
@@ -26,7 +28,7 @@ elements see `<app-localstorage-document>` here, or check out
 
 
 
-##&lt;app-indexeddb-mirror&gt;
+## &lt;app-indexeddb-mirror&gt;
 
 `app-indexeddb-mirror` is a purpose-built element to easily add read-only
 offline access of application data that is typically only available when the
@@ -139,7 +141,7 @@ be available through this element.
 
 
 
-##&lt;app-localstorage-document&gt;
+## &lt;app-localstorage-document&gt;
 
 app-localstorage-document synchronizes storage between an in-memory
 value and a location in the browser's localStorage system.
@@ -168,7 +170,7 @@ Only supports storing JSON-serializable values.
 
 
 
-##Polymer.AppNetworkStatusBehavior
+## Polymer.AppNetworkStatusBehavior
 
 `Polymer.AppNetworkStatusBehavior` tracks the status of whether the browser
 is online or offline. True if the browser is online, and false if the browser is

app-indexeddb-mirror/app-indexeddb-mirror-worker.js

@@ -50,15 +50,17 @@
     // Maybe useful in case we want to notify clients of changes..
     this[CLIENT_PORTS] = new Array;
     this[DB_OPENS] = null;
+    this.supportsIndexedDB = self.indexedDB != null;
+    if (!self.Promise || !this.supportsIndexedDB) {
+      console.error('Indexeddb Mirror is not supported');
+    }
 
     this.openDb();
 
     self.addEventListener(
         'unhandledrejection', function(error){ console.error(error); });
     self.addEventListener(
         'error', function(error) { console.error(error); });
-
-    this.supportsIndexedDB = self.indexedDB != null;
     console.log('AppIndexedDBMirrorWorker started...');
   };
 
@@ -120,8 +122,12 @@
      * with the result of the transaction, or rejects if the transaction fails
      * with the error reported by the transaction.
      */
-    operateOnStore: function(operation, storeName, mode, operationArgs) {
-      operationArgs = Array.from(arguments).slice(3);
+    operateOnStore: function(operation, storeName, mode) {
+      if (!self.Promise || !this.supportsIndexedDB) {
+        return;
+      }
+
+      var operationArgs = Array.from(arguments).slice(3);
 
       return this.openDb().then(function(db) {
 

app-indexeddb-mirror/common-worker-scope.js

@@ -42,9 +42,10 @@
           self.Event ||
           // NOTE(cdata): Have mercy on my soul..
           event.__proto__.__proto__.constructor;
-      var connectEvent = new EventConstructor('connect');
 
+      var connectEvent = new EventConstructor('connect');
       connectEvent.ports = event.ports;
+
       self.dispatchEvent(connectEvent);
     }
   }.bind(this));

app-indexeddb-mirror/common-worker.html

@@ -20,7 +20,21 @@
           var scripts = document.getElementsByTagName('script');
           return scripts[scripts.length - 1];
         })();
-    var BASE_URI = currentScript.ownerDocument.baseURI;
+
+    // fallback baseURI
+    var BASE_URI = document.currentScript ? document.currentScript.baseURI : './';
+
+    // Polymer 2 baseURI polyfill for IE and Safari
+    if (Polymer.Element && window.HTMLImports && HTMLImports.importForElement) {
+      BASE_URI = HTMLImports.importForElement(document.currentScript).baseURI;
+
+      // Polymer 1 or no HTML Imports
+    } else {
+      var currentScript = document._currentScript ? document._currentScript :
+          document.currentScript;
+      BASE_URI = currentScript.ownerDocument.baseURI;
+    }
+
     var WORKER_SCOPE_URL =
         Polymer.ResolveUrl.resolveUrl('common-worker-scope.js', BASE_URI);
 

bower.json

@@ -3,7 +3,7 @@
   "authors": [
     "The Polymer Authors"
   ],
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Web Components for managing user data in web apps",
   "main": [
     "app-storage-behavior.html",
@@ -16,21 +16,43 @@
   "homepage": "",
   "private": true,
   "dependencies": {
-    "promise-polyfill": "polymerlabs/promise-polyfill#^1.0.0",
-    "polymer": "polymer/polymer#^1.2.0"
+    "polymer": "polymer/polymer#^2.0.0-rc.3"
   },
   "devDependencies": {
-    "web-component-tester": "^4.0.0",
-    "paper-input": "polymerelements/paper-input#^1.0.0",
-    "moment": "^2.12.0",
-    "paper-styles": "polymerelements/paper-styles#^1.0.0",
     "font-roboto": "polymerelements/font-roboto#^1.0.0",
-    "iron-flex-layout": "polymerelements/iron-flex-layout#^1.0.0",
-    "iron-icon": "polymerelements/iron-icon#^1.0.0",
-    "paper-fab": "polymerelements/paper-fab#^1.0.0",
-    "iron-icons": "polymerelements/iron-icons#^1.0.0",
-    "paper-button": "polymerelements/paper-button#^1.0.0",
-    "platinum-sw": "polymerelements/platinum-sw#^1.3.0"
+    "iron-flex-layout": "polymerelements/iron-flex-layout#2.0-preview",
+    "iron-icon": "polymerelements/iron-icon#2.0-preview",
+    "iron-icons": "polymerelements/iron-icons#2.0-preview",
+    "moment": "^2.12.0",
+    "paper-button": "polymerelements/paper-button#2.0-preview",
+    "paper-fab": "polymerelements/paper-fab#2.0-preview",
+    "paper-input": "polymerelements/paper-input#2.0-preview",
+    "paper-styles": "polymerelements/paper-styles#2.0-preview",
+    "platinum-sw": "polymerelements/platinum-sw#2.0-preview",
+    "promise-polyfill": "polymerlabs/promise-polyfill#2.0-preview",
+    "web-component-tester": "Polymer/web-component-tester#^6.0.0-prerelease.6",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0-rc.1"
   },
-  "ignore": []
+  "variants": {
+    "1.x": {
+      "dependencies": {
+        "polymer": "polymer/polymer#^1.2.0"
+      },
+      "devDependencies": {
+        "font-roboto": "polymerelements/font-roboto#^1.0.0",
+        "iron-flex-layout": "polymerelements/iron-flex-layout#^1.0.0",
+        "iron-icon": "polymerelements/iron-icon#^1.0.0",
+        "iron-icons": "polymerelements/iron-icons#^1.0.0",
+        "moment": "^2.12.0",
+        "paper-button": "polymerelements/paper-button#^1.0.0",
+        "paper-fab": "polymerelements/paper-fab#^1.0.0",
+        "paper-input": "polymerelements/paper-input#^1.0.0",
+        "paper-styles": "polymerelements/paper-styles#^1.0.0",
+        "platinum-sw": "polymerelements/platinum-sw#^1.3.0",
+        "promise-polyfill": "polymerlabs/promise-polyfill#^1.0.0",
+        "web-component-tester": "Polymer/web-component-tester#^4.0.0",
+        "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.24"
+      }
+    }
+  }
 }

test/app-indexeddb-mirror/app-indexeddb-mirror.html

@@ -68,6 +68,30 @@
     }
 
     suite('<app-indexeddb-mirror>', function() {
+      // skips tests due to async bug in mocha
+      this.ctx.skip = function() {
+        this.pending = true;
+      }.bind(this);
+
+      setup(function(done) {
+        var featureDetect = new Worker('../feature-detect.js');
+
+        var timeout = window.setTimeout(function() {
+          this.skip();
+        }.bind(this), 3000);
+
+        featureDetect.onmessage = function(e) {
+          window.clearTimeout(timeout);
+          var error;
+          if (e.data !== 'pass') {
+            this.skip();
+          }
+          done();
+        }.bind(this);
+
+        featureDetect.postMessage('featureDetect');
+      });
+
       teardown(function() {
         appStorageTestHelpers.restoreNavigatorOnLine();
         return appStorageTestHelpers.deleteIdbDatabase('app-mirror');

test/app-localstorage/app-localstorage-document.html

@@ -14,9 +14,26 @@
   <title>app-localstorage tests</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
+  <script>
+    window.addEventListener('WebComponentsReady', function() {
+      testAppStorageDocumentCompatibility({
+        tagName: 'app-localstorage-document',
+        fetchStoredValue: function(storagePath) {
+          var parts = storagePath.split('.');
+          var value = JSON.parse(localStorage.getItem('app-localstorage-test'));
+
+          parts.shift();
+
+          return Promise.resolve(Polymer.Base.get(parts.join('.'), value));
+        }
+      });
+    })
+  </script>
+
   <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
   <script src="../../../web-component-tester/browser.js"></script>
 
+  <link rel="import" href="../../../promise-polyfill/promise-polyfill.html">
   <link rel="import" href="../app-storage-compatibility-suite.html">
   <link rel="import" href="../../app-localstorage/app-localstorage-document.html">
 </head>
@@ -38,20 +55,5 @@
     </template>
   </test-fixture>
 
-  <script>
-    document.addEventListener('WebComponentsReady', function() {
-      testAppStorageDocumentCompatibility({
-        tagName: 'app-localstorage-document',
-        fetchStoredValue: function(storagePath) {
-          var parts = storagePath.split('.');
-          var value = JSON.parse(localStorage.getItem('app-localstorage-test'));
-
-          parts.shift();
-
-          return Promise.resolve(Polymer.Base.get(parts.join('.'), value));
-        }
-      });      
-    })
-  </script>
 </body>
 </html>

test/app-storage-compatibility-suite.html

@@ -11,6 +11,7 @@
 <script>
 (function() {
   'use strict';
+
   function testAppStorageDocumentCompatibility(extendedContext) {
     var context = {
       tagName: 'unknown-element',

test/feature-detect.js

@@ -0,0 +1,37 @@
+(function(){
+
+  onmessage = function(e) {
+    if (e.data != 'featureDetect') {
+      return;
+    }
+
+    if (self.indexedDB == null || self.indexedDB === undefined ||
+        self.Promise === undefined) {
+      self.postMessage('fail');
+      return;
+    }
+
+    var timeout = self.setTimeout(function() { self.postMessage('fail'); },
+        1000);
+
+    self.addEventListener('testWorkerEvents', function() {
+      self.postMessage('pass');
+      self.clearTimeout(timeout);
+    });
+
+    try {
+      var EventConstructor =
+          self.CustomEvent ||
+          self.Event ||
+          // NOTE(cdata): Have mercy on my soul..
+          event.__proto__.__proto__.constructor;
+
+      var testWorkerEvents = new EventConstructor('testWorkerEvents');
+      self.dispatchEvent(testWorkerEvents);
+      return;
+
+    } catch(e) {
+      self.postMessage('fail');
+    }
+  }
+}())

test/index.html

@@ -18,8 +18,10 @@
 <body>
   <script>
     WCT.loadSuites([
-      './app-localstorage/app-localstorage-document.html',
-      './app-indexeddb-mirror/app-indexeddb-mirror.html'
+      './app-localstorage/app-localstorage-document.html?dom=shadow',
+      './app-indexeddb-mirror/app-indexeddb-mirror.html?dom=shadow',
+      './app-localstorage/app-localstorage-document.html?wc-shadydom=true&wc-ce=true',
+      './app-indexeddb-mirror/app-indexeddb-mirror.html?wc-shadydom=true&wc-ce=true'
     ]);
   </script>
 </body>