@effectionx/raf 0.0.1

package/README.md

@@ -0,0 +1,20 @@
+# RAF: Request Animation Frame
+
+Subscribe to a stream of
+[Request Animation Frame](https://developer.mozilla.org/en-US/docs/Web/API/DedicatedWorkerGlobalScope/requestAnimationFrame)
+updates.
+
+---
+
+```ts
+import { each, main, suspend } from "effection";
+import { raf } from "@effectionx/raf";
+
+await main(function* () {
+  for (const timestamp of yield* each(raf)) {
+    // add your handler code here
+    console.log(timestamp);
+    yield* each.next();
+  }
+});
+```

package/esm/mod.d.ts

@@ -0,0 +1,2 @@
+export * from "./raf.js";
+//# sourceMappingURL=mod.d.ts.map

package/esm/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/esm/mod.js

@@ -0,0 +1 @@
+export * from "./raf.js";

package/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/esm/raf.d.ts

@@ -0,0 +1,6 @@
+import { type Stream } from "effection";
+/**
+ * A stream that produces animation frames.
+ */
+export declare const raf: Stream<number, never>;
+//# sourceMappingURL=raf.d.ts.map

package/esm/raf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"raf.d.ts","sourceRoot":"","sources":["../src/raf.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAChE;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAerC,CAAC"}

package/esm/raf.js

@@ -0,0 +1,19 @@
+import { createSignal, resource } from "effection";
+/**
+ * A stream that produces animation frames.
+ */
+export const raf = resource(function* (provide) {
+    let signal = createSignal();
+    let id = 0;
+    let callback = (timestamp) => {
+        signal.send(timestamp);
+        id = requestAnimationFrame(callback);
+    };
+    id = requestAnimationFrame(callback);
+    try {
+        yield* provide(yield* signal);
+    }
+    finally {
+        cancelAnimationFrame(id);
+    }
+});

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@effectionx/raf",
+  "version": "0.0.1",
+  "author": "engineering@frontside.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thefrontside/effectionx.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/thefrontside/effectionx/issues"
+  },
+  "main": "./script/mod.js",
+  "module": "./esm/mod.js",
+  "exports": {
+    ".": {
+      "import": "./esm/mod.js",
+      "require": "./script/mod.js"
+    }
+  },
+  "scripts": {},
+  "engines": {
+    "node": ">= 16"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "effection": "^3"
+  },
+  "_generatedBy": "dnt@dev"
+}

package/script/mod.d.ts

@@ -0,0 +1,2 @@
+export * from "./raf.js";
+//# sourceMappingURL=mod.d.ts.map

package/script/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/script/mod.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./raf.js"), exports);

package/script/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/script/raf.d.ts

@@ -0,0 +1,6 @@
+import { type Stream } from "effection";
+/**
+ * A stream that produces animation frames.
+ */
+export declare const raf: Stream<number, never>;
+//# sourceMappingURL=raf.d.ts.map

package/script/raf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"raf.d.ts","sourceRoot":"","sources":["../src/raf.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAChE;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAerC,CAAC"}

package/script/raf.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.raf = void 0;
+const effection_1 = require("effection");
+/**
+ * A stream that produces animation frames.
+ */
+exports.raf = (0, effection_1.resource)(function* (provide) {
+    let signal = (0, effection_1.createSignal)();
+    let id = 0;
+    let callback = (timestamp) => {
+        signal.send(timestamp);
+        id = requestAnimationFrame(callback);
+    };
+    id = requestAnimationFrame(callback);
+    try {
+        yield* provide(yield* signal);
+    }
+    finally {
+        cancelAnimationFrame(id);
+    }
+});