@aidget-community/grok-acrylic 0.1.0 → 0.2.1

package/agents.md

@@ -19,8 +19,11 @@ PNG；原照片中的布面、显示器和支架不属于挂件。
 
 ## 扫光、权限与刷新
 
-- 内联脚本只在 `.pendant` 上监听鼠标位置和扫光动画，闲置时回到静止光位；动画收敛后
-  停止申请帧。
+- 内联脚本通过 `window.aidget.onPointer` 接收宿主 hover 事件；`enter` / `move` 更新
+  光位并升到全亮，`leave` 回到静止光位。不要改回 DOM `pointermove`，也不要在窗口
+  `blur` 时收掉高光，否则非活动窗口会失去跟随效果。
+- 扫光动画使用 `window.aidget.requestAnimationFrame`，按经过时间插值；收敛后停止申请帧。
+  需要宿主提供该动画 API，不要改用 iframe 的原生帧时钟或增加常驻循环。
 - `prefers-reduced-motion` 下直接到达目标。不要增加常驻循环、远程资源或数据请求。
 - `permissions` 仅保留 `script`，`network` 保持空数组；没有定时刷新。
 - 页面使用 `aidget-surface="none"`，不要添加窗口材质或 `backdrop-filter`。

package/config.json

@@ -1,6 +1,7 @@
 {
   "id": "grok-acrylic",
   "title": "Grok · 亚克力挂件",
+  "minHostVersion": "0.1.13",
   "logo": null,
   "screenshots": ["assets/screenshot.png"],
   "platforms": ["macos", "windows", "linux"],

package/index.html

@@ -29,6 +29,7 @@
         let pos = { ...REST };
         let glow = { value: 0, target: IDLE_GLOW };
         let running = false;
+        let previousTime = null;
 
         function paint() {
           root.style.setProperty('--mx', `${(pos.x * 100).toFixed(2)}%`);
@@ -36,11 +37,18 @@
           root.style.setProperty('--shine', glow.value.toFixed(3));
         }
 
-        function tick() {
-          const ease = reduceMotion.matches ? 1 : 0.18;
+        function tick(timestamp) {
+          const elapsed =
+            previousTime === null
+              ? 1000 / 60
+              : Math.min(100, Math.max(0, timestamp - previousTime));
+          previousTime = timestamp;
+          const ease = reduceMotion.matches ? 1 : 1 - Math.pow(0.82, elapsed / (1000 / 60));
           pos.x += (target.x - pos.x) * ease;
           pos.y += (target.y - pos.y) * ease;
-          glow.value += (glow.target - glow.value) * (reduceMotion.matches ? 1 : 0.12);
+          glow.value +=
+            (glow.target - glow.value) *
+            (reduceMotion.matches ? 1 : 1 - Math.pow(0.88, elapsed / (1000 / 60)));
           paint();
           const settled =
             Math.abs(target.x - pos.x) < 0.002 &&
@@ -51,23 +59,24 @@
             glow.value = glow.target;
             paint();
             running = false;
+            previousTime = null;
             return;
           }
-          requestAnimationFrame(tick);
+          window.aidget.requestAnimationFrame(tick);
         }
 
         function wake() {
           if (!running) {
             running = true;
-            requestAnimationFrame(tick);
+            window.aidget.requestAnimationFrame(tick);
           }
         }
 
-        function follow(event) {
+        function follow(x, y) {
           const rect = pendant.getBoundingClientRect();
           if (!rect.width || !rect.height) return;
-          target.x = clamp((event.clientX - rect.left) / rect.width, -0.2, 1.2);
-          target.y = clamp((event.clientY - rect.top) / rect.height, -0.2, 1.2);
+          target.x = clamp((x - rect.left) / rect.width, 0, 1);
+          target.y = clamp((y - rect.top) / rect.height, 0, 1);
           glow.target = 1;
           wake();
         }
@@ -78,10 +87,13 @@
           wake();
         }
 
-        pendant.addEventListener('pointermove', follow);
-        pendant.addEventListener('pointerdown', follow);
-        pendant.addEventListener('pointerleave', rest);
-        window.addEventListener('blur', rest);
+        window.aidget.onPointer((event) => {
+          if (event.type === 'leave') {
+            rest();
+            return;
+          }
+          follow(event.x, event.y);
+        });
         document.addEventListener('visibilitychange', () => {
           if (document.hidden) rest();
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aidget-community/grok-acrylic",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Grok 猫娘主题的透明亚克力挂件桌面卡片，带鼠标跟随扫光。",
   "license": "MIT",
   "author": {