Use raf for loops instead asap

Author: lttb

flow-typed/npm/asap_vx.x.x.js

@@ -38,10 +38,10 @@
   },
   "homepage": "https://github.com/cssinjs/styled-jss#readme",
   "dependencies": {
-    "asap": "^2.0.5",
     "is-react-prop": "^0.0.3",
     "jss": "^7.1.0",
-    "jss-preset-default": "^2.0.0"
+    "jss-preset-default": "^2.0.0",
+    "raf": "^3.3.0"
   },
   "peerDependencies": {
     "react": "^15.5.4",

package.json

@@ -31,3 +31,16 @@ it('should reattach updated sheet by observe call', () => {
   expect(sheetMock.attach).toHaveBeenCalled()
   expect(sheetMock.link).toHaveBeenCalled()
 })
+
+it('should reattach updated sheet by listner', () => {
+  const {sheetMock} = Mocks
+  sheetsObserver.listen()
+
+  const sheetId = sheetsObserver.add(sheetMock)
+  sheetsObserver.update(sheetId)
+
+  setImmediate(() => {
+    expect(sheetMock.attach).toHaveBeenCalled()
+    expect(sheetMock.link).toHaveBeenCalled()
+  })
+})

src/tests/sheetsObserver.spec.js

@@ -1,4 +1,4 @@
-import asap from 'asap'
+import raf from 'raf'
 
 import type {
   JssDynamicSheet
@@ -16,10 +16,13 @@ export const observe = () => {
   }
 }
 
+export const listen = () => {
+  observe()
+  raf(listen)
+}
+
 export default {
-  listen() {
-    asap(observe)
-  },
+  listen,
   add(sheet: JssDynamicSheet) {
     dynamicSheets.push(sheet)
     return dynamicSheets.length - 1

src/utils/sheetsObserver.js

@@ -152,7 +152,7 @@ arrify@^1.0.0, arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
 
-asap@^2.0.5, asap@~2.0.3:
+asap@~2.0.3:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.5.tgz#522765b50c3510490e52d7dcfe085ef9ba96958f"
 
@@ -3187,7 +3187,7 @@ path-type@^1.0.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
-performance-now@^0.2.0:
+performance-now@^0.2.0, performance-now@~0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
 
@@ -3296,6 +3296,12 @@ qs@~6.4.0:
   version "6.4.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
 
+raf@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.3.0.tgz#93845eeffc773f8129039f677f80a36044eee2c3"
+  dependencies:
+    performance-now "~0.2.0"
+
 randomatic@^1.1.3:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.6.tgz#110dcabff397e9dcff7c0789ccc0a49adf1ec5bb"