Skip to content

Commit c50f55e

Browse files
chore(prettier): 🤖 ✨
1 parent 4e48695 commit c50f55e

File tree

5 files changed

+42
-41
lines changed

5 files changed

+42
-41
lines changed

‎.releaserc.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
22
"extends": "@sanity/semantic-release-preset",
33
"branches": ["main"]
4-
}
4+
}

‎README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,15 +105,15 @@ Linear example:
105105

106106
```typescript
107107
scrollIntoView(node, {
108-
ease: t => t,
108+
ease: (t) => t,
109109
})
110110
```
111111

112112
Acceleration until halfway, then deceleration:
113113

114114
```typescript
115115
scrollIntoView(node, {
116-
ease: t =>
116+
ease: (t) =>
117117
t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,
118118
})
119119
```
@@ -122,7 +122,7 @@ Sine easing in and out:
122122

123123
```typescript
124124
scrollIntoView(node, {
125-
ease: t => (1 + Math.sin(Math.PI * t - Math.PI / 2)) / 2,
125+
ease: (t) => (1 + Math.sin(Math.PI * t - Math.PI / 2)) / 2,
126126
})
127127
```
128128

‎package.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {defineConfig} from '@sanity/pkg-utils'
1+
import { defineConfig } from '@sanity/pkg-utils'
22

33
export default defineConfig({
44
minify: true,

‎renovate.json

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
{
2-
"extends": [
3-
"github>stipsan/renovate-presets:auto"
4-
],
2+
"extends": ["github>stipsan/renovate-presets:auto"],
53
"packageRules": [
64
{
75
"packageNames": ["scroll-into-view-if-needed"],

‎src/index.ts

Lines changed: 36 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,10 @@ const now = () => {
3434
}
3535

3636
type SmoothScrollAction = {
37-
el: Element;
37+
el: Element
3838
// [start, end] tuples of the distance animated
39-
left: [number, number];
40-
top: [number, number];
39+
left: [number, number]
40+
top: [number, number]
4141
}
4242

4343
type Context = {
@@ -77,15 +77,15 @@ function smoothScroll(
7777
x: number,
7878
y: number,
7979
duration = 600,
80-
ease: CustomEasing = t => 1 + --t * t * t * t * t,
80+
ease: CustomEasing = (t) => 1 + --t * t * t * t * t,
8181
cb: Function,
8282
onScrollChange?: OnScrollChangeCallback
8383
) {
8484
// define scroll context
8585
const scrollable = el
8686
const startX = el.scrollLeft
8787
const startY = el.scrollTop
88-
const method = (x: number, y: number, elapsed: number, value: number, ) => {
88+
const method = (x: number, y: number, elapsed: number, value: number) => {
8989
// @TODO use Element.scroll if it exists, as it is potentially better performing
9090
// use ceil to include the the fractional part of the number for the scrolling
9191
const left = Math.ceil(x)
@@ -133,35 +133,38 @@ function scroll<T>(target: Element, options?: any) {
133133
inline: overrides.inline,
134134
scrollMode: overrides.scrollMode,
135135
boundary: overrides.boundary,
136-
behavior: actions =>
136+
behavior: (actions) =>
137137
Promise.all(
138-
actions.reduce((results: Promise<SmoothScrollAction>[], { el, left, top }) => {
139-
const startLeft = el.scrollLeft
140-
const startTop = el.scrollTop
141-
if (startLeft === left && startTop === top) {
142-
return results
143-
}
144-
145-
return [
146-
...results,
147-
new Promise(resolve => {
148-
return smoothScroll(
149-
el,
150-
left,
151-
top,
152-
overrides.duration,
153-
overrides.ease,
154-
() =>
155-
resolve({
156-
el,
157-
left: [startLeft, left],
158-
top: [startTop, top],
159-
}),
160-
overrides.onScrollChange
161-
)
162-
}),
163-
]
164-
}, [])
138+
actions.reduce(
139+
(results: Promise<SmoothScrollAction>[], { el, left, top }) => {
140+
const startLeft = el.scrollLeft
141+
const startTop = el.scrollTop
142+
if (startLeft === left && startTop === top) {
143+
return results
144+
}
145+
146+
return [
147+
...results,
148+
new Promise((resolve) => {
149+
return smoothScroll(
150+
el,
151+
left,
152+
top,
153+
overrides.duration,
154+
overrides.ease,
155+
() =>
156+
resolve({
157+
el,
158+
left: [startLeft, left],
159+
top: [startTop, top],
160+
}),
161+
overrides.onScrollChange
162+
)
163+
}),
164+
]
165+
},
166+
[]
167+
)
165168
),
166169
})
167170
}

0 commit comments

Comments
 (0)