@vibes.diy/use-vibes-base 0.13.9-dev → 0.14.0
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.
- package/components/AuthWall/AuthWall.js +6 -2
- package/components/AuthWall/AuthWall.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +19 -34
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +4 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { getWrapperStyle, getOverlayStyle, getFormContainerStyle, getTitleStyle, getDescriptionStyle, } from './AuthWall.styles.js';
|
|
3
3
|
import { VibesButton } from '../VibesButton/VibesButton.js';
|
|
4
|
+
const FALLBACK_IMAGE_URL = 'https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80';
|
|
4
5
|
export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
5
6
|
const [isVisible, setIsVisible] = useState(open);
|
|
6
7
|
const [formVisible, setFormVisible] = useState(open);
|
|
@@ -31,6 +32,10 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
31
32
|
}
|
|
32
33
|
}, [open]);
|
|
33
34
|
useEffect(() => {
|
|
35
|
+
if (!imageUrl) {
|
|
36
|
+
setActualImageUrl(FALLBACK_IMAGE_URL);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
34
39
|
let canceled = false;
|
|
35
40
|
const img = new Image();
|
|
36
41
|
img.onload = () => {
|
|
@@ -39,8 +44,7 @@ export function AuthWall({ onLogin, imageUrl, title, open }) {
|
|
|
39
44
|
};
|
|
40
45
|
img.onerror = () => {
|
|
41
46
|
if (!canceled) {
|
|
42
|
-
|
|
43
|
-
setActualImageUrl(fallbackUrl);
|
|
47
|
+
setActualImageUrl(FALLBACK_IMAGE_URL);
|
|
44
48
|
}
|
|
45
49
|
};
|
|
46
50
|
img.src = imageUrl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthWall.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthWall.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
|
|
|
11
11
|
const [hasBouncedOnMount, setHasBouncedOnMount] = useState(false);
|
|
12
12
|
useEffect(() => {
|
|
13
13
|
if (!hasBouncedOnMount && !menuOpen) {
|
|
14
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)')
|
|
14
|
+
const prefersReducedMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches || false;
|
|
15
15
|
if (!prefersReducedMotion) {
|
|
16
16
|
setIsBouncing(true);
|
|
17
17
|
setTimeout(() => setIsBouncing(false), 800);
|
|
@@ -21,44 +21,29 @@ export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
|
|
|
21
21
|
}, [hasBouncedOnMount, menuOpen]);
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
const styleId = 'vibes-drop-to-close-keyframes';
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
window[countKey] = (currentCount + 1).toString();
|
|
27
|
-
if (currentCount === 0) {
|
|
24
|
+
const existingStyle = document.getElementById(styleId);
|
|
25
|
+
if (!existingStyle) {
|
|
28
26
|
const style = document.createElement('style');
|
|
29
27
|
style.id = styleId;
|
|
30
28
|
style.textContent = `
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
@keyframes vibes-drop-to-close {
|
|
30
|
+
0% { transform: translateY(-400px); } /* Start pushed up */
|
|
31
|
+
10% { transform: translateY(0); } /* First big drop */
|
|
32
|
+
25% { transform: translateY(-175px); } /* First bounce back up */
|
|
33
|
+
35% { transform: translateY(0); } /* Second drop */
|
|
34
|
+
48% { transform: translateY(-75px); } /* Second bounce back up */
|
|
35
|
+
62% { transform: translateY(0); } /* Third drop */
|
|
36
|
+
72% { transform: translateY(-25px); } /* Third bounce back up */
|
|
37
|
+
80% { transform: translateY(0); } /* Fourth drop - faster */
|
|
38
|
+
82% { transform: translateY(-10px); } /* Fourth bounce back up - much faster */
|
|
39
|
+
88% { transform: translateY(0); } /* Fifth drop */
|
|
40
|
+
91% { transform: translateY(-5px); } /* Final tiny bounce back up */
|
|
41
|
+
95% { transform: translateY(0); } /* Final settle */
|
|
42
|
+
100% { transform: translateY(0); }
|
|
43
|
+
}
|
|
44
|
+
`;
|
|
47
45
|
document.head.appendChild(style);
|
|
48
46
|
}
|
|
49
|
-
return () => {
|
|
50
|
-
const windowRefs = window;
|
|
51
|
-
const refCount = parseInt(windowRefs[countKey] || '1', 10);
|
|
52
|
-
const newCount = refCount - 1;
|
|
53
|
-
windowRefs[countKey] = newCount.toString();
|
|
54
|
-
if (newCount <= 0) {
|
|
55
|
-
const existingStyle = document.getElementById(styleId);
|
|
56
|
-
if (existingStyle) {
|
|
57
|
-
document.head.removeChild(existingStyle);
|
|
58
|
-
}
|
|
59
|
-
windowRefs[countKey] = undefined;
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
47
|
}, []);
|
|
63
48
|
useEffect(() => {
|
|
64
49
|
if (triggerBounce) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenMenuWrapper.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAQ5D,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,aAAa,GACU,EAAE;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGlE,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,CAAC,iBAAiB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEpC,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"HiddenMenuWrapper.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,10 @@ export const getContentWrapperStyle = (menuHeight, menuOpen, isBouncing) => ({
|
|
|
64
64
|
borderTopStyle: 'solid',
|
|
65
65
|
boxShadow: `0 -2px 10px ${hiddenMenuTheme.colors.shadow}`,
|
|
66
66
|
backgroundColor: hiddenMenuTheme.colors.contentBg,
|
|
67
|
-
animation: isBouncing
|
|
67
|
+
animation: isBouncing
|
|
68
|
+
? 'vibes-drop-to-close 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)'
|
|
69
|
+
: undefined,
|
|
70
|
+
willChange: isBouncing ? 'transform' : undefined,
|
|
68
71
|
});
|
|
69
72
|
export const getInnerContentWrapperStyle = (menuOpen) => ({
|
|
70
73
|
filter: menuOpen ? `blur(${hiddenMenuTheme.animation.blurAmount})` : 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE;QACN,MAAM,EAAE,4BAA4B;QACpC,QAAQ,EAAE,4BAA4B;QACtC,SAAS,EAAE,+BAA+B;QAC1C,MAAM,EAAE,sCAAsC;QAC9C,aAAa,EAAE,+CAA+C;KAC/D;IAED,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,EAAE;KACX;IAED,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;KACrB;IAED,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,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,eAAe,CAAC,MAAM,CAAC,IAAI;IACnC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,QAAQ;IACtC,OAAO,EAAE,eAAe,CAAC,UAAU,CAAC,OAAO;IAC3C,SAAS,EAAE,eAAe,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE;IACzD,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM;IAC9C,eAAe,EAAE;sBACG,eAAe,CAAC,MAAM,CAAC,aAAa;6BAC7B,eAAe,CAAC,MAAM,CAAC,aAAa;GAC9D;IACD,cAAc,EAAE,eAAe,CAAC,UAAU,CAAC,QAAQ,GAAG,GAAG,GAAG,eAAe,CAAC,UAAU,CAAC,QAAQ;CAChG,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAAkB,EAClB,QAAiB,EACjB,UAAmB,EACJ,EAAE,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO;IACtC,UAAU,EAAE,UAAU;QACpB,CAAC,CAAC,eAAe,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE;QACnD,CAAC,CAAC,aAAa,eAAe,CAAC,SAAS,CAAC,QAAQ,IAAI,eAAe,CAAC,SAAS,CAAC,MAAM,iBAAiB,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE;IAC1I,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,UAAU,KAAK,CAAC,CAAC,CAAC,eAAe;IACtE,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM;IAC7C,cAAc,EAAE,KAAK;IACrB,cAAc,EAAE,OAAO;IACvB,SAAS,EAAE,eAAe,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE;IACzD,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS;IACjD,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"HiddenMenuWrapper.styles.js","sourceRoot":"","sources":["../../../jsr/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/use-vibes-base",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Core components and utilities for use-vibes (internal workspace package)",
|
|
6
6
|
"exports": {
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@fireproof/core-runtime": "^0.23.14",
|
|
16
16
|
"@fireproof/core-types-base": "^0.23.14",
|
|
17
17
|
"@fireproof/core-types-protocols-cloud": "^0.23.14",
|
|
18
|
-
"@vibes.diy/prompts": "^0.
|
|
19
|
-
"@vibes.diy/use-vibes-types": "^0.
|
|
20
|
-
"call-ai": "^0.
|
|
18
|
+
"@vibes.diy/prompts": "^0.14.0",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.14.0",
|
|
20
|
+
"call-ai": "^0.14.0",
|
|
21
21
|
"react-dom": ">=19.1.0",
|
|
22
22
|
"use-fireproof": "^0.23.14",
|
|
23
23
|
"uuid": "^11.1.0"
|