@wix/ai-assistant-avatar 0.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +343 -0
- package/dist/cjs/Astro/Astro.js +200 -0
- package/dist/cjs/Astro/Astro.js.map +1 -0
- package/dist/cjs/Astro/Astro.module.scss +46 -0
- package/dist/cjs/Astro/components/DotTrail.js +47 -0
- package/dist/cjs/Astro/components/DotTrail.js.map +1 -0
- package/dist/cjs/Astro/config/animation.js +35 -0
- package/dist/cjs/Astro/config/animation.js.map +1 -0
- package/dist/cjs/Astro/config/index.js +16 -0
- package/dist/cjs/Astro/config/index.js.map +1 -0
- package/dist/cjs/Astro/config/size.js +9 -0
- package/dist/cjs/Astro/config/size.js.map +1 -0
- package/dist/cjs/Astro/hooks/index.js +22 -0
- package/dist/cjs/Astro/hooks/index.js.map +1 -0
- package/dist/cjs/Astro/hooks/useAvatarSetup.js +49 -0
- package/dist/cjs/Astro/hooks/useAvatarSetup.js.map +1 -0
- package/dist/cjs/Astro/hooks/useDotAnimation.js +148 -0
- package/dist/cjs/Astro/hooks/useDotAnimation.js.map +1 -0
- package/dist/cjs/Astro/hooks/useMovement.js +25 -0
- package/dist/cjs/Astro/hooks/useMovement.js.map +1 -0
- package/dist/cjs/Astro/types/index.js +4 -0
- package/dist/cjs/Astro/types/index.js.map +1 -0
- package/dist/cjs/Astro/utils/helpers.js +29 -0
- package/dist/cjs/Astro/utils/helpers.js.map +1 -0
- package/dist/cjs/Astro/utils/index.js +22 -0
- package/dist/cjs/Astro/utils/index.js.map +1 -0
- package/dist/cjs/Astro/utils/logs.js +6 -0
- package/dist/cjs/Astro/utils/logs.js.map +1 -0
- package/dist/cjs/Astro/utils/pathGeneration.js +36 -0
- package/dist/cjs/Astro/utils/pathGeneration.js.map +1 -0
- package/dist/cjs/Astro/utils/positioning.js +15 -0
- package/dist/cjs/Astro/utils/positioning.js.map +1 -0
- package/dist/cjs/__tests__/spec-setup.js +14 -0
- package/dist/cjs/__tests__/spec-setup.js.map +1 -0
- package/dist/cjs/external-types.d.js +2 -0
- package/dist/cjs/external-types.d.js.map +1 -0
- package/dist/cjs/index.js +38 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/test-types.d.js +2 -0
- package/dist/cjs/test-types.d.js.map +1 -0
- package/dist/esm/Astro/Astro.js +163 -0
- package/dist/esm/Astro/Astro.js.map +1 -0
- package/dist/esm/Astro/Astro.module.scss +46 -0
- package/dist/esm/Astro/components/DotTrail.js +29 -0
- package/dist/esm/Astro/components/DotTrail.js.map +1 -0
- package/dist/esm/Astro/config/animation.js +31 -0
- package/dist/esm/Astro/config/animation.js.map +1 -0
- package/dist/esm/Astro/config/index.js +3 -0
- package/dist/esm/Astro/config/index.js.map +1 -0
- package/dist/esm/Astro/config/size.js +5 -0
- package/dist/esm/Astro/config/size.js.map +1 -0
- package/dist/esm/Astro/hooks/index.js +4 -0
- package/dist/esm/Astro/hooks/index.js.map +1 -0
- package/dist/esm/Astro/hooks/useAvatarSetup.js +48 -0
- package/dist/esm/Astro/hooks/useAvatarSetup.js.map +1 -0
- package/dist/esm/Astro/hooks/useDotAnimation.js +152 -0
- package/dist/esm/Astro/hooks/useDotAnimation.js.map +1 -0
- package/dist/esm/Astro/hooks/useMovement.js +22 -0
- package/dist/esm/Astro/hooks/useMovement.js.map +1 -0
- package/dist/esm/Astro/types/index.js +2 -0
- package/dist/esm/Astro/types/index.js.map +1 -0
- package/dist/esm/Astro/utils/helpers.js +25 -0
- package/dist/esm/Astro/utils/helpers.js.map +1 -0
- package/dist/esm/Astro/utils/index.js +4 -0
- package/dist/esm/Astro/utils/index.js.map +1 -0
- package/dist/esm/Astro/utils/logs.js +2 -0
- package/dist/esm/Astro/utils/logs.js.map +1 -0
- package/dist/esm/Astro/utils/pathGeneration.js +27 -0
- package/dist/esm/Astro/utils/pathGeneration.js.map +1 -0
- package/dist/esm/Astro/utils/positioning.js +16 -0
- package/dist/esm/Astro/utils/positioning.js.map +1 -0
- package/dist/esm/__tests__/spec-setup.js +12 -0
- package/dist/esm/__tests__/spec-setup.js.map +1 -0
- package/dist/esm/external-types.d.js +2 -0
- package/dist/esm/external-types.d.js.map +1 -0
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/test-types.d.js +2 -0
- package/dist/esm/test-types.d.js.map +1 -0
- package/dist/types/Astro/Astro.d.ts +4 -0
- package/dist/types/Astro/Astro.d.ts.map +1 -0
- package/dist/types/Astro/components/DotTrail.d.ts +8 -0
- package/dist/types/Astro/components/DotTrail.d.ts.map +1 -0
- package/dist/types/Astro/config/animation.d.ts +4 -0
- package/dist/types/Astro/config/animation.d.ts.map +1 -0
- package/dist/types/Astro/config/index.d.ts +3 -0
- package/dist/types/Astro/config/index.d.ts.map +1 -0
- package/dist/types/Astro/config/size.d.ts +3 -0
- package/dist/types/Astro/config/size.d.ts.map +1 -0
- package/dist/types/Astro/hooks/index.d.ts +4 -0
- package/dist/types/Astro/hooks/index.d.ts.map +1 -0
- package/dist/types/Astro/hooks/useAvatarSetup.d.ts +20 -0
- package/dist/types/Astro/hooks/useAvatarSetup.d.ts.map +1 -0
- package/dist/types/Astro/hooks/useDotAnimation.d.ts +10 -0
- package/dist/types/Astro/hooks/useDotAnimation.d.ts.map +1 -0
- package/dist/types/Astro/hooks/useMovement.d.ts +6 -0
- package/dist/types/Astro/hooks/useMovement.d.ts.map +1 -0
- package/dist/types/Astro/types/index.d.ts +79 -0
- package/dist/types/Astro/types/index.d.ts.map +1 -0
- package/dist/types/Astro/utils/helpers.d.ts +7 -0
- package/dist/types/Astro/utils/helpers.d.ts.map +1 -0
- package/dist/types/Astro/utils/index.d.ts +4 -0
- package/dist/types/Astro/utils/index.d.ts.map +1 -0
- package/dist/types/Astro/utils/logs.d.ts +2 -0
- package/dist/types/Astro/utils/logs.d.ts.map +1 -0
- package/dist/types/Astro/utils/pathGeneration.d.ts +7 -0
- package/dist/types/Astro/utils/pathGeneration.d.ts.map +1 -0
- package/dist/types/Astro/utils/positioning.d.ts +3 -0
- package/dist/types/Astro/utils/positioning.d.ts.map +1 -0
- package/dist/types/__tests__/spec-setup.d.ts +2 -0
- package/dist/types/__tests__/spec-setup.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.TIMING = exports.ANIMATION_CONFIG = void 0;
|
|
5
|
+
const TIMING = exports.TIMING = {
|
|
6
|
+
SHRINK_DURATION: 400,
|
|
7
|
+
UNDO_DURATION: 500,
|
|
8
|
+
TRAVEL_DURATION: 1000,
|
|
9
|
+
PULSE_DURATION: 1000,
|
|
10
|
+
PUBLISH_DURATION: 1000,
|
|
11
|
+
IDEA_SPARK_DURATION: 1000,
|
|
12
|
+
DELAY_BEFORE_MOVE: 0,
|
|
13
|
+
RETURN_TO_CHAT_DELAY: 0,
|
|
14
|
+
DEBOUNCE_DELAY: 100,
|
|
15
|
+
ANIMATION_FRAME_DELAY: 16,
|
|
16
|
+
BOREDOM_TIMEOUT: 7000,
|
|
17
|
+
DOT_FADE_DURATION: 500,
|
|
18
|
+
BLINK_INTERVAL: 3050,
|
|
19
|
+
BLINK_VARIATION: 2950,
|
|
20
|
+
BLINK_MIN_INTERVAL: 100
|
|
21
|
+
};
|
|
22
|
+
const ANIMATION_CONFIG = exports.ANIMATION_CONFIG = {
|
|
23
|
+
TRAIL_COUNT: 21,
|
|
24
|
+
TRAIL_STAGGER: 1.5,
|
|
25
|
+
TRAIL_FADE: 0.25,
|
|
26
|
+
TRAIL_MIN_SCALE: 0.9,
|
|
27
|
+
TRAIL_BLUR: 0.6,
|
|
28
|
+
DOT_SIZE: 12,
|
|
29
|
+
DOT_COLOR: '#557DFF',
|
|
30
|
+
SWAY_AMOUNT: 100,
|
|
31
|
+
CONTROL_POINT_1: 0.33,
|
|
32
|
+
CONTROL_POINT_2: 0.66,
|
|
33
|
+
EASING: 'cubic-bezier(0.22,1,0.36,1)'
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=animation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["TIMING","exports","SHRINK_DURATION","UNDO_DURATION","TRAVEL_DURATION","PULSE_DURATION","PUBLISH_DURATION","IDEA_SPARK_DURATION","DELAY_BEFORE_MOVE","RETURN_TO_CHAT_DELAY","DEBOUNCE_DELAY","ANIMATION_FRAME_DELAY","BOREDOM_TIMEOUT","DOT_FADE_DURATION","BLINK_INTERVAL","BLINK_VARIATION","BLINK_MIN_INTERVAL","ANIMATION_CONFIG","TRAIL_COUNT","TRAIL_STAGGER","TRAIL_FADE","TRAIL_MIN_SCALE","TRAIL_BLUR","DOT_SIZE","DOT_COLOR","SWAY_AMOUNT","CONTROL_POINT_1","CONTROL_POINT_2","EASING"],"sources":["../../../../src/Astro/config/animation.ts"],"sourcesContent":["import type { TimingConfig, AnimationConfig } from '../types';\n\nexport const TIMING: TimingConfig = {\n SHRINK_DURATION: 400,\n UNDO_DURATION: 500,\n TRAVEL_DURATION: 1000,\n PULSE_DURATION: 1000,\n PUBLISH_DURATION: 1000,\n IDEA_SPARK_DURATION: 1000,\n DELAY_BEFORE_MOVE: 0,\n RETURN_TO_CHAT_DELAY: 0,\n DEBOUNCE_DELAY: 100,\n ANIMATION_FRAME_DELAY: 16,\n BOREDOM_TIMEOUT: 7000,\n DOT_FADE_DURATION: 500,\n BLINK_INTERVAL: 3050,\n BLINK_VARIATION: 2950,\n BLINK_MIN_INTERVAL: 100,\n};\n\nexport const ANIMATION_CONFIG: AnimationConfig = {\n TRAIL_COUNT: 21,\n TRAIL_STAGGER: 1.5,\n TRAIL_FADE: 0.25,\n TRAIL_MIN_SCALE: 0.9,\n TRAIL_BLUR: 0.6,\n DOT_SIZE: 12,\n DOT_COLOR: '#557DFF',\n SWAY_AMOUNT: 100,\n CONTROL_POINT_1: 0.33,\n CONTROL_POINT_2: 0.66,\n EASING: 'cubic-bezier(0.22,1,0.36,1)',\n};\n"],"mappings":";;;;AAEO,MAAMA,MAAoB,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAClCE,eAAe,EAAE,GAAG;EACpBC,aAAa,EAAE,GAAG;EAClBC,eAAe,EAAE,IAAI;EACrBC,cAAc,EAAE,IAAI;EACpBC,gBAAgB,EAAE,IAAI;EACtBC,mBAAmB,EAAE,IAAI;EACzBC,iBAAiB,EAAE,CAAC;EACpBC,oBAAoB,EAAE,CAAC;EACvBC,cAAc,EAAE,GAAG;EACnBC,qBAAqB,EAAE,EAAE;EACzBC,eAAe,EAAE,IAAI;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,cAAc,EAAE,IAAI;EACpBC,eAAe,EAAE,IAAI;EACrBC,kBAAkB,EAAE;AACtB,CAAC;AAEM,MAAMC,gBAAiC,GAAAhB,OAAA,CAAAgB,gBAAA,GAAG;EAC/CC,WAAW,EAAE,EAAE;EACfC,aAAa,EAAE,GAAG;EAClBC,UAAU,EAAE,IAAI;EAChBC,eAAe,EAAE,GAAG;EACpBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,GAAG;EAChBC,eAAe,EAAE,IAAI;EACrBC,eAAe,EAAE,IAAI;EACrBC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _animation = require("./animation");
|
|
5
|
+
Object.keys(_animation).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _animation[key]) return;
|
|
8
|
+
exports[key] = _animation[key];
|
|
9
|
+
});
|
|
10
|
+
var _size = require("./size");
|
|
11
|
+
Object.keys(_size).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (key in exports && exports[key] === _size[key]) return;
|
|
14
|
+
exports[key] = _size[key];
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_animation","require","Object","keys","forEach","key","exports","_size"],"sources":["../../../../src/Astro/config/index.ts"],"sourcesContent":["export * from './animation';\nexport * from './size';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,KAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,KAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,KAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,KAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ASTRO_SIZE","exports","WIDTH","HEIGHT"],"sources":["../../../../src/Astro/config/size.ts"],"sourcesContent":["import type { AstroSize } from '../types';\n\nexport const ASTRO_SIZE: AstroSize = {\n WIDTH: 94,\n HEIGHT: 94,\n};\n"],"mappings":";;;;AAEO,MAAMA,UAAqB,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACnCE,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE;AACV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _useAvatarSetup = require("./useAvatarSetup");
|
|
5
|
+
Object.keys(_useAvatarSetup).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _useAvatarSetup[key]) return;
|
|
8
|
+
exports[key] = _useAvatarSetup[key];
|
|
9
|
+
});
|
|
10
|
+
var _useMovement = require("./useMovement");
|
|
11
|
+
Object.keys(_useMovement).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (key in exports && exports[key] === _useMovement[key]) return;
|
|
14
|
+
exports[key] = _useMovement[key];
|
|
15
|
+
});
|
|
16
|
+
var _useDotAnimation = require("./useDotAnimation");
|
|
17
|
+
Object.keys(_useDotAnimation).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (key in exports && exports[key] === _useDotAnimation[key]) return;
|
|
20
|
+
exports[key] = _useDotAnimation[key];
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useAvatarSetup","require","Object","keys","forEach","key","exports","_useMovement","_useDotAnimation"],"sources":["../../../../src/Astro/hooks/index.ts"],"sourcesContent":["export * from './useAvatarSetup';\nexport * from './useMovement';\nexport * from './useDotAnimation';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,YAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,YAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,YAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,YAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,gBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,gBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,gBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,gBAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.useAvatarSetup = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _ariaAiAvatar = require("@wix/aria-ai-avatar");
|
|
7
|
+
var _animation = require("../config/animation");
|
|
8
|
+
const useAvatarSetup = options => {
|
|
9
|
+
const [avatarHidden, setAvatarHidden] = (0, _react.useState)(true);
|
|
10
|
+
const [isBored, setIsBored] = (0, _react.useState)(false);
|
|
11
|
+
const AriaAvatar = (0, _ariaAiAvatar.useAriaAvatar)(options);
|
|
12
|
+
const boredomTimeoutRef = (0, _react.useRef)();
|
|
13
|
+
const resetBoredomTimeout = () => {
|
|
14
|
+
setIsBored(false);
|
|
15
|
+
if (AriaAvatar.getState() === _ariaAiAvatar.AvatarState.SLEEPING) {
|
|
16
|
+
AriaAvatar.setState(_ariaAiAvatar.AvatarState.IDLE);
|
|
17
|
+
}
|
|
18
|
+
if (boredomTimeoutRef.current) {
|
|
19
|
+
clearTimeout(boredomTimeoutRef.current);
|
|
20
|
+
}
|
|
21
|
+
boredomTimeoutRef.current = setTimeout(async () => {
|
|
22
|
+
setIsBored(true);
|
|
23
|
+
await AriaAvatar.setState(_ariaAiAvatar.AvatarState.SLEEPING);
|
|
24
|
+
}, _animation.TIMING.BOREDOM_TIMEOUT);
|
|
25
|
+
};
|
|
26
|
+
const wrappedAriaAvatar = {
|
|
27
|
+
...AriaAvatar,
|
|
28
|
+
lookAt: (x, y) => {
|
|
29
|
+
resetBoredomTimeout();
|
|
30
|
+
return AriaAvatar.lookAt(x, y);
|
|
31
|
+
},
|
|
32
|
+
setState: state => {
|
|
33
|
+
resetBoredomTimeout();
|
|
34
|
+
return AriaAvatar.setState(state);
|
|
35
|
+
},
|
|
36
|
+
fireEvent: event => {
|
|
37
|
+
resetBoredomTimeout();
|
|
38
|
+
return AriaAvatar.fireEvent(event);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return {
|
|
42
|
+
AriaAvatar: wrappedAriaAvatar,
|
|
43
|
+
avatarHidden,
|
|
44
|
+
setAvatarHidden,
|
|
45
|
+
isBored
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
exports.useAvatarSetup = useAvatarSetup;
|
|
49
|
+
//# sourceMappingURL=useAvatarSetup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_ariaAiAvatar","_animation","useAvatarSetup","options","avatarHidden","setAvatarHidden","useState","isBored","setIsBored","AriaAvatar","useAriaAvatar","boredomTimeoutRef","useRef","resetBoredomTimeout","getState","AvatarState","SLEEPING","setState","IDLE","current","clearTimeout","setTimeout","TIMING","BOREDOM_TIMEOUT","wrappedAriaAvatar","lookAt","x","y","state","fireEvent","event","exports"],"sources":["../../../../src/Astro/hooks/useAvatarSetup.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { AvatarEvent, AvatarState, useAriaAvatar } from '@wix/aria-ai-avatar';\nimport { TIMING } from '../config/animation';\n\nexport const useAvatarSetup = (options?: {\n mode?: 'light' | 'dark';\n variant?: '2d' | '3d';\n}) => {\n const [avatarHidden, setAvatarHidden] = useState(true);\n const [isBored, setIsBored] = useState(false);\n const AriaAvatar = useAriaAvatar(options);\n const boredomTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n const resetBoredomTimeout = () => {\n setIsBored(false);\n if (AriaAvatar.getState() === AvatarState.SLEEPING) {\n AriaAvatar.setState(AvatarState.IDLE);\n }\n if (boredomTimeoutRef.current) {\n clearTimeout(boredomTimeoutRef.current);\n }\n boredomTimeoutRef.current = setTimeout(async () => {\n setIsBored(true);\n await AriaAvatar.setState(AvatarState.SLEEPING);\n }, TIMING.BOREDOM_TIMEOUT);\n };\n\n const wrappedAriaAvatar = {\n ...AriaAvatar,\n lookAt: (x: number, y: number) => {\n resetBoredomTimeout();\n return AriaAvatar.lookAt(x, y);\n },\n setState: (state: AvatarState) => {\n resetBoredomTimeout();\n return AriaAvatar.setState(state);\n },\n fireEvent: (event: AvatarEvent) => {\n resetBoredomTimeout();\n return AriaAvatar.fireEvent(event);\n },\n };\n\n return {\n AriaAvatar: wrappedAriaAvatar,\n avatarHidden,\n setAvatarHidden,\n isBored,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAIC,OAG9B,IAAK;EACJ,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EACtD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAC7C,MAAMG,UAAU,GAAG,IAAAC,2BAAa,EAACP,OAAO,CAAC;EACzC,MAAMQ,iBAAiB,GAAG,IAAAC,aAAM,EAAgC,CAAC;EAEjE,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;IAChCL,UAAU,CAAC,KAAK,CAAC;IACjB,IAAIC,UAAU,CAACK,QAAQ,CAAC,CAAC,KAAKC,yBAAW,CAACC,QAAQ,EAAE;MAClDP,UAAU,CAACQ,QAAQ,CAACF,yBAAW,CAACG,IAAI,CAAC;IACvC;IACA,IAAIP,iBAAiB,CAACQ,OAAO,EAAE;MAC7BC,YAAY,CAACT,iBAAiB,CAACQ,OAAO,CAAC;IACzC;IACAR,iBAAiB,CAACQ,OAAO,GAAGE,UAAU,CAAC,YAAY;MACjDb,UAAU,CAAC,IAAI,CAAC;MAChB,MAAMC,UAAU,CAACQ,QAAQ,CAACF,yBAAW,CAACC,QAAQ,CAAC;IACjD,CAAC,EAAEM,iBAAM,CAACC,eAAe,CAAC;EAC5B,CAAC;EAED,MAAMC,iBAAiB,GAAG;IACxB,GAAGf,UAAU;IACbgB,MAAM,EAAEA,CAACC,CAAS,EAAEC,CAAS,KAAK;MAChCd,mBAAmB,CAAC,CAAC;MACrB,OAAOJ,UAAU,CAACgB,MAAM,CAACC,CAAC,EAAEC,CAAC,CAAC;IAChC,CAAC;IACDV,QAAQ,EAAGW,KAAkB,IAAK;MAChCf,mBAAmB,CAAC,CAAC;MACrB,OAAOJ,UAAU,CAACQ,QAAQ,CAACW,KAAK,CAAC;IACnC,CAAC;IACDC,SAAS,EAAGC,KAAkB,IAAK;MACjCjB,mBAAmB,CAAC,CAAC;MACrB,OAAOJ,UAAU,CAACoB,SAAS,CAACC,KAAK,CAAC;IACpC;EACF,CAAC;EAED,OAAO;IACLrB,UAAU,EAAEe,iBAAiB;IAC7BpB,YAAY;IACZC,eAAe;IACfE;EACF,CAAC;AACH,CAAC;AAACwB,OAAA,CAAA7B,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.useDotAnimation = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _config = require("../config");
|
|
7
|
+
var _utils = require("../utils");
|
|
8
|
+
var _ariaAiAvatar = require("@wix/aria-ai-avatar");
|
|
9
|
+
const useDotAnimation = (moveToPosition, setAvatarHidden, triggerAvatarAnimationState) => {
|
|
10
|
+
const leadDotRef = (0, _react.useRef)(null);
|
|
11
|
+
const trailRefs = (0, _react.useRef)([]);
|
|
12
|
+
const isMountedRef = (0, _react.useRef)(true);
|
|
13
|
+
const animateDotsAlongPath = async (start, end, options = {}) => {
|
|
14
|
+
if (!isMountedRef.current) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const lead = leadDotRef.current;
|
|
18
|
+
if (!lead) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (!options.skipShrink) {
|
|
22
|
+
try {
|
|
23
|
+
triggerAvatarAnimationState(_ariaAiAvatar.AvatarState.SMALL);
|
|
24
|
+
} catch {}
|
|
25
|
+
}
|
|
26
|
+
trailRefs.current.forEach((d, i) => {
|
|
27
|
+
if (!d) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const ratio = (i + 1) / _config.ANIMATION_CONFIG.TRAIL_COUNT;
|
|
31
|
+
const scale = _config.ANIMATION_CONFIG.TRAIL_MIN_SCALE + (1 - _config.ANIMATION_CONFIG.TRAIL_MIN_SCALE) * (1 - ratio);
|
|
32
|
+
const opacity = _config.ANIMATION_CONFIG.TRAIL_FADE + (1 - _config.ANIMATION_CONFIG.TRAIL_FADE) * (1 - ratio);
|
|
33
|
+
d.style.opacity = String(opacity);
|
|
34
|
+
d.style.transform = `scale(${scale})`;
|
|
35
|
+
});
|
|
36
|
+
lead.style.opacity = '1';
|
|
37
|
+
lead.style.background = '#000000';
|
|
38
|
+
lead.animate([{
|
|
39
|
+
background: '#000000'
|
|
40
|
+
}, {
|
|
41
|
+
background: _config.ANIMATION_CONFIG.DOT_COLOR
|
|
42
|
+
}], {
|
|
43
|
+
duration: _config.TIMING.DOT_FADE_DURATION,
|
|
44
|
+
easing: 'ease-out',
|
|
45
|
+
fill: 'forwards'
|
|
46
|
+
});
|
|
47
|
+
const pathD = (0, _utils.buildPathD)(start, end);
|
|
48
|
+
const prepDot = el => {
|
|
49
|
+
if (!el) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
(0, _utils.setMotionPath)(el, pathD);
|
|
53
|
+
(0, _utils.setOffsetDistance)(el, '0%');
|
|
54
|
+
(0, _utils.setOffsetRotate)(el, '0deg');
|
|
55
|
+
(0, _utils.setOffsetAnchor)(el, '50% 50%');
|
|
56
|
+
};
|
|
57
|
+
prepDot(lead);
|
|
58
|
+
trailRefs.current.forEach(td => td && prepDot(td));
|
|
59
|
+
const leadAnim = lead.animate([{
|
|
60
|
+
offsetDistance: '0%'
|
|
61
|
+
}, {
|
|
62
|
+
offsetDistance: '100%'
|
|
63
|
+
}], {
|
|
64
|
+
duration: _config.TIMING.TRAVEL_DURATION,
|
|
65
|
+
easing: _config.ANIMATION_CONFIG.EASING,
|
|
66
|
+
fill: 'forwards'
|
|
67
|
+
});
|
|
68
|
+
trailRefs.current.forEach((td, i) => {
|
|
69
|
+
if (!td) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
td.animate([{
|
|
73
|
+
offsetDistance: '0%'
|
|
74
|
+
}, {
|
|
75
|
+
offsetDistance: '100%'
|
|
76
|
+
}], {
|
|
77
|
+
duration: _config.TIMING.TRAVEL_DURATION,
|
|
78
|
+
delay: (i + 1) * _config.ANIMATION_CONFIG.TRAIL_STAGGER,
|
|
79
|
+
easing: _config.ANIMATION_CONFIG.EASING,
|
|
80
|
+
fill: 'forwards'
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
await leadAnim.finished;
|
|
84
|
+
lead.style.opacity = '0';
|
|
85
|
+
trailRefs.current.forEach(td => td && (td.style.opacity = '0'));
|
|
86
|
+
};
|
|
87
|
+
const hideDots = () => {
|
|
88
|
+
const lead = leadDotRef.current;
|
|
89
|
+
if (lead) {
|
|
90
|
+
lead.style.opacity = '0';
|
|
91
|
+
}
|
|
92
|
+
trailRefs.current.forEach(td => {
|
|
93
|
+
if (td) {
|
|
94
|
+
td.style.opacity = '0';
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
};
|
|
98
|
+
const waitForNextFrame = () => new Promise(r => requestAnimationFrame(() => r()));
|
|
99
|
+
const moveFromOffsetWithDots = async (currentPosition, options = {}) => {
|
|
100
|
+
if (typeof currentPosition.x !== 'number' || typeof currentPosition.y !== 'number') {
|
|
101
|
+
console.log('[Astro] Invalid position, skipping animation');
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
const home = {
|
|
105
|
+
x: 0,
|
|
106
|
+
y: 0
|
|
107
|
+
};
|
|
108
|
+
await animateDotsAlongPath(currentPosition, home, options);
|
|
109
|
+
moveToPosition(home);
|
|
110
|
+
setAvatarHidden(false);
|
|
111
|
+
await waitForNextFrame();
|
|
112
|
+
if (isMountedRef.current) {
|
|
113
|
+
if (options.endState) {
|
|
114
|
+
await triggerAvatarAnimationState(options.endState);
|
|
115
|
+
} else {
|
|
116
|
+
await triggerAvatarAnimationState(_ariaAiAvatar.AvatarState.IDLE);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
const moveToOffsetWithDots = async (targetPosition, options = {}) => {
|
|
121
|
+
if (typeof targetPosition.x !== 'number' || typeof targetPosition.y !== 'number') {
|
|
122
|
+
console.log('[Astro] Invalid position, skipping animation');
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
setAvatarHidden(true);
|
|
126
|
+
await waitForNextFrame();
|
|
127
|
+
const home = {
|
|
128
|
+
x: 0,
|
|
129
|
+
y: 0
|
|
130
|
+
};
|
|
131
|
+
await animateDotsAlongPath(home, targetPosition, options);
|
|
132
|
+
hideDots();
|
|
133
|
+
};
|
|
134
|
+
(0, _react.useEffect)(() => {
|
|
135
|
+
return () => {
|
|
136
|
+
isMountedRef.current = false;
|
|
137
|
+
};
|
|
138
|
+
}, []);
|
|
139
|
+
return {
|
|
140
|
+
leadDotRef,
|
|
141
|
+
trailRefs,
|
|
142
|
+
moveFromOffsetWithDots,
|
|
143
|
+
moveToOffsetWithDots,
|
|
144
|
+
hideDots
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
exports.useDotAnimation = useDotAnimation;
|
|
148
|
+
//# sourceMappingURL=useDotAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_config","_utils","_ariaAiAvatar","useDotAnimation","moveToPosition","setAvatarHidden","triggerAvatarAnimationState","leadDotRef","useRef","trailRefs","isMountedRef","animateDotsAlongPath","start","end","options","current","lead","skipShrink","AvatarState","SMALL","forEach","d","i","ratio","ANIMATION_CONFIG","TRAIL_COUNT","scale","TRAIL_MIN_SCALE","opacity","TRAIL_FADE","style","String","transform","background","animate","DOT_COLOR","duration","TIMING","DOT_FADE_DURATION","easing","fill","pathD","buildPathD","prepDot","el","setMotionPath","setOffsetDistance","setOffsetRotate","setOffsetAnchor","td","leadAnim","offsetDistance","TRAVEL_DURATION","EASING","delay","TRAIL_STAGGER","finished","hideDots","waitForNextFrame","Promise","r","requestAnimationFrame","moveFromOffsetWithDots","currentPosition","x","y","console","log","home","endState","IDLE","moveToOffsetWithDots","targetPosition","useEffect","exports"],"sources":["../../../../src/Astro/hooks/useDotAnimation.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\nimport type { Position, MoveOptions } from '../types';\nimport { ANIMATION_CONFIG, TIMING } from '../config';\nimport {\n buildPathD,\n setMotionPath,\n setOffsetDistance,\n setOffsetRotate,\n setOffsetAnchor,\n} from '../utils';\nimport { AvatarState } from '@wix/aria-ai-avatar';\n\nexport const useDotAnimation = (\n moveToPosition: (position: Position) => void,\n setAvatarHidden: (hidden: boolean) => void,\n triggerAvatarAnimationState: (state: AvatarState) => void,\n) => {\n const leadDotRef = useRef<HTMLDivElement | null>(null);\n const trailRefs = useRef<(HTMLDivElement | null)[]>([]);\n const isMountedRef = useRef(true);\n\n const animateDotsAlongPath = async (\n start: Position,\n end: Position,\n options: MoveOptions = {},\n ): Promise<void> => {\n if (!isMountedRef.current) {\n return;\n }\n\n const lead = leadDotRef.current;\n if (!lead) {\n return;\n }\n\n if (!options.skipShrink) {\n try {\n triggerAvatarAnimationState(AvatarState.SMALL);\n } catch {}\n }\n\n trailRefs.current.forEach((d, i) => {\n if (!d) {\n return;\n }\n const ratio = (i + 1) / ANIMATION_CONFIG.TRAIL_COUNT;\n const scale =\n ANIMATION_CONFIG.TRAIL_MIN_SCALE +\n (1 - ANIMATION_CONFIG.TRAIL_MIN_SCALE) * (1 - ratio);\n const opacity =\n ANIMATION_CONFIG.TRAIL_FADE +\n (1 - ANIMATION_CONFIG.TRAIL_FADE) * (1 - ratio);\n d.style.opacity = String(opacity);\n d.style.transform = `scale(${scale})`;\n });\n\n lead.style.opacity = '1';\n lead.style.background = '#000000';\n\n lead.animate(\n [{ background: '#000000' }, { background: ANIMATION_CONFIG.DOT_COLOR }],\n {\n duration: TIMING.DOT_FADE_DURATION,\n easing: 'ease-out',\n fill: 'forwards',\n },\n );\n\n const pathD = buildPathD(start, end);\n\n const prepDot = (el: HTMLElement) => {\n if (!el) {\n return;\n }\n setMotionPath(el, pathD);\n setOffsetDistance(el, '0%');\n setOffsetRotate(el, '0deg');\n setOffsetAnchor(el, '50% 50%');\n };\n\n prepDot(lead);\n\n trailRefs.current.forEach((td) => td && prepDot(td));\n\n const leadAnim = lead.animate(\n [{ offsetDistance: '0%' }, { offsetDistance: '100%' }],\n {\n duration: TIMING.TRAVEL_DURATION,\n easing: ANIMATION_CONFIG.EASING,\n fill: 'forwards',\n },\n );\n\n trailRefs.current.forEach((td, i) => {\n if (!td) {\n return;\n }\n td.animate([{ offsetDistance: '0%' }, { offsetDistance: '100%' }], {\n duration: TIMING.TRAVEL_DURATION,\n delay: (i + 1) * ANIMATION_CONFIG.TRAIL_STAGGER,\n easing: ANIMATION_CONFIG.EASING,\n fill: 'forwards',\n });\n });\n\n await leadAnim.finished;\n\n lead.style.opacity = '0';\n trailRefs.current.forEach((td) => td && (td.style.opacity = '0'));\n };\n\n const hideDots = () => {\n const lead = leadDotRef.current;\n if (lead) {\n lead.style.opacity = '0';\n }\n trailRefs.current.forEach((td) => {\n if (td) {\n td.style.opacity = '0';\n }\n });\n };\n\n const waitForNextFrame = () =>\n new Promise<void>((r) => requestAnimationFrame(() => r()));\n\n const moveFromOffsetWithDots = async (\n currentPosition: Position,\n options: MoveOptions = {},\n ): Promise<void> => {\n if (\n typeof currentPosition.x !== 'number' ||\n typeof currentPosition.y !== 'number'\n ) {\n console.log('[Astro] Invalid position, skipping animation');\n return;\n }\n\n const home = { x: 0, y: 0 };\n await animateDotsAlongPath(currentPosition, home, options);\n\n moveToPosition(home);\n setAvatarHidden(false);\n\n await waitForNextFrame();\n\n if (isMountedRef.current) {\n if (options.endState) {\n await triggerAvatarAnimationState(options.endState);\n } else {\n await triggerAvatarAnimationState(AvatarState.IDLE);\n }\n }\n };\n\n const moveToOffsetWithDots = async (\n targetPosition: Position,\n options: MoveOptions = {},\n ): Promise<void> => {\n if (\n typeof targetPosition.x !== 'number' ||\n typeof targetPosition.y !== 'number'\n ) {\n console.log('[Astro] Invalid position, skipping animation');\n return;\n }\n\n setAvatarHidden(true);\n await waitForNextFrame();\n\n const home = { x: 0, y: 0 };\n await animateDotsAlongPath(home, targetPosition, options);\n\n hideDots();\n };\n\n useEffect(() => {\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n\n return {\n leadDotRef,\n trailRefs,\n moveFromOffsetWithDots,\n moveToOffsetWithDots,\n hideDots,\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.useMovement = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
var _utils = require("../utils");
|
|
7
|
+
const useMovement = (wrapperRef, width, height) => {
|
|
8
|
+
const [center, setCenter] = (0, _react.useState)({
|
|
9
|
+
x: 0,
|
|
10
|
+
y: 0
|
|
11
|
+
});
|
|
12
|
+
(0, _react.useEffect)(() => {
|
|
13
|
+
const el = wrapperRef.current;
|
|
14
|
+
if (!el) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
(0, _utils.applyTransform)(el, center, width, height);
|
|
18
|
+
}, [center, width, height, wrapperRef]);
|
|
19
|
+
return {
|
|
20
|
+
center,
|
|
21
|
+
setCenter
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
exports.useMovement = useMovement;
|
|
25
|
+
//# sourceMappingURL=useMovement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","useMovement","wrapperRef","width","height","center","setCenter","useState","x","y","useEffect","el","current","applyTransform","exports"],"sources":["../../../../src/Astro/hooks/useMovement.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { Position } from '../types';\nimport { applyTransform } from '../utils';\n\nexport const useMovement = (\n wrapperRef: React.RefObject<HTMLDivElement>,\n width: number,\n height: number,\n) => {\n const [center, setCenter] = useState<Position>({ x: 0, y: 0 });\n\n useEffect(() => {\n const el = wrapperRef.current;\n if (!el) {\n return;\n }\n applyTransform(el, center, width, height);\n }, [center, width, height, wrapperRef]);\n\n return {\n center,\n setCenter,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAGA,CACzBC,UAA2C,EAC3CC,KAAa,EACbC,MAAc,KACX;EACH,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAW;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,EAAE,GAAGT,UAAU,CAACU,OAAO;IAC7B,IAAI,CAACD,EAAE,EAAE;MACP;IACF;IACA,IAAAE,qBAAc,EAACF,EAAE,EAAEN,MAAM,EAAEF,KAAK,EAAEC,MAAM,CAAC;EAC3C,CAAC,EAAE,CAACC,MAAM,EAAEF,KAAK,EAAEC,MAAM,EAAEF,UAAU,CAAC,CAAC;EAEvC,OAAO;IACLG,MAAM;IACNC;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAb,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../../src/Astro/types/index.ts"],"sourcesContent":["import { AvatarState } from '@wix/aria-ai-avatar';\n\nexport type Position = {\n x: number;\n y: number;\n};\n\ntype Keys = keyof typeof AvatarState;\nexport type AstroState = (typeof AvatarState)[Keys];\n\nexport type TimingConfig = {\n SHRINK_DURATION: number;\n UNDO_DURATION: number;\n TRAVEL_DURATION: number;\n PULSE_DURATION: number;\n PUBLISH_DURATION: number;\n IDEA_SPARK_DURATION: number;\n DELAY_BEFORE_MOVE: number;\n RETURN_TO_CHAT_DELAY: number;\n DEBOUNCE_DELAY: number;\n ANIMATION_FRAME_DELAY: number;\n BOREDOM_TIMEOUT: number;\n DOT_FADE_DURATION: number;\n BLINK_INTERVAL: number;\n BLINK_VARIATION: number;\n BLINK_MIN_INTERVAL: number;\n};\n\nexport type AnimationConfig = {\n TRAIL_COUNT: number;\n TRAIL_STAGGER: number;\n TRAIL_FADE: number;\n TRAIL_MIN_SCALE: number;\n TRAIL_BLUR: number;\n DOT_SIZE: number;\n DOT_COLOR: string;\n SWAY_AMOUNT: number;\n CONTROL_POINT_1: number;\n CONTROL_POINT_2: number;\n EASING: string;\n};\nexport type PositionFunction = () => Position;\nexport type PositionWithParamsFunction = (x: number, y: number) => Position;\n\nexport type AstroSize = {\n WIDTH: number;\n HEIGHT: number;\n};\n\nexport type MoveOptions = {\n skipShrink?: boolean;\n endState?: AstroState;\n};\n\nexport type AstroTrigger = {\n idle: () => Promise<void>;\n undo: () => Promise<void>;\n ideaSpark: () => Promise<void>;\n boredom: () => Promise<void>;\n bigLoader: () => Promise<void>;\n smallLoader: () => Promise<void>;\n shrink: () => Promise<void>;\n publish: () => Promise<void>;\n};\n\nexport type AstroRef = {\n avatarHidden: boolean;\n getState: () => AvatarState;\n wrapper: HTMLDivElement | null;\n trigger: AstroTrigger;\n\n hide: (options?: { withDots?: boolean }) => void;\n show: () => void;\n onUserTyping: (caretX: number, caretY: number) => void;\n onTravelHomeFrom: (\n x: number,\n y: number,\n options?: MoveOptions,\n ) => Promise<void>;\n onTravelAwayTo: (\n x: number,\n y: number,\n options?: MoveOptions,\n ) => Promise<void>;\n\n changeAstroColor: (color: string) => void;\n toggleAvatarBackground: () => void;\n onMouseMove: (clientX: number, clientY: number) => void;\n};\n\nexport type AstroProps = {\n mode?: 'light' | 'dark';\n variant?: '2d' | '3d';\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.sleep = exports.debounce = exports.calculateRelativeMousePosition = void 0;
|
|
5
|
+
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
|
|
6
|
+
exports.sleep = sleep;
|
|
7
|
+
const calculateRelativeMousePosition = (mouseX, mouseY, astroX, astroY) => {
|
|
8
|
+
const relativeX = mouseX - astroX;
|
|
9
|
+
const relativeY = mouseY - astroY;
|
|
10
|
+
const lookRange = 30;
|
|
11
|
+
const normalizedX = Math.max(0, Math.min(100, 50 - relativeX / lookRange * 50));
|
|
12
|
+
const normalizedY = Math.max(0, Math.min(100, 50 - relativeY / lookRange * 50));
|
|
13
|
+
return {
|
|
14
|
+
x: normalizedX,
|
|
15
|
+
y: normalizedY
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
exports.calculateRelativeMousePosition = calculateRelativeMousePosition;
|
|
19
|
+
const debounce = (func, wait) => {
|
|
20
|
+
let timeout = null;
|
|
21
|
+
return (...args) => {
|
|
22
|
+
if (timeout) {
|
|
23
|
+
clearTimeout(timeout);
|
|
24
|
+
}
|
|
25
|
+
timeout = setTimeout(() => func(...args), wait);
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
exports.debounce = debounce;
|
|
29
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["sleep","ms","Promise","resolve","setTimeout","exports","calculateRelativeMousePosition","mouseX","mouseY","astroX","astroY","relativeX","relativeY","lookRange","normalizedX","Math","max","min","normalizedY","x","y","debounce","func","wait","timeout","args","clearTimeout"],"sources":["../../../../src/Astro/utils/helpers.ts"],"sourcesContent":["export const sleep = (ms: number): Promise<void> =>\n new Promise((resolve) => setTimeout(resolve, ms));\n\nexport const calculateRelativeMousePosition = (\n mouseX: number,\n mouseY: number,\n astroX: number,\n astroY: number,\n) => {\n const relativeX = mouseX - astroX;\n const relativeY = mouseY - astroY;\n\n const lookRange = 30;\n\n const normalizedX = Math.max(\n 0,\n Math.min(100, 50 - (relativeX / lookRange) * 50),\n );\n const normalizedY = Math.max(\n 0,\n Math.min(100, 50 - (relativeY / lookRange) * 50),\n );\n\n return { x: normalizedX, y: normalizedY };\n};\n\nexport const debounce = <T extends (...args: any[]) => any>(\n func: T,\n wait: number,\n): ((...args: Parameters<T>) => void) => {\n let timeout: ReturnType<typeof setTimeout> | null = null;\n\n return (...args: Parameters<T>) => {\n if (timeout) {\n clearTimeout(timeout);\n }\n\n timeout = setTimeout(() => func(...args), wait);\n };\n};\n"],"mappings":";;;;AAAO,MAAMA,KAAK,GAAIC,EAAU,IAC9B,IAAIC,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAEF,EAAE,CAAC,CAAC;AAACI,OAAA,CAAAL,KAAA,GAAAA,KAAA;AAE7C,MAAMM,8BAA8B,GAAGA,CAC5CC,MAAc,EACdC,MAAc,EACdC,MAAc,EACdC,MAAc,KACX;EACH,MAAMC,SAAS,GAAGJ,MAAM,GAAGE,MAAM;EACjC,MAAMG,SAAS,GAAGJ,MAAM,GAAGE,MAAM;EAEjC,MAAMG,SAAS,GAAG,EAAE;EAEpB,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAC1B,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC,GAAG,EAAE,EAAE,GAAIN,SAAS,GAAGE,SAAS,GAAI,EAAE,CACjD,CAAC;EACD,MAAMK,WAAW,GAAGH,IAAI,CAACC,GAAG,CAC1B,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC,GAAG,EAAE,EAAE,GAAIL,SAAS,GAAGC,SAAS,GAAI,EAAE,CACjD,CAAC;EAED,OAAO;IAAEM,CAAC,EAAEL,WAAW;IAAEM,CAAC,EAAEF;EAAY,CAAC;AAC3C,CAAC;AAACb,OAAA,CAAAC,8BAAA,GAAAA,8BAAA;AAEK,MAAMe,QAAQ,GAAGA,CACtBC,IAAO,EACPC,IAAY,KAC2B;EACvC,IAAIC,OAA6C,GAAG,IAAI;EAExD,OAAO,CAAC,GAAGC,IAAmB,KAAK;IACjC,IAAID,OAAO,EAAE;MACXE,YAAY,CAACF,OAAO,CAAC;IACvB;IAEAA,OAAO,GAAGpB,UAAU,CAAC,MAAMkB,IAAI,CAAC,GAAGG,IAAI,CAAC,EAAEF,IAAI,CAAC;EACjD,CAAC;AACH,CAAC;AAAClB,OAAA,CAAAgB,QAAA,GAAAA,QAAA","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _helpers = require("./helpers");
|
|
5
|
+
Object.keys(_helpers).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _helpers[key]) return;
|
|
8
|
+
exports[key] = _helpers[key];
|
|
9
|
+
});
|
|
10
|
+
var _pathGeneration = require("./pathGeneration");
|
|
11
|
+
Object.keys(_pathGeneration).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (key in exports && exports[key] === _pathGeneration[key]) return;
|
|
14
|
+
exports[key] = _pathGeneration[key];
|
|
15
|
+
});
|
|
16
|
+
var _positioning = require("./positioning");
|
|
17
|
+
Object.keys(_positioning).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (key in exports && exports[key] === _positioning[key]) return;
|
|
20
|
+
exports[key] = _positioning[key];
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_helpers","require","Object","keys","forEach","key","exports","_pathGeneration","_positioning"],"sources":["../../../../src/Astro/utils/index.ts"],"sourcesContent":["export * from './helpers';\nexport * from './pathGeneration';\nexport * from './positioning';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,eAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,eAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,eAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,eAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,YAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,YAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,YAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,YAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["displayLogs","exports","process","env","NODE_ENV"],"sources":["../../../../src/Astro/utils/logs.ts"],"sourcesContent":["export const displayLogs = process.env.NODE_ENV === 'development';\n"],"mappings":";;;;AAAO,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.setOffsetRotate = exports.setOffsetDistance = exports.setOffsetAnchor = exports.setMotionPath = exports.buildPathD = void 0;
|
|
5
|
+
var _config = require("../config");
|
|
6
|
+
const buildPathD = (start, end) => {
|
|
7
|
+
const dx = end.x - start.x;
|
|
8
|
+
const dy = end.y - start.y;
|
|
9
|
+
const len = Math.max(1, Math.hypot(dx, dy));
|
|
10
|
+
const nx = -dy / len;
|
|
11
|
+
const ny = dx / len;
|
|
12
|
+
const sway = _config.ANIMATION_CONFIG.SWAY_AMOUNT * (0.85 + Math.random() * 0.3);
|
|
13
|
+
const c1x = start.x + dx * _config.ANIMATION_CONFIG.CONTROL_POINT_1 + nx * sway;
|
|
14
|
+
const c1y = start.y + dy * _config.ANIMATION_CONFIG.CONTROL_POINT_1 + ny * sway;
|
|
15
|
+
const c2x = start.x + dx * _config.ANIMATION_CONFIG.CONTROL_POINT_2 - nx * (sway * 0.65);
|
|
16
|
+
const c2y = start.y + dy * _config.ANIMATION_CONFIG.CONTROL_POINT_2 - ny * (sway * 0.65);
|
|
17
|
+
return `M ${start.x},${start.y} C ${c1x},${c1y} ${c2x},${c2y} ${end.x},${end.y}`;
|
|
18
|
+
};
|
|
19
|
+
exports.buildPathD = buildPathD;
|
|
20
|
+
const setMotionPath = (el, pathD) => {
|
|
21
|
+
el.style.offsetPath = `path("${pathD}")`;
|
|
22
|
+
};
|
|
23
|
+
exports.setMotionPath = setMotionPath;
|
|
24
|
+
const setOffsetDistance = (el, value) => {
|
|
25
|
+
el.style.offsetDistance = value;
|
|
26
|
+
};
|
|
27
|
+
exports.setOffsetDistance = setOffsetDistance;
|
|
28
|
+
const setOffsetRotate = (el, value) => {
|
|
29
|
+
el.style.offsetRotate = value;
|
|
30
|
+
};
|
|
31
|
+
exports.setOffsetRotate = setOffsetRotate;
|
|
32
|
+
const setOffsetAnchor = (el, value) => {
|
|
33
|
+
el.style.offsetAnchor = value;
|
|
34
|
+
};
|
|
35
|
+
exports.setOffsetAnchor = setOffsetAnchor;
|
|
36
|
+
//# sourceMappingURL=pathGeneration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_config","require","buildPathD","start","end","dx","x","dy","y","len","Math","max","hypot","nx","ny","sway","ANIMATION_CONFIG","SWAY_AMOUNT","random","c1x","CONTROL_POINT_1","c1y","c2x","CONTROL_POINT_2","c2y","exports","setMotionPath","el","pathD","style","offsetPath","setOffsetDistance","value","offsetDistance","setOffsetRotate","offsetRotate","setOffsetAnchor","offsetAnchor"],"sources":["../../../../src/Astro/utils/pathGeneration.ts"],"sourcesContent":["import type { Position } from '../types';\nimport { ANIMATION_CONFIG } from '../config';\n\nexport const buildPathD = (start: Position, end: Position): string => {\n const dx = end.x - start.x;\n const dy = end.y - start.y;\n const len = Math.max(1, Math.hypot(dx, dy));\n const nx = -dy / len;\n const ny = dx / len;\n\n const sway = ANIMATION_CONFIG.SWAY_AMOUNT * (0.85 + Math.random() * 0.3);\n\n const c1x = start.x + dx * ANIMATION_CONFIG.CONTROL_POINT_1 + nx * sway;\n const c1y = start.y + dy * ANIMATION_CONFIG.CONTROL_POINT_1 + ny * sway;\n const c2x =\n start.x + dx * ANIMATION_CONFIG.CONTROL_POINT_2 - nx * (sway * 0.65);\n const c2y =\n start.y + dy * ANIMATION_CONFIG.CONTROL_POINT_2 - ny * (sway * 0.65);\n\n return `M ${start.x},${start.y} C ${c1x},${c1y} ${c2x},${c2y} ${end.x},${end.y}`;\n};\n\nexport const setMotionPath = (el: HTMLElement, pathD: string): void => {\n el.style.offsetPath = `path(\"${pathD}\")`;\n};\n\nexport const setOffsetDistance = (el: HTMLElement, value: string): void => {\n el.style.offsetDistance = value;\n};\n\nexport const setOffsetRotate = (el: HTMLElement, value: string): void => {\n el.style.offsetRotate = value;\n};\n\nexport const setOffsetAnchor = (el: HTMLElement, value: string): void => {\n (el.style as any).offsetAnchor = value;\n};\n"],"mappings":";;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,UAAU,GAAGA,CAACC,KAAe,EAAEC,GAAa,KAAa;EACpE,MAAMC,EAAE,GAAGD,GAAG,CAACE,CAAC,GAAGH,KAAK,CAACG,CAAC;EAC1B,MAAMC,EAAE,GAAGH,GAAG,CAACI,CAAC,GAAGL,KAAK,CAACK,CAAC;EAC1B,MAAMC,GAAG,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACP,EAAE,EAAEE,EAAE,CAAC,CAAC;EAC3C,MAAMM,EAAE,GAAG,CAACN,EAAE,GAAGE,GAAG;EACpB,MAAMK,EAAE,GAAGT,EAAE,GAAGI,GAAG;EAEnB,MAAMM,IAAI,GAAGC,wBAAgB,CAACC,WAAW,IAAI,IAAI,GAAGP,IAAI,CAACQ,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;EAExE,MAAMC,GAAG,GAAGhB,KAAK,CAACG,CAAC,GAAGD,EAAE,GAAGW,wBAAgB,CAACI,eAAe,GAAGP,EAAE,GAAGE,IAAI;EACvE,MAAMM,GAAG,GAAGlB,KAAK,CAACK,CAAC,GAAGD,EAAE,GAAGS,wBAAgB,CAACI,eAAe,GAAGN,EAAE,GAAGC,IAAI;EACvE,MAAMO,GAAG,GACPnB,KAAK,CAACG,CAAC,GAAGD,EAAE,GAAGW,wBAAgB,CAACO,eAAe,GAAGV,EAAE,IAAIE,IAAI,GAAG,IAAI,CAAC;EACtE,MAAMS,GAAG,GACPrB,KAAK,CAACK,CAAC,GAAGD,EAAE,GAAGS,wBAAgB,CAACO,eAAe,GAAGT,EAAE,IAAIC,IAAI,GAAG,IAAI,CAAC;EAEtE,OAAO,KAAKZ,KAAK,CAACG,CAAC,IAAIH,KAAK,CAACK,CAAC,MAAMW,GAAG,IAAIE,GAAG,IAAIC,GAAG,IAAIE,GAAG,IAAIpB,GAAG,CAACE,CAAC,IAAIF,GAAG,CAACI,CAAC,EAAE;AAClF,CAAC;AAACiB,OAAA,CAAAvB,UAAA,GAAAA,UAAA;AAEK,MAAMwB,aAAa,GAAGA,CAACC,EAAe,EAAEC,KAAa,KAAW;EACrED,EAAE,CAACE,KAAK,CAACC,UAAU,GAAG,SAASF,KAAK,IAAI;AAC1C,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,MAAMK,iBAAiB,GAAGA,CAACJ,EAAe,EAAEK,KAAa,KAAW;EACzEL,EAAE,CAACE,KAAK,CAACI,cAAc,GAAGD,KAAK;AACjC,CAAC;AAACP,OAAA,CAAAM,iBAAA,GAAAA,iBAAA;AAEK,MAAMG,eAAe,GAAGA,CAACP,EAAe,EAAEK,KAAa,KAAW;EACvEL,EAAE,CAACE,KAAK,CAACM,YAAY,GAAGH,KAAK;AAC/B,CAAC;AAACP,OAAA,CAAAS,eAAA,GAAAA,eAAA;AAEK,MAAME,eAAe,GAAGA,CAACT,EAAe,EAAEK,KAAa,KAAW;EACtEL,EAAE,CAACE,KAAK,CAASQ,YAAY,GAAGL,KAAK;AACxC,CAAC;AAACP,OAAA,CAAAW,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.applyTransform = void 0;
|
|
5
|
+
var _config = require("../config");
|
|
6
|
+
const applyTransform = (element, position, width = _config.ASTRO_SIZE.WIDTH, height = _config.ASTRO_SIZE.HEIGHT) => {
|
|
7
|
+
if (!element) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const left = position.x - width / 2;
|
|
11
|
+
const top = position.y - height / 2;
|
|
12
|
+
element.style.transform = `translate3d(${left}px, ${top}px, 0)`;
|
|
13
|
+
};
|
|
14
|
+
exports.applyTransform = applyTransform;
|
|
15
|
+
//# sourceMappingURL=positioning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_config","require","applyTransform","element","position","width","ASTRO_SIZE","WIDTH","height","HEIGHT","left","x","top","y","style","transform","exports"],"sources":["../../../../src/Astro/utils/positioning.ts"],"sourcesContent":["import type { Position } from '../types';\nimport { ASTRO_SIZE } from '../config';\n\nexport const applyTransform = (\n element: HTMLElement | null,\n position: Position,\n width: number = ASTRO_SIZE.WIDTH,\n height: number = ASTRO_SIZE.HEIGHT,\n): void => {\n if (!element) {\n return;\n }\n\n const left = position.x - width / 2;\n const top = position.y - height / 2;\n\n element.style.transform = `translate3d(${left}px, ${top}px, 0)`;\n};\n"],"mappings":";;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,cAAc,GAAGA,CAC5BC,OAA2B,EAC3BC,QAAkB,EAClBC,KAAa,GAAGC,kBAAU,CAACC,KAAK,EAChCC,MAAc,GAAGF,kBAAU,CAACG,MAAM,KACzB;EACT,IAAI,CAACN,OAAO,EAAE;IACZ;EACF;EAEA,MAAMO,IAAI,GAAGN,QAAQ,CAACO,CAAC,GAAGN,KAAK,GAAG,CAAC;EACnC,MAAMO,GAAG,GAAGR,QAAQ,CAACS,CAAC,GAAGL,MAAM,GAAG,CAAC;EAEnCL,OAAO,CAACW,KAAK,CAACC,SAAS,GAAG,eAAeL,IAAI,OAAOE,GAAG,QAAQ;AACjE,CAAC;AAACI,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = require("@testing-library/react");
|
|
4
|
+
(0, _react.configure)({
|
|
5
|
+
testIdAttribute: 'data-hook'
|
|
6
|
+
});
|
|
7
|
+
beforeAll(() => {
|
|
8
|
+
window.ResizeObserver = jest.fn().mockImplementation(() => ({
|
|
9
|
+
observe: jest.fn(),
|
|
10
|
+
unobserve: jest.fn(),
|
|
11
|
+
disconnect: jest.fn()
|
|
12
|
+
}));
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=spec-setup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","configure","testIdAttribute","beforeAll","window","ResizeObserver","jest","fn","mockImplementation","observe","unobserve","disconnect"],"sources":["../../../src/__tests__/spec-setup.ts"],"sourcesContent":["import { configure } from '@testing-library/react';\n\nconfigure({ testIdAttribute: 'data-hook' });\n\nbeforeAll(() => {\n window.ResizeObserver = jest.fn().mockImplementation(() => ({\n observe: jest.fn(),\n unobserve: jest.fn(),\n disconnect: jest.fn(),\n }));\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAS,EAAC;EAAEC,eAAe,EAAE;AAAY,CAAC,CAAC;AAE3CC,SAAS,CAAC,MAAM;EACdC,MAAM,CAACC,cAAc,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC,CAACC,kBAAkB,CAAC,OAAO;IAC1DC,OAAO,EAAEH,IAAI,CAACC,EAAE,CAAC,CAAC;IAClBG,SAAS,EAAEJ,IAAI,CAACC,EAAE,CAAC,CAAC;IACpBI,UAAU,EAAEL,IAAI,CAACC,EAAE,CAAC;EACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n\ndeclare module '*.riv' {\n const src: string;\n export default src;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _exportNames = {
|
|
5
|
+
AvatarState: true
|
|
6
|
+
};
|
|
7
|
+
exports.AvatarState = void 0;
|
|
8
|
+
var _Astro = require("./Astro/Astro");
|
|
9
|
+
Object.keys(_Astro).forEach(function (key) {
|
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
|
11
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
12
|
+
if (key in exports && exports[key] === _Astro[key]) return;
|
|
13
|
+
exports[key] = _Astro[key];
|
|
14
|
+
});
|
|
15
|
+
var _utils = require("./Astro/utils");
|
|
16
|
+
Object.keys(_utils).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _utils[key]) return;
|
|
20
|
+
exports[key] = _utils[key];
|
|
21
|
+
});
|
|
22
|
+
var _types = require("./Astro/types");
|
|
23
|
+
Object.keys(_types).forEach(function (key) {
|
|
24
|
+
if (key === "default" || key === "__esModule") return;
|
|
25
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
26
|
+
if (key in exports && exports[key] === _types[key]) return;
|
|
27
|
+
exports[key] = _types[key];
|
|
28
|
+
});
|
|
29
|
+
var _config = require("./Astro/config");
|
|
30
|
+
Object.keys(_config).forEach(function (key) {
|
|
31
|
+
if (key === "default" || key === "__esModule") return;
|
|
32
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
33
|
+
if (key in exports && exports[key] === _config[key]) return;
|
|
34
|
+
exports[key] = _config[key];
|
|
35
|
+
});
|
|
36
|
+
var _ariaAiAvatar = require("@wix/aria-ai-avatar");
|
|
37
|
+
exports.AvatarState = _ariaAiAvatar.AvatarState;
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Astro","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_utils","_types","_config","_ariaAiAvatar","AvatarState"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './Astro/Astro';\nexport * from './Astro/utils';\nexport * from './Astro/types';\nexport * from './Astro/config';\nexport { AvatarState } from '@wix/aria-ai-avatar';\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,MAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAO,MAAA,CAAAP,GAAA;AAAA;AACA,IAAAQ,OAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,OAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAQ,OAAA,CAAAR,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAQ,OAAA,CAAAR,GAAA;AAAA;AACA,IAAAS,aAAA,GAAAb,OAAA;AAAkDS,OAAA,CAAAK,WAAA,GAAAD,aAAA,CAAAC,WAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/test-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/jest-yoshi-preset/types\" />\n"],"mappings":"AAAA","ignoreList":[]}
|