First version

Author: pagoru

.github/workflows/build.yml

@@ -0,0 +1,30 @@
+name: Build
+on:
+  push:
+    branches: [master]
+  pull_request:
+
+jobs:
+  prettier:
+    name: "prettier"
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        deno-version: [1.45.3]
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          registry-url: "https://registry.npmjs.org"
+      - run: yarn install --frozen-lockfile
+
+      - name: run prettier checker
+        run: yarn prettier:check
+
+      - name: Use Deno Version ${{ matrix.deno-version }}
+        uses: denoland/setup-deno@v1
+        with:
+          deno-version: ${{ matrix.deno-version }}

.github/workflows/publish.yml

@@ -0,0 +1,49 @@
+name: Publish
+on:
+  push:
+    tags:
+      - "*"
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        deno-version: [1.45.3]
+
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set Versions
+        uses: actions/github-script@v4
+        id: set_version
+        with:
+          script: |
+            const tag = context.ref.substring(10).replace('v', '')
+            core.setOutput('tag', tag)
+            console.log(tag)
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          registry-url: "https://registry.npmjs.org"
+      - run: yarn install --frozen-lockfile
+
+      - name: run prettier checker
+        run: yarn prettier:check
+
+      - name: Add version to package.json
+        uses: jaywcjlove/github-action-package@main
+        with:
+          path: "./deno.json"
+          data: |
+            {
+              "version": "${{ steps.set_version.outputs.tag }}"
+            }
+
+      - name: Publish package
+        run: npx jsr publish --allow-dirty

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.idea

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,58 @@
+# @oh/queue
+
+The idea is to make a ticker and a queue that works exactly the same between back runtime and web.
+Using `setTimeout` on back and `requestAnimationFrame` on the web.
+
+## with web
+
+`yarn dlx jsr add @oh/queue`
+
+```ts
+import { queue, windowTicker, TickerQueue, ticker } from "@oh/queue";
+
+const $ticker = windowTicker();
+const $queue = queue();
+
+$ticker.onTick(({ delta }) => $queue.tick(delta));
+$ticker.load({ fps: 60 });
+$ticker.start();
+
+const startTime = performance.now();
+$queue.add({
+  type: TickerQueue.DURATION,
+  duration: 5_000,
+  onFunc(delta) {
+    console.log("onFunc", delta);
+  },
+  onDone() {
+    console.log("onDone", performance.now() - startTime);
+  },
+});
+```
+
+## with deno
+
+`deno add @oh/queue`
+
+```ts
+import { queue, ticker, TickerQueue } from "@oh/queue/mod.ts";
+
+const $ticker = ticker();
+const $queue = queue();
+
+$ticker.onTick(({ delta }) => $queue.tick(delta));
+$ticker.load({ ticks: 60 });
+$ticker.start();
+
+const startTime = performance.now();
+$queue.add({
+  type: TickerQueue.DURATION,
+  duration: 5_000,
+  onFunc(delta) {
+    console.log("onFunc", delta);
+  },
+  onDone() {
+    console.log("onDone", performance.now() - startTime);
+  },
+});
+```

deno.json

@@ -0,0 +1,11 @@
+{
+  "name": "@oh/queue",
+  "version": "0.0.0",
+  "exports": "./mod.ts",
+  "imports": {
+    "std/": "https://deno.land/std@0.224.0/"
+  },
+  "tasks": {
+    "start:example": "deno run -A ./example.ts"
+  }
+}

example.ts

@@ -0,0 +1,20 @@
+import { queue, ticker, TickerQueue } from "./mod.ts";
+
+const $ticker = ticker();
+const $queue = queue();
+
+$ticker.onTick(({ delta }) => $queue.tick(delta));
+$ticker.load({ ticks: 60 });
+$ticker.start();
+
+const startTime = performance.now();
+$queue.add({
+  type: TickerQueue.DURATION,
+  duration: 5_000,
+  onFunc(delta) {
+    console.log("onFunc", delta);
+  },
+  onDone() {
+    console.log("onDone", performance.now() - startTime);
+  },
+});

mod.ts

@@ -0,0 +1 @@
+export * from "./src/main.ts";

package.json

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "bundle": "esbuild --bundle mod.ts --outfile=./preview/bundle.js --format=esm",
+    "prettier:check": "prettier -c ./",
+    "prettier:write": "prettier --write ."
+  },
+  "devDependencies": {
+    "prettier": "3.3.3",
+    "esbuild": "0.23.0"
+  }
+}