@lemoncat7/dsh-theme-xiaohei 0.3.0-alpha.22
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/LICENSE +21 -0
- package/README.md +84 -0
- package/cordis.patch.yml +4 -0
- package/lib/appearance.d.ts +12 -0
- package/lib/appearance.d.ts.map +1 -0
- package/lib/appearance.js +26 -0
- package/lib/appearance.js.map +1 -0
- package/lib/blink.d.ts +4 -0
- package/lib/blink.d.ts.map +1 -0
- package/lib/blink.js +110 -0
- package/lib/blink.js.map +1 -0
- package/lib/boot-appearance.d.ts +10 -0
- package/lib/boot-appearance.d.ts.map +1 -0
- package/lib/boot-appearance.js +47 -0
- package/lib/boot-appearance.js.map +1 -0
- package/lib/boot-loader.d.ts +5 -0
- package/lib/boot-loader.d.ts.map +1 -0
- package/lib/boot-loader.js +158 -0
- package/lib/boot-loader.js.map +1 -0
- package/lib/chrome/accessibility.d.ts +3 -0
- package/lib/chrome/accessibility.d.ts.map +1 -0
- package/lib/chrome/accessibility.js +77 -0
- package/lib/chrome/accessibility.js.map +1 -0
- package/lib/chrome/blink.d.ts +3 -0
- package/lib/chrome/blink.d.ts.map +1 -0
- package/lib/chrome/blink.js +15 -0
- package/lib/chrome/blink.js.map +1 -0
- package/lib/chrome/composer.d.ts +3 -0
- package/lib/chrome/composer.d.ts.map +1 -0
- package/lib/chrome/composer.js +146 -0
- package/lib/chrome/composer.js.map +1 -0
- package/lib/chrome/conversation-messages.d.ts +3 -0
- package/lib/chrome/conversation-messages.d.ts.map +1 -0
- package/lib/chrome/conversation-messages.js +96 -0
- package/lib/chrome/conversation-messages.js.map +1 -0
- package/lib/chrome/conversation.d.ts +3 -0
- package/lib/chrome/conversation.d.ts.map +1 -0
- package/lib/chrome/conversation.js +61 -0
- package/lib/chrome/conversation.js.map +1 -0
- package/lib/chrome/frames.d.ts +6 -0
- package/lib/chrome/frames.d.ts.map +1 -0
- package/lib/chrome/frames.js +120 -0
- package/lib/chrome/frames.js.map +1 -0
- package/lib/chrome/gaze.d.ts +3 -0
- package/lib/chrome/gaze.d.ts.map +1 -0
- package/lib/chrome/gaze.js +103 -0
- package/lib/chrome/gaze.js.map +1 -0
- package/lib/chrome/identity.d.ts +6 -0
- package/lib/chrome/identity.d.ts.map +1 -0
- package/lib/chrome/identity.js +61 -0
- package/lib/chrome/identity.js.map +1 -0
- package/lib/chrome/overlays.d.ts +3 -0
- package/lib/chrome/overlays.d.ts.map +1 -0
- package/lib/chrome/overlays.js +104 -0
- package/lib/chrome/overlays.js.map +1 -0
- package/lib/chrome/portal.d.ts +6 -0
- package/lib/chrome/portal.d.ts.map +1 -0
- package/lib/chrome/portal.js +169 -0
- package/lib/chrome/portal.js.map +1 -0
- package/lib/chrome/reactions.d.ts +3 -0
- package/lib/chrome/reactions.d.ts.map +1 -0
- package/lib/chrome/reactions.js +85 -0
- package/lib/chrome/reactions.js.map +1 -0
- package/lib/chrome/sidebar.d.ts +3 -0
- package/lib/chrome/sidebar.d.ts.map +1 -0
- package/lib/chrome/sidebar.js +305 -0
- package/lib/chrome/sidebar.js.map +1 -0
- package/lib/chrome/tokens.d.ts +3 -0
- package/lib/chrome/tokens.d.ts.map +1 -0
- package/lib/chrome/tokens.js +171 -0
- package/lib/chrome/tokens.js.map +1 -0
- package/lib/chrome/workspace.d.ts +3 -0
- package/lib/chrome/workspace.d.ts.map +1 -0
- package/lib/chrome/workspace.js +313 -0
- package/lib/chrome/workspace.js.map +1 -0
- package/lib/chrome.d.ts +10 -0
- package/lib/chrome.d.ts.map +1 -0
- package/lib/chrome.js +40 -0
- package/lib/chrome.js.map +1 -0
- package/lib/client.d.ts +17 -0
- package/lib/client.d.ts.map +1 -0
- package/lib/client.js +5505 -0
- package/lib/client.js.map +7 -0
- package/lib/gaze.d.ts +4 -0
- package/lib/gaze.d.ts.map +1 -0
- package/lib/gaze.js +217 -0
- package/lib/gaze.js.map +1 -0
- package/lib/generated-identity.d.ts +5 -0
- package/lib/generated-identity.d.ts.map +1 -0
- package/lib/generated-identity.js +5 -0
- package/lib/generated-identity.js.map +1 -0
- package/lib/generated-keyart.d.ts +19 -0
- package/lib/generated-keyart.d.ts.map +1 -0
- package/lib/generated-keyart.js +19 -0
- package/lib/generated-keyart.js.map +1 -0
- package/lib/generated-loading-assets.d.ts +4 -0
- package/lib/generated-loading-assets.d.ts.map +1 -0
- package/lib/generated-loading-assets.js +4 -0
- package/lib/generated-loading-assets.js.map +1 -0
- package/lib/generated-sidebar-assets.d.ts +4 -0
- package/lib/generated-sidebar-assets.d.ts.map +1 -0
- package/lib/generated-sidebar-assets.js +4 -0
- package/lib/generated-sidebar-assets.js.map +1 -0
- package/lib/heixiu-interactions.d.ts +10 -0
- package/lib/heixiu-interactions.d.ts.map +1 -0
- package/lib/heixiu-interactions.js +161 -0
- package/lib/heixiu-interactions.js.map +1 -0
- package/lib/index.d.ts +8 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +11 -0
- package/lib/index.js.map +1 -0
- package/lib/loading-heixiu.d.ts +8 -0
- package/lib/loading-heixiu.d.ts.map +1 -0
- package/lib/loading-heixiu.js +287 -0
- package/lib/loading-heixiu.js.map +1 -0
- package/lib/plugin.d.ts +6 -0
- package/lib/plugin.d.ts.map +1 -0
- package/lib/plugin.js +38 -0
- package/lib/plugin.js.map +1 -0
- package/lib/portal.d.ts +40 -0
- package/lib/portal.d.ts.map +1 -0
- package/lib/portal.js +224 -0
- package/lib/portal.js.map +1 -0
- package/lib/reactions.d.ts +20 -0
- package/lib/reactions.d.ts.map +1 -0
- package/lib/reactions.js +380 -0
- package/lib/reactions.js.map +1 -0
- package/lib/scene/heixiu-feedback.d.ts +3 -0
- package/lib/scene/heixiu-feedback.d.ts.map +1 -0
- package/lib/scene/heixiu-feedback.js +81 -0
- package/lib/scene/heixiu-feedback.js.map +1 -0
- package/lib/scene/heixiu-interactions.d.ts +3 -0
- package/lib/scene/heixiu-interactions.d.ts.map +1 -0
- package/lib/scene/heixiu-interactions.js +92 -0
- package/lib/scene/heixiu-interactions.js.map +1 -0
- package/lib/scene/state-transitions.d.ts +3 -0
- package/lib/scene/state-transitions.d.ts.map +1 -0
- package/lib/scene/state-transitions.js +37 -0
- package/lib/scene/state-transitions.js.map +1 -0
- package/lib/scene.d.ts +14 -0
- package/lib/scene.d.ts.map +1 -0
- package/lib/scene.js +1024 -0
- package/lib/scene.js.map +1 -0
- package/lib/sidebar-glass.d.ts +16 -0
- package/lib/sidebar-glass.d.ts.map +1 -0
- package/lib/sidebar-glass.js +105 -0
- package/lib/sidebar-glass.js.map +1 -0
- package/lib/sidebar-heixiu-escape.d.ts +44 -0
- package/lib/sidebar-heixiu-escape.d.ts.map +1 -0
- package/lib/sidebar-heixiu-escape.js +340 -0
- package/lib/sidebar-heixiu-escape.js.map +1 -0
- package/lib/sidebar-heixiu-roaming.d.ts +27 -0
- package/lib/sidebar-heixiu-roaming.d.ts.map +1 -0
- package/lib/sidebar-heixiu-roaming.js +310 -0
- package/lib/sidebar-heixiu-roaming.js.map +1 -0
- package/lib/state.d.ts +9 -0
- package/lib/state.d.ts.map +1 -0
- package/lib/state.js +114 -0
- package/lib/state.js.map +1 -0
- package/lib/theme.d.ts +19 -0
- package/lib/theme.d.ts.map +1 -0
- package/lib/theme.js +188 -0
- package/lib/theme.js.map +1 -0
- package/package.json +74 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactions.d.ts","sourceRoot":"","sources":["../src/reactions.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,yBAAyB,qCAAqC,CAAA;AAmB3E,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAA;AAGlD,UAAU,KAAK;IACb,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,gFAAgF;AAChF,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,KAAK,EACb,SAAS,CAAC,EAAE,WAAW,GACtB,WAAW,GAAG,SAAS,CA+BzB;AAED,yFAAyF;AACzF,wBAAgB,2BAA2B,CAAC,WAAW,SAAgB,GAAG,MAAM,CAG/E;AAED,0FAA0F;AAC1F,wBAAgB,2BAA2B,CACzC,GAAG,GAAE,QAAQ,GAAG,SAAkE,GACjF,MAAM,IAAI,CA0UZ"}
|
package/lib/reactions.js
ADDED
|
@@ -0,0 +1,380 @@
|
|
|
1
|
+
import { XIAOHEI_IDLE_EAR_LEFT, XIAOHEI_IDLE_EAR_RIGHT, XIAOHEI_IDLE_TAIL, } from './generated-keyart.js';
|
|
2
|
+
import { XIAOHEI_REACTION_CSS } from './chrome/reactions.js';
|
|
3
|
+
import { XIAOHEI_HEIXIU_GREETING_EVENT, } from './heixiu-interactions.js';
|
|
4
|
+
import { XIAOHEI_PORTAL_PROXIMITY_EVENT, } from './portal.js';
|
|
5
|
+
export const XIAOHEI_REACTION_STYLE_ID = 'dsh-theme-xiaohei/reaction-style';
|
|
6
|
+
const EAR_DELAY_MS = 190;
|
|
7
|
+
const HEIXIU_EAR_DELAY_MS = 180;
|
|
8
|
+
const HEIXIU_INTERACTION_DURATION_MS = 800;
|
|
9
|
+
const EAR_DURATION_MS = 560;
|
|
10
|
+
const TAIL_SLOW_DURATION_MS = 1280;
|
|
11
|
+
const TAIL_COMPLETE_DURATION_MS = 700;
|
|
12
|
+
const IDLE_TAIL_MIN_DELAY_MS = 12_000;
|
|
13
|
+
const IDLE_TAIL_DELAY_RANGE_MS = 12_000;
|
|
14
|
+
const LEFT_EAR_CENTER_X = 84 / 256;
|
|
15
|
+
const LEFT_EAR_CENTER_Y = 62 / 256;
|
|
16
|
+
const RIGHT_EAR_CENTER_X = 166 / 256;
|
|
17
|
+
const RIGHT_EAR_CENTER_Y = 82 / 256;
|
|
18
|
+
const EAR_POINTER_ENTER_RADIUS_X = 34 / 256;
|
|
19
|
+
const EAR_POINTER_ENTER_RADIUS_Y = 42 / 256;
|
|
20
|
+
const EAR_POINTER_EXIT_RADIUS_X = 40 / 256;
|
|
21
|
+
const EAR_POINTER_EXIT_RADIUS_Y = 48 / 256;
|
|
22
|
+
/** Resolve a pointer only inside the two local, non-overlapping ear regions. */
|
|
23
|
+
export function resolveXiaoheiPointerEar(bounds, target, activeEar) {
|
|
24
|
+
if (bounds.width <= 0 || bounds.height <= 0)
|
|
25
|
+
return undefined;
|
|
26
|
+
const normalizedDistance = (ear, radiusX, radiusY) => {
|
|
27
|
+
const centerX = ear === 'ear-left' ? LEFT_EAR_CENTER_X : RIGHT_EAR_CENTER_X;
|
|
28
|
+
const centerY = ear === 'ear-left' ? LEFT_EAR_CENTER_Y : RIGHT_EAR_CENTER_Y;
|
|
29
|
+
const dx = (target.x - (bounds.left + bounds.width * centerX)) / (bounds.width * radiusX);
|
|
30
|
+
const dy = (target.y - (bounds.top + bounds.height * centerY)) / (bounds.height * radiusY);
|
|
31
|
+
return Math.hypot(dx, dy);
|
|
32
|
+
};
|
|
33
|
+
const entering = ['ear-left', 'ear-right']
|
|
34
|
+
.map((ear) => ({
|
|
35
|
+
ear,
|
|
36
|
+
distance: normalizedDistance(ear, EAR_POINTER_ENTER_RADIUS_X, EAR_POINTER_ENTER_RADIUS_Y),
|
|
37
|
+
}))
|
|
38
|
+
.filter(({ distance }) => distance <= 1)
|
|
39
|
+
.sort((left, right) => left.distance - right.distance)[0];
|
|
40
|
+
if (entering !== undefined)
|
|
41
|
+
return entering.ear;
|
|
42
|
+
if (activeEar !== undefined
|
|
43
|
+
&& normalizedDistance(activeEar, EAR_POINTER_EXIT_RADIUS_X, EAR_POINTER_EXIT_RADIUS_Y) <= 1) {
|
|
44
|
+
return activeEar;
|
|
45
|
+
}
|
|
46
|
+
return undefined;
|
|
47
|
+
}
|
|
48
|
+
/** Resolve the next sparse tail visit; exported to keep the timing contract testable. */
|
|
49
|
+
export function resolveXiaoheiIdleTailDelay(randomValue = Math.random()) {
|
|
50
|
+
const normalized = Math.min(1, Math.max(0, randomValue));
|
|
51
|
+
return IDLE_TAIL_MIN_DELAY_MS + Math.round(normalized * IDLE_TAIL_DELAY_RANGE_MS);
|
|
52
|
+
}
|
|
53
|
+
/** Install proximity ear motion and sparse idle tails without a JavaScript frame loop. */
|
|
54
|
+
export function installXiaoheiIdleReactions(doc = typeof document === 'undefined' ? undefined : document) {
|
|
55
|
+
if (doc?.body === undefined || doc.defaultView === null)
|
|
56
|
+
return () => { };
|
|
57
|
+
const win = doc.defaultView;
|
|
58
|
+
doc.getElementById(XIAOHEI_REACTION_STYLE_ID)?.remove();
|
|
59
|
+
const style = doc.createElement('style');
|
|
60
|
+
style.id = XIAOHEI_REACTION_STYLE_ID;
|
|
61
|
+
style.textContent = XIAOHEI_REACTION_CSS;
|
|
62
|
+
doc.head.append(style);
|
|
63
|
+
const reducedMotion = win.matchMedia('(prefers-reduced-motion: reduce)');
|
|
64
|
+
const coarsePointer = win.matchMedia('(hover: none) and (pointer: coarse)');
|
|
65
|
+
const preloads = [XIAOHEI_IDLE_EAR_LEFT, XIAOHEI_IDLE_EAR_RIGHT, XIAOHEI_IDLE_TAIL]
|
|
66
|
+
.map((source) => {
|
|
67
|
+
const image = new win.Image();
|
|
68
|
+
image.decoding = 'async';
|
|
69
|
+
image.src = source;
|
|
70
|
+
return image;
|
|
71
|
+
});
|
|
72
|
+
let disposed = false;
|
|
73
|
+
let mascot;
|
|
74
|
+
let reactionLayer;
|
|
75
|
+
let pointer;
|
|
76
|
+
let pointerEar;
|
|
77
|
+
let previousState = currentState(doc);
|
|
78
|
+
let reactionTimer = 0;
|
|
79
|
+
let pendingEarTimer = 0;
|
|
80
|
+
let heixiuEarTimer = 0;
|
|
81
|
+
let heixiuInteractionTimer = 0;
|
|
82
|
+
let idleTailTimer = 0;
|
|
83
|
+
const behaviorDisabled = () => reducedMotion.matches || coarsePointer.matches;
|
|
84
|
+
const isIdle = () => currentState(doc) === 'idle' && doc.visibilityState !== 'hidden';
|
|
85
|
+
const clearTimer = (timer) => {
|
|
86
|
+
if (timer !== 0)
|
|
87
|
+
win.clearTimeout(timer);
|
|
88
|
+
};
|
|
89
|
+
const clearPendingEar = () => {
|
|
90
|
+
clearTimer(pendingEarTimer);
|
|
91
|
+
pendingEarTimer = 0;
|
|
92
|
+
};
|
|
93
|
+
const clearHeixiuEar = () => {
|
|
94
|
+
clearTimer(heixiuEarTimer);
|
|
95
|
+
heixiuEarTimer = 0;
|
|
96
|
+
};
|
|
97
|
+
const clearHeixiuInteraction = () => {
|
|
98
|
+
clearTimer(heixiuInteractionTimer);
|
|
99
|
+
heixiuInteractionTimer = 0;
|
|
100
|
+
mascot?.removeAttribute('data-xiaohei-heixiu-interaction');
|
|
101
|
+
};
|
|
102
|
+
const clearReaction = () => {
|
|
103
|
+
clearTimer(reactionTimer);
|
|
104
|
+
reactionTimer = 0;
|
|
105
|
+
mascot?.removeAttribute('data-xiaohei-reaction');
|
|
106
|
+
mascot?.removeAttribute('data-xiaohei-ear-loop');
|
|
107
|
+
reactionLayer?.removeAttribute('data-reaction');
|
|
108
|
+
};
|
|
109
|
+
const sourceFor = (reaction) => {
|
|
110
|
+
if (reaction === 'ear-left')
|
|
111
|
+
return XIAOHEI_IDLE_EAR_LEFT;
|
|
112
|
+
if (reaction === 'ear-right')
|
|
113
|
+
return XIAOHEI_IDLE_EAR_RIGHT;
|
|
114
|
+
return XIAOHEI_IDLE_TAIL;
|
|
115
|
+
};
|
|
116
|
+
const play = (reaction, durationMs) => {
|
|
117
|
+
if (disposed || behaviorDisabled() || !isIdle() || mascot === undefined || reactionLayer === undefined) {
|
|
118
|
+
return false;
|
|
119
|
+
}
|
|
120
|
+
if (mascot.hasAttribute('data-xiaohei-reaction'))
|
|
121
|
+
return false;
|
|
122
|
+
reactionLayer.src = sourceFor(reaction);
|
|
123
|
+
reactionLayer.dataset.reaction = reaction;
|
|
124
|
+
mascot.dataset.xiaoheiReaction = reaction;
|
|
125
|
+
reactionTimer = win.setTimeout(() => {
|
|
126
|
+
reactionTimer = 0;
|
|
127
|
+
mascot?.removeAttribute('data-xiaohei-reaction');
|
|
128
|
+
reactionLayer?.removeAttribute('data-reaction');
|
|
129
|
+
}, durationMs + 40);
|
|
130
|
+
return true;
|
|
131
|
+
};
|
|
132
|
+
const playEar = (ear) => {
|
|
133
|
+
play(ear, EAR_DURATION_MS);
|
|
134
|
+
};
|
|
135
|
+
const setEarFrame = (ear) => {
|
|
136
|
+
if (mascot === undefined || reactionLayer === undefined)
|
|
137
|
+
return;
|
|
138
|
+
reactionLayer.src = sourceFor(ear);
|
|
139
|
+
reactionLayer.dataset.reaction = ear;
|
|
140
|
+
mascot.dataset.xiaoheiReaction = ear;
|
|
141
|
+
};
|
|
142
|
+
const stopPointerEarLoop = () => {
|
|
143
|
+
clearPendingEar();
|
|
144
|
+
if (mascot?.dataset.xiaoheiEarLoop === 'true')
|
|
145
|
+
clearReaction();
|
|
146
|
+
};
|
|
147
|
+
const attach = () => {
|
|
148
|
+
const nextMascot = doc.querySelector('.xiaohei-scene__mascot') ?? undefined;
|
|
149
|
+
if (nextMascot === mascot && reactionLayer?.isConnected === true)
|
|
150
|
+
return;
|
|
151
|
+
clearReaction();
|
|
152
|
+
reactionLayer?.remove();
|
|
153
|
+
reactionLayer = undefined;
|
|
154
|
+
mascot = nextMascot;
|
|
155
|
+
const viewport = nextMascot?.querySelector('.xiaohei-scene__mascot-idle-viewport');
|
|
156
|
+
if (viewport === null || viewport === undefined)
|
|
157
|
+
return;
|
|
158
|
+
const layer = doc.createElement('img');
|
|
159
|
+
layer.className = 'xiaohei-scene__idle-reaction';
|
|
160
|
+
layer.alt = '';
|
|
161
|
+
layer.decoding = 'async';
|
|
162
|
+
layer.fetchPriority = 'low';
|
|
163
|
+
viewport.append(layer);
|
|
164
|
+
reactionLayer = layer;
|
|
165
|
+
};
|
|
166
|
+
const earToward = (target) => {
|
|
167
|
+
if (mascot === undefined)
|
|
168
|
+
return undefined;
|
|
169
|
+
const rect = mascot.getBoundingClientRect();
|
|
170
|
+
if (rect.width <= 0 || rect.height <= 0)
|
|
171
|
+
return undefined;
|
|
172
|
+
const leftEar = {
|
|
173
|
+
x: rect.left + rect.width * LEFT_EAR_CENTER_X,
|
|
174
|
+
y: rect.top + rect.height * LEFT_EAR_CENTER_Y,
|
|
175
|
+
};
|
|
176
|
+
const rightEar = {
|
|
177
|
+
x: rect.left + rect.width * RIGHT_EAR_CENTER_X,
|
|
178
|
+
y: rect.top + rect.height * RIGHT_EAR_CENTER_Y,
|
|
179
|
+
};
|
|
180
|
+
const leftDistance = Math.hypot(target.x - leftEar.x, target.y - leftEar.y);
|
|
181
|
+
const rightDistance = Math.hypot(target.x - rightEar.x, target.y - rightEar.y);
|
|
182
|
+
return leftDistance <= rightDistance ? 'ear-left' : 'ear-right';
|
|
183
|
+
};
|
|
184
|
+
const startPointerEarLoop = () => {
|
|
185
|
+
if (pointerEar === undefined || behaviorDisabled() || !isIdle())
|
|
186
|
+
return;
|
|
187
|
+
clearHeixiuEar();
|
|
188
|
+
clearHeixiuInteraction();
|
|
189
|
+
clearReaction();
|
|
190
|
+
setEarFrame(pointerEar);
|
|
191
|
+
if (mascot !== undefined)
|
|
192
|
+
mascot.dataset.xiaoheiEarLoop = 'true';
|
|
193
|
+
};
|
|
194
|
+
const schedulePointerEarLoop = () => {
|
|
195
|
+
if (pendingEarTimer !== 0 || mascot?.dataset.xiaoheiEarLoop === 'true')
|
|
196
|
+
return;
|
|
197
|
+
if (pointerEar === undefined || behaviorDisabled() || !isIdle())
|
|
198
|
+
return;
|
|
199
|
+
pendingEarTimer = win.setTimeout(() => {
|
|
200
|
+
pendingEarTimer = 0;
|
|
201
|
+
startPointerEarLoop();
|
|
202
|
+
}, EAR_DELAY_MS);
|
|
203
|
+
};
|
|
204
|
+
const refreshPointerEarDirection = () => {
|
|
205
|
+
if (mascot?.dataset.xiaoheiEarLoop !== 'true' || pointerEar === undefined)
|
|
206
|
+
return;
|
|
207
|
+
if (mascot.dataset.xiaoheiReaction === pointerEar)
|
|
208
|
+
return;
|
|
209
|
+
setEarFrame(pointerEar);
|
|
210
|
+
};
|
|
211
|
+
const syncPointerEarLoop = () => {
|
|
212
|
+
const rect = mascot?.getBoundingClientRect();
|
|
213
|
+
pointerEar = pointer !== undefined && rect !== undefined
|
|
214
|
+
? resolveXiaoheiPointerEar(rect, pointer, pointerEar)
|
|
215
|
+
: undefined;
|
|
216
|
+
if (pointerEar !== undefined) {
|
|
217
|
+
schedulePointerEarLoop();
|
|
218
|
+
refreshPointerEarDirection();
|
|
219
|
+
}
|
|
220
|
+
else {
|
|
221
|
+
stopPointerEarLoop();
|
|
222
|
+
}
|
|
223
|
+
};
|
|
224
|
+
const scheduleIdleTail = () => {
|
|
225
|
+
clearTimer(idleTailTimer);
|
|
226
|
+
idleTailTimer = 0;
|
|
227
|
+
if (disposed || behaviorDisabled() || !isIdle())
|
|
228
|
+
return;
|
|
229
|
+
const delay = resolveXiaoheiIdleTailDelay();
|
|
230
|
+
idleTailTimer = win.setTimeout(() => {
|
|
231
|
+
idleTailTimer = 0;
|
|
232
|
+
play('tail-slow', TAIL_SLOW_DURATION_MS);
|
|
233
|
+
scheduleIdleTail();
|
|
234
|
+
}, delay);
|
|
235
|
+
};
|
|
236
|
+
const onPointerMove = (event) => {
|
|
237
|
+
if (event.pointerType === 'touch') {
|
|
238
|
+
pointer = undefined;
|
|
239
|
+
pointerEar = undefined;
|
|
240
|
+
stopPointerEarLoop();
|
|
241
|
+
return;
|
|
242
|
+
}
|
|
243
|
+
pointer = { x: event.clientX, y: event.clientY };
|
|
244
|
+
syncPointerEarLoop();
|
|
245
|
+
};
|
|
246
|
+
const clearPointer = () => {
|
|
247
|
+
pointer = undefined;
|
|
248
|
+
pointerEar = undefined;
|
|
249
|
+
stopPointerEarLoop();
|
|
250
|
+
};
|
|
251
|
+
const onPortalProximity = (event) => {
|
|
252
|
+
const detail = event.detail;
|
|
253
|
+
const active = Boolean(detail?.active);
|
|
254
|
+
if (!active) {
|
|
255
|
+
clearHeixiuEar();
|
|
256
|
+
clearHeixiuInteraction();
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
if (pointerEar !== undefined || !isIdle() || detail.target === undefined || mascot === undefined)
|
|
260
|
+
return;
|
|
261
|
+
startHeixiuInteraction(detail.target, false);
|
|
262
|
+
};
|
|
263
|
+
const startHeixiuInteraction = (target, supersedePointer) => {
|
|
264
|
+
if (!isIdle() || behaviorDisabled() || mascot === undefined)
|
|
265
|
+
return;
|
|
266
|
+
if (pointerEar !== undefined && !supersedePointer)
|
|
267
|
+
return;
|
|
268
|
+
if (supersedePointer)
|
|
269
|
+
stopPointerEarLoop();
|
|
270
|
+
clearHeixiuInteraction();
|
|
271
|
+
mascot.dataset.xiaoheiHeixiuInteraction = 'true';
|
|
272
|
+
heixiuInteractionTimer = win.setTimeout(() => {
|
|
273
|
+
heixiuInteractionTimer = 0;
|
|
274
|
+
mascot?.removeAttribute('data-xiaohei-heixiu-interaction');
|
|
275
|
+
syncPointerEarLoop();
|
|
276
|
+
}, HEIXIU_INTERACTION_DURATION_MS);
|
|
277
|
+
clearHeixiuEar();
|
|
278
|
+
heixiuEarTimer = win.setTimeout(() => {
|
|
279
|
+
heixiuEarTimer = 0;
|
|
280
|
+
const ear = earToward(target);
|
|
281
|
+
if (ear !== undefined)
|
|
282
|
+
playEar(ear);
|
|
283
|
+
}, HEIXIU_EAR_DELAY_MS);
|
|
284
|
+
};
|
|
285
|
+
const onHeixiuGreeting = (event) => {
|
|
286
|
+
const detail = event.detail;
|
|
287
|
+
if (detail?.target === undefined)
|
|
288
|
+
return;
|
|
289
|
+
startHeixiuInteraction(detail.target, true);
|
|
290
|
+
};
|
|
291
|
+
const onStateChange = () => {
|
|
292
|
+
const nextState = currentState(doc);
|
|
293
|
+
if (nextState === previousState)
|
|
294
|
+
return;
|
|
295
|
+
const cameFromComplete = previousState === 'complete' && nextState === 'idle';
|
|
296
|
+
previousState = nextState;
|
|
297
|
+
clearPendingEar();
|
|
298
|
+
clearHeixiuEar();
|
|
299
|
+
clearHeixiuInteraction();
|
|
300
|
+
clearTimer(idleTailTimer);
|
|
301
|
+
idleTailTimer = 0;
|
|
302
|
+
if (nextState !== 'idle') {
|
|
303
|
+
clearReaction();
|
|
304
|
+
pointerEar = undefined;
|
|
305
|
+
return;
|
|
306
|
+
}
|
|
307
|
+
if (cameFromComplete)
|
|
308
|
+
play('tail-complete', TAIL_COMPLETE_DURATION_MS);
|
|
309
|
+
scheduleIdleTail();
|
|
310
|
+
syncPointerEarLoop();
|
|
311
|
+
};
|
|
312
|
+
const onVisibilityChange = () => {
|
|
313
|
+
clearPendingEar();
|
|
314
|
+
clearHeixiuEar();
|
|
315
|
+
clearHeixiuInteraction();
|
|
316
|
+
clearTimer(idleTailTimer);
|
|
317
|
+
idleTailTimer = 0;
|
|
318
|
+
if (doc.visibilityState === 'hidden') {
|
|
319
|
+
pointerEar = undefined;
|
|
320
|
+
clearReaction();
|
|
321
|
+
}
|
|
322
|
+
else {
|
|
323
|
+
scheduleIdleTail();
|
|
324
|
+
syncPointerEarLoop();
|
|
325
|
+
}
|
|
326
|
+
};
|
|
327
|
+
const onPreferenceChange = () => {
|
|
328
|
+
clearPendingEar();
|
|
329
|
+
clearHeixiuEar();
|
|
330
|
+
clearHeixiuInteraction();
|
|
331
|
+
clearReaction();
|
|
332
|
+
scheduleIdleTail();
|
|
333
|
+
syncPointerEarLoop();
|
|
334
|
+
};
|
|
335
|
+
const mountObserver = new win.MutationObserver(attach);
|
|
336
|
+
mountObserver.observe(doc.body, { childList: true, subtree: true });
|
|
337
|
+
const stateObserver = new win.MutationObserver(onStateChange);
|
|
338
|
+
stateObserver.observe(doc.documentElement, {
|
|
339
|
+
attributes: true,
|
|
340
|
+
attributeFilter: ['data-xiaohei-state'],
|
|
341
|
+
});
|
|
342
|
+
doc.addEventListener('pointermove', onPointerMove, { passive: true });
|
|
343
|
+
doc.addEventListener('pointerleave', clearPointer);
|
|
344
|
+
doc.addEventListener('visibilitychange', onVisibilityChange);
|
|
345
|
+
doc.addEventListener(XIAOHEI_PORTAL_PROXIMITY_EVENT, onPortalProximity);
|
|
346
|
+
doc.addEventListener(XIAOHEI_HEIXIU_GREETING_EVENT, onHeixiuGreeting);
|
|
347
|
+
win.addEventListener('blur', clearPointer);
|
|
348
|
+
reducedMotion.addEventListener('change', onPreferenceChange);
|
|
349
|
+
coarsePointer.addEventListener('change', onPreferenceChange);
|
|
350
|
+
attach();
|
|
351
|
+
scheduleIdleTail();
|
|
352
|
+
return () => {
|
|
353
|
+
disposed = true;
|
|
354
|
+
clearPendingEar();
|
|
355
|
+
clearHeixiuEar();
|
|
356
|
+
clearHeixiuInteraction();
|
|
357
|
+
clearTimer(idleTailTimer);
|
|
358
|
+
clearReaction();
|
|
359
|
+
mountObserver.disconnect();
|
|
360
|
+
stateObserver.disconnect();
|
|
361
|
+
doc.removeEventListener('pointermove', onPointerMove);
|
|
362
|
+
doc.removeEventListener('pointerleave', clearPointer);
|
|
363
|
+
doc.removeEventListener('visibilitychange', onVisibilityChange);
|
|
364
|
+
doc.removeEventListener(XIAOHEI_PORTAL_PROXIMITY_EVENT, onPortalProximity);
|
|
365
|
+
doc.removeEventListener(XIAOHEI_HEIXIU_GREETING_EVENT, onHeixiuGreeting);
|
|
366
|
+
win.removeEventListener('blur', clearPointer);
|
|
367
|
+
reducedMotion.removeEventListener('change', onPreferenceChange);
|
|
368
|
+
coarsePointer.removeEventListener('change', onPreferenceChange);
|
|
369
|
+
reactionLayer?.remove();
|
|
370
|
+
mascot?.removeAttribute('data-xiaohei-reaction');
|
|
371
|
+
mascot?.removeAttribute('data-xiaohei-ear-loop');
|
|
372
|
+
mascot?.removeAttribute('data-xiaohei-heixiu-interaction');
|
|
373
|
+
preloads.length = 0;
|
|
374
|
+
style.remove();
|
|
375
|
+
};
|
|
376
|
+
}
|
|
377
|
+
function currentState(doc) {
|
|
378
|
+
return doc.documentElement.getAttribute('data-xiaohei-state') ?? 'idle';
|
|
379
|
+
}
|
|
380
|
+
//# sourceMappingURL=reactions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactions.js","sourceRoot":"","sources":["../src/reactions.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/** Session feedback runs on an inner plane so ambient drifting stays untouched. */
|
|
2
|
+
export declare const XIAOHEI_HEIXIU_FEEDBACK_CSS = "\n.xiaohei-scene__heixiu-body {\n position: absolute;\n inset: 0;\n display: block;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\nhtml[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body {\n animation: xiaohei-heixiu-feedback-send 620ms cubic-bezier(0.22, 0.72, 0.24, 1) both;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--mascot .xiaohei-scene__heixiu-body,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {\n animation: xiaohei-heixiu-feedback-complete 760ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body {\n animation-delay: 70ms;\n}\n\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {\n animation-delay: 140ms;\n}\n\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body {\n animation: xiaohei-heixiu-feedback-error 880ms cubic-bezier(0.22, 0.72, 0.24, 1) both;\n}\n\nhtml[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-open,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open {\n animation: xiaohei-heixiu-feedback-eyes-open 620ms step-end both;\n}\n\nhtml[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-blink,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink,\nhtml[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {\n animation: xiaohei-heixiu-feedback-eyes-blink 620ms step-end both;\n}\n\n@keyframes xiaohei-heixiu-feedback-send {\n 0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }\n 34% { transform: translate3d(0, -0.28rem, 0); opacity: 1; }\n 68% { transform: translate3d(0, 0.08rem, 0); opacity: 0.94; }\n}\n\n@keyframes xiaohei-heixiu-feedback-complete {\n 0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }\n 38% { transform: translate3d(0, -0.42rem, 0); opacity: 1; }\n 68% { transform: translate3d(0, -0.12rem, 0); opacity: 0.96; }\n}\n\n@keyframes xiaohei-heixiu-feedback-error {\n 0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }\n 30% { transform: translate3d(0, 0.2rem, 0); opacity: 0.52; }\n 62% { transform: translate3d(0, 0.08rem, 0); opacity: 0.72; }\n}\n\n@keyframes xiaohei-heixiu-feedback-eyes-open {\n 0%, 24%, 48%, 100% { opacity: 1; }\n 25%, 47% { opacity: 0; }\n}\n\n@keyframes xiaohei-heixiu-feedback-eyes-blink {\n 0%, 24%, 48%, 100% { opacity: 0; }\n 25%, 47% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body,\n html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,\n html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {\n animation: none;\n }\n}\n";
|
|
3
|
+
//# sourceMappingURL=heixiu-feedback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heixiu-feedback.d.ts","sourceRoot":"","sources":["../../src/scene/heixiu-feedback.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,2BAA2B,8kGA8EvC,CAAA"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/** Session feedback runs on an inner plane so ambient drifting stays untouched. */
|
|
2
|
+
export const XIAOHEI_HEIXIU_FEEDBACK_CSS = `
|
|
3
|
+
.xiaohei-scene__heixiu-body {
|
|
4
|
+
position: absolute;
|
|
5
|
+
inset: 0;
|
|
6
|
+
display: block;
|
|
7
|
+
transform: translate3d(0, 0, 0);
|
|
8
|
+
opacity: 1;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
html[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body {
|
|
12
|
+
animation: xiaohei-heixiu-feedback-send 620ms cubic-bezier(0.22, 0.72, 0.24, 1) both;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--mascot .xiaohei-scene__heixiu-body,
|
|
16
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body,
|
|
17
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {
|
|
18
|
+
animation: xiaohei-heixiu-feedback-complete 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-body {
|
|
22
|
+
animation-delay: 70ms;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu--sidebar .xiaohei-scene__heixiu-body {
|
|
26
|
+
animation-delay: 140ms;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body {
|
|
30
|
+
animation: xiaohei-heixiu-feedback-error 880ms cubic-bezier(0.22, 0.72, 0.24, 1) both;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
html[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-open,
|
|
34
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,
|
|
35
|
+
html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open {
|
|
36
|
+
animation: xiaohei-heixiu-feedback-eyes-open 620ms step-end both;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
html[data-xiaohei-state='thinking'] .xiaohei-scene__heixiu--composer .xiaohei-scene__heixiu-blink,
|
|
40
|
+
html[data-xiaohei-state='complete'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink,
|
|
41
|
+
html[data-xiaohei-state='error'] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {
|
|
42
|
+
animation: xiaohei-heixiu-feedback-eyes-blink 620ms step-end both;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@keyframes xiaohei-heixiu-feedback-send {
|
|
46
|
+
0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }
|
|
47
|
+
34% { transform: translate3d(0, -0.28rem, 0); opacity: 1; }
|
|
48
|
+
68% { transform: translate3d(0, 0.08rem, 0); opacity: 0.94; }
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@keyframes xiaohei-heixiu-feedback-complete {
|
|
52
|
+
0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }
|
|
53
|
+
38% { transform: translate3d(0, -0.42rem, 0); opacity: 1; }
|
|
54
|
+
68% { transform: translate3d(0, -0.12rem, 0); opacity: 0.96; }
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@keyframes xiaohei-heixiu-feedback-error {
|
|
58
|
+
0%, 100% { transform: translate3d(0, 0, 0); opacity: 1; }
|
|
59
|
+
30% { transform: translate3d(0, 0.2rem, 0); opacity: 0.52; }
|
|
60
|
+
62% { transform: translate3d(0, 0.08rem, 0); opacity: 0.72; }
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@keyframes xiaohei-heixiu-feedback-eyes-open {
|
|
64
|
+
0%, 24%, 48%, 100% { opacity: 1; }
|
|
65
|
+
25%, 47% { opacity: 0; }
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@keyframes xiaohei-heixiu-feedback-eyes-blink {
|
|
69
|
+
0%, 24%, 48%, 100% { opacity: 0; }
|
|
70
|
+
25%, 47% { opacity: 1; }
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@media (prefers-reduced-motion: reduce) {
|
|
74
|
+
html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-body,
|
|
75
|
+
html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-open,
|
|
76
|
+
html[data-xiaohei-state] .xiaohei-scene__heixiu .xiaohei-scene__heixiu-blink {
|
|
77
|
+
animation: none;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
`;
|
|
81
|
+
//# sourceMappingURL=heixiu-feedback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heixiu-feedback.js","sourceRoot":"","sources":["../../src/scene/heixiu-feedback.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,MAAM,CAAC,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E1C,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/** Direct pointer attention and synchronized Heixiu-to-Xiaohei greetings. */
|
|
2
|
+
export declare const XIAOHEI_HEIXIU_INTERACTION_CSS = "\n.xiaohei-scene__heixiu-body {\n transition: transform 150ms ease-out, opacity 150ms ease-out;\n}\n\n.xiaohei-scene__heixiu-body::after {\n content: '';\n position: absolute;\n inset: 8%;\n border-radius: 50%;\n pointer-events: none;\n background: radial-gradient(circle, rgb(126 239 219 / 20%), transparent 68%);\n opacity: 0;\n transition: opacity 150ms ease-out;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {\n opacity: 0.92;\n filter:\n drop-shadow(0 0.32rem 0.68rem rgb(109 233 211 / 32%))\n drop-shadow(0 0.68rem 1.15rem rgb(1 9 10 / 20%));\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body {\n transform: translate3d(\n var(--xiaohei-heixiu-attention-x, 0px),\n var(--xiaohei-heixiu-attention-y, 0px),\n 0\n );\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body::after {\n opacity: 1;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body {\n animation: xiaohei-heixiu-greet-xiaohei 760ms cubic-bezier(0.2, 0.72, 0.24, 1) both;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open {\n animation: xiaohei-heixiu-greeting-open 760ms step-end both;\n}\n\n.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {\n animation: xiaohei-heixiu-greeting-blink 760ms step-end both;\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu-body::after {\n background: radial-gradient(circle, rgb(44 135 113 / 14%), transparent 68%);\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {\n filter:\n drop-shadow(0 0.3rem 0.62rem rgb(47 133 118 / 22%))\n drop-shadow(0 0.62rem 1rem rgb(45 64 56 / 10%));\n}\n\n@keyframes xiaohei-heixiu-greet-xiaohei {\n 0%, 100% { transform: translate3d(0, 0, 0); }\n 30% { transform: translate3d(0.42rem, -0.28rem, 0); }\n 62% { transform: translate3d(0.16rem, -0.08rem, 0); }\n}\n\n@keyframes xiaohei-heixiu-greeting-open {\n 0%, 20%, 40%, 62%, 80%, 100% { opacity: 1; }\n 21%, 39%, 63%, 79% { opacity: 0; }\n}\n\n@keyframes xiaohei-heixiu-greeting-blink {\n 0%, 20%, 40%, 62%, 80%, 100% { opacity: 0; }\n 21%, 39%, 63%, 79% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {\n .xiaohei-scene__heixiu-body,\n .xiaohei-scene__heixiu-body::after {\n transition: none;\n }\n\n .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body,\n .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open,\n .xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {\n animation: none;\n }\n}\n\n@media (forced-colors: active) {\n .xiaohei-scene__heixiu-body::after { display: none; }\n}\n";
|
|
3
|
+
//# sourceMappingURL=heixiu-interactions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heixiu-interactions.d.ts","sourceRoot":"","sources":["../../src/scene/heixiu-interactions.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,eAAO,MAAM,8BAA8B,21FAyF1C,CAAA"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/** Direct pointer attention and synchronized Heixiu-to-Xiaohei greetings. */
|
|
2
|
+
export const XIAOHEI_HEIXIU_INTERACTION_CSS = `
|
|
3
|
+
.xiaohei-scene__heixiu-body {
|
|
4
|
+
transition: transform 150ms ease-out, opacity 150ms ease-out;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.xiaohei-scene__heixiu-body::after {
|
|
8
|
+
content: '';
|
|
9
|
+
position: absolute;
|
|
10
|
+
inset: 8%;
|
|
11
|
+
border-radius: 50%;
|
|
12
|
+
pointer-events: none;
|
|
13
|
+
background: radial-gradient(circle, rgb(126 239 219 / 20%), transparent 68%);
|
|
14
|
+
opacity: 0;
|
|
15
|
+
transition: opacity 150ms ease-out;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {
|
|
19
|
+
opacity: 0.92;
|
|
20
|
+
filter:
|
|
21
|
+
drop-shadow(0 0.32rem 0.68rem rgb(109 233 211 / 32%))
|
|
22
|
+
drop-shadow(0 0.68rem 1.15rem rgb(1 9 10 / 20%));
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body {
|
|
26
|
+
transform: translate3d(
|
|
27
|
+
var(--xiaohei-heixiu-attention-x, 0px),
|
|
28
|
+
var(--xiaohei-heixiu-attention-y, 0px),
|
|
29
|
+
0
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] .xiaohei-scene__heixiu-body::after {
|
|
34
|
+
opacity: 1;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body {
|
|
38
|
+
animation: xiaohei-heixiu-greet-xiaohei 760ms cubic-bezier(0.2, 0.72, 0.24, 1) both;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open {
|
|
42
|
+
animation: xiaohei-heixiu-greeting-open 760ms step-end both;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {
|
|
46
|
+
animation: xiaohei-heixiu-greeting-blink 760ms step-end both;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
html[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu-body::after {
|
|
50
|
+
background: radial-gradient(circle, rgb(44 135 113 / 14%), transparent 68%);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
html[data-xiaohei-appearance='light'] .xiaohei-scene__heixiu[data-xiaohei-heixiu-attention='true'] {
|
|
54
|
+
filter:
|
|
55
|
+
drop-shadow(0 0.3rem 0.62rem rgb(47 133 118 / 22%))
|
|
56
|
+
drop-shadow(0 0.62rem 1rem rgb(45 64 56 / 10%));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@keyframes xiaohei-heixiu-greet-xiaohei {
|
|
60
|
+
0%, 100% { transform: translate3d(0, 0, 0); }
|
|
61
|
+
30% { transform: translate3d(0.42rem, -0.28rem, 0); }
|
|
62
|
+
62% { transform: translate3d(0.16rem, -0.08rem, 0); }
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@keyframes xiaohei-heixiu-greeting-open {
|
|
66
|
+
0%, 20%, 40%, 62%, 80%, 100% { opacity: 1; }
|
|
67
|
+
21%, 39%, 63%, 79% { opacity: 0; }
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@keyframes xiaohei-heixiu-greeting-blink {
|
|
71
|
+
0%, 20%, 40%, 62%, 80%, 100% { opacity: 0; }
|
|
72
|
+
21%, 39%, 63%, 79% { opacity: 1; }
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
|
|
76
|
+
.xiaohei-scene__heixiu-body,
|
|
77
|
+
.xiaohei-scene__heixiu-body::after {
|
|
78
|
+
transition: none;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-body,
|
|
82
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-open,
|
|
83
|
+
.xiaohei-scene__heixiu[data-xiaohei-heixiu-greeting='true'] .xiaohei-scene__heixiu-blink {
|
|
84
|
+
animation: none;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@media (forced-colors: active) {
|
|
89
|
+
.xiaohei-scene__heixiu-body::after { display: none; }
|
|
90
|
+
}
|
|
91
|
+
`;
|
|
92
|
+
//# sourceMappingURL=heixiu-interactions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heixiu-interactions.js","sourceRoot":"","sources":["../../src/scene/heixiu-interactions.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF7C,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/** Stable, opacity-only handoff between persistent character state layers. */
|
|
2
|
+
export declare const XIAOHEI_STATE_TRANSITION_CSS = "\n.xiaohei-scene__mascot-sheet--open,\n.xiaohei-scene__mascot-state {\n transition-property: opacity;\n transition-duration: 220ms;\n transition-timing-function: cubic-bezier(0.22, 0.72, 0.24, 1);\n}\n\n.xiaohei-scene__thinking-fx,\n.xiaohei-scene__state-fx {\n transition-property: opacity;\n transition-duration: 150ms;\n transition-timing-function: ease-out;\n transition-delay: 0ms;\n}\n\nhtml[data-xiaohei-state='thinking'] .xiaohei-scene__thinking-fx,\nhtml[data-xiaohei-state='streaming'] .xiaohei-scene__state-fx--streaming,\nhtml[data-xiaohei-state='tool'] .xiaohei-scene__state-fx--tool,\nhtml[data-xiaohei-state='waiting'] .xiaohei-scene__state-fx--waiting,\nhtml[data-xiaohei-state='complete'] .xiaohei-scene__state-fx--complete,\nhtml[data-xiaohei-state='error'] .xiaohei-scene__state-fx--error {\n transition-delay: 70ms;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .xiaohei-scene__mascot-sheet--open,\n .xiaohei-scene__mascot-state,\n .xiaohei-scene__thinking-fx,\n .xiaohei-scene__state-fx {\n transition-duration: 0.01ms;\n transition-delay: 0ms;\n }\n}\n";
|
|
3
|
+
//# sourceMappingURL=state-transitions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state-transitions.d.ts","sourceRoot":"","sources":["../../src/scene/state-transitions.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,eAAO,MAAM,4BAA4B,8kCAkCxC,CAAA"}
|