@vibes.diy/use-vibes-base 0.12.14 → 0.12.15-dev03
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.d.ts +8 -0
- package/components/AuthWall/AuthWall.js +48 -0
- package/components/AuthWall/AuthWall.js.map +1 -0
- package/components/AuthWall/AuthWall.styles.d.ts +6 -0
- package/components/AuthWall/AuthWall.styles.js +50 -0
- package/components/AuthWall/AuthWall.styles.js.map +1 -0
- package/components/ControlsBar.d.ts +1 -1
- package/components/ControlsBar.js +4 -4
- package/components/ControlsBar.js.map +1 -1
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts +6 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js +52 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map +1 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts +30 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js +72 -0
- package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map +1 -0
- package/components/ImgGen.d.ts +1 -2
- package/components/ImgGen.js +6 -4
- package/components/ImgGen.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +1 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +1 -1
- package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +2 -2
- package/components/ImgGenUtils/ImgGenModeUtils.d.ts +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +1 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +2 -2
- package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +1 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +1 -1
- package/components/ImgGenUtils/types.d.ts +1 -1
- package/components/VibeControl.d.ts +13 -0
- package/components/VibeControl.js +59 -0
- package/components/VibeControl.js.map +1 -0
- package/components/VibesButton/VibesButton.d.ts +10 -0
- package/components/VibesButton/VibesButton.js +20 -0
- package/components/VibesButton/VibesButton.js.map +1 -0
- package/components/VibesButton/VibesButton.styles.d.ts +6 -0
- package/components/VibesButton/VibesButton.styles.js +35 -0
- package/components/VibesButton/VibesButton.styles.js.map +1 -0
- package/components/VibesPanel/VibesPanel.d.ts +6 -0
- package/components/VibesPanel/VibesPanel.js +21 -0
- package/components/VibesPanel/VibesPanel.js.map +1 -0
- package/components/VibesPanel/index.d.ts +1 -0
- package/components/VibesPanel/index.js +2 -0
- package/components/VibesPanel/index.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.d.ts +6 -0
- package/components/VibesSwitch/VibesSwitch.js +42 -0
- package/components/VibesSwitch/VibesSwitch.js.map +1 -0
- package/components/VibesSwitch/VibesSwitch.styles.d.ts +4 -0
- package/components/VibesSwitch/VibesSwitch.styles.js +5 -0
- package/components/VibesSwitch/VibesSwitch.styles.js.map +1 -0
- package/hooks/image-gen/image-generator.d.ts +1 -1
- package/hooks/image-gen/index.d.ts +1 -1
- package/hooks/image-gen/index.js.map +1 -1
- package/hooks/image-gen/use-image-gen.d.ts +2 -4
- package/hooks/image-gen/use-image-gen.js.map +1 -1
- package/hooks/image-gen/utils.d.ts +1 -1
- package/hooks/image-gen/utils.js.map +1 -1
- package/hooks/vibes-gen/IframeVibesComponent.d.ts +1 -0
- package/hooks/vibes-gen/IframeVibesComponent.js +8 -3
- package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
- package/hooks/vibes-gen/index.d.ts +1 -1
- package/hooks/vibes-gen/use-vibes.d.ts +1 -1
- package/hooks/vibes-gen/use-vibes.js +4 -4
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +24 -4
- package/index.js +13 -2
- package/index.js.map +1 -1
- package/package.json +16 -6
- package/stories/VibeControl.stories.d.ts +13 -0
- package/stories/VibeControl.stories.js +155 -0
- package/stories/VibeControl.stories.js.map +1 -0
- package/stories/VibeControlMount.stories.d.ts +14 -0
- package/stories/VibeControlMount.stories.js +182 -0
- package/stories/VibeControlMount.stories.js.map +1 -0
- package/tsconfig.json +0 -4
- package/utils/style-utils.d.ts +2 -15
- package/utils/style-utils.js.map +1 -1
- package/utils/vibe-control-styles.d.ts +148 -0
- package/utils/vibe-control-styles.js +170 -0
- package/utils/vibe-control-styles.js.map +1 -0
- package/vibe-auth-wall.d.ts +14 -0
- package/vibe-auth-wall.js +79 -0
- package/vibe-auth-wall.js.map +1 -0
- package/vibe-control-mount.d.ts +14 -0
- package/vibe-control-mount.js +75 -0
- package/vibe-control-mount.js.map +1 -0
- package/vibe-hidden-menu-mount.d.ts +18 -0
- package/vibe-hidden-menu-mount.js +76 -0
- package/vibe-hidden-menu-mount.js.map +1 -0
- package/hooks/image-gen/types.d.ts +0 -66
- package/hooks/image-gen/types.js +0 -2
- package/hooks/image-gen/types.js.map +0 -1
- package/hooks/vibes-gen/types.d.ts +0 -42
- package/hooks/vibes-gen/types.js +0 -2
- package/hooks/vibes-gen/types.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-vibes.js","sourceRoot":"","sources":["../../../jsr/hooks/vibes-gen/use-vibes.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-vibes.js","sourceRoot":"","sources":["../../../jsr/hooks/vibes-gen/use-vibes.ts"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { ManualRedirectStrategy } from './ManualRedirectStrategy.js';
|
|
|
4
4
|
export { fireproof, ImgFile, ManualRedirectStrategy };
|
|
5
5
|
export type * as Fireproof from 'use-fireproof';
|
|
6
6
|
export declare function toCloud(opts?: UseFpToCloudParam): ToCloudAttachable;
|
|
7
|
-
export declare
|
|
7
|
+
export declare function useFireproof(nameOrDatabase?: string | Database): {
|
|
8
8
|
database: Database;
|
|
9
9
|
useDocument: import("use-fireproof").UseDocument;
|
|
10
10
|
useLiveQuery: import("use-fireproof").UseLiveQuery;
|
|
@@ -22,14 +22,34 @@ export { default as ImgGen } from './components/ImgGen.js';
|
|
|
22
22
|
export type { ImgGenProps } from './components/ImgGen.js';
|
|
23
23
|
export { ControlsBar } from './components/ControlsBar.js';
|
|
24
24
|
export { PromptBar } from './components/PromptBar.js';
|
|
25
|
+
export { VibesSwitch } from './components/VibesSwitch/VibesSwitch.js';
|
|
26
|
+
export { VibesButton } from './components/VibesButton/VibesButton.js';
|
|
25
27
|
export { hashInput, useImageGen } from './hooks/image-gen/index.js';
|
|
26
|
-
export { defaultClasses
|
|
28
|
+
export { defaultClasses } from './utils/style-utils.js';
|
|
29
|
+
export type { ImgGenClasses } from '@vibes.diy/use-vibes-types';
|
|
27
30
|
export { base64ToFile } from './utils/base64.js';
|
|
28
31
|
export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
|
|
29
32
|
export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
|
|
30
33
|
export { ImgGenModal, type ImgGenModalProps } from './components/ImgGenUtils/ImgGenModal.js';
|
|
31
34
|
export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
|
|
32
35
|
export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
|
|
33
|
-
export {
|
|
36
|
+
export type { ImageDocument, PartialImageDocument, UseImageGenOptions, UseImageGenResult, } from '@vibes.diy/use-vibes-types';
|
|
34
37
|
export { useVibes } from './hooks/vibes-gen/index.js';
|
|
35
|
-
export type { UseVibesOptions, UseVibesResult, VibeDocument } from '
|
|
38
|
+
export type { UseVibesOptions, UseVibesResult, VibeDocument } from '@vibes.diy/use-vibes-types';
|
|
39
|
+
export { VibeControl } from './components/VibeControl.js';
|
|
40
|
+
export type { VibeControlProps } from './components/VibeControl.js';
|
|
41
|
+
export { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from './vibe-control-mount.js';
|
|
42
|
+
export type { MountVibeControlOptions, MountVibeControlResult } from './vibe-control-mount.js';
|
|
43
|
+
export { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
44
|
+
export type { HiddenMenuWrapperProps } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
45
|
+
export { VibesPanel } from './components/VibesPanel/VibesPanel.js';
|
|
46
|
+
export type { VibesPanelProps } from './components/VibesPanel/VibesPanel.js';
|
|
47
|
+
export { mountHiddenMenuWrapper, mountHiddenMenuWrapperToBody, autoMountHiddenMenuWrapper, } from './vibe-hidden-menu-mount.js';
|
|
48
|
+
export type { MountHiddenMenuWrapperOptions, MountHiddenMenuWrapperResult, } from './vibe-hidden-menu-mount.js';
|
|
49
|
+
export { AuthWall } from './components/AuthWall/AuthWall.js';
|
|
50
|
+
export type { AuthWallProps } from './components/AuthWall/AuthWall.js';
|
|
51
|
+
export { mountAuthWall } from './vibe-auth-wall.js';
|
|
52
|
+
export type { MountAuthWallOptions, MountAuthWallResult } from './vibe-auth-wall.js';
|
|
53
|
+
export { vibeControlTheme, createVibeControlStyles, defaultVibeControlClasses, } from './utils/vibe-control-styles.js';
|
|
54
|
+
export type { VibeControlClasses } from './utils/vibe-control-styles.js';
|
|
55
|
+
export { hiddenMenuTheme } from './components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js';
|
package/index.js
CHANGED
|
@@ -24,7 +24,7 @@ export function toCloud(opts) {
|
|
|
24
24
|
});
|
|
25
25
|
return attachable;
|
|
26
26
|
}
|
|
27
|
-
export
|
|
27
|
+
export function useFireproof(nameOrDatabase) {
|
|
28
28
|
const instanceId = useId();
|
|
29
29
|
const dbName = typeof nameOrDatabase === 'string' ? nameOrDatabase : nameOrDatabase?.name || 'default';
|
|
30
30
|
const syncKey = `fireproof-sync-${dbName}`;
|
|
@@ -119,12 +119,14 @@ export const useFireproof = (nameOrDatabase) => {
|
|
|
119
119
|
disableSync,
|
|
120
120
|
syncEnabled,
|
|
121
121
|
};
|
|
122
|
-
}
|
|
122
|
+
}
|
|
123
123
|
import { callAI } from 'call-ai';
|
|
124
124
|
export { callAI, callAI as callAi };
|
|
125
125
|
export { default as ImgGen } from './components/ImgGen.js';
|
|
126
126
|
export { ControlsBar } from './components/ControlsBar.js';
|
|
127
127
|
export { PromptBar } from './components/PromptBar.js';
|
|
128
|
+
export { VibesSwitch } from './components/VibesSwitch/VibesSwitch.js';
|
|
129
|
+
export { VibesButton } from './components/VibesButton/VibesButton.js';
|
|
128
130
|
export { hashInput, useImageGen } from './hooks/image-gen/index.js';
|
|
129
131
|
export { defaultClasses } from './utils/style-utils.js';
|
|
130
132
|
export { base64ToFile } from './utils/base64.js';
|
|
@@ -134,4 +136,13 @@ export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
|
|
|
134
136
|
export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
|
|
135
137
|
export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
|
|
136
138
|
export { useVibes } from './hooks/vibes-gen/index.js';
|
|
139
|
+
export { VibeControl } from './components/VibeControl.js';
|
|
140
|
+
export { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from './vibe-control-mount.js';
|
|
141
|
+
export { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
|
|
142
|
+
export { VibesPanel } from './components/VibesPanel/VibesPanel.js';
|
|
143
|
+
export { mountHiddenMenuWrapper, mountHiddenMenuWrapperToBody, autoMountHiddenMenuWrapper, } from './vibe-hidden-menu-mount.js';
|
|
144
|
+
export { AuthWall } from './components/AuthWall/AuthWall.js';
|
|
145
|
+
export { mountAuthWall } from './vibe-auth-wall.js';
|
|
146
|
+
export { vibeControlTheme, createVibeControlStyles, defaultVibeControlClasses, } from './utils/vibe-control-styles.js';
|
|
147
|
+
export { hiddenMenuTheme } from './components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js';
|
|
137
148
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EACT,OAAO,EACP,OAAO,IAAI,eAAe,EAC1B,YAAY,IAAI,oBAAoB,GAGrC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,MAAM,oBAAoB,GAAG,IAAI,GAAG,EAAuB,CAAC;AAG5D,SAAS,eAAe,GAAG;IACzB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,QAAQ,EAAE,IAAI;QAAE,OAAO;IAE7D,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CACtE,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,CACtC,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;AAAA,CACF;AAED,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAMtD,MAAM,UAAU,OAAO,CAAC,IAAwB,EAAqB;IACnE,MAAM,UAAU,GAAG,eAAe,CAAC;QACjC,GAAG,IAAI;QACP,QAAQ,EAAE,IAAI,sBAAsB,EAAE;QACtC,YAAY,EAAE,0DAA0D;QACxE,WAAW,EAAE,sCAAsC;QACnD,IAAI,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE;KACnD,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AAAA,CACnB;AAGD,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.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.12.
|
|
3
|
+
"version": "0.12.15-dev03",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Core components and utilities for use-vibes (internal workspace package)",
|
|
6
6
|
"exports": {
|
|
@@ -11,12 +11,13 @@
|
|
|
11
11
|
},
|
|
12
12
|
"license": "Apache-2.0",
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@adviser/cement": "^0.4.
|
|
14
|
+
"@adviser/cement": "^0.4.43",
|
|
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.12.
|
|
19
|
-
"
|
|
18
|
+
"@vibes.diy/prompts": "^0.12.15-dev03",
|
|
19
|
+
"@vibes.diy/use-vibes-types": "^0.12.15-dev03",
|
|
20
|
+
"call-ai": "^0.12.15-dev03",
|
|
20
21
|
"react-dom": "~19.1.0",
|
|
21
22
|
"use-fireproof": "^0.23.14",
|
|
22
23
|
"uuid": "^11.1.0"
|
|
@@ -25,12 +26,21 @@
|
|
|
25
26
|
"react": "~19.1.0"
|
|
26
27
|
},
|
|
27
28
|
"devDependencies": {
|
|
29
|
+
"@chromatic-com/storybook": "^4.1.1",
|
|
28
30
|
"@fireproof/core-cli": "^0.23.14",
|
|
31
|
+
"@storybook/addon-a11y": "^9.1.6",
|
|
32
|
+
"@storybook/addon-docs": "^9.1.6",
|
|
33
|
+
"@storybook/react": "^9.1.6",
|
|
34
|
+
"@storybook/react-vite": "^9.1.6",
|
|
29
35
|
"@types/react": "~19.1.0",
|
|
30
36
|
"@types/react-dom": "~19.1.0",
|
|
31
|
-
"
|
|
37
|
+
"storybook": "^9.1.6",
|
|
38
|
+
"typescript": "^5.9.3",
|
|
39
|
+
"vite": "^7.1.7"
|
|
32
40
|
},
|
|
33
41
|
"scripts": {
|
|
34
|
-
"build": "core-cli tsc"
|
|
42
|
+
"build": "core-cli tsc",
|
|
43
|
+
"storybook": "storybook dev -p 6007",
|
|
44
|
+
"build-storybook": "storybook build"
|
|
35
45
|
}
|
|
36
46
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { VibeControlProps } from '../components/VibeControl.js';
|
|
3
|
+
declare const meta: Meta<VibeControlProps>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<VibeControlProps>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const BottomLeft: Story;
|
|
8
|
+
export declare const TopRight: Story;
|
|
9
|
+
export declare const TopLeft: Story;
|
|
10
|
+
export declare const WithCustomContent: Story;
|
|
11
|
+
export declare const WithRichContent: Story;
|
|
12
|
+
export declare const Hidden: Story;
|
|
13
|
+
export declare const WithCustomStyling: Story;
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { VibeControl } from '../components/VibeControl.js';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/VibeControl',
|
|
5
|
+
component: VibeControl,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'fullscreen',
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: `
|
|
11
|
+
A floating action button that opens a full-screen overlay. Perfect for adding controls, settings, or additional content that doesn't interfere with the main UI.
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
- **Configurable positioning** - Choose from 4 corner positions
|
|
15
|
+
- **Portal rendering** - Avoids z-index conflicts
|
|
16
|
+
- **Keyboard navigation** - Escape key to close
|
|
17
|
+
- **Custom content** - Any React children supported
|
|
18
|
+
- **Event callbacks** - onOpen/onClose integration hooks
|
|
19
|
+
- **Responsive design** - Works on mobile and desktop
|
|
20
|
+
`,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
argTypes: {
|
|
25
|
+
position: {
|
|
26
|
+
control: { type: 'select' },
|
|
27
|
+
options: ['bottom-right', 'bottom-left', 'top-right', 'top-left'],
|
|
28
|
+
description: 'Position of the floating button',
|
|
29
|
+
},
|
|
30
|
+
label: {
|
|
31
|
+
control: { type: 'text' },
|
|
32
|
+
description: 'Text displayed on the button',
|
|
33
|
+
},
|
|
34
|
+
visible: {
|
|
35
|
+
control: { type: 'boolean' },
|
|
36
|
+
description: 'Whether to show the component',
|
|
37
|
+
},
|
|
38
|
+
onOpen: {
|
|
39
|
+
action: 'opened',
|
|
40
|
+
description: 'Callback when overlay opens',
|
|
41
|
+
},
|
|
42
|
+
onClose: {
|
|
43
|
+
action: 'closed',
|
|
44
|
+
description: 'Callback when overlay closes',
|
|
45
|
+
},
|
|
46
|
+
children: {
|
|
47
|
+
control: { type: 'text' },
|
|
48
|
+
description: 'Custom content for the overlay',
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
export default meta;
|
|
53
|
+
export const Default = {
|
|
54
|
+
args: {
|
|
55
|
+
label: 'Open Vibes',
|
|
56
|
+
position: 'bottom-right',
|
|
57
|
+
visible: true,
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
export const BottomLeft = {
|
|
61
|
+
args: {
|
|
62
|
+
label: 'Bottom Left',
|
|
63
|
+
position: 'bottom-left',
|
|
64
|
+
visible: true,
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
export const TopRight = {
|
|
68
|
+
args: {
|
|
69
|
+
label: 'Top Right',
|
|
70
|
+
position: 'top-right',
|
|
71
|
+
visible: true,
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
export const TopLeft = {
|
|
75
|
+
args: {
|
|
76
|
+
label: 'Top Left',
|
|
77
|
+
position: 'top-left',
|
|
78
|
+
visible: true,
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
export const WithCustomContent = {
|
|
82
|
+
args: {
|
|
83
|
+
label: 'Settings',
|
|
84
|
+
position: 'bottom-right',
|
|
85
|
+
visible: true,
|
|
86
|
+
children: (React.createElement("div", null, React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Settings Panel"), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'block', marginBottom: '8px', fontWeight: '600' } }, "Theme Preference"), React.createElement("select", { style: { width: '100%', padding: '8px', borderRadius: '4px', border: '1px solid #ccc' } }, React.createElement("option", null, "Light"), React.createElement("option", null, "Dark"), React.createElement("option", null, "Auto"))), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("input", { type: "checkbox", defaultChecked: true }), React.createElement("span", null, "Enable notifications"))), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("input", { type: "checkbox" }), React.createElement("span", null, "Auto-save changes"))), React.createElement("div", { style: { display: 'flex', gap: '8px', marginTop: '20px' } }, React.createElement("button", { style: {
|
|
87
|
+
padding: '8px 16px',
|
|
88
|
+
backgroundColor: '#0066cc',
|
|
89
|
+
color: 'white',
|
|
90
|
+
border: 'none',
|
|
91
|
+
borderRadius: '4px',
|
|
92
|
+
cursor: 'pointer',
|
|
93
|
+
} }, "Save Changes"), React.createElement("button", { style: {
|
|
94
|
+
padding: '8px 16px',
|
|
95
|
+
backgroundColor: '#f5f5f5',
|
|
96
|
+
color: '#333',
|
|
97
|
+
border: '1px solid #ccc',
|
|
98
|
+
borderRadius: '4px',
|
|
99
|
+
cursor: 'pointer',
|
|
100
|
+
} }, "Cancel")))),
|
|
101
|
+
},
|
|
102
|
+
};
|
|
103
|
+
export const WithRichContent = {
|
|
104
|
+
args: {
|
|
105
|
+
label: 'Help & Info',
|
|
106
|
+
position: 'bottom-right',
|
|
107
|
+
visible: true,
|
|
108
|
+
children: (React.createElement("div", null, React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Welcome to VibeControl"), React.createElement("div", { style: { marginBottom: '20px', lineHeight: '1.6' } }, React.createElement("p", null, "VibeControl provides a floating action button that opens rich overlay content. Perfect for settings, help content, or any additional functionality.")), React.createElement("div", { style: {
|
|
109
|
+
marginBottom: '20px',
|
|
110
|
+
padding: '16px',
|
|
111
|
+
backgroundColor: '#f0f8ff',
|
|
112
|
+
borderRadius: '8px',
|
|
113
|
+
border: '1px solid #bbdefb',
|
|
114
|
+
} }, React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' } }, "Key Features"), React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#1976d2' } }, React.createElement("li", null, "Portal rendering avoids z-index issues"), React.createElement("li", null, "Escape key and backdrop click to close"), React.createElement("li", null, "Four corner position options"), React.createElement("li", null, "Fully customizable overlay content"), React.createElement("li", null, "Event callbacks for integration"))), React.createElement("div", { style: {
|
|
115
|
+
marginBottom: '20px',
|
|
116
|
+
padding: '16px',
|
|
117
|
+
backgroundColor: '#f3e5f5',
|
|
118
|
+
borderRadius: '8px',
|
|
119
|
+
border: '1px solid #e1bee7',
|
|
120
|
+
} }, React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#7b1fa2' } }, "Usage Examples"), React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#7b1fa2' } }, React.createElement("li", null, "Application settings and preferences"), React.createElement("li", null, "User help and documentation"), React.createElement("li", null, "Additional navigation or tools"), React.createElement("li", null, "Context-sensitive controls"))), React.createElement("button", { style: {
|
|
121
|
+
width: '100%',
|
|
122
|
+
padding: '12px',
|
|
123
|
+
backgroundColor: '#4caf50',
|
|
124
|
+
color: 'white',
|
|
125
|
+
border: 'none',
|
|
126
|
+
borderRadius: '4px',
|
|
127
|
+
fontSize: '16px',
|
|
128
|
+
cursor: 'pointer',
|
|
129
|
+
}, onClick: () => alert('Action triggered!') }, "Try It Out!"))),
|
|
130
|
+
},
|
|
131
|
+
};
|
|
132
|
+
export const Hidden = {
|
|
133
|
+
args: {
|
|
134
|
+
label: "This Won't Show",
|
|
135
|
+
position: 'bottom-right',
|
|
136
|
+
visible: false,
|
|
137
|
+
},
|
|
138
|
+
};
|
|
139
|
+
export const WithCustomStyling = {
|
|
140
|
+
args: {
|
|
141
|
+
label: '🎨 Styled',
|
|
142
|
+
position: 'bottom-right',
|
|
143
|
+
visible: true,
|
|
144
|
+
classes: {
|
|
145
|
+
button: 'custom-button',
|
|
146
|
+
backdrop: 'custom-backdrop',
|
|
147
|
+
overlay: 'custom-overlay',
|
|
148
|
+
overlayTitle: 'custom-title',
|
|
149
|
+
closeButton: 'custom-close',
|
|
150
|
+
content: 'custom-content',
|
|
151
|
+
},
|
|
152
|
+
children: (React.createElement("div", null, React.createElement("h3", null, "Custom Styled Overlay"), React.createElement("p", null, "This example shows how you can customize the styling using CSS classes."), React.createElement("p", null, "You can override the default styles by providing custom classes for each element of the component."))),
|
|
153
|
+
},
|
|
154
|
+
};
|
|
155
|
+
//# sourceMappingURL=VibeControl.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VibeControl.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControl.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import type { MountVibeControlOptions } from '../vibe-control-mount.js';
|
|
3
|
+
declare const meta: Meta<{
|
|
4
|
+
mountType: 'container' | 'body' | 'auto';
|
|
5
|
+
options?: Partial<MountVibeControlOptions>;
|
|
6
|
+
}>;
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<{
|
|
9
|
+
mountType: 'container' | 'body' | 'auto';
|
|
10
|
+
options?: Partial<MountVibeControlOptions>;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const MountToContainer: Story;
|
|
13
|
+
export declare const MountToBody: Story;
|
|
14
|
+
export declare const AutoMount: Story;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from '../vibe-control-mount.js';
|
|
3
|
+
function MountDemo({ mountType, options = {}, }) {
|
|
4
|
+
const containerRef = useRef(null);
|
|
5
|
+
const [mounted, setMounted] = useState(false);
|
|
6
|
+
const [instance, setInstance] = useState(null);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (!mounted)
|
|
9
|
+
return;
|
|
10
|
+
let control = null;
|
|
11
|
+
try {
|
|
12
|
+
switch (mountType) {
|
|
13
|
+
case 'container':
|
|
14
|
+
if (containerRef.current) {
|
|
15
|
+
control = mountVibeControl({
|
|
16
|
+
container: containerRef.current,
|
|
17
|
+
label: 'Mounted Control',
|
|
18
|
+
position: 'bottom-right',
|
|
19
|
+
onOpen: () => console.log('Container-mounted control opened'),
|
|
20
|
+
onClose: () => console.log('Container-mounted control closed'),
|
|
21
|
+
children: React.createElement('div', {}, React.createElement('h3', {}, 'Container Mount Demo'), React.createElement('p', {}, 'This VibeControl was mounted using mountVibeControl() to a specific container element.'), React.createElement('div', {
|
|
22
|
+
style: {
|
|
23
|
+
marginTop: '16px',
|
|
24
|
+
padding: '12px',
|
|
25
|
+
backgroundColor: '#e3f2fd',
|
|
26
|
+
borderRadius: '4px',
|
|
27
|
+
},
|
|
28
|
+
}, React.createElement('strong', {}, 'Benefits:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'Scoped to specific DOM element'), React.createElement('li', {}, 'No React dependency required'), React.createElement('li', {}, 'Dynamic prop updates supported'), React.createElement('li', {}, 'Clean unmounting')))),
|
|
29
|
+
...options,
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
break;
|
|
33
|
+
case 'body':
|
|
34
|
+
control = mountVibeControlToBody({
|
|
35
|
+
label: 'Body Mount',
|
|
36
|
+
position: 'bottom-left',
|
|
37
|
+
onOpen: () => console.log('Body-mounted control opened'),
|
|
38
|
+
onClose: () => console.log('Body-mounted control closed'),
|
|
39
|
+
children: React.createElement('div', {}, React.createElement('h3', {}, 'Body Mount Demo'), React.createElement('p', {}, 'This VibeControl was mounted using mountVibeControlToBody().'), React.createElement('div', {
|
|
40
|
+
style: {
|
|
41
|
+
marginTop: '16px',
|
|
42
|
+
padding: '12px',
|
|
43
|
+
backgroundColor: '#f3e5f5',
|
|
44
|
+
borderRadius: '4px',
|
|
45
|
+
},
|
|
46
|
+
}, React.createElement('strong', {}, 'Use Cases:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'Global application controls'), React.createElement('li', {}, 'Site-wide settings access'), React.createElement('li', {}, 'Help/support overlay'), React.createElement('li', {}, 'User account management')))),
|
|
47
|
+
...options,
|
|
48
|
+
});
|
|
49
|
+
break;
|
|
50
|
+
case 'auto':
|
|
51
|
+
window.VIBE_CONTROL_CONFIG = {
|
|
52
|
+
label: 'Auto Mount',
|
|
53
|
+
position: 'top-right',
|
|
54
|
+
children: React.createElement('div', {}, React.createElement('h3', {}, 'Auto Mount Demo'), React.createElement('p', {}, 'This VibeControl was auto-mounted using global configuration.'), React.createElement('div', {
|
|
55
|
+
style: {
|
|
56
|
+
marginTop: '16px',
|
|
57
|
+
padding: '12px',
|
|
58
|
+
backgroundColor: '#fff3e0',
|
|
59
|
+
borderRadius: '4px',
|
|
60
|
+
},
|
|
61
|
+
}, React.createElement('strong', {}, 'Perfect for:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'CDN-based integration'), React.createElement('li', {}, 'No-code implementations'), React.createElement('li', {}, 'Third-party embeds'), React.createElement('li', {}, 'Quick prototyping')))),
|
|
62
|
+
...options,
|
|
63
|
+
};
|
|
64
|
+
control = autoMountVibeControl();
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
setInstance(control);
|
|
68
|
+
}
|
|
69
|
+
catch (error) {
|
|
70
|
+
console.error(`Failed to mount ${mountType}:`, error);
|
|
71
|
+
}
|
|
72
|
+
return () => {
|
|
73
|
+
if (control && typeof control.unmount === 'function') {
|
|
74
|
+
control.unmount();
|
|
75
|
+
}
|
|
76
|
+
if (mountType === 'auto') {
|
|
77
|
+
delete window.VIBE_CONTROL_CONFIG;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}, [mounted, mountType, options]);
|
|
81
|
+
const handleMount = () => setMounted(true);
|
|
82
|
+
const handleUnmount = () => {
|
|
83
|
+
if (instance && typeof instance.unmount === 'function') {
|
|
84
|
+
instance.unmount();
|
|
85
|
+
}
|
|
86
|
+
setMounted(false);
|
|
87
|
+
setInstance(null);
|
|
88
|
+
};
|
|
89
|
+
const handleUpdate = () => {
|
|
90
|
+
if (instance && typeof instance.update === 'function') {
|
|
91
|
+
instance.update({
|
|
92
|
+
label: `Updated ${Date.now()}`,
|
|
93
|
+
position: 'top-left',
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
return (React.createElement("div", { style: { padding: '20px', maxWidth: '600px' } }, React.createElement("h3", null, mountType === 'container' ? 'Container' : mountType === 'body' ? 'Body' : 'Auto', " Mount Example"), React.createElement("div", { style: { marginBottom: '16px', display: 'flex', gap: '8px', flexWrap: 'wrap' } }, React.createElement("button", { onClick: handleMount, disabled: mounted, style: {
|
|
98
|
+
padding: '8px 16px',
|
|
99
|
+
backgroundColor: mounted ? '#ccc' : '#4caf50',
|
|
100
|
+
color: 'white',
|
|
101
|
+
border: 'none',
|
|
102
|
+
borderRadius: '4px',
|
|
103
|
+
cursor: mounted ? 'not-allowed' : 'pointer',
|
|
104
|
+
} }, "Mount Control"), React.createElement("button", { onClick: handleUpdate, disabled: !mounted || !instance, style: {
|
|
105
|
+
padding: '8px 16px',
|
|
106
|
+
backgroundColor: !mounted || !instance ? '#ccc' : '#ff9800',
|
|
107
|
+
color: 'white',
|
|
108
|
+
border: 'none',
|
|
109
|
+
borderRadius: '4px',
|
|
110
|
+
cursor: !mounted || !instance ? 'not-allowed' : 'pointer',
|
|
111
|
+
} }, "Update Props"), React.createElement("button", { onClick: handleUnmount, disabled: !mounted, style: {
|
|
112
|
+
padding: '8px 16px',
|
|
113
|
+
backgroundColor: !mounted ? '#ccc' : '#f44336',
|
|
114
|
+
color: 'white',
|
|
115
|
+
border: 'none',
|
|
116
|
+
borderRadius: '4px',
|
|
117
|
+
cursor: !mounted ? 'not-allowed' : 'pointer',
|
|
118
|
+
} }, "Unmount")), mountType === 'container' && (React.createElement("div", { ref: containerRef, style: {
|
|
119
|
+
position: 'relative',
|
|
120
|
+
height: '200px',
|
|
121
|
+
border: '2px dashed #ccc',
|
|
122
|
+
borderRadius: '4px',
|
|
123
|
+
display: 'flex',
|
|
124
|
+
alignItems: 'center',
|
|
125
|
+
justifyContent: 'center',
|
|
126
|
+
backgroundColor: mounted ? '#f0f8ff' : '#fafafa',
|
|
127
|
+
} }, mounted ? (React.createElement("div", { style: { textAlign: 'center', color: '#666' } }, React.createElement("p", null, React.createElement("strong", null, "VibeControl mounted!")), React.createElement("p", null, "Look for the button in the bottom-right of this container."))) : (React.createElement("p", { style: { color: '#999', margin: 0 } }, "Click \"Mount Control\" to see the VibeControl in this container")))), mounted && (React.createElement("div", { style: {
|
|
128
|
+
marginTop: '16px',
|
|
129
|
+
padding: '12px',
|
|
130
|
+
backgroundColor: '#f0f8ff',
|
|
131
|
+
borderRadius: '4px',
|
|
132
|
+
} }, React.createElement("strong", null, "Status:"), " VibeControl is mounted and active", mountType !== 'container' && (React.createElement("p", { style: { margin: '8px 0 0 0', fontSize: '0.9em', color: '#666' } }, "Look for the floating button positioned on the", ' ', mountType === 'body' ? 'page' : 'screen'))))));
|
|
133
|
+
}
|
|
134
|
+
const meta = {
|
|
135
|
+
title: 'Components/VibeControl Mount Functions',
|
|
136
|
+
component: MountDemo,
|
|
137
|
+
parameters: {
|
|
138
|
+
layout: 'fullscreen',
|
|
139
|
+
docs: {
|
|
140
|
+
description: {
|
|
141
|
+
component: `
|
|
142
|
+
Demonstrates the mount functions for using VibeControl in non-React environments.
|
|
143
|
+
|
|
144
|
+
### Mount Functions Available
|
|
145
|
+
- **\`mountVibeControl(options)\`** - Mount to a specific DOM element
|
|
146
|
+
- **\`mountVibeControlToBody(props)\`** - Convenience function for body mounting
|
|
147
|
+
- **\`autoMountVibeControl()\`** - Auto-mount from global config (perfect for CDN usage)
|
|
148
|
+
|
|
149
|
+
### Features
|
|
150
|
+
- **Dynamic updates** - Use \`instance.update(props)\` to change properties
|
|
151
|
+
- **Clean unmounting** - Use \`instance.unmount()\` for proper cleanup
|
|
152
|
+
- **Event callbacks** - Full support for onOpen/onClose handlers
|
|
153
|
+
- **No React required** - Works in any JavaScript environment
|
|
154
|
+
`,
|
|
155
|
+
},
|
|
156
|
+
},
|
|
157
|
+
},
|
|
158
|
+
argTypes: {
|
|
159
|
+
mountType: {
|
|
160
|
+
control: { type: 'select' },
|
|
161
|
+
options: ['container', 'body', 'auto'],
|
|
162
|
+
description: 'Type of mount function to demonstrate',
|
|
163
|
+
},
|
|
164
|
+
},
|
|
165
|
+
};
|
|
166
|
+
export default meta;
|
|
167
|
+
export const MountToContainer = {
|
|
168
|
+
args: {
|
|
169
|
+
mountType: 'container',
|
|
170
|
+
},
|
|
171
|
+
};
|
|
172
|
+
export const MountToBody = {
|
|
173
|
+
args: {
|
|
174
|
+
mountType: 'body',
|
|
175
|
+
},
|
|
176
|
+
};
|
|
177
|
+
export const AutoMount = {
|
|
178
|
+
args: {
|
|
179
|
+
mountType: 'auto',
|
|
180
|
+
},
|
|
181
|
+
};
|
|
182
|
+
//# sourceMappingURL=VibeControlMount.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VibeControlMount.stories.js","sourceRoot":"","sources":["../../jsr/stories/VibeControlMount.stories.tsx"],"names":[],"mappings":"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"}
|
package/tsconfig.json
CHANGED
package/utils/style-utils.d.ts
CHANGED
|
@@ -1,17 +1,4 @@
|
|
|
1
|
+
import type { ImgGenClasses } from '@vibes.diy/use-vibes-types';
|
|
2
|
+
export type { ImgGenClasses };
|
|
1
3
|
export declare function combineClasses(...classes: (string | boolean | null | undefined)[]): string;
|
|
2
|
-
export interface ImgGenClasses {
|
|
3
|
-
readonly root: string;
|
|
4
|
-
readonly container: string;
|
|
5
|
-
readonly image: string;
|
|
6
|
-
readonly overlay: string;
|
|
7
|
-
readonly progress: string;
|
|
8
|
-
readonly placeholder: string;
|
|
9
|
-
readonly error: string;
|
|
10
|
-
readonly controls: string;
|
|
11
|
-
readonly button: string;
|
|
12
|
-
readonly prompt: string;
|
|
13
|
-
readonly deleteOverlay: string;
|
|
14
|
-
readonly dropZone: string;
|
|
15
|
-
readonly uploadWaiting: string;
|
|
16
|
-
}
|
|
17
4
|
export declare const defaultClasses: Partial<ImgGenClasses>;
|