@lagless/create 0.0.50 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lagless/create",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "license": "CC-BY-NC-4.0",
   "repository": {
     "type": "git",

package/templates/pixi-react/__packageName__-frontend/package.json

@@ -17,6 +17,8 @@
     "@lagless/net-wire": "^<%= laglessVersion %>",
     "@lagless/react": "^<%= laglessVersion %>",
     "@lagless/pixi-react": "^<%= laglessVersion %>",
+    "@lagless/desync-diagnostics": "^<%= laglessVersion %>",
+    "@lagless/binary": "^<%= laglessVersion %>",
 <% if (simulationType === 'physics2d') { -%>
     "@lagless/physics2d": "^<%= laglessVersion %>",
     "@lagless/physics-shared": "^<%= laglessVersion %>",

package/templates/pixi-react/__packageName__-frontend/src/app/game-view/runner-provider.tsx

@@ -6,7 +6,7 @@ import {
   PlayerJoined,
   <%= projectName %>Arena,
 } from '<%= packageName %>-simulation';
-import { createContext, FC, ReactNode, useContext, useEffect, useRef, useState } from 'react';
+import { createContext, FC, ReactNode, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useTick } from '@pixi/react';
 import { useNavigate } from 'react-router-dom';
 import { ProviderStore } from '../hooks/use-start-match';
@@ -15,6 +15,10 @@ import { RelayInputProvider, RelayConnection } from '@lagless/relay-client';
 import { getMatchInfo } from '../hooks/use-start-multiplayer-match';
 import { UUID } from '@lagless/misc';
 import { useDevBridge, useDiagnosticsControl } from '@lagless/react';
+import { useDesyncDiagnostics } from '@lagless/desync-diagnostics';
+<% if (simulationType !== 'raw') { -%>
+import { getFastHash } from '@lagless/binary';
+<% } -%>
 <% if (simulationType === 'physics2d') { -%>
 import { PhysicsWorldManager2d, type RapierModule2d } from '@lagless/physics2d';
 <% } else if (simulationType === 'physics3d') { -%>
@@ -218,6 +222,36 @@ export const RunnerProvider: FC<RunnerProviderProps> = ({ children }) => {
 
   useDevBridge(runner, { hashTrackingInterval: <%= projectName %>Arena.hashReportInterval, diagnosticsEnabled });
 
+<% if (simulationType === 'physics2d') { -%>
+  const diagnosticsOptions = useMemo(() => {
+    if (!runner) return undefined;
+    const wm = runner.PhysicsWorldManager;
+    return {
+      physicsHashFn: () => {
+        const snap = wm.takeSnapshot();
+        return getFastHash(snap.buffer);
+      },
+    };
+  }, [runner]);
+
+  useDesyncDiagnostics(runner, { ...diagnosticsOptions, enabled: diagnosticsEnabled });
+<% } else if (simulationType === 'physics3d') { -%>
+  const diagnosticsOptions = useMemo(() => {
+    if (!runner) return undefined;
+    const wm = runner.PhysicsWorldManager;
+    return {
+      physicsHashFn: () => {
+        const snap = wm.takeSnapshot();
+        return getFastHash(snap.buffer);
+      },
+    };
+  }, [runner]);
+
+  useDesyncDiagnostics(runner, { ...diagnosticsOptions, enabled: diagnosticsEnabled });
+<% } else { -%>
+  useDesyncDiagnostics(runner, { enabled: diagnosticsEnabled });
+<% } -%>
+
   return !runner ? null : <RunnerContext.Provider value={runner}>{children}</RunnerContext.Provider>;
 };