Fix/elapsed time (#590)

dbismut · web-flow · commit 3701753ea965 · 2023-03-27T16:37:38.000+02:00
diff --git a/.changeset/seven-avocados-melt.md b/.changeset/seven-avocados-melt.md
@@ -0,0 +1,5 @@
+---
+'@use-gesture/core': patch
+---
+
+fix: set startTime inside start function
diff --git a/demo/index.html b/demo/index.html
@@ -9,7 +9,7 @@
 
   <body>
     <div id="root"></div>
-    <script type="module" src="./src/index.jsx"></script>
+    <script type="module" src="./src/index.tsx"></script>
     <script src="https://cdn.jsdelivr.net/npm/screenlog@0.3.0/screenlog.min.js"></script>
   </body>
 </html>
diff --git a/demo/package.json b/demo/package.json
@@ -4,8 +4,8 @@
   "private": true,
   "scripts": {
     "dev": "vite --port 4000 --host",
-    "build": "vite build",
-    "serve": "vite preview"
+    "build": "tsc && vite build",
+    "preview": "vite preview"
   },
   "dependencies": {
     "@leva-ui/plugin-spring": "*",
@@ -29,9 +29,9 @@
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@types/three": "^0.140.0",
-    "@vitejs/plugin-react": "^1.3.2",
-    "typescript": "^4.8.4",
-    "typescript-plugin-css-modules": "^4.1.1",
-    "vite": "^4.0.3"
+    "@vitejs/plugin-react": "^3.1.0",
+    "typescript": "^4.9.4",
+    "typescript-plugin-css-modules": "^5.0.0",
+    "vite": "^4.2.1"
   }
 }
diff --git a/demo/serve.json b/demo/serve.json
diff --git a/demo/src/index.tsx b/demo/src/index.tsx
@@ -7,7 +7,7 @@ import './index.css'
 // window.screenLog.init()
 
 const rootElement = document.getElementById('root')
-const root = createRoot(rootElement)
+const root = createRoot(rootElement!)
 root.render(
   <React.StrictMode>
     <App />
diff --git a/demo/src/vite.env.d.ts b/demo/src/vite.env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/demo/tsconfig.json b/demo/tsconfig.json
@@ -1,22 +1,22 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "types": ["vite/client"],
     "allowJs": true,
-    "skipLibCheck": false,
+    "skipLibCheck": true,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
     "strict": true,
-    "strictNullChecks": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "node",
+    "moduleResolution": "Node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
-  "include": ["./src"]
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/demo/tsconfig.node.json b/demo/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/package.json b/package.json
@@ -79,8 +79,8 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@changesets/cli": "^2.26.0",
-    "@preconstruct/cli": "^2.3.0",
+    "@changesets/cli": "^2.26.1",
+    "@preconstruct/cli": "^2.4.1",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.2.0",
@@ -99,7 +99,7 @@
     "eslint-plugin-testing-library": "^5.10.0",
     "husky": "^8.0.3",
     "jest": "^27.5.1",
-    "pnpm": "^7.26.1",
+    "pnpm": "^7.30.3",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.8.3",
     "pretty-quick": "^3.1.3",
diff --git a/packages/core/src/engines/Engine.ts b/packages/core/src/engines/Engine.ts
@@ -192,8 +192,8 @@ export abstract class Engine<Key extends GestureKey> {
       state.currentTarget = event.currentTarget!
       state.lastOffset = config.from ? call(config.from, state) : state.offset
       state.offset = state.lastOffset
+      state.startTime = state.timeStamp = event.timeStamp
     }
-    state.startTime = state.timeStamp = event.timeStamp
   }
 
   /**
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -192,8 +192,8 @@ export abstract class Engine<Key extends GestureKey> {`
`192`	`192`	`state.currentTarget = event.currentTarget!`
`193`	`193`	`state.lastOffset = config.from ? call(config.from, state) : state.offset`
`194`	`194`	`state.offset = state.lastOffset`
	`195`	`+ state.startTime = state.timeStamp = event.timeStamp`
`195`	`196`	`}`
`196`		`- state.startTime = state.timeStamp = event.timeStamp`
`197`	`197`	`}`
`198`	`198`
`199`	`199`	`/**`