Revive zen-observable-ts wrapper for zen-observable npm package (#7615)

#7615

Author: benjamn

package-lock.json

@@ -74,7 +74,6 @@
   },
   "dependencies": {
     "@graphql-typed-document-node/core": "^3.0.0",
-    "@types/zen-observable": "^0.8.0",
     "@wry/context": "^0.5.2",
     "@wry/equality": "^0.3.0",
     "@wry/trie": "^0.2.1",
@@ -86,7 +85,7 @@
     "symbol-observable": "^2.0.0",
     "ts-invariant": "^0.6.0",
     "tslib": "^1.10.0",
-    "zen-observable": "^0.8.14"
+    "zen-observable-ts": "^1.0.0-beta.4"
   },
   "devDependencies": {
     "@babel/parser": "7.12.11",

package.json

@@ -1,11 +1,17 @@
-import Observable from 'zen-observable';
+import {
+  Observable,
+  Observer,
+  Subscription as ObservableSubscription,
+} from 'zen-observable-ts';
 
 // This simplified polyfill attempts to follow the ECMAScript Observable
 // proposal (https://github.com/zenparsing/es-observable)
 import 'symbol-observable';
 
-export type ObservableSubscription = ZenObservable.Subscription;
-export type Observer<T> = ZenObservable.Observer<T>;
+export type {
+  Observer,
+  ObservableSubscription,
+};
 
 // Use global module augmentation to add RxJS interop functionality. By
 // using this approach (instead of subclassing `Observable` and adding an
@@ -18,4 +24,5 @@ declare global {
   }
 }
 (Observable.prototype as any)['@@observable'] = function () { return this; };
+
 export { Observable };