use-vibes 0.11.0 → 0.12.0-dev-preview

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 (88) hide show
  1. package/README.md +3 -58
  2. package/index.d.ts +1 -20
  3. package/index.js +1 -20
  4. package/index.js.map +1 -1
  5. package/package.json +5 -27
  6. package/tsconfig.json +4 -0
  7. package/components/ControlsBar.d.ts +0 -20
  8. package/components/ControlsBar.js +0 -80
  9. package/components/ControlsBar.js.map +0 -1
  10. package/components/ImgGen.css +0 -675
  11. package/components/ImgGen.d.ts +0 -25
  12. package/components/ImgGen.js +0 -257
  13. package/components/ImgGen.js.map +0 -1
  14. package/components/ImgGenUtils/ImgGenDisplay.d.ts +0 -3
  15. package/components/ImgGenUtils/ImgGenDisplay.js +0 -192
  16. package/components/ImgGenUtils/ImgGenDisplay.js.map +0 -1
  17. package/components/ImgGenUtils/ImgGenDisplayPlaceholder.d.ts +0 -3
  18. package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +0 -107
  19. package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +0 -1
  20. package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +0 -27
  21. package/components/ImgGenUtils/ImgGenDisplayUtils.js +0 -95
  22. package/components/ImgGenUtils/ImgGenDisplayUtils.js.map +0 -1
  23. package/components/ImgGenUtils/ImgGenError.d.ts +0 -3
  24. package/components/ImgGenUtils/ImgGenError.js +0 -6
  25. package/components/ImgGenUtils/ImgGenError.js.map +0 -1
  26. package/components/ImgGenUtils/ImgGenFileDrop.d.ts +0 -12
  27. package/components/ImgGenUtils/ImgGenFileDrop.js +0 -50
  28. package/components/ImgGenUtils/ImgGenFileDrop.js.map +0 -1
  29. package/components/ImgGenUtils/ImgGenModal.d.ts +0 -24
  30. package/components/ImgGenUtils/ImgGenModal.js +0 -28
  31. package/components/ImgGenUtils/ImgGenModal.js.map +0 -1
  32. package/components/ImgGenUtils/ImgGenModeUtils.d.ts +0 -9
  33. package/components/ImgGenUtils/ImgGenModeUtils.js +0 -48
  34. package/components/ImgGenUtils/ImgGenModeUtils.js.map +0 -1
  35. package/components/ImgGenUtils/ImgGenPromptWaiting.d.ts +0 -12
  36. package/components/ImgGenUtils/ImgGenPromptWaiting.js +0 -37
  37. package/components/ImgGenUtils/ImgGenPromptWaiting.js.map +0 -1
  38. package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +0 -17
  39. package/components/ImgGenUtils/ImgGenUploadWaiting.js +0 -132
  40. package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +0 -1
  41. package/components/ImgGenUtils/index.d.ts +0 -6
  42. package/components/ImgGenUtils/index.js +0 -7
  43. package/components/ImgGenUtils/index.js.map +0 -1
  44. package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.d.ts +0 -9
  45. package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +0 -30
  46. package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +0 -1
  47. package/components/ImgGenUtils/overlays/ImageOverlay.d.ts +0 -22
  48. package/components/ImgGenUtils/overlays/ImageOverlay.js +0 -8
  49. package/components/ImgGenUtils/overlays/ImageOverlay.js.map +0 -1
  50. package/components/ImgGenUtils/types.d.ts +0 -29
  51. package/components/ImgGenUtils/types.js +0 -2
  52. package/components/ImgGenUtils/types.js.map +0 -1
  53. package/components/ImgGenUtils.d.ts +0 -2
  54. package/components/ImgGenUtils.js +0 -3
  55. package/components/ImgGenUtils.js.map +0 -1
  56. package/components/PromptBar.d.ts +0 -11
  57. package/components/PromptBar.js +0 -16
  58. package/components/PromptBar.js.map +0 -1
  59. package/hooks/image-gen/image-generator.d.ts +0 -11
  60. package/hooks/image-gen/image-generator.js +0 -136
  61. package/hooks/image-gen/image-generator.js.map +0 -1
  62. package/hooks/image-gen/index.d.ts +0 -7
  63. package/hooks/image-gen/index.js +0 -6
  64. package/hooks/image-gen/index.js.map +0 -1
  65. package/hooks/image-gen/types.d.ts +0 -66
  66. package/hooks/image-gen/types.js +0 -2
  67. package/hooks/image-gen/types.js.map +0 -1
  68. package/hooks/image-gen/use-image-gen.d.ts +0 -4
  69. package/hooks/image-gen/use-image-gen.js +0 -544
  70. package/hooks/image-gen/use-image-gen.js.map +0 -1
  71. package/hooks/image-gen/utils.d.ts +0 -20
  72. package/hooks/image-gen/utils.js +0 -159
  73. package/hooks/image-gen/utils.js.map +0 -1
  74. package/hooks/use-image-gen.d.ts +0 -1
  75. package/hooks/use-image-gen.js +0 -2
  76. package/hooks/use-image-gen.js.map +0 -1
  77. package/style-loader.d.ts +0 -1
  78. package/style-loader.js +0 -23
  79. package/style-loader.js.map +0 -1
  80. package/utils/base64.d.ts +0 -1
  81. package/utils/base64.js +0 -13
  82. package/utils/base64.js.map +0 -1
  83. package/utils/debug.d.ts +0 -2
  84. package/utils/debug.js +0 -8
  85. package/utils/debug.js.map +0 -1
  86. package/utils/style-utils.d.ts +0 -17
  87. package/utils/style-utils.js +0 -15
  88. package/utils/style-utils.js.map +0 -1
@@ -1,95 +0,0 @@
1
- export function getVersionInfo(document) {
2
- if (document?.versions && document.versions.length > 0) {
3
- const enhancedVersions = document.versions.map((v) => {
4
- const versionWithPrompt = v;
5
- const prompt = versionWithPrompt.prompt || undefined;
6
- return {
7
- ...v,
8
- prompt,
9
- };
10
- });
11
- return {
12
- versions: enhancedVersions,
13
- currentVersion: typeof document.currentVersion === 'number'
14
- ? document.currentVersion
15
- : document.versions.length - 1,
16
- };
17
- }
18
- if (document?._files && document._files.image) {
19
- return {
20
- versions: [{ id: 'image', created: document.created || Date.now() }],
21
- currentVersion: 0,
22
- };
23
- }
24
- return { versions: [], currentVersion: 0 };
25
- }
26
- export function getPromptInfo(document, versionIndex) {
27
- try {
28
- if (typeof versionIndex === 'number') {
29
- const { versions } = getVersionInfo(document);
30
- if (versions &&
31
- Array.isArray(versions) &&
32
- versionIndex >= 0 &&
33
- versionIndex < versions.length) {
34
- const version = versions[versionIndex];
35
- const promptKey = version.promptKey || 'p1';
36
- if (document?.prompts && promptKey && document.prompts[promptKey]) {
37
- return {
38
- currentPrompt: document.prompts[promptKey].text || '',
39
- prompts: document.prompts,
40
- currentPromptKey: promptKey,
41
- };
42
- }
43
- if (version.prompt) {
44
- return {
45
- currentPrompt: version.prompt,
46
- prompts: { ...(document?.prompts || {}), legacy: { text: version.prompt } },
47
- currentPromptKey: 'legacy',
48
- };
49
- }
50
- const docWithPromptMap = document;
51
- if (docWithPromptMap.promptMap && version.id && docWithPromptMap.promptMap[version.id]) {
52
- const legacyPrompt = docWithPromptMap.promptMap[version.id];
53
- return {
54
- currentPrompt: legacyPrompt,
55
- prompts: { legacy: { text: legacyPrompt } },
56
- currentPromptKey: 'legacy',
57
- };
58
- }
59
- }
60
- }
61
- }
62
- catch (e) {
63
- console.error('Error getting version-specific prompt:', e);
64
- }
65
- if (document?.prompts && document.currentPromptKey) {
66
- return {
67
- currentPrompt: document.prompts[document.currentPromptKey]?.text || '',
68
- prompts: document.prompts,
69
- currentPromptKey: document.currentPromptKey,
70
- };
71
- }
72
- if (document?.prompt) {
73
- return {
74
- currentPrompt: document.prompt,
75
- prompts: { p1: { text: document.prompt, created: document.created || Date.now() } },
76
- currentPromptKey: 'p1',
77
- };
78
- }
79
- return { currentPrompt: '', prompts: {}, currentPromptKey: '' };
80
- }
81
- export function getCurrentFileKey(document, versionIndex, versions) {
82
- if (!versions || versions.length === 0)
83
- return null;
84
- if (versions.length > versionIndex) {
85
- const versionId = versions[versionIndex].id;
86
- if (document?._files && document._files[versionId]) {
87
- return versionId;
88
- }
89
- }
90
- if (document?._files && document._files.image) {
91
- return 'image';
92
- }
93
- return null;
94
- }
95
- //# sourceMappingURL=ImgGenDisplayUtils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenDisplayUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplayUtils.ts"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { ImgGenErrorProps } from './types.js';
3
- export declare function ImgGenError({ message, className, classes }: Partial<ImgGenErrorProps>): React.JSX.Element;
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
3
- export function ImgGenError({ message, className, classes = defaultClasses, }) {
4
- return (React.createElement("div", { className: combineClasses('imggen-error', className, classes.error) }, React.createElement("h3", { className: "imggen-error-title" }, "Error"), React.createElement("p", { className: "imggen-error-message" }, message || 'Failed to render image')));
5
- }
6
- //# sourceMappingURL=ImgGenError.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenError.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG5E,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,OAAO,GAAG,cAAc,GACE,EAAE;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,IACtE,4BAAI,SAAS,EAAC,oBAAoB,YAAW,EAC7C,2BAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,IAAI,wBAAwB,CAAK,CACzE,CACP,CAAC;AAAA,CACH"}
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import '../ImgGen.css';
3
- interface ImgGenFileDropProps {
4
- readonly onFilesDropped: (files: File[]) => void;
5
- readonly className?: string;
6
- readonly isActive?: boolean;
7
- readonly maxFiles?: number;
8
- readonly debug?: boolean;
9
- readonly addFilesMessage?: string;
10
- }
11
- export declare function ImgGenFileDrop({ onFilesDropped, className, isActive, maxFiles, debug, addFilesMessage }: ImgGenFileDropProps): React.ReactElement;
12
- export {};
@@ -1,50 +0,0 @@
1
- import * as React from 'react';
2
- import { combineClasses } from '../../utils/style-utils.js';
3
- import '../ImgGen.css';
4
- export function ImgGenFileDrop({ onFilesDropped, className, isActive = true, maxFiles = 10, debug, addFilesMessage = 'Drop images here or click to browse', }) {
5
- const fileInputRef = React.useRef(null);
6
- const [isDragging, setIsDragging] = React.useState(false);
7
- const handleDragOver = React.useCallback((e) => {
8
- e.preventDefault();
9
- e.stopPropagation();
10
- setIsDragging(true);
11
- }, []);
12
- const handleDragLeave = React.useCallback((e) => {
13
- e.preventDefault();
14
- e.stopPropagation();
15
- setIsDragging(false);
16
- }, []);
17
- const handleClick = React.useCallback(() => {
18
- if (isActive && fileInputRef.current) {
19
- fileInputRef.current.click();
20
- }
21
- }, [isActive]);
22
- const processFiles = React.useCallback((fileList) => {
23
- if (!isActive)
24
- return;
25
- const files = Array.from(fileList);
26
- if (files.length === 0)
27
- return;
28
- const filesToProcess = files.slice(0, maxFiles);
29
- if (debug) {
30
- console.log(`[ImgGenFileDrop] Processing ${filesToProcess.length} files of ${files.length} selected`);
31
- }
32
- const imageFiles = filesToProcess.filter((file) => file.type.startsWith('image/'));
33
- if (imageFiles.length > 0) {
34
- onFilesDropped(imageFiles);
35
- }
36
- }, [isActive, maxFiles, onFilesDropped, debug]);
37
- const handleDrop = React.useCallback((e) => {
38
- e.preventDefault();
39
- e.stopPropagation();
40
- setIsDragging(false);
41
- processFiles(e.dataTransfer.files);
42
- }, [processFiles]);
43
- const handleFileInput = React.useCallback((e) => {
44
- if (e.target.files?.length) {
45
- processFiles(e.target.files);
46
- }
47
- }, [processFiles]);
48
- return (React.createElement("div", { className: combineClasses('imggen-file-drop', isDragging ? 'imggen-file-drop-active' : '', !isActive ? 'imggen-file-drop-disabled' : '', className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick }, React.createElement("input", { type: "file", ref: fileInputRef, accept: "image/*", onChange: handleFileInput, multiple: true, style: { display: 'none' } }), React.createElement("div", { className: "imggen-file-drop-message" }, addFilesMessage)));
49
- }
50
- //# sourceMappingURL=ImgGenFileDrop.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenFileDrop.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenFileDrop.tsx"],"names":[],"mappings":"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"}
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
- import { ImgGenClasses } from '../../utils/style-utils.js';
3
- export interface ImgGenModalProps {
4
- readonly isOpen: boolean;
5
- readonly onClose: () => void;
6
- readonly currentFile: File | undefined;
7
- readonly alt?: string;
8
- readonly promptText: string;
9
- readonly editedPrompt: string | null;
10
- readonly setEditedPrompt: (_editedPrompt: string | null) => void;
11
- readonly handlePromptEdit: (_newPrompt: string) => void;
12
- readonly handleDeleteConfirm: () => void;
13
- readonly handlePrevVersion: () => void;
14
- readonly handleNextVersion: () => void;
15
- readonly handleRegen: () => void;
16
- readonly versionIndex: number;
17
- readonly totalVersions: number;
18
- readonly progress: number;
19
- readonly versionFlash?: boolean;
20
- readonly isRegenerating?: boolean;
21
- readonly error?: Error | null;
22
- readonly classes?: Partial<ImgGenClasses>;
23
- }
24
- export declare function ImgGenModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash, isRegenerating, error, classes }: ImgGenModalProps): React.ReactPortal | null;
@@ -1,28 +0,0 @@
1
- import * as React from 'react';
2
- import { ImgFile } from 'use-fireproof';
3
- import { createPortal } from 'react-dom';
4
- import { ImageOverlay } from './overlays/ImageOverlay.js';
5
- import { ImgGenError } from './ImgGenError.js';
6
- import { defaultClasses } from '../../utils/style-utils.js';
7
- export function ImgGenModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash = false, isRegenerating = false, error = null, classes = defaultClasses, }) {
8
- React.useEffect(() => {
9
- const handleEsc = (e) => {
10
- if (e.key === 'Escape') {
11
- onClose();
12
- }
13
- };
14
- if (isOpen) {
15
- window.addEventListener('keydown', handleEsc);
16
- return () => window.removeEventListener('keydown', handleEsc);
17
- }
18
- }, [isOpen, onClose]);
19
- if (!isOpen || !currentFile) {
20
- return null;
21
- }
22
- const effectivePromptText = promptText;
23
- return createPortal(React.createElement("div", { className: "imggen-backdrop", onClick: (e) => {
24
- e.stopPropagation();
25
- onClose();
26
- }, role: "presentation" }, React.createElement("figure", { className: "imggen-full-wrapper", onClick: (e) => e.stopPropagation() }, error ? (React.createElement("div", { className: "imggen-backdrop-error" }, React.createElement(ImgGenError, { message: error.message }))) : (React.createElement(ImgFile, { file: currentFile, className: "imggen-backdrop-image", alt: alt || 'Generated image' })), React.createElement(ImageOverlay, { promptText: effectivePromptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating, classes: classes, showDelete: true }))), globalThis.document.body);
27
- }
28
- //# sourceMappingURL=ImgGenModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenModal.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAiB,MAAM,4BAA4B,CAAC;AA4B3E,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,WAAW,EACX,GAAG,EACH,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,IAAI,EACZ,OAAO,GAAG,cAAc,GACP,EAAE;IAEnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC;YACZ,CAAC;QAAA,CACF,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChE,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAGD,MAAM,mBAAmB,GAAG,UAAU,CAAC;IAEvC,OAAO,YAAY,CACjB,6BACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YACd,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QAAA,CACX,EACD,IAAI,EAAC,cAAc,IAEnB,gCAAQ,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IACxE,KAAK,CAAC,CAAC,CAAC,CACP,6BAAK,SAAS,EAAC,uBAAuB,IACpC,oBAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CACnC,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,GAAG,IAAI,iBAAiB,GAC7B,CACH,EAED,oBAAC,YAAY,IACX,UAAU,EAAE,mBAAmB,EAC/B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,GAChB,CACK,CACL,EACN,UAAU,CAAC,QAAQ,CAAC,IAAI,CACzB,CAAC;AAAA,CACH"}
@@ -1,9 +0,0 @@
1
- import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
2
- export type ImgGenMode = 'placeholder' | 'uploadWaiting' | 'generating' | 'display' | 'error';
3
- export declare function getImgGenMode({ document, prompt, loading, error, debug }: {
4
- document?: PartialImageDocument | null;
5
- prompt?: string;
6
- loading: boolean;
7
- error?: Error;
8
- debug?: boolean;
9
- }): ImgGenMode;
@@ -1,48 +0,0 @@
1
- export function getImgGenMode({ document, prompt, loading, error, debug, }) {
2
- if (error) {
3
- if (debug)
4
- console.log('[ImgGenModeUtils] Error present - error mode');
5
- return 'error';
6
- }
7
- if (loading && prompt) {
8
- if (debug)
9
- console.log('[ImgGenModeUtils] Prompt + loading → generating');
10
- return 'generating';
11
- }
12
- const hasVersions = !!document?.versions?.length;
13
- const hasInputFiles = document?._files && Object.keys(document._files).some((key) => key.startsWith('in'));
14
- const hasEmptyDoc = !!document && (!document._files || Object.keys(document._files).length === 0) && !hasVersions;
15
- if (debug) {
16
- console.log('[ImgGenModeUtils] Determining mode:', {
17
- prompt: !!prompt,
18
- hasVersions,
19
- hasInputFiles,
20
- hasEmptyDoc,
21
- loading,
22
- });
23
- }
24
- if (!document) {
25
- if (debug)
26
- console.log('[ImgGenModeUtils] No document - placeholder mode');
27
- return 'placeholder';
28
- }
29
- if (hasInputFiles && !prompt && !hasVersions) {
30
- if (debug)
31
- console.log('[ImgGenModeUtils] Has input files but no prompt - uploadWaiting mode');
32
- return 'uploadWaiting';
33
- }
34
- if ((prompt || loading) && !hasVersions) {
35
- if (debug)
36
- console.log('[ImgGenModeUtils] Has prompt but no versions - generating mode');
37
- return 'generating';
38
- }
39
- if (hasVersions) {
40
- if (debug)
41
- console.log('[ImgGenModeUtils] Has versions - display mode');
42
- return 'display';
43
- }
44
- if (debug)
45
- console.log('[ImgGenModeUtils] Fallback - placeholder mode');
46
- return 'placeholder';
47
- }
48
- //# sourceMappingURL=ImgGenModeUtils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenModeUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenModeUtils.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,GAON,EAAc;IACb,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC;IAID,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;QACtB,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,mDAAiD,CAAC,CAAC;QAC1E,OAAO,YAAY,CAAC;IACtB,CAAC;IAGD,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;IAGjD,MAAM,aAAa,GACjB,QAAQ,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAIvF,MAAM,WAAW,GACf,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAEhG,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE;YACjD,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,WAAW;YACX,aAAa;YACb,WAAW;YACX,OAAO;SACR,CAAC,CAAC;IACL,CAAC;IAGD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,kDAAkD,CAAC,CAAC;QAC3E,OAAO,aAAa,CAAC;IACvB,CAAC;IAGD,IAAI,aAAa,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7C,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,sEAAsE,CAAC,CAAC;QAC/F,OAAO,eAAe,CAAC;IACzB,CAAC;IAGD,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,gEAAgE,CAAC,CAAC;QACzF,OAAO,YAAY,CAAC;IACtB,CAAC;IAGD,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;QACxE,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,IAAI,KAAK;QAAE,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;IACxE,OAAO,aAAa,CAAC;AAAA,CACtB"}
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import '../ImgGen.css';
3
- import { ImgGenClasses } from '../../utils/style-utils.js';
4
- interface ImgGenPromptWaitingProps {
5
- readonly className?: string;
6
- readonly classes?: Partial<ImgGenClasses>;
7
- readonly database?: string;
8
- readonly debug?: boolean;
9
- readonly onFilesUploaded?: (docId: string) => void;
10
- }
11
- export declare function ImgGenPromptWaiting({ className, classes, database, debug, onFilesUploaded }: ImgGenPromptWaitingProps): React.JSX.Element;
12
- export {};
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
- import '../ImgGen.css';
3
- import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
4
- import { ImgGenFileDrop } from './ImgGenFileDrop.js';
5
- import { useFireproof } from 'use-fireproof';
6
- export function ImgGenPromptWaiting({ className, classes = defaultClasses, database, debug, onFilesUploaded, }) {
7
- const { database: db } = useFireproof(database || 'ImgGen');
8
- const handleFilesDropped = React.useCallback(async (files) => {
9
- if (!files.length)
10
- return;
11
- if (debug) {
12
- console.log(`[ImgGenPromptWaiting] Handling ${files.length} dropped files`);
13
- }
14
- try {
15
- const newDoc = {
16
- type: 'image',
17
- createdAt: new Date().toISOString(),
18
- _files: {},
19
- };
20
- files.forEach((file, index) => {
21
- newDoc._files[`in${index + 1}`] = file;
22
- });
23
- const result = await db.put(newDoc);
24
- if (debug) {
25
- console.log('[ImgGenPromptWaiting] Created document for uploads:', result.id);
26
- }
27
- if (onFilesUploaded && result.id) {
28
- onFilesUploaded(result.id);
29
- }
30
- }
31
- catch (error) {
32
- console.error('[ImgGenPromptWaiting] Error handling file upload:', error);
33
- }
34
- }, [db, debug, onFilesUploaded]);
35
- return (React.createElement("div", { className: combineClasses('imggen-upload-waiting', className || '', classes?.uploadWaiting || '') }, React.createElement("div", { className: "imggen-placeholder-content", style: { marginBottom: '1rem', textAlign: 'center' } }, React.createElement("h3", { style: { margin: '0 0 0.5rem 0', color: '#333' } }, "Generate an Image"), React.createElement("p", { style: { margin: '0', color: '#666' } }, "Enter a prompt or upload an image to edit")), React.createElement(ImgGenFileDrop, { className: classes?.dropZone || '', onFilesDropped: handleFilesDropped, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images here to upload (or click to browse)" })));
36
- }
37
- //# sourceMappingURL=ImgGenPromptWaiting.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenPromptWaiting.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenPromptWaiting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,4BAA4B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAiB7C,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,GAAG,cAAc,EACxB,QAAQ,EACR,KAAK,EACL,eAAe,GACU,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAG5D,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,CAAC,kCAAkC,KAAK,CAAC,MAAM,gBAAgB,CAAC,CAAC;QAC9E,CAAC;QAED,IAAI,CAAC;YAEH,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;gBACnC,MAAM,EAAE,EAA0B;aACnC,CAAC;YAGF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAG7B,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YAAA,CACxC,CAAC,CAAC;YAGH,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CAAC,qDAAqD,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YAChF,CAAC;YAGD,IAAI,eAAe,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;gBACjC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,mDAAmD,EAAE,KAAK,CAAC,CAAC;QAC5E,CAAC;IAAA,CACF,EACD,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CACvB,uBAAuB,EACvB,SAAS,IAAI,EAAE,EACf,OAAO,EAAE,aAAa,IAAI,EAAE,CAC7B,IAED,6BACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAEpD,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAC5E,2BAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,gDAA+C,CACnF,EAEN,oBAAC,cAAc,IACb,SAAS,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAClC,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,eAAe,EAAC,iDAAiD,GACjE,CACE,CACP,CAAC;AAAA,CACH"}
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
- import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
3
- import { Database } from 'use-fireproof';
4
- import { ImgGenClasses } from '../../utils/style-utils.js';
5
- import '../ImgGen.css';
6
- interface ImgGenUploadWaitingProps {
7
- readonly document?: PartialImageDocument;
8
- readonly className?: string;
9
- readonly classes?: Partial<ImgGenClasses>;
10
- readonly debug?: boolean;
11
- readonly database?: string | Database;
12
- readonly onFilesAdded?: () => void;
13
- readonly onDocumentCreated?: (docId: string) => void;
14
- readonly onPromptSubmit: (prompt: string, documentId?: string) => void;
15
- }
16
- export declare function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit }: ImgGenUploadWaitingProps): React.ReactElement;
17
- export {};
@@ -1,132 +0,0 @@
1
- import * as React from 'react';
2
- import { useFireproof, ImgFile } from 'use-fireproof';
3
- import { ImgGenFileDrop } from '../ImgGenUtils/ImgGenFileDrop.js';
4
- import { combineClasses } from '../../utils/style-utils.js';
5
- import '../ImgGen.css';
6
- export function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit, }) {
7
- const { database: db } = useFireproof(database || 'ImgGen');
8
- const [prompt, setPrompt] = React.useState('');
9
- const [inputFiles, setInputFiles] = React.useState([]);
10
- React.useEffect(() => {
11
- if (document?._files) {
12
- const inFiles = Object.keys(document._files)
13
- .filter((key) => key.startsWith('in'))
14
- .sort();
15
- setInputFiles(inFiles);
16
- if (debug) {
17
- console.log('[ImgGenUploadWaiting] Found input files:', inFiles);
18
- }
19
- }
20
- }, [document, debug]);
21
- React.useEffect(() => {
22
- const objectUrls = [];
23
- return () => {
24
- objectUrls.forEach((url) => URL.revokeObjectURL(url));
25
- };
26
- }, []);
27
- const handleFilesUploaded = async (files) => {
28
- if (!files.length)
29
- return;
30
- if (document && document._id) {
31
- await addFilesToExistingDocument(files);
32
- }
33
- // Otherwise create a new document
34
- else {
35
- await createNewDocumentWithFiles(files);
36
- }
37
- };
38
- const createNewDocumentWithFiles = async (files) => {
39
- try {
40
- const newDoc = {
41
- type: 'image',
42
- createdAt: new Date().toISOString(),
43
- _files: {},
44
- };
45
- files.forEach((file, index) => {
46
- newDoc._files[`in${index + 1}`] = file;
47
- });
48
- const result = await db.put(newDoc);
49
- if (debug) {
50
- console.log('[ImgGenUploadWaiting] Created document for uploads:', result.id);
51
- }
52
- if (onDocumentCreated && result.id) {
53
- onDocumentCreated(result.id);
54
- }
55
- }
56
- catch (error) {
57
- console.error('[ImgGenUploadWaiting] Error creating document for uploads:', error);
58
- }
59
- };
60
- const addFilesToExistingDocument = async (files) => {
61
- if (!document || !document._id)
62
- return;
63
- try {
64
- const doc = await db.get(document._id);
65
- if (!doc) {
66
- console.error('[ImgGenUploadWaiting] Document not found:', document._id);
67
- return;
68
- }
69
- let maxInputNum = 0;
70
- if (doc._files) {
71
- Object.keys(doc._files).forEach((key) => {
72
- if (key.startsWith('in')) {
73
- const num = parseInt(key.substring(2), 10);
74
- if (!isNaN(num) && num > maxInputNum) {
75
- maxInputNum = num;
76
- }
77
- }
78
- });
79
- }
80
- const updatedDoc = { ...doc };
81
- if (!updatedDoc._files)
82
- updatedDoc._files = {};
83
- for (let i = 0; i < files.length; i++) {
84
- const file = files[i];
85
- const fileKey = `in${maxInputNum + i + 1}`;
86
- updatedDoc._files[fileKey] = file;
87
- if (debug) {
88
- console.log(`[ImgGenUploadWaiting] Adding file to document: ${fileKey}`, file.name);
89
- }
90
- }
91
- const result = await db.put(updatedDoc);
92
- if (debug) {
93
- console.log('[ImgGenUploadWaiting] Document updated with new files:', result.id);
94
- }
95
- const refreshedDoc = await db.get(result.id);
96
- if (refreshedDoc) {
97
- const inFiles = Object.keys(refreshedDoc._files || {})
98
- .filter((key) => key.startsWith('in'))
99
- .sort();
100
- setInputFiles(inFiles);
101
- if (debug) {
102
- console.log('[ImgGenUploadWaiting] Refreshed input files:', inFiles);
103
- }
104
- }
105
- if (onFilesAdded) {
106
- onFilesAdded();
107
- }
108
- }
109
- catch (error) {
110
- console.error('[ImgGenUploadWaiting] Error updating document with new files:', error);
111
- }
112
- };
113
- const handleSubmit = (e) => {
114
- e.preventDefault();
115
- if (prompt.trim()) {
116
- if (document && document._id) {
117
- if (debug) {
118
- console.log('[ImgGenUploadWaiting] Submitting prompt with document ID:', document._id);
119
- }
120
- onPromptSubmit(prompt.trim(), document._id);
121
- }
122
- else {
123
- if (debug) {
124
- console.log('[ImgGenUploadWaiting] Submitting prompt with no document');
125
- }
126
- onPromptSubmit(prompt.trim());
127
- }
128
- }
129
- };
130
- return (React.createElement("div", { className: combineClasses('imggen-upload-waiting', className || '', classes?.uploadWaiting || '') }, React.createElement("div", { className: "imggen-placeholder-content", style: { textAlign: 'center' } }, React.createElement("h3", { style: { margin: '0 0 0.5rem 0', color: '#333' } }, "Image Generator")), React.createElement("form", { onSubmit: handleSubmit, className: "imggen-prompt-form" }, React.createElement("input", { type: "text", value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Enter a prompt...", className: "imggen-prompt-input" }), React.createElement("button", { type: "submit", disabled: !prompt.trim(), className: "imggen-prompt-submit" }, "Generat")), inputFiles.length > 0 && (React.createElement("div", { className: "imggen-uploaded-previews" }, React.createElement("div", { className: "imggen-upload-count" }, inputFiles.length, " ", inputFiles.length === 1 ? 'image' : 'images', " uploade"), React.createElement("div", { className: "imggen-thumbnails" }, inputFiles.slice(0, 4).map((fileKey) => (React.createElement("div", { key: fileKey, className: "imggen-thumbnail" }, document?._files && document._files[fileKey] && (React.createElement(ImgFile, { file: document._files[fileKey], alt: `Upload ${fileKey}`, className: "imggen-thumbnail-img" }))))), inputFiles.length > 4 && (React.createElement("div", { className: "imggen-more-count" }, "+", inputFiles.length - 4, " more"))))), React.createElement(ImgGenFileDrop, { className: classes?.dropZone || '', onFilesDropped: handleFilesUploaded, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images or click to upload (optional)" })));
131
- }
132
- //# sourceMappingURL=ImgGenUploadWaiting.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImgGenUploadWaiting.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenUploadWaiting.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
2
- export { ImgGenError } from './ImgGenError.js';
3
- export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
4
- export { ImgGenDisplay } from './ImgGenDisplay.js';
5
- export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
6
- export * from './types.js';
@@ -1,7 +0,0 @@
1
- export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
2
- export { ImgGenError } from './ImgGenError.js';
3
- export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
4
- export { ImgGenDisplay } from './ImgGenDisplay.js';
5
- export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
6
- export * from './types.js';
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,cAAc,YAAY,CAAC"}
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ImgGenClasses } from '../../../utils/style-utils.js';
3
- interface DeleteConfirmationOverlayProps {
4
- readonly handleDeleteConfirm: () => void;
5
- readonly handleCancelDelete: () => void;
6
- readonly classes?: Partial<ImgGenClasses>;
7
- }
8
- export declare function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes }: DeleteConfirmationOverlayProps): React.JSX.Element;
9
- export {};
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
3
- export function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes = defaultClasses, }) {
4
- React.useEffect(() => {
5
- const timeoutId = setTimeout(() => {
6
- handleCancelDelete();
7
- }, 3000);
8
- return () => clearTimeout(timeoutId);
9
- }, [handleCancelDelete]);
10
- return (React.createElement("div", { className: combineClasses('imggen-delete-message', classes.overlay), style: {
11
- display: 'flex',
12
- alignItems: 'center',
13
- justifyContent: 'center',
14
- backgroundColor: 'rgba(255, 0, 0, 0.1)',
15
- borderRadius: 'var(--imggen-border-radius)',
16
- padding: '10px 15px',
17
- marginBottom: '8px',
18
- textAlign: 'center',
19
- width: 'auto',
20
- boxSizing: 'border-box',
21
- border: '1px solid var(--imggen-error-border)',
22
- cursor: 'pointer',
23
- }, onClick: handleDeleteConfirm, "aria-label": "Confirm delete" }, React.createElement("p", { style: {
24
- color: '#ff3333',
25
- fontSize: '14px',
26
- margin: 0,
27
- fontWeight: 'bold',
28
- } }, "Confirm delete? This action cannot be undone")));
29
- }
30
- //# sourceMappingURL=DeleteConfirmationOverlay.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeleteConfirmationOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAS9F,MAAM,UAAU,yBAAyB,CAAC,EACxC,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GACO,EAAE;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YACjC,kBAAkB,EAAE,CAAC;QAAA,CACtB,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAAA,CACtC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,OAAO,CAAC,OAAO,CAAC,EACnE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,sBAAsB;YACvC,YAAY,EAAE,6BAA6B;YAC3C,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,sCAAsC;YAC9C,MAAM,EAAE,SAAS;SAClB,EACD,OAAO,EAAE,mBAAmB,gBACjB,gBAAgB,IAE3B,2BACE,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;SACnB,mDAGC,CACA,CACP,CAAC;AAAA,CACH"}