@vibes.diy/use-vibes-base 0.16.2 → 0.17.1-dev-next

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 (39) hide show
  1. package/components/BrutalistCard/BrutalistCard.d.ts +1 -0
  2. package/components/BrutalistCard/BrutalistCard.js +2 -2
  3. package/components/BrutalistCard/BrutalistCard.js.map +1 -1
  4. package/components/BrutalistCard/BrutalistCard.styles.d.ts +1 -1
  5. package/components/BrutalistCard/BrutalistCard.styles.js +12 -2
  6. package/components/BrutalistCard/BrutalistCard.styles.js.map +1 -1
  7. package/contexts/VibeContext.d.ts +31 -0
  8. package/contexts/VibeContext.js +65 -0
  9. package/contexts/VibeContext.js.map +1 -0
  10. package/hooks/vibes-gen/IframeVibesComponent.js +1 -1
  11. package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
  12. package/index.d.ts +8 -6
  13. package/index.js +88 -17
  14. package/index.js.map +1 -1
  15. package/mounting/index.d.ts +4 -0
  16. package/mounting/index.js +4 -0
  17. package/mounting/index.js.map +1 -0
  18. package/mounting/mountVibeCode.d.ts +1 -0
  19. package/mounting/mountVibeCode.js +53 -0
  20. package/mounting/mountVibeCode.js.map +1 -0
  21. package/mounting/mountVibeWithCleanup.d.ts +1 -0
  22. package/mounting/mountVibeWithCleanup.js +56 -0
  23. package/mounting/mountVibeWithCleanup.js.map +1 -0
  24. package/mounting/types.d.ts +10 -0
  25. package/mounting/types.js +7 -0
  26. package/mounting/types.js.map +1 -0
  27. package/package.json +12 -9
  28. package/vibe-app-mount.d.ts +4 -5
  29. package/vibe-app-mount.js +20 -105
  30. package/vibe-app-mount.js.map +1 -1
  31. package/ManualRedirectStrategy.d.ts +0 -24
  32. package/ManualRedirectStrategy.js +0 -289
  33. package/ManualRedirectStrategy.js.map +0 -1
  34. package/components/AuthWall/AuthWall.d.ts +0 -8
  35. package/components/AuthWall/AuthWall.js +0 -161
  36. package/components/AuthWall/AuthWall.js.map +0 -1
  37. package/components/AuthWall/AuthWall.styles.d.ts +0 -24
  38. package/components/AuthWall/AuthWall.styles.js +0 -82
  39. package/components/AuthWall/AuthWall.styles.js.map +0 -1
@@ -1,161 +0,0 @@
1
- import React, { useEffect, useState, useRef } from 'react';
2
- import { getWrapperStyle, getImageContentWrapperStyle, getImageSectionStyle, getOverlayStyle, getMenuStyle, getTitleStyle, getDescriptionStyle, } from './AuthWall.styles.js';
3
- import { VibesButton } from '../VibesButton/VibesButton.js';
4
- import { BrutalistCard } from '../BrutalistCard/BrutalistCard.js';
5
- const FALLBACK_IMAGE_URL = 'https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80';
6
- const MENU_OPEN_DELAY_MS = 500;
7
- const MENU_SLIDE_DURATION_MS = 900;
8
- const FADE_OUT_DURATION_MS = 500;
9
- export function AuthWall({ onLogin, imageUrl, title, open }) {
10
- const [isVisible, setIsVisible] = useState(open);
11
- const [menuOpen, setMenuOpen] = useState(false);
12
- const [isFadingOut, setIsFadingOut] = useState(false);
13
- const [isHovering, setIsHovering] = useState(false);
14
- const [menuHeight, setMenuHeight] = useState(0);
15
- const [actualImageUrl, setActualImageUrl] = useState(imageUrl);
16
- const menuRef = useRef(null);
17
- const timeoutsRef = useRef([]);
18
- const prevOpenRef = useRef(undefined);
19
- const prevMenuHeightRef = useRef(0);
20
- const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
21
- useEffect(() => {
22
- if (!isVisible)
23
- return;
24
- if (menuRef.current) {
25
- setMenuHeight(menuRef.current.offsetHeight);
26
- }
27
- }, [isVisible]);
28
- useEffect(() => {
29
- if (!isVisible)
30
- return;
31
- const menuEl = menuRef.current;
32
- if (!menuEl)
33
- return;
34
- const updateHeight = () => setMenuHeight(menuEl.offsetHeight);
35
- updateHeight();
36
- let ro = null;
37
- const hasRO = typeof window !== 'undefined' && 'ResizeObserver' in window;
38
- if (hasRO) {
39
- ro = new ResizeObserver(() => {
40
- updateHeight();
41
- });
42
- ro.observe(menuEl);
43
- }
44
- else {
45
- window.addEventListener('resize', updateHeight);
46
- }
47
- return () => {
48
- if (ro) {
49
- ro.disconnect();
50
- }
51
- else {
52
- window.removeEventListener('resize', updateHeight);
53
- }
54
- };
55
- }, [isVisible]);
56
- useEffect(() => {
57
- const prevOpen = prevOpenRef.current;
58
- const openChanged = prevOpen !== open;
59
- const menuHeightBecameAvailable = prevMenuHeightRef.current === 0 && menuHeight > 0;
60
- prevOpenRef.current = open;
61
- prevMenuHeightRef.current = menuHeight;
62
- if (!openChanged && !menuHeightBecameAvailable)
63
- return;
64
- timeoutsRef.current.forEach(clearTimeout);
65
- timeoutsRef.current = [];
66
- if (prefersReducedMotion) {
67
- setIsVisible(open);
68
- setMenuOpen(open);
69
- setIsFadingOut(false);
70
- return;
71
- }
72
- if (open) {
73
- setIsVisible(true);
74
- setIsFadingOut(false);
75
- setMenuOpen(false);
76
- if (menuHeight > 0) {
77
- const openTimeout = setTimeout(() => {
78
- setMenuOpen(true);
79
- }, MENU_OPEN_DELAY_MS);
80
- timeoutsRef.current.push(openTimeout);
81
- }
82
- }
83
- else {
84
- if (!prevOpen)
85
- return;
86
- setMenuOpen(false);
87
- const fadeTimeout = setTimeout(() => {
88
- setIsFadingOut(true);
89
- }, MENU_SLIDE_DURATION_MS);
90
- timeoutsRef.current.push(fadeTimeout);
91
- const hideTimeout = setTimeout(() => {
92
- setIsVisible(false);
93
- setIsFadingOut(false);
94
- }, MENU_SLIDE_DURATION_MS + FADE_OUT_DURATION_MS);
95
- timeoutsRef.current.push(hideTimeout);
96
- }
97
- }, [open, menuHeight, prefersReducedMotion]);
98
- useEffect(() => {
99
- return () => {
100
- timeoutsRef.current.forEach(clearTimeout);
101
- timeoutsRef.current = [];
102
- };
103
- }, []);
104
- useEffect(() => {
105
- if (!imageUrl) {
106
- setActualImageUrl(FALLBACK_IMAGE_URL);
107
- return;
108
- }
109
- let canceled = false;
110
- const img = new Image();
111
- img.onload = () => {
112
- if (!canceled)
113
- setActualImageUrl(imageUrl);
114
- };
115
- img.onerror = () => {
116
- if (!canceled) {
117
- setActualImageUrl(FALLBACK_IMAGE_URL);
118
- }
119
- };
120
- img.src = imageUrl;
121
- return () => {
122
- canceled = true;
123
- };
124
- }, [imageUrl]);
125
- if (!isVisible)
126
- return null;
127
- const overlayStyle = {
128
- ...getOverlayStyle(),
129
- transition: 'backdrop-filter 0.4s ease',
130
- backdropFilter: isHovering ? 'blur(4px)' : 'blur(12px)',
131
- };
132
- const imageContentWrapperStyle = {
133
- ...getImageContentWrapperStyle(),
134
- transition: prefersReducedMotion
135
- ? 'none'
136
- : `transform ${MENU_SLIDE_DURATION_MS / 1000}s ease, opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
137
- transform: menuOpen ? `translateY(-${menuHeight}px)` : 'translateY(0)',
138
- opacity: isFadingOut ? 0 : 1,
139
- willChange: 'transform, opacity',
140
- };
141
- const menuStyle = {
142
- ...getMenuStyle(),
143
- transition: prefersReducedMotion ? 'none' : `opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
144
- opacity: isFadingOut ? 0 : 1,
145
- };
146
- return (React.createElement("div", { style: getWrapperStyle() },
147
- React.createElement("div", { ref: menuRef, style: menuStyle },
148
- React.createElement(BrutalistCard, { size: "lg", style: {
149
- position: 'relative',
150
- textAlign: 'left',
151
- maxWidth: '400px',
152
- width: '90%',
153
- } },
154
- React.createElement("h1", { style: getTitleStyle() }, title),
155
- React.createElement("p", { style: getDescriptionStyle() }, "Login to access this Vibe!"),
156
- React.createElement(VibesButton, { variant: "primary", onClick: onLogin, onHover: () => setIsHovering(true), onUnhover: () => setIsHovering(false) }, "Login"))),
157
- React.createElement("div", { style: imageContentWrapperStyle },
158
- React.createElement("div", { style: getImageSectionStyle(actualImageUrl) },
159
- React.createElement("div", { style: overlayStyle })))));
160
- }
161
- //# sourceMappingURL=AuthWall.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AuthWall.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- export declare const authWallTheme: {
3
- colors: {
4
- menuBg: string;
5
- shadow: string;
6
- gridLineColor: string;
7
- };
8
- dimensions: {
9
- gridSize: string;
10
- padding: string;
11
- };
12
- animation: {
13
- duration: string;
14
- easing: string;
15
- blurAmount: string;
16
- };
17
- };
18
- export declare const getWrapperStyle: () => CSSProperties;
19
- export declare const getMenuStyle: () => CSSProperties;
20
- export declare const getImageContentWrapperStyle: () => CSSProperties;
21
- export declare const getImageSectionStyle: (imageUrl: string) => CSSProperties;
22
- export declare const getOverlayStyle: () => CSSProperties;
23
- export declare const getTitleStyle: () => CSSProperties;
24
- export declare const getDescriptionStyle: () => CSSProperties;
@@ -1,82 +0,0 @@
1
- export const authWallTheme = {
2
- colors: {
3
- menuBg: 'var(--aw-menu-bg, #d4d4d4)',
4
- shadow: 'var(--aw-shadow, rgba(0, 0, 0, 0.3))',
5
- gridLineColor: 'var(--aw-grid-line, rgba(255, 255, 255, 0.5))',
6
- },
7
- dimensions: {
8
- gridSize: '40px',
9
- padding: '24px',
10
- },
11
- animation: {
12
- duration: '0.4s',
13
- easing: 'ease',
14
- blurAmount: '4px',
15
- },
16
- };
17
- export const getWrapperStyle = () => ({
18
- position: 'relative',
19
- overflow: 'hidden',
20
- });
21
- export const getMenuStyle = () => ({
22
- position: 'fixed',
23
- bottom: 0,
24
- left: 0,
25
- right: 0,
26
- zIndex: 1000,
27
- backgroundColor: authWallTheme.colors.menuBg,
28
- backgroundImage: `
29
- linear-gradient(${authWallTheme.colors.gridLineColor} 1px, transparent 1px),
30
- linear-gradient(90deg, ${authWallTheme.colors.gridLineColor} 1px, transparent 1px)
31
- `,
32
- backgroundSize: authWallTheme.dimensions.gridSize + ' ' + authWallTheme.dimensions.gridSize,
33
- boxShadow: `0 -2px 10px ${authWallTheme.colors.shadow}`,
34
- padding: authWallTheme.dimensions.padding,
35
- display: 'flex',
36
- alignItems: 'center',
37
- justifyContent: 'center',
38
- height: '80vh',
39
- });
40
- export const getImageContentWrapperStyle = () => ({
41
- position: 'fixed',
42
- top: 0,
43
- left: 0,
44
- right: 0,
45
- bottom: 0,
46
- zIndex: 1100,
47
- overflowY: 'auto',
48
- });
49
- export const getImageSectionStyle = (imageUrl) => ({
50
- width: '100%',
51
- height: '100%',
52
- backgroundImage: `url(${imageUrl})`,
53
- backgroundSize: 'cover',
54
- backgroundPosition: 'center',
55
- display: 'flex',
56
- alignItems: 'center',
57
- justifyContent: 'center',
58
- });
59
- export const getOverlayStyle = () => ({
60
- position: 'absolute',
61
- top: 0,
62
- left: 0,
63
- right: 0,
64
- bottom: 0,
65
- backdropFilter: 'blur(12px)',
66
- backgroundColor: 'rgba(255, 255, 255, 0.4)',
67
- });
68
- export const getTitleStyle = () => ({
69
- fontSize: '1.3rem',
70
- fontWeight: 800,
71
- marginBottom: '0px',
72
- color: '#1a1a1a',
73
- textTransform: 'uppercase',
74
- letterSpacing: '0.05em',
75
- });
76
- export const getDescriptionStyle = () => ({
77
- fontSize: '1rem',
78
- marginBottom: '2rem',
79
- marginTop: '8px',
80
- color: '#333333',
81
- });
82
- //# sourceMappingURL=AuthWall.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AuthWall.styles.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.styles.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE;QACN,MAAM,EAAE,4BAA4B;QACpC,MAAM,EAAE,sCAAsC;QAC9C,aAAa,EAAE,+CAA+C;KAC/D;IAED,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;KAChB;IAED,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAkB,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM;IAC5C,eAAe,EAAE;sBACG,aAAa,CAAC,MAAM,CAAC,aAAa;6BAC3B,aAAa,CAAC,MAAM,CAAC,aAAa;GAC5D;IACD,cAAc,EAAE,aAAa,CAAC,UAAU,CAAC,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,QAAQ;IAC3F,SAAS,EAAE,eAAe,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE;IACvD,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,OAAO;IACzC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAkB,EAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAiB,EAAE,CAAC,CAAC;IACxE,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO,QAAQ,GAAG;IACnC,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,QAAQ;IAC5B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,cAAc,EAAE,YAAY;IAC5B,eAAe,EAAE,0BAA0B;CAC5C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE,CAAC,CAAC;IACjD,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAkB,EAAE,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,MAAM;IACpB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC"}