@arcanewizards/timecode-toolbox 0.1.4 → 0.1.6

package/dist/index.js

@@ -6832,9 +6832,27 @@ var createArtnet = (config) => {
     })();
     return connectPromise;
   };
+  const getNextFrameTiming = (mode, timeMillis) => {
+    const timecode = getTimecodeFromMillis(mode, timeMillis);
+    timecode.frame += 1;
+    if (timecode.frame >= TIMECODE_FPS[mode]) {
+      timecode.frame = 0;
+      timecode.seconds += 1;
+      if (timecode.seconds >= 60) {
+        timecode.seconds = 0;
+        timecode.minutes += 1;
+        if (timecode.minutes >= 60) {
+          timecode.minutes = 0;
+          timecode.hours += 1;
+        }
+      }
+    }
+    const nextFrameTimeMillis = getTimeMillisFromTimecode(timecode);
+    return { nextFrameTimeMillis };
+  };
   const sendTimecode = (mode, timeMillis) => {
     if (timeMillis < 0) {
-      return Promise.resolve();
+      return Promise.resolve(getNextFrameTiming(mode, timeMillis));
     }
     if (!sendSocket) {
       return Promise.reject(new Error("ArtNet connection has not been opened"));
@@ -6875,7 +6893,7 @@ var createArtnet = (config) => {
             events.emit("error", error);
             reject(error);
           } else {
-            resolve();
+            resolve(getNextFrameTiming(mode, timeMillis));
           }
         }
       )
@@ -6888,6 +6906,7 @@ var createArtnet = (config) => {
   };
   return {
     connect,
+    getNextFrameTiming,
     sendTimecode,
     on,
     addListener,
@@ -6968,7 +6987,7 @@ var ArtnetInputConnection = ({
     created.connect().then(() => {
       artnet = created;
       setArtnetInstance(created);
-      log.info("ArtNet Timecode output initialized");
+      log.info("ArtNet Timecode input initialized");
       setConnection({ ...connectionConfig, status: "active" });
     }).catch((err) => {
       const error = new Error("Failed to start ArtNet Timecode output");
@@ -14292,12 +14311,35 @@ var ArtnetOutputConnection = ({
     }
     if (timecodeState?.state === "playing" || timecodeState?.state === "lagging") {
       const tcState = timecodeState;
-      const interval = setInterval(() => {
+      let transmit = true;
+      let timeoutId = null;
+      const sendNextFrame = () => {
+        if (!transmit) {
+          return;
+        }
         const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
-        artnetInstance.sendTimecode(mode, time);
-      }, 1e3 / TIMECODE_FPS[mode]);
+        artnetInstance.sendTimecode(mode, time).then(({ nextFrameTimeMillis }) => {
+          const delay = nextFrameTimeMillis - time + 1;
+          timeoutId = setTimeout(sendNextFrame, delay);
+        }).catch(() => {
+          scheduleNextFrame();
+        });
+      };
+      const scheduleNextFrame = () => {
+        const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
+        const { nextFrameTimeMillis } = artnetInstance.getNextFrameTiming(
+          mode,
+          time
+        );
+        const delay = nextFrameTimeMillis - time + 1;
+        timeoutId = setTimeout(sendNextFrame, delay);
+      };
+      scheduleNextFrame();
       return () => {
-        clearInterval(interval);
+        transmit = false;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
       };
     } else if (timecodeState?.state === "stopped") {
       artnetInstance.sendTimecode(mode, timecodeState?.positionMillis ?? 0);
@@ -14551,6 +14593,8 @@ var ClockGenerator = ({
           timecode: {
             metadata: null,
             name: null,
+            errors: [],
+            warnings: [],
             state: {
               accuracyMillis: null,
               smpteMode: null,
@@ -14924,7 +14968,7 @@ var createApp = (props) => {
 };
 
 // package.json
-var version = "0.1.4";
+var version = "0.1.6";
 
 // src/urls.ts
 var urls_exports = {};

package/dist/index.mjs

@@ -6844,9 +6844,27 @@ var createArtnet = (config) => {
     })();
     return connectPromise;
   };
+  const getNextFrameTiming = (mode, timeMillis) => {
+    const timecode = getTimecodeFromMillis(mode, timeMillis);
+    timecode.frame += 1;
+    if (timecode.frame >= TIMECODE_FPS[mode]) {
+      timecode.frame = 0;
+      timecode.seconds += 1;
+      if (timecode.seconds >= 60) {
+        timecode.seconds = 0;
+        timecode.minutes += 1;
+        if (timecode.minutes >= 60) {
+          timecode.minutes = 0;
+          timecode.hours += 1;
+        }
+      }
+    }
+    const nextFrameTimeMillis = getTimeMillisFromTimecode(timecode);
+    return { nextFrameTimeMillis };
+  };
   const sendTimecode = (mode, timeMillis) => {
     if (timeMillis < 0) {
-      return Promise.resolve();
+      return Promise.resolve(getNextFrameTiming(mode, timeMillis));
     }
     if (!sendSocket) {
       return Promise.reject(new Error("ArtNet connection has not been opened"));
@@ -6887,7 +6905,7 @@ var createArtnet = (config) => {
             events.emit("error", error);
             reject(error);
           } else {
-            resolve();
+            resolve(getNextFrameTiming(mode, timeMillis));
           }
         }
       )
@@ -6900,6 +6918,7 @@ var createArtnet = (config) => {
   };
   return {
     connect,
+    getNextFrameTiming,
     sendTimecode,
     on,
     addListener,
@@ -6980,7 +6999,7 @@ var ArtnetInputConnection = ({
     created.connect().then(() => {
       artnet = created;
       setArtnetInstance(created);
-      log.info("ArtNet Timecode output initialized");
+      log.info("ArtNet Timecode input initialized");
       setConnection({ ...connectionConfig, status: "active" });
     }).catch((err) => {
       const error = new Error("Failed to start ArtNet Timecode output");
@@ -14315,12 +14334,35 @@ var ArtnetOutputConnection = ({
     }
     if (timecodeState?.state === "playing" || timecodeState?.state === "lagging") {
       const tcState = timecodeState;
-      const interval = setInterval(() => {
+      let transmit = true;
+      let timeoutId = null;
+      const sendNextFrame = () => {
+        if (!transmit) {
+          return;
+        }
         const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
-        artnetInstance.sendTimecode(mode, time);
-      }, 1e3 / TIMECODE_FPS[mode]);
+        artnetInstance.sendTimecode(mode, time).then(({ nextFrameTimeMillis }) => {
+          const delay = nextFrameTimeMillis - time + 1;
+          timeoutId = setTimeout(sendNextFrame, delay);
+        }).catch(() => {
+          scheduleNextFrame();
+        });
+      };
+      const scheduleNextFrame = () => {
+        const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
+        const { nextFrameTimeMillis } = artnetInstance.getNextFrameTiming(
+          mode,
+          time
+        );
+        const delay = nextFrameTimeMillis - time + 1;
+        timeoutId = setTimeout(sendNextFrame, delay);
+      };
+      scheduleNextFrame();
       return () => {
-        clearInterval(interval);
+        transmit = false;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
       };
     } else if (timecodeState?.state === "stopped") {
       artnetInstance.sendTimecode(mode, timecodeState?.positionMillis ?? 0);
@@ -14579,6 +14621,8 @@ var ClockGenerator = ({
           timecode: {
             metadata: null,
             name: null,
+            errors: [],
+            warnings: [],
             state: {
               accuracyMillis: null,
               smpteMode: null,
@@ -14952,7 +14996,7 @@ var createApp = (props) => {
 };
 
 // package.json
-var version = "0.1.4";
+var version = "0.1.6";
 
 // src/urls.ts
 var urls_exports = {};

package/dist/start.js

@@ -6833,9 +6833,27 @@ var createArtnet = (config) => {
     })();
     return connectPromise;
   };
+  const getNextFrameTiming = (mode, timeMillis) => {
+    const timecode = getTimecodeFromMillis(mode, timeMillis);
+    timecode.frame += 1;
+    if (timecode.frame >= TIMECODE_FPS[mode]) {
+      timecode.frame = 0;
+      timecode.seconds += 1;
+      if (timecode.seconds >= 60) {
+        timecode.seconds = 0;
+        timecode.minutes += 1;
+        if (timecode.minutes >= 60) {
+          timecode.minutes = 0;
+          timecode.hours += 1;
+        }
+      }
+    }
+    const nextFrameTimeMillis = getTimeMillisFromTimecode(timecode);
+    return { nextFrameTimeMillis };
+  };
   const sendTimecode = (mode, timeMillis) => {
     if (timeMillis < 0) {
-      return Promise.resolve();
+      return Promise.resolve(getNextFrameTiming(mode, timeMillis));
     }
     if (!sendSocket) {
       return Promise.reject(new Error("ArtNet connection has not been opened"));
@@ -6876,7 +6894,7 @@ var createArtnet = (config) => {
             events.emit("error", error);
             reject(error);
           } else {
-            resolve();
+            resolve(getNextFrameTiming(mode, timeMillis));
           }
         }
       )
@@ -6889,6 +6907,7 @@ var createArtnet = (config) => {
   };
   return {
     connect,
+    getNextFrameTiming,
     sendTimecode,
     on,
     addListener,
@@ -6969,7 +6988,7 @@ var ArtnetInputConnection = ({
     created.connect().then(() => {
       artnet = created;
       setArtnetInstance(created);
-      log.info("ArtNet Timecode output initialized");
+      log.info("ArtNet Timecode input initialized");
       setConnection({ ...connectionConfig, status: "active" });
     }).catch((err) => {
       const error = new Error("Failed to start ArtNet Timecode output");
@@ -14293,12 +14312,35 @@ var ArtnetOutputConnection = ({
     }
     if (timecodeState?.state === "playing" || timecodeState?.state === "lagging") {
       const tcState = timecodeState;
-      const interval = setInterval(() => {
+      let transmit = true;
+      let timeoutId = null;
+      const sendNextFrame = () => {
+        if (!transmit) {
+          return;
+        }
         const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
-        artnetInstance.sendTimecode(mode, time);
-      }, 1e3 / TIMECODE_FPS[mode]);
+        artnetInstance.sendTimecode(mode, time).then(({ nextFrameTimeMillis }) => {
+          const delay = nextFrameTimeMillis - time + 1;
+          timeoutId = setTimeout(sendNextFrame, delay);
+        }).catch(() => {
+          scheduleNextFrame();
+        });
+      };
+      const scheduleNextFrame = () => {
+        const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
+        const { nextFrameTimeMillis } = artnetInstance.getNextFrameTiming(
+          mode,
+          time
+        );
+        const delay = nextFrameTimeMillis - time + 1;
+        timeoutId = setTimeout(sendNextFrame, delay);
+      };
+      scheduleNextFrame();
       return () => {
-        clearInterval(interval);
+        transmit = false;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
       };
     } else if (timecodeState?.state === "stopped") {
       artnetInstance.sendTimecode(mode, timecodeState?.positionMillis ?? 0);
@@ -14552,6 +14594,8 @@ var ClockGenerator = ({
           timecode: {
             metadata: null,
             name: null,
+            errors: [],
+            warnings: [],
             state: {
               accuracyMillis: null,
               smpteMode: null,
@@ -14925,7 +14969,7 @@ var createApp = (props) => {
 };
 
 // package.json
-var version = "0.1.4";
+var version = "0.1.6";
 
 // src/index.ts
 var runTimecodeToolboxServer = ({

package/dist/start.mjs

@@ -6849,9 +6849,27 @@ var createArtnet = (config) => {
     })();
     return connectPromise;
   };
+  const getNextFrameTiming = (mode, timeMillis) => {
+    const timecode = getTimecodeFromMillis(mode, timeMillis);
+    timecode.frame += 1;
+    if (timecode.frame >= TIMECODE_FPS[mode]) {
+      timecode.frame = 0;
+      timecode.seconds += 1;
+      if (timecode.seconds >= 60) {
+        timecode.seconds = 0;
+        timecode.minutes += 1;
+        if (timecode.minutes >= 60) {
+          timecode.minutes = 0;
+          timecode.hours += 1;
+        }
+      }
+    }
+    const nextFrameTimeMillis = getTimeMillisFromTimecode(timecode);
+    return { nextFrameTimeMillis };
+  };
   const sendTimecode = (mode, timeMillis) => {
     if (timeMillis < 0) {
-      return Promise.resolve();
+      return Promise.resolve(getNextFrameTiming(mode, timeMillis));
     }
     if (!sendSocket) {
       return Promise.reject(new Error("ArtNet connection has not been opened"));
@@ -6892,7 +6910,7 @@ var createArtnet = (config) => {
             events.emit("error", error);
             reject(error);
           } else {
-            resolve();
+            resolve(getNextFrameTiming(mode, timeMillis));
           }
         }
       )
@@ -6905,6 +6923,7 @@ var createArtnet = (config) => {
   };
   return {
     connect,
+    getNextFrameTiming,
     sendTimecode,
     on,
     addListener,
@@ -6985,7 +7004,7 @@ var ArtnetInputConnection = ({
     created.connect().then(() => {
       artnet = created;
       setArtnetInstance(created);
-      log.info("ArtNet Timecode output initialized");
+      log.info("ArtNet Timecode input initialized");
       setConnection({ ...connectionConfig, status: "active" });
     }).catch((err) => {
       const error = new Error("Failed to start ArtNet Timecode output");
@@ -14320,12 +14339,35 @@ var ArtnetOutputConnection = ({
     }
     if (timecodeState?.state === "playing" || timecodeState?.state === "lagging") {
       const tcState = timecodeState;
-      const interval = setInterval(() => {
+      let transmit = true;
+      let timeoutId = null;
+      const sendNextFrame = () => {
+        if (!transmit) {
+          return;
+        }
         const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
-        artnetInstance.sendTimecode(mode, time);
-      }, 1e3 / TIMECODE_FPS[mode]);
+        artnetInstance.sendTimecode(mode, time).then(({ nextFrameTimeMillis }) => {
+          const delay = nextFrameTimeMillis - time + 1;
+          timeoutId = setTimeout(sendNextFrame, delay);
+        }).catch(() => {
+          scheduleNextFrame();
+        });
+      };
+      const scheduleNextFrame = () => {
+        const time = (Date.now() - tcState.effectiveStartTimeMillis) * tcState.speed;
+        const { nextFrameTimeMillis } = artnetInstance.getNextFrameTiming(
+          mode,
+          time
+        );
+        const delay = nextFrameTimeMillis - time + 1;
+        timeoutId = setTimeout(sendNextFrame, delay);
+      };
+      scheduleNextFrame();
       return () => {
-        clearInterval(interval);
+        transmit = false;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
       };
     } else if (timecodeState?.state === "stopped") {
       artnetInstance.sendTimecode(mode, timecodeState?.positionMillis ?? 0);
@@ -14584,6 +14626,8 @@ var ClockGenerator = ({
           timecode: {
             metadata: null,
             name: null,
+            errors: [],
+            warnings: [],
             state: {
               accuracyMillis: null,
               smpteMode: null,
@@ -14957,7 +15001,7 @@ var createApp = (props) => {
 };
 
 // package.json
-var version = "0.1.4";
+var version = "0.1.6";
 
 // src/index.ts
 var runTimecodeToolboxServer = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcanewizards/timecode-toolbox",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "license": "MIT",
   "repository": {
@@ -54,11 +54,11 @@
     "music-metadata": "^11.0.0",
     "osc-js": "^2.4.1",
     "radix-ui": "^1.4.3",
+    "@arcanewizards/artnet": "^0.1.4",
     "@arcanewizards/apis": "^0.0.1",
-    "@arcanewizards/artnet": "^0.1.3",
     "@arcanewizards/eslint-config": "^0.0.0",
     "@arcanewizards/net-utils": "^0.1.3",
-    "@arcanewizards/sigil": "^0.1.6",
+    "@arcanewizards/sigil": "^0.1.7",
     "@arcanewizards/tcnet": "^0.1.3",
     "@arcanewizards/typescript-config": "^0.0.0"
   },
@@ -70,10 +70,11 @@
     "react": "^19.2.0"
   },
   "scripts": {
-    "build": "pnpm check:types && rm -rf dist && cp ../../LICENSE ./LICENSE && tsup && pnpm build:entrypoint && pnpm build:frontend && pnpm build:styles && check-export-map",
+    "build": "pnpm check:types && pnpm clean && cp ../../LICENSE ./LICENSE && tsup && pnpm build:entrypoint && pnpm build:frontend && pnpm build:styles && check-export-map",
     "build:entrypoint": "arcane-build-frontend --entry src/components/frontend/entrypoint.ts --outfile dist/entrypoint.js --sourcemap",
     "build:frontend": "arcane-build-frontend --entry src/components/frontend/index.tsx --outfile dist/frontend.js --sourcemap",
     "build:styles": "tailwindcss -i ./src/components/frontend/frontend.css -o ./dist/entrypoint.css",
+    "clean": "rm -rf dist",
     "check:types": "tsc --noEmit",
     "format:fix": "cd .. && pnpm format:fix",
     "lint": "eslint . --max-warnings 0",