Merge pull request #464 from code-hike/next

pomber · web-flow · commit 3a83b1d8ea5c · 2024-10-03T14:53:05.000+02:00
✨ Update website ✨
diff --git a/packages/codehike/CHANGELOG.md b/packages/codehike/CHANGELOG.md
@@ -1,5 +1,11 @@
 # codehike
 
+## 1.0.2
+
+### Patch Changes
+
+- [#463](https://github.com/code-hike/codehike/pull/463) [`70f8de6`](https://github.com/code-hike/codehike/commit/70f8de66fd142c8692ed4d7e0d8b9293bd4f88bb) Thanks [@pomber](https://github.com/pomber)! - Fix color measurement in token-transitions
+
 ## 1.0.1
 
 ### Patch Changes
diff --git a/packages/codehike/package.json b/packages/codehike/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codehike",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Build rich content websites with Markdown and React",
   "keywords": [
     "react",
diff --git a/packages/codehike/src/utils/token-transitions.tsx b/packages/codehike/src/utils/token-transitions.tsx
@@ -241,6 +241,7 @@ function toSnapshotElement(el: HTMLElement): SnapshotElement {
     y += p.offsetTop
     p = p.offsetParent
   }
+  el?.getAnimations().forEach((a) => a.cancel())
   const style = window.getComputedStyle(el)
   const color = style.color
   const content = el.textContent

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "codehike",`
`3`		`- "version": "1.0.1",`
	`3`	`+ "version": "1.0.2",`
`4`	`4`	`"description": "Build rich content websites with Markdown and React",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"react",`
Original file line number	Diff line number	Diff line change
`@@ -241,6 +241,7 @@ function toSnapshotElement(el: HTMLElement): SnapshotElement {`
`241`	`241`	`y += p.offsetTop`
`242`	`242`	`p = p.offsetParent`
`243`	`243`	`}`
	`244`	`+ el?.getAnimations().forEach((a) => a.cancel())`
`244`	`245`	`const style = window.getComputedStyle(el)`
`245`	`246`	`const color = style.color`
`246`	`247`	`const content = el.textContent`