lenis icon indicating copy to clipboard operation
lenis copied to clipboard

ROADMAP

Open clementroche opened this issue 1 year ago • 5 comments

List

  • [ ] support pull to refresh and UI collapse on syncTouch
  • [ ] rename options correctly (eg: syncTouch -> touch.sync) (breaking change)
  • [x] support scroll snap (https://github.com/darkroomengineering/lenis/blob/main/packages/snap/README.md)
  • [x] support typescript
  • [x] lenis/vue
  • [x] lenis/svelte
  • [x] support RSC 'use client'
  • [x] listen to overflow change and stop/start accordingly
  • [ ] include scroll-padding to scrollTo
  • [x] auto RAF
  • [ ] examples (nested scroll, horizontal, etc.)
  • [ ] check if GSAP Scrolltrigger integration is even necessary
  • [x] detect internal links (#anchor) click and scroll to accordingly

How can you help ?

clementroche avatar Jan 31 '24 19:01 clementroche

Hello! I see that many types are typed as any in dist/types. Would it be helpful to open a PR and make those types a bit narrower? Or are you working on it already?

Myphz avatar Mar 30 '24 22:03 Myphz

@Myphz PR are always welcome

clementroche avatar May 27 '24 12:05 clementroche

@Myphz PR are always welcome

I opened https://github.com/darkroomengineering/lenis/pull/345 to improve TypeScript support. Let me know if everything's ok! Thank you

Myphz avatar May 29 '24 20:05 Myphz

Hi @clementroche regarding rename options correctly (eg: syncTouch -> touch.sync), you are talking about renaming and also refactoring the options passed on Lenis instantiation?

E.G:

const lenis = new Lenis({
    lerp: 0.1,
    touch: {
     sync: false,
     syncLerp: 0.075,
     inertiaMultiplier: 35
    },
});

giuliobracci avatar Jun 10 '24 16:06 giuliobracci

Hi @clementroche regarding rename options correctly (eg: syncTouch -> touch.sync), you are talking about renaming and also refactoring the options passed on Lenis instantiation?

E.G:

const lenis = new Lenis({
    lerp: 0.1,
    touch: {
     sync: false,
     syncLerp: 0.075,
     inertiaMultiplier: 35
    },
});

Yes @giuliobracci

const lenis = new Lenis({
    wheel: {
      lerp: 0.1,
    },
    touch: {
     sync: false,
     lerp: 0.075,
     inertiaMultiplier: 35
    },
});

clementroche avatar Jun 27 '24 08:06 clementroche