@brandocms/jupiter 3.55.0 → 4.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/README.md +509 -54
  2. package/package.json +30 -18
  3. package/src/index.js +15 -10
  4. package/src/modules/Application/index.js +236 -158
  5. package/src/modules/Breakpoints/index.js +116 -36
  6. package/src/modules/Cookies/index.js +95 -64
  7. package/src/modules/CoverOverlay/index.js +21 -14
  8. package/src/modules/Dataloader/index.js +71 -24
  9. package/src/modules/Dataloader/url-sync.js +238 -0
  10. package/src/modules/Dom/index.js +24 -0
  11. package/src/modules/DoubleHeader/index.js +571 -0
  12. package/src/modules/Dropdown/index.js +108 -73
  13. package/src/modules/EqualHeightElements/index.js +8 -8
  14. package/src/modules/EqualHeightImages/index.js +15 -7
  15. package/src/modules/FixedHeader/index.js +116 -30
  16. package/src/modules/FooterReveal/index.js +5 -5
  17. package/src/modules/HeroSlider/index.js +231 -106
  18. package/src/modules/HeroVideo/index.js +72 -44
  19. package/src/modules/Lazyload/index.js +128 -80
  20. package/src/modules/Lightbox/index.js +101 -80
  21. package/src/modules/Links/index.js +77 -51
  22. package/src/modules/Looper/index.js +1737 -0
  23. package/src/modules/Marquee/index.js +106 -37
  24. package/src/modules/MobileMenu/index.js +105 -130
  25. package/src/modules/Moonwalk/index.js +479 -153
  26. package/src/modules/Parallax/index.js +280 -57
  27. package/src/modules/Popover/index.js +187 -17
  28. package/src/modules/Popup/index.js +172 -53
  29. package/src/modules/ScrollSpy/index.js +21 -0
  30. package/src/modules/StackedBoxes/index.js +8 -6
  31. package/src/modules/StickyHeader/index.js +394 -164
  32. package/src/modules/Toggler/index.js +207 -11
  33. package/src/modules/Typography/index.js +33 -20
  34. package/src/utils/motion-helpers.js +330 -0
  35. package/types/README.md +159 -0
  36. package/types/events/index.d.ts +20 -0
  37. package/types/index.d.ts +6 -0
  38. package/types/modules/Application/index.d.ts +168 -0
  39. package/types/modules/Breakpoints/index.d.ts +40 -0
  40. package/types/modules/Cookies/index.d.ts +81 -0
  41. package/types/modules/CoverOverlay/index.d.ts +6 -0
  42. package/types/modules/Dataloader/index.d.ts +38 -0
  43. package/types/modules/Dataloader/url-sync.d.ts +36 -0
  44. package/types/modules/Dom/index.d.ts +47 -0
  45. package/types/modules/DoubleHeader/index.d.ts +63 -0
  46. package/types/modules/Dropdown/index.d.ts +15 -0
  47. package/types/modules/EqualHeightElements/index.d.ts +8 -0
  48. package/types/modules/EqualHeightImages/index.d.ts +11 -0
  49. package/types/modules/FeatureTests/index.d.ts +27 -0
  50. package/types/modules/FixedHeader/index.d.ts +219 -0
  51. package/types/modules/Fontloader/index.d.ts +5 -0
  52. package/types/modules/FooterReveal/index.d.ts +5 -0
  53. package/types/modules/HeroSlider/index.d.ts +28 -0
  54. package/types/modules/HeroVideo/index.d.ts +83 -0
  55. package/types/modules/Lazyload/index.d.ts +80 -0
  56. package/types/modules/Lightbox/index.d.ts +123 -0
  57. package/types/modules/Links/index.d.ts +55 -0
  58. package/types/modules/Looper/index.d.ts +127 -0
  59. package/types/modules/Marquee/index.d.ts +23 -0
  60. package/types/modules/MobileMenu/index.d.ts +63 -0
  61. package/types/modules/Moonwalk/index.d.ts +322 -0
  62. package/types/modules/Parallax/index.d.ts +71 -0
  63. package/types/modules/Popover/index.d.ts +29 -0
  64. package/types/modules/Popup/index.d.ts +76 -0
  65. package/types/modules/ScrollSpy/index.d.ts +29 -0
  66. package/types/modules/StackedBoxes/index.d.ts +9 -0
  67. package/types/modules/StickyHeader/index.d.ts +220 -0
  68. package/types/modules/Toggler/index.d.ts +48 -0
  69. package/types/modules/Typography/index.d.ts +77 -0
  70. package/types/utils/dispatchElementEvent.d.ts +1 -0
  71. package/types/utils/imageIsLoaded.d.ts +1 -0
  72. package/types/utils/imagesAreLoaded.d.ts +1 -0
  73. package/types/utils/loadScript.d.ts +2 -0
  74. package/types/utils/prefersReducedMotion.d.ts +4 -0
  75. package/types/utils/rafCallback.d.ts +2 -0
  76. package/types/utils/zoom.d.ts +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brandocms/jupiter",
3
- "version": "3.55.0",
3
+ "version": "4.0.0-beta.2",
4
4
  "description": "Frontend helpers.",
5
5
  "author": "Univers/Twined",
6
6
  "license": "UNLICENSED",
@@ -15,32 +15,44 @@
15
15
  "module": "src/index.js",
16
16
  "browser": "src/index.js",
17
17
  "files": [
18
- "src"
18
+ "src",
19
+ "types"
19
20
  ],
20
21
  "homepage": "https://github.com/brandocms/jupiter#readme",
21
22
  "sideEffects": false,
22
23
  "scripts": {
23
- "test": "jest __tests__ --passWithNoTests",
24
- "coverage": "jest __tests__ --coverage"
25
- },
26
- "jest": {
27
- "testEnvironment": "jsdom",
28
- "transformIgnorePatterns": [
29
- "/node_modules/(?!gsap).+\\.js$"
30
- ]
24
+ "test": "playwright test",
25
+ "types": "tsc",
26
+ "playwright": "playwright test --project=chromium --reporter line",
27
+ "playwright:ui": "playwright test --ui",
28
+ "playwright:report": "playwright show-report",
29
+ "playwright:moonwalk": "playwright test e2e/moonwalk.spec.js --project=chromium --reporter line",
30
+ "playwright:lazyload": "playwright test e2e/lazyload.spec.js --project=chromium --reporter line",
31
+ "playwright:toggler": "playwright test e2e/toggler.spec.js --project=chromium --reporter line",
32
+ "playwright:breakpoints": "playwright test e2e/breakpoints.spec.js --project=chromium --reporter line",
33
+ "playwright:typography": "playwright test e2e/typography.spec.js --project=chromium --reporter line",
34
+ "playwright:popover": "playwright test e2e/popover.spec.js e2e/popover.click.spec.js e2e/popover.follow.spec.js --project=chromium --reporter line",
35
+ "playwright:popup": "playwright test e2e/popup.spec.js --project=chromium --reporter line",
36
+ "playwright:dataloader": "playwright test e2e/dataloader.spec.js --project=chromium --reporter line",
37
+ "playwright:dataloader-url-sync": "playwright test e2e/dataloader-url-sync.spec.js --project=chromium --reporter line",
38
+ "playwright:parallax": "playwright test e2e/parallax.spec.js --project=chromium --reporter line",
39
+ "vite": "vite",
40
+ "vite:build": "vite build",
41
+ "vite:preview": "vite preview"
31
42
  },
43
+ "types": "types/index.d.ts",
32
44
  "dependencies": {
33
- "@egjs/hammerjs": "^2.0.17",
34
45
  "body-scroll-lock": "^4.0.0-beta.0",
35
- "gsap": "3.12.5",
36
- "lodash.defaultsdeep": "^4.6.1"
46
+ "gsap": "^3.13.0",
47
+ "lodash.defaultsdeep": "^4.6.1",
48
+ "motion": "^12.23.24",
49
+ "virtual-scroll": "^2.2.1"
37
50
  },
38
51
  "devDependencies": {
39
- "@babel/core": "^7.25.2",
40
- "@babel/preset-env": "^7.25.3",
41
- "babel-jest": "^29.7.0",
42
- "jest": "^29.7.0",
43
- "jest-environment-jsdom": "^29.7.0"
52
+ "@playwright/test": "^1.52.0",
53
+ "@types/node": "^22.15.16",
54
+ "typescript": "^5.8.3",
55
+ "vite": "^6.3.5"
44
56
  },
45
57
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
46
58
  }
package/src/index.js CHANGED
@@ -1,6 +1,10 @@
1
- import { CSSPlugin, Draggable, ScrollToPlugin, ScrollTrigger, gsap } from 'gsap/all'
1
+ /**
2
+ * @file Main entry point for Jupiter - a frontend toolkit for animations and interactions
3
+ * @module jupiter
4
+ */
5
+
6
+ import { animate, scroll, stagger, motionValue } from 'motion'
2
7
 
3
- import Hammer from '@egjs/hammerjs'
4
8
  import _defaultsDeep from 'lodash.defaultsdeep'
5
9
 
6
10
  import Application from './modules/Application'
@@ -9,6 +13,7 @@ import Cookies from './modules/Cookies'
9
13
  import CoverOverlay from './modules/CoverOverlay'
10
14
  import Dataloader from './modules/Dataloader'
11
15
  import Dom from './modules/Dom'
16
+ import DoubleHeader from './modules/DoubleHeader'
12
17
  import Dropdown from './modules/Dropdown'
13
18
  import EqualHeightElements from './modules/EqualHeightElements'
14
19
  import EqualHeightImages from './modules/EqualHeightImages'
@@ -21,6 +26,7 @@ import HeroVideo from './modules/HeroVideo'
21
26
  import Lazyload from './modules/Lazyload'
22
27
  import Lightbox from './modules/Lightbox'
23
28
  import Links from './modules/Links'
29
+ import Looper from './modules/Looper'
24
30
  import Marquee from './modules/Marquee'
25
31
  import MobileMenu from './modules/MobileMenu'
26
32
  import Moonwalk from './modules/Moonwalk'
@@ -45,7 +51,7 @@ export {
45
51
  CoverOverlay,
46
52
  Dataloader,
47
53
  Dom,
48
- Draggable,
54
+ DoubleHeader,
49
55
  Dropdown,
50
56
  EqualHeightElements,
51
57
  EqualHeightImages,
@@ -58,6 +64,7 @@ export {
58
64
  Lazyload,
59
65
  Lightbox,
60
66
  Links,
67
+ Looper,
61
68
  Marquee,
62
69
  MobileMenu,
63
70
  Moonwalk,
@@ -77,11 +84,9 @@ export {
77
84
  rafCallback,
78
85
  _defaultsDeep,
79
86
 
80
- // Export some of the libs we use,
81
- // that can also be used in the main frontend.
82
- gsap,
83
- CSSPlugin,
84
- ScrollToPlugin,
85
- ScrollTrigger,
86
- Hammer
87
+ // Export Motion functions for animation
88
+ animate,
89
+ scroll,
90
+ stagger,
91
+ motionValue,
87
92
  }