@vibes.diy/use-vibes-base 0.18.8 → 0.18.9-dev-vibes-refactor

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 (82) hide show
  1. package/components/ImgGen.js.map +1 -1
  2. package/constants.d.ts +0 -3
  3. package/constants.js +0 -3
  4. package/constants.js.map +1 -1
  5. package/hooks/image-gen/use-image-gen.js +0 -1
  6. package/hooks/image-gen/use-image-gen.js.map +1 -1
  7. package/hooks/useMobile.d.ts +1 -0
  8. package/hooks/useMobile.js +20 -0
  9. package/hooks/useMobile.js.map +1 -0
  10. package/hooks/useThemeDetection.d.ts +1 -0
  11. package/hooks/useThemeDetection.js +15 -0
  12. package/hooks/useThemeDetection.js.map +1 -0
  13. package/hooks/vibes-gen/use-vibes.js +0 -2
  14. package/hooks/vibes-gen/use-vibes.js.map +1 -1
  15. package/index.d.ts +3 -18
  16. package/index.js +11 -119
  17. package/index.js.map +1 -1
  18. package/package.json +11 -10
  19. package/tsconfig.json +2 -0
  20. package/utils/vibe-control-styles.js +52 -11
  21. package/utils/vibe-control-styles.js.map +1 -1
  22. package/components/BrutalistCard/BrutalistCard.d.ts +0 -9
  23. package/components/BrutalistCard/BrutalistCard.js +0 -24
  24. package/components/BrutalistCard/BrutalistCard.js.map +0 -1
  25. package/components/BrutalistCard/BrutalistCard.styles.d.ts +0 -4
  26. package/components/BrutalistCard/BrutalistCard.styles.js +0 -73
  27. package/components/BrutalistCard/BrutalistCard.styles.js.map +0 -1
  28. package/components/BrutalistCard/index.d.ts +0 -3
  29. package/components/BrutalistCard/index.js +0 -2
  30. package/components/BrutalistCard/index.js.map +0 -1
  31. package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +0 -8
  32. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +0 -181
  33. package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +0 -1
  34. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +0 -31
  35. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +0 -86
  36. package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +0 -1
  37. package/components/ImgGen.css +0 -675
  38. package/components/VibeControl.d.ts +0 -13
  39. package/components/VibeControl.js +0 -74
  40. package/components/VibeControl.js.map +0 -1
  41. package/components/VibesButton/VibesButton.d.ts +0 -10
  42. package/components/VibesButton/VibesButton.js +0 -37
  43. package/components/VibesButton/VibesButton.js.map +0 -1
  44. package/components/VibesButton/VibesButton.styles.d.ts +0 -6
  45. package/components/VibesButton/VibesButton.styles.js +0 -32
  46. package/components/VibesButton/VibesButton.styles.js.map +0 -1
  47. package/components/VibesPanel/VibesPanel.d.ts +0 -8
  48. package/components/VibesPanel/VibesPanel.js +0 -119
  49. package/components/VibesPanel/VibesPanel.js.map +0 -1
  50. package/components/VibesPanel/index.d.ts +0 -1
  51. package/components/VibesPanel/index.js +0 -2
  52. package/components/VibesPanel/index.js.map +0 -1
  53. package/components/VibesSwitch/VibesSwitch.d.ts +0 -6
  54. package/components/VibesSwitch/VibesSwitch.js +0 -54
  55. package/components/VibesSwitch/VibesSwitch.js.map +0 -1
  56. package/components/VibesSwitch/VibesSwitch.styles.d.ts +0 -4
  57. package/components/VibesSwitch/VibesSwitch.styles.js +0 -5
  58. package/components/VibesSwitch/VibesSwitch.styles.js.map +0 -1
  59. package/events.d.ts +0 -7
  60. package/events.js +0 -4
  61. package/events.js.map +0 -1
  62. package/hooks/use-image-gen.d.ts +0 -1
  63. package/hooks/use-image-gen.js +0 -2
  64. package/hooks/use-image-gen.js.map +0 -1
  65. package/mounting/index.d.ts +0 -4
  66. package/mounting/index.js +0 -4
  67. package/mounting/index.js.map +0 -1
  68. package/mounting/mountVibeCode.d.ts +0 -15
  69. package/mounting/mountVibeCode.js +0 -66
  70. package/mounting/mountVibeCode.js.map +0 -1
  71. package/mounting/mountVibeWithCleanup.d.ts +0 -1
  72. package/mounting/mountVibeWithCleanup.js +0 -55
  73. package/mounting/mountVibeWithCleanup.js.map +0 -1
  74. package/mounting/types.d.ts +0 -10
  75. package/mounting/types.js +0 -7
  76. package/mounting/types.js.map +0 -1
  77. package/stories/VibeControl.stories.d.ts +0 -13
  78. package/stories/VibeControl.stories.js +0 -195
  79. package/stories/VibeControl.stories.js.map +0 -1
  80. package/vibe-app-mount.d.ts +0 -13
  81. package/vibe-app-mount.js +0 -39
  82. package/vibe-app-mount.js.map +0 -1
@@ -1,74 +0,0 @@
1
- import * as React from 'react';
2
- import * as ReactDOM from 'react-dom';
3
- import { createVibeControlStyles, defaultVibeControlClasses, } from '../utils/vibe-control-styles.js';
4
- export function VibeControl({ label = 'Open Vibes', position = 'bottom-right', onOpen, onClose, children, classes = defaultVibeControlClasses, visible = true, }) {
5
- const [isOpen, setIsOpen] = React.useState(false);
6
- const [isHoveringButton, setIsHoveringButton] = React.useState(false);
7
- const [isHoveringClose, setIsHoveringClose] = React.useState(false);
8
- const handleOpen = React.useCallback(() => {
9
- setIsOpen(true);
10
- onOpen?.();
11
- }, [onOpen]);
12
- const handleClose = React.useCallback(() => {
13
- setIsOpen(false);
14
- onClose?.();
15
- }, [onClose]);
16
- React.useEffect(() => {
17
- const handleEscape = (event) => {
18
- if (event.key === 'Escape' && isOpen) {
19
- handleClose();
20
- }
21
- };
22
- if (isOpen) {
23
- document.addEventListener('keydown', handleEscape);
24
- document.body.style.overflow = 'hidden';
25
- }
26
- else {
27
- document.body.style.overflow = '';
28
- }
29
- return () => {
30
- document.removeEventListener('keydown', handleEscape);
31
- document.body.style.overflow = '';
32
- };
33
- }, [isOpen, handleClose]);
34
- const styles = createVibeControlStyles(position);
35
- const buttonStyles = {
36
- ...styles.button,
37
- ...(isHoveringButton ? styles.buttonHover : {}),
38
- };
39
- const closeButtonStyles = {
40
- ...styles.closeButton,
41
- ...(isHoveringClose ? styles.closeButtonHover : {}),
42
- };
43
- if (!visible) {
44
- return null;
45
- }
46
- const renderOverlay = () => {
47
- if (!isOpen)
48
- return null;
49
- return ReactDOM.createPortal(React.createElement("div", { style: styles.backdrop, onClick: handleClose, className: classes.backdrop },
50
- React.createElement("div", { style: styles.overlay, onClick: (e) => e.stopPropagation(), className: classes.overlay },
51
- React.createElement("h2", { style: styles.overlayTitle, className: classes.overlayTitle }, "Vibe Control"),
52
- React.createElement("button", { style: closeButtonStyles, onClick: handleClose, onMouseEnter: () => setIsHoveringClose(true), onMouseLeave: () => setIsHoveringClose(false), className: classes.closeButton, "aria-label": "Close overlay" }, "\u00D7"),
53
- React.createElement("div", { style: styles.content, className: classes.content }, children || (React.createElement("div", null,
54
- React.createElement("p", null, "Welcome to Vibe Control!"),
55
- React.createElement("p", null, "This is the default content. You can customize this by passing children to the VibeControl component."),
56
- React.createElement("div", { style: {
57
- marginTop: '20px',
58
- padding: '16px',
59
- backgroundColor: '#f5f5f5',
60
- borderRadius: '8px',
61
- } },
62
- React.createElement("h3", { style: { margin: '0 0 8px 0' } }, "Example Features:"),
63
- React.createElement("ul", { style: { margin: 0, paddingLeft: '20px' } },
64
- React.createElement("li", null, "Theme customization"),
65
- React.createElement("li", null, "Settings management"),
66
- React.createElement("li", null, "Component controls"),
67
- React.createElement("li", null, "Debug information")))))))), document.body);
68
- };
69
- return (React.createElement(React.Fragment, null,
70
- React.createElement("button", { style: buttonStyles, onClick: handleOpen, onMouseEnter: () => setIsHoveringButton(true), onMouseLeave: () => setIsHoveringButton(false), className: classes.button, "aria-label": label }, label),
71
- renderOverlay()));
72
- }
73
- export default VibeControl;
74
- //# sourceMappingURL=VibeControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibeControl.js","sourceRoot":"","sources":["../../jsr/components/VibeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAG1B,MAAM,iCAAiC,CAAC;AAmCzC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,YAAY,EACpB,QAAQ,GAAG,cAAc,EACzB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,yBAAyB,EACnC,OAAO,GAAG,IAAI,GACG,EAA6B;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGpE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,MAAM,EAAE,EAAE,CAAC;IAAA,CACZ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAGb,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC1C,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;IAAA,CACb,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAGd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACrC,WAAW,EAAE,CAAC;YAChB,CAAC;QAAA,CACF,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YAEnD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YAEN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACX,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YACtD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QAAA,CACnC,CAAC;IAAA,CACH,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAG1B,MAAM,MAAM,GAAG,uBAAuB,CAAC,QAA+B,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG;QACnB,GAAG,MAAM,CAAC,MAAM;QAChB,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACxB,GAAG,MAAM,CAAC,WAAW;QACrB,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;KACpD,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ;YAC5E,6BACE,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,SAAS,EAAE,OAAO,CAAC,OAAO;gBAE1B,4BAAI,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,mBAE1D;gBAEL,gCACE,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,eAAe,aAGnB;gBAET,6BAAK,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,IACnD,QAAQ,IAAI,CACX;oBACE,0DAA+B;oBAC/B,uIAGI;oBACJ,6BACE,KAAK,EAAE;4BACL,SAAS,EAAE,MAAM;4BACjB,OAAO,EAAE,MAAM;4BACf,eAAe,EAAE,SAAS;4BAC1B,YAAY,EAAE,KAAK;yBACpB;wBAED,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,wBAAwB;wBAC1D,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE;4BAC3C,sDAA4B;4BAC5B,sDAA4B;4BAC5B,qDAA2B;4BAC3B,oDAA0B,CACvB,CACD,CACF,CACP,CACG,CACF,CACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;IAAA,CACH,CAAC;IAEF,OAAO,CACL;QACE,gCACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,OAAO,CAAC,MAAM,gBACb,KAAK,IAEhB,KAAK,CACC;QACR,aAAa,EAAE,CACf,CACJ,CAAC;AAAA,CACH;AAED,eAAe,WAAW,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
3
- export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
- variant?: ButtonVariant;
5
- children: React.ReactNode;
6
- onHover?: () => void;
7
- onUnhover?: () => void;
8
- }
9
- export declare function VibesButton({ variant, children, onHover, onUnhover, style: customStyle, className, ...props }: MenuButtonProps): React.JSX.Element;
10
- export {};
@@ -1,37 +0,0 @@
1
- import React, { useEffect, useState } from 'react';
2
- import { getButtonStyle } from './VibesButton.styles.js';
3
- export function VibesButton({ variant = 'primary', children, onHover, onUnhover, style: customStyle, className, ...props }) {
4
- const [isHovered, setHovered] = useState(false);
5
- const [isActive, setActive] = useState(false);
6
- const [isDark, setIsDark] = useState(false);
7
- useEffect(() => {
8
- const checkDarkMode = () => {
9
- setIsDark(window.matchMedia('(prefers-color-scheme: dark)').matches);
10
- };
11
- checkDarkMode();
12
- const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
13
- mediaQuery.addEventListener('change', checkDarkMode);
14
- return () => mediaQuery.removeEventListener('change', checkDarkMode);
15
- }, []);
16
- useEffect(() => {
17
- if (isHovered) {
18
- onHover?.();
19
- }
20
- else {
21
- onUnhover?.();
22
- }
23
- }, [isHovered, onHover, onUnhover]);
24
- const baseStyle = getButtonStyle(variant, isHovered, isActive);
25
- const mergedStyle = {
26
- ...baseStyle,
27
- background: isDark ? '#1a1a1a' : '#fff',
28
- color: isDark ? '#fff' : '#1a1a1a',
29
- border: isDark ? '3px solid #555' : '3px solid #1a1a1a',
30
- ...customStyle,
31
- };
32
- return (React.createElement("button", { ...props, className: className, onMouseEnter: () => setHovered(true), onMouseLeave: () => {
33
- setHovered(false);
34
- setActive(false);
35
- }, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style: mergedStyle }, children));
36
- }
37
- //# sourceMappingURL=VibesButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,GAAG,KAAK,EACQ,EAAE;IAClB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAG5C,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC;QAAA,CACtE,CAAC;QAEF,aAAa,EAAE,CAAC;QAChB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG;QAClB,GAAG,SAAS;QACZ,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB;QACvD,GAAG,WAAW;KACf,CAAC;IAEF,OAAO,CACL,mCACM,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,KAAK,CAAC,CAAC;QAAA,CAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,KAAK,EAAE,WAAW,IAEjB,QAAQ,CACF,CACV,CAAC;AAAA,CACH"}
@@ -1,6 +0,0 @@
1
- export declare const buttonColors: {
2
- primary: string;
3
- secondary: string;
4
- tertiary: string;
5
- };
6
- export declare function getButtonStyle(variant: keyof typeof buttonColors, isHovered: boolean, isActive: boolean): React.CSSProperties;
@@ -1,32 +0,0 @@
1
- export const buttonColors = {
2
- primary: '#009ACE',
3
- secondary: '#DA291C',
4
- tertiary: '#FEDD00',
5
- };
6
- export function getButtonStyle(variant, isHovered, isActive) {
7
- let transform = 'translate(0px, 0px)';
8
- let boxShadow = `4px 5px 0px 0px ${buttonColors[variant]}`;
9
- if (isHovered && !isActive) {
10
- transform = 'translate(2px, 2px)';
11
- boxShadow = `2px 3px 0px 0px ${buttonColors[variant]}`;
12
- }
13
- if (isActive) {
14
- transform = 'translate(4px, 5px)';
15
- boxShadow = 'none';
16
- }
17
- return {
18
- width: '100%',
19
- padding: '1rem 2rem',
20
- borderRadius: '12px',
21
- fontSize: '1rem',
22
- fontWeight: 700,
23
- textTransform: 'uppercase',
24
- letterSpacing: '0.05em',
25
- cursor: 'pointer',
26
- transition: 'all 0.15s ease',
27
- position: 'relative',
28
- transform,
29
- boxShadow,
30
- };
31
- }
32
- //# sourceMappingURL=VibesButton.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAIrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAkC,EAClC,SAAkB,EAClB,QAAiB,EACI;IACrB,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3D,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QAEpB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,WAAoB;QACnC,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,UAAmB;QAC7B,SAAS;QACT,SAAS;KACV,CAAC;AAAA,CACH"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface VibesPanelProps {
3
- style?: React.CSSProperties;
4
- className?: string;
5
- baseURL?: string;
6
- token?: string;
7
- }
8
- export declare function VibesPanel({ style, className, baseURL, token }?: VibesPanelProps): React.JSX.Element;
@@ -1,119 +0,0 @@
1
- import React, { useState, useEffect, useId } from 'react';
2
- import { runtimeFn } from '@fireproof/core-runtime';
3
- import { VibesButton } from '../VibesButton/VibesButton.js';
4
- import { BrutalistCard } from '../BrutalistCard/BrutalistCard.js';
5
- import { generateFreshDataUrl, generateRemixUrl } from '../../utils/appSlug.js';
6
- export function VibesPanel({ style, className, baseURL, token } = {}) {
7
- const emailId = useId();
8
- const [mode, setMode] = useState('default');
9
- const [email, setEmail] = useState('');
10
- const [inviteStatus, setInviteStatus] = useState('idle');
11
- const [inviteMessage, setInviteMessage] = useState('');
12
- const defaultBaseURL = runtimeFn().isBrowser ? window.location.origin : 'https://vibes.diy';
13
- const effectiveBaseURL = baseURL ?? defaultBaseURL;
14
- const handleMutateClick = () => {
15
- if (mode === 'default') {
16
- setMode('mutate');
17
- }
18
- };
19
- const handleInviteClick = () => {
20
- if (mode === 'default') {
21
- setMode('invite');
22
- setEmail('');
23
- setInviteStatus('idle');
24
- setInviteMessage('');
25
- }
26
- };
27
- const handleBackClick = () => {
28
- setMode('default');
29
- };
30
- const handleFreshDataClick = () => {
31
- window.open(generateFreshDataUrl(effectiveBaseURL), '_top');
32
- };
33
- const handleChangeCodeClick = () => {
34
- window.open(generateRemixUrl(effectiveBaseURL), '_top');
35
- };
36
- const handleLogoutClick = () => {
37
- document.dispatchEvent(new CustomEvent('vibes-sync-disable'));
38
- setTimeout(() => {
39
- window.location.reload();
40
- }, 100);
41
- };
42
- const handleInviteSubmit = (e) => {
43
- e.preventDefault();
44
- if (!email.trim())
45
- return;
46
- setInviteStatus('sending');
47
- setInviteMessage('');
48
- document.dispatchEvent(new CustomEvent('vibes-share-request', {
49
- detail: {
50
- email: email.trim(),
51
- role: 'member',
52
- right: 'read',
53
- token,
54
- },
55
- }));
56
- };
57
- useEffect(() => {
58
- const handleShareSuccess = (event) => {
59
- const customEvent = event;
60
- setInviteStatus('success');
61
- setInviteMessage(customEvent.detail?.message || `Invitation sent to ${customEvent.detail?.email}!`);
62
- };
63
- const handleShareError = (event) => {
64
- const customEvent = event;
65
- setInviteStatus('error');
66
- setInviteMessage(customEvent.detail?.error?.message || 'Failed to send invitation. Please try again.');
67
- };
68
- document.addEventListener('vibes-share-success', handleShareSuccess);
69
- document.addEventListener('vibes-share-error', handleShareError);
70
- return () => {
71
- document.removeEventListener('vibes-share-success', handleShareSuccess);
72
- document.removeEventListener('vibes-share-error', handleShareError);
73
- };
74
- }, []);
75
- const containerStyle = {
76
- padding: '12px',
77
- display: 'flex',
78
- flexDirection: 'column',
79
- justifyContent: 'center',
80
- alignItems: 'center',
81
- gap: '12px',
82
- ...style,
83
- };
84
- return (React.createElement("div", { style: containerStyle, className: className },
85
- React.createElement("div", { style: {
86
- display: 'flex',
87
- flexDirection: 'column',
88
- justifyContent: 'center',
89
- alignItems: 'center',
90
- gap: '12px',
91
- width: '250px',
92
- } }, mode === 'mutate' ? (React.createElement(React.Fragment, null,
93
- React.createElement(VibesButton, { variant: "primary", onClick: handleFreshDataClick }, "Fresh Start"),
94
- React.createElement(VibesButton, { variant: "secondary", onClick: handleChangeCodeClick }, "Remix Code"),
95
- React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : mode === 'invite' ? (React.createElement(React.Fragment, null,
96
- inviteStatus === 'idle' ? (React.createElement("form", { onSubmit: handleInviteSubmit, style: { width: '100%', display: 'flex', flexDirection: 'column', gap: '12px' } },
97
- React.createElement("label", { htmlFor: emailId, style: { alignSelf: 'flex-start', fontWeight: 600 } }, "Invite by email"),
98
- React.createElement(BrutalistCard, { size: "md", style: { width: '100%' } },
99
- React.createElement("input", { id: emailId, type: "email", placeholder: "friend@example.com", value: email, onChange: (e) => setEmail(e.target.value), style: {
100
- width: '100%',
101
- border: 'none',
102
- background: 'transparent',
103
- color: 'inherit',
104
- fontSize: 'inherit',
105
- fontWeight: 'inherit',
106
- letterSpacing: 'inherit',
107
- padding: 0,
108
- }, autoComplete: "email", required: true })),
109
- React.createElement(VibesButton, { variant: "primary", type: "submit", disabled: !email.trim() }, "Send Invite"))) : (React.createElement(BrutalistCard, { id: "invite-status", role: "status", "aria-live": "polite", size: "sm", variant: inviteStatus === 'sending'
110
- ? 'default'
111
- : inviteStatus === 'error'
112
- ? 'error'
113
- : 'success', style: { textAlign: 'center' } }, inviteStatus === 'sending' ? 'Inviting...' : inviteMessage)),
114
- React.createElement(VibesButton, { variant: "tertiary", onClick: handleBackClick }, "\u2190 Back"))) : (React.createElement(React.Fragment, null,
115
- React.createElement(VibesButton, { variant: "primary", onClick: handleLogoutClick }, "Logout"),
116
- React.createElement(VibesButton, { variant: "secondary", onClick: handleMutateClick }, "Mutate"),
117
- React.createElement(VibesButton, { variant: "tertiary", onClick: handleInviteClick }, "Invite"))))));
118
- }
119
- //# sourceMappingURL=VibesPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibesPanel.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/VibesPanel.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export * from './VibesPanel.js';
@@ -1,2 +0,0 @@
1
- export * from './VibesPanel.js';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/VibesPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface VibesSwitchProps {
3
- size?: number | string;
4
- className?: string;
5
- }
6
- export declare function VibesSwitch({ size, className }: VibesSwitchProps): React.JSX.Element;
@@ -1,54 +0,0 @@
1
- import React from 'react';
2
- import { switchColors } from './VibesSwitch.styles.js';
3
- export function VibesSwitch({ size = 24, className }) {
4
- const [active, setActive] = React.useState(true);
5
- const originalD = `M426.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,20.023-0.666,30.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C446.914,285.721,438.682,285.667,426.866,285.985z`;
6
- const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687 c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143 c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,121.023-0.666,131.021-0.371 c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594 c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77 C286.914,285.721,177.682,285.667,165.866,285.985z`;
7
- return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onClick: () => setActive(!active) },
8
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077 c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7 c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165 c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313 c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871 c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }),
9
- React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
10
- transition: 'd 0.3s ease, transform 0.8s ease, fill 2s ease',
11
- transform: active ? 'translateX(3px) ' : 'none',
12
- } }),
13
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
14
- transition: 'fill 0.5s ease',
15
- fill: active ? switchColors.primary : switchColors.secondary,
16
- }, d: "M181.891,205.861c0-5.043-0.001-10.086,0-15.129 c0.001-5.046,1.679-7.539,6.606-7.695c9.292-0.294,18.653-1.051,27.888,0.707c7.614,1.449,11.523,5.954,11.902,13.446 c0.066,1.312-0.313,2.752-0.857,3.966c-1.401,3.123-1.399,6.266-0.673,9.507c0.301,1.342,0.443,2.723,0.787,4.053 c1.274,4.925-1.78,10.114-6.085,11.937c-3.111,1.318-6.561,2.327-9.909,2.497c-7.303,0.37-14.639,0.136-21.96,0.101 c-1.165-0.005-2.345-0.181-3.488-0.422c-2.657-0.56-4.162-2.962-4.197-6.801C181.854,216.639,181.891,211.25,181.891,205.861z M204.442,192.385c-2.757,0-5.514,0-8.271,0c-3.695,0-5.151,1.669-4.712,5.403c0.369,3.14,1.05,3.735,4.225,3.737 c5.024,0.004,10.05,0.109,15.07-0.014c2.028-0.05,4.167-0.27,6.04-0.98c3.182-1.207,3.639-4.256,1.008-6.455 c-1.073-0.896-2.659-1.509-4.06-1.618C210.659,192.22,207.544,192.385,204.442,192.385z M204.334,211.104c0,0.045,0,0.091,0,0.137 c-3.101,0-6.203-0.055-9.302,0.037c-0.823,0.024-2.257,0.373-2.344,0.794c-0.447,2.154-0.959,4.444-0.639,6.563 c0.276,1.822,2.447,1.451,3.882,1.441c5.989-0.042,11.98-0.118,17.961-0.385c1.416-0.063,2.859-0.79,4.176-1.441 c1.79-0.886,1.833-2.475,1.029-4.046c-1.166-2.276-3.297-3.024-5.677-3.081C210.394,211.049,207.363,211.104,204.334,211.104z" }),
17
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
18
- transition: 'fill 0.8s ease',
19
- fill: active ? switchColors.primary : switchColors.secondary,
20
- }, d: "M291.409,229.748c-3.621-0.394-7.838-0.587-11.94-1.379 c-3.577-0.69-6.343-2.991-8.213-6.163c-1.763-2.99-0.301-5.6,3.139-5.292c2.287,0.205,4.512,1.129,6.758,1.755 c6.281,1.751,12.643,1.892,19.053,0.951c0.667-0.098,1.31-0.416,1.941-0.686c1.502-0.644,2.55-1.682,2.581-3.415 c0.031-1.74-1.195-2.749-2.579-3.132c-2.298-0.637-4.688-1.021-7.065-1.273c-5.062-0.536-10.252-0.401-15.187-1.475 c-9.677-2.105-11.678-10.53-10.101-16.009c1.62-5.625,5.911-8.92,11.318-9.73c8.388-1.257,16.925-1.491,25.279,0.654 c3.702,0.951,6.615,3.072,7.883,6.931c0.918,2.792-0.332,4.6-3.268,4.357c-1.684-0.139-3.367-0.676-4.974-1.248 c-6.711-2.387-13.572-2.897-20.569-1.783c-1.001,0.159-2.146,0.414-2.875,1.034c-0.901,0.766-2.016,1.981-1.98,2.964 c0.041,1.128,0.995,2.733,1.991,3.206c1.81,0.857,3.925,1.279,5.948,1.441c5.152,0.41,10.356,0.296,15.479,0.905 c7.98,0.949,13.779,9.833,11.241,17.125c-1.959,5.628-6.44,8.489-12.143,9.322C299.455,229.344,295.715,229.419,291.409,229.748z" }),
21
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
22
- transition: 'fill 1.2s ease',
23
- fill: active ? switchColors.primary : switchColors.secondary,
24
- }, d: "M235.786,208.14c0-6.905-0.01-13.809,0.004-20.714 c0.007-3.474,0.948-4.428,4.415-3.758c6.62,1.279,13.232,2.651,19.759,4.331c1.7,0.438,3.404,1.896,4.515,3.341 c1.777,2.31,0.433,5.367-2.463,5.745c-1.86,0.243-3.819-0.138-5.717-0.368c-2.183-0.264-4.339-0.783-6.525-0.976 c-1.572-0.138-3.065,0.375-3.8,1.959c-0.76,1.638-0.319,3.329,0.942,4.34c1.619,1.296,3.522,2.327,5.447,3.128 c2.146,0.894,4.539,1.207,6.66,2.145c1.446,0.64,2.982,1.687,3.786,2.981c0.689,1.11,0.928,3.094,0.378,4.202 c-0.492,0.991-2.32,1.795-3.579,1.825c-2.238,0.052-4.483-0.652-6.741-0.832c-1.614-0.127-3.333-0.203-4.865,0.212 c-2.574,0.699-3.225,3.013-1.719,5.218c1.396,2.044,3.431,3.141,5.757,3.761c2.791,0.744,5.637,1.315,8.373,2.222 c3.19,1.058,4.791,3.496,4.801,6.723c0.011,3.365-1.759,5.021-5.138,4.424c-4.402-0.778-8.759-1.81-13.134-2.735 c-2.357-0.499-4.718-0.981-7.069-1.511c-3.263-0.737-4.132-1.805-4.141-5.154c-0.019-6.836-0.006-13.672-0.006-20.508 C235.747,208.141,235.766,208.14,235.786,208.14z" }),
25
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
26
- transition: 'fill 0.6s ease',
27
- fill: active ? switchColors.primary : switchColors.secondary,
28
- }, d: "M135.138,229.842c-2.941-0.084-5.296-1.462-6.684-3.9 c-1.827-3.21-3.328-6.618-4.81-10.011c-3.55-8.128-7.021-16.291-10.486-24.455c-0.48-1.132-0.902-2.329-1.087-3.536 c-0.417-2.72,1.238-4.585,3.938-4.119c1.591,0.275,3.569,0.98,4.45,2.173c2.226,3.015,4.175,6.299,5.784,9.69 c2.208,4.654,3.898,9.552,6.032,14.244c0.628,1.379,2.009,2.416,3.045,3.609c0.892-1.159,2.042-2.201,2.63-3.498 c2.697-5.953,5.22-11.985,7.841-17.974c1.423-3.252,3.089-6.418,6.532-7.905c1.238-0.535,3.012-0.712,4.184-0.214 c0.81,0.344,1.377,2.126,1.385,3.271c0.009,1.458-0.479,2.997-1.059,4.371c-4.227,10.013-8.504,20.005-12.833,29.974 c-0.79,1.819-1.762,3.589-2.875,5.229C139.73,228.848,137.671,229.894,135.138,229.842z" }),
29
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
30
- transition: 'fill 1.3s ease',
31
- fill: active ? switchColors.primary : switchColors.secondary,
32
- }, d: "M164.636,206.263c0-6.691,0.054-13.383-0.036-20.073 c-0.024-1.851,0.716-2.67,2.449-2.81c0.274-0.022,0.549-0.054,0.823-0.076c5.488-0.445,6.091,0.105,6.091,5.562 c0,12.348,0,24.695,0,37.043c0,2.887-0.354,3.405-3.222,3.618c-1.628,0.121-3.338-0.001-4.91-0.408 c-0.593-0.153-1.265-1.408-1.278-2.171c-0.096-5.584-0.034-11.172-0.022-16.759c0.002-1.308,0-2.617,0-3.926 C164.566,206.263,164.601,206.263,164.636,206.263z" }),
33
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
34
- transition: 'fill 1s ease',
35
- fill: active ? switchColors.secondary : switchColors.primary,
36
- }, d: "M388.313,210.147c0-6.356,0.034-12.713-0.023-19.069 c-0.015-1.61,0.359-2.472,2.19-2.346c2.887,0.198,5.809,0.045,8.671,0.398c4.396,0.542,8.019,4.294,8.144,8.904 c0.223,8.142,0.265,16.304-0.074,24.439c-0.248,5.945-4.552,9.662-10.491,9.831c-1.999,0.057-4.003-0.081-6.006-0.09 c-1.746-0.008-2.439-0.853-2.428-2.584C388.34,223.136,388.313,216.642,388.313,210.147z M393.418,210.324c-0.037,0-0.075,0-0.114,0 c0,4.55-0.038,9.101,0.015,13.65c0.031,2.688,0.926,3.439,3.56,3.239c3.273-0.248,5.493-2.511,5.534-6.04 c0.082-7.099,0.054-14.2-0.033-21.299c-0.041-3.268-1.739-5.241-4.87-6.092c-2.68-0.728-4.025,0.161-4.07,2.896 C393.364,201.226,393.418,205.775,393.418,210.324z" }),
37
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
38
- transition: 'fill 1s ease',
39
- fill: active ? switchColors.secondary : switchColors.primary,
40
- }, d: "M478.079,200.8c0.674-1.566,1.121-2.53,1.506-3.519 c0.673-1.73,1.252-3.5,1.981-5.205c0.315-0.737,0.766-1.654,1.407-1.961c1.094-0.523,2.388-0.63,3.598-0.912 c0.205,1.142,0.798,2.381,0.537,3.404c-0.606,2.388-1.448,4.756-2.507,6.984c-3.981,8.389-4.352,17.254-3.78,26.282 c0.091,1.438,0.031,2.899-0.105,4.335c-0.14,1.473-0.989,2.428-2.542,2.497c-1.514,0.067-2.311-0.903-2.54-2.23 c-0.232-1.348-0.394-2.754-0.277-4.108c0.94-10.972-1.116-21.38-5.626-31.375c-0.586-1.298-0.899-2.762-1.093-4.183 c-0.233-1.712,0.825-2.592,2.379-1.843c1.164,0.561,2.345,1.55,2.973,2.657c1.078,1.897,1.712,4.043,2.568,6.07 C476.918,198.547,477.37,199.361,478.079,200.8z" }),
41
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
42
- transition: 'fill 1s ease',
43
- fill: active ? switchColors.secondary : switchColors.primary,
44
- }, d: "M440.516,210.627c0,6.281,0.007,12.563-0.004,18.844 c-0.004,2.067-0.805,3.038-2.531,3.015c-1.877-0.025-2.365-1.136-2.359-2.876c0.046-12.631,0.019-25.263,0.029-37.895 c0.002-2.592,0.525-3.205,2.419-3.148c1.856,0.057,2.479,1.03,2.466,2.803C440.484,197.788,440.515,204.208,440.516,210.627z" }),
45
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
46
- transition: 'fill 1s ease',
47
- fill: active ? switchColors.secondary : switchColors.primary,
48
- }, d: "M416.875,210.721c0.068-3.305,1.849-5.306,4.727-5.309 c2.765-0.003,4.924,2.404,4.816,5.371c-0.106,2.956-2.355,5.212-5.12,5.138C418.626,215.849,416.813,213.718,416.875,210.721z" }),
49
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", style: {
50
- transition: 'fill 1s ease',
51
- fill: active ? switchColors.secondary : switchColors.primary,
52
- }, d: "M449.933,210.636c0.102-3.331,1.886-5.279,4.778-5.22 c2.67,0.055,4.829,2.432,4.762,5.243c-0.073,3.021-2.404,5.36-5.242,5.261C451.606,215.829,449.84,213.657,449.933,210.636z" })));
53
- }
54
- //# sourceMappingURL=VibesSwitch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibesSwitch.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- export declare const switchColors: {
2
- primary: string;
3
- secondary: string;
4
- };
@@ -1,5 +0,0 @@
1
- export const switchColors = {
2
- primary: '#000000',
3
- secondary: '#FFFFFF',
4
- };
5
- //# sourceMappingURL=VibesSwitch.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VibesSwitch.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesSwitch/VibesSwitch.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;CACrB,CAAC"}
package/events.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export declare const AUTH_OVERLAY_READY_EVENT: "vibes-auth-overlay-ready";
2
- export declare const AUTH_OVERLAY_HIDDEN_CLASS: "fpOverlay--hidden";
3
- export declare const AUTH_OVERLAY_TIMEOUT_MS: 5000;
4
- export interface AuthOverlayReadyDetail {
5
- overlay: HTMLElement | null;
6
- authLink?: HTMLAnchorElement | null;
7
- }
package/events.js DELETED
@@ -1,4 +0,0 @@
1
- export const AUTH_OVERLAY_READY_EVENT = 'vibes-auth-overlay-ready';
2
- export const AUTH_OVERLAY_HIDDEN_CLASS = 'fpOverlay--hidden';
3
- export const AUTH_OVERLAY_TIMEOUT_MS = 5000;
4
- //# sourceMappingURL=events.js.map
package/events.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"events.js","sourceRoot":"","sources":["../jsr/events.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAAmC,CAAC;AAG5E,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAA4B,CAAC;AAGtE,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAa,CAAC"}
@@ -1 +0,0 @@
1
- export * from './image-gen/index.js';
@@ -1,2 +0,0 @@
1
- export * from './image-gen/index.js';
2
- //# sourceMappingURL=use-image-gen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-image-gen.js","sourceRoot":"","sources":["../../jsr/hooks/use-image-gen.ts"],"names":[],"mappings":"AAMA,cAAc,sBAAsB,CAAC"}
@@ -1,4 +0,0 @@
1
- export { mountVibeCode } from './mountVibeCode.js';
2
- export { mountVibeWithCleanup } from './mountVibeWithCleanup.js';
3
- export type { VibesMountReadyDetail, VibesMountErrorDetail } from './types.js';
4
- export { isVibesMountReadyEvent, isVibesMountErrorEvent } from './types.js';
package/mounting/index.js DELETED
@@ -1,4 +0,0 @@
1
- export { mountVibeCode } from './mountVibeCode.js';
2
- export { mountVibeWithCleanup } from './mountVibeWithCleanup.js';
3
- export { isVibesMountReadyEvent, isVibesMountErrorEvent } from './types.js';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/mounting/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}
@@ -1,15 +0,0 @@
1
- declare global {
2
- interface Window {
3
- Babel: {
4
- transform: (code: string, options: {
5
- presets: string[];
6
- }) => {
7
- code: string | null;
8
- };
9
- };
10
- CALLAI_API_KEY?: string;
11
- CALLAI_CHAT_URL?: string;
12
- CALLAI_IMG_URL?: string;
13
- }
14
- }
15
- export declare function mountVibeCode(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string): Promise<void>;
@@ -1,66 +0,0 @@
1
- import { mountVibesApp } from '../vibe-app-mount.js';
2
- export async function mountVibeCode(code, containerId, titleId, installId, transformImports, showVibesSwitch = true, apiKey, chatUrl, imgUrl) {
3
- let objectURL;
4
- try {
5
- if (typeof window !== 'undefined') {
6
- if (apiKey) {
7
- window.CALLAI_API_KEY = apiKey;
8
- }
9
- if (chatUrl) {
10
- window.CALLAI_CHAT_URL = chatUrl;
11
- }
12
- if (imgUrl) {
13
- window.CALLAI_IMG_URL = imgUrl;
14
- }
15
- }
16
- const codeWithTransformedImports = transformImports(code);
17
- if (!window.Babel) {
18
- throw new Error('Babel not loaded - add <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> to your HTML');
19
- }
20
- const transformed = window.Babel.transform(codeWithTransformedImports, {
21
- presets: ['react'],
22
- });
23
- const blob = new Blob([transformed.code || ''], { type: 'application/javascript' });
24
- objectURL = URL.createObjectURL(blob);
25
- const userVibeModule = await import(/* @vite-ignore */ objectURL);
26
- const AppComponent = userVibeModule.default;
27
- if (typeof AppComponent === 'undefined') {
28
- throw new Error('App component is not defined - check your default export');
29
- }
30
- const container = document.getElementById(containerId);
31
- if (!container) {
32
- throw new Error('Container element not found: ' + containerId);
33
- }
34
- const mountResult = mountVibesApp({
35
- container: container,
36
- appComponent: AppComponent,
37
- showVibesSwitch: showVibesSwitch,
38
- vibeMetadata: {
39
- titleId: titleId,
40
- installId: installId,
41
- },
42
- });
43
- document.dispatchEvent(new CustomEvent('vibes-mount-ready', {
44
- detail: {
45
- unmount: mountResult.unmount,
46
- containerId: containerId,
47
- },
48
- }));
49
- }
50
- catch (err) {
51
- console.error('Failed to mount vibe code:', err);
52
- document.dispatchEvent(new CustomEvent('vibes-mount-error', {
53
- detail: {
54
- error: err instanceof Error ? err.message : String(err),
55
- containerId: containerId,
56
- },
57
- }));
58
- throw err;
59
- }
60
- finally {
61
- if (objectURL) {
62
- URL.revokeObjectURL(objectURL);
63
- }
64
- }
65
- }
66
- //# sourceMappingURL=mountVibeCode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mountVibeCode.js","sourceRoot":"","sources":["../../jsr/mounting/mountVibeCode.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export declare function mountVibeWithCleanup(code: string, containerId: string, titleId: string, installId: string, transformImports: (code: string) => string, showVibesSwitch?: boolean, apiKey?: string, chatUrl?: string, imgUrl?: string): Promise<() => void>;