@dotcraft/avatar 0.6.3

package/dist/useGesture.js

@@ -0,0 +1,59 @@
+import { useEffect, useRef } from 'react';
+const durations = { blink: 520, 'look-left': 1100, 'look-right': 1100, 'antenna-bob': 720 };
+function curve(points, progress) {
+    const next = points.findIndex(([at]) => at >= progress);
+    if (next <= 0)
+        return points[Math.max(0, next)][1];
+    const [from, a] = points[next - 1], [to, b] = points[next];
+    const t = (progress - from) / (to - from);
+    return a + (b - a) * t * t * (3 - 2 * t);
+}
+export function useGesture(ref, gesture, sequence, enabled, paused, onComplete) {
+    const clock = useRef(0);
+    const complete = useRef(onComplete);
+    const delivered = useRef(false);
+    complete.current = onComplete;
+    function paint(elapsed) {
+        const root = ref.current;
+        if (!root)
+            return;
+        const duration = gesture ? durations[gesture] : 1;
+        const t = Math.min(1, elapsed / duration);
+        const active = enabled && !!gesture && t < 1;
+        const eye = active && gesture === 'blink' && elapsed < 180 ? curve([[0, 1], [.35, .08], [.62, .08], [1, 1]], elapsed / 180) : 1;
+        root.querySelectorAll('.dca-part-eyes').forEach(e => { e.style.transform = `scaleY(${eye})`; });
+        root.querySelectorAll('.dca-part-caret').forEach(e => { e.style.opacity = active && gesture === 'blink' && Math.floor(elapsed / 130) % 2 ? '0' : ''; });
+        const hold = t > .22 && t < .78 ? 1 : t >= .78 ? Math.sin(Math.PI / 2 * (1 - t) / .22) : Math.sin(Math.PI / 2 * t / .22);
+        const x = active && gesture?.startsWith('look-') ? (gesture === 'look-left' ? -34 : 34) * hold : 0;
+        root.querySelector('.dca-face-motion')?.setAttribute('transform', `translate(${x} 0)`);
+        const bob = active && gesture === 'antenna-bob' ? curve([[0, 0], [.3, -52], [.55, 12], [.75, -16], [1, 0]], t) : 0;
+        root.querySelectorAll('.dca-part-antenna-w,.dca-part-glow,.dca-part-light').forEach(e => { e.style.transform = `translateY(${bob}px)`; });
+    }
+    useEffect(() => { clock.current = 0; delivered.current = false; paint(0); }, [gesture, sequence, enabled]);
+    useEffect(() => {
+        if (!gesture || delivered.current)
+            return;
+        const finish = () => { delivered.current = true; complete.current?.(sequence); };
+        if (!enabled) {
+            paint(durations[gesture]);
+            finish();
+            return;
+        }
+        if (paused)
+            return;
+        let last;
+        let frame = 0;
+        const tick = (now) => {
+            clock.current += last === undefined ? 0 : now - last;
+            last = now;
+            paint(clock.current);
+            if (clock.current < durations[gesture])
+                frame = requestAnimationFrame(tick);
+            else
+                finish();
+        };
+        frame = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(frame);
+    }, [gesture, sequence, enabled, paused]);
+}
+//# sourceMappingURL=useGesture.js.map

package/dist/useGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGesture.js","sourceRoot":"","sources":["../src/useGesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAGzD,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,CAAA;AAC3F,SAAS,KAAK,CAAC,MAA8C,EAAE,QAAgB;IAC7E,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAA;IACvD,IAAI,IAAI,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAClD,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC1D,MAAM,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAA;IACzC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAC1C,CAAC;AACD,MAAM,UAAU,UAAU,CAAC,GAA8B,EAAE,OAAkC,EAAE,QAAgB,EAC7G,OAAgB,EAAE,MAAe,EAAE,UAAuC;IAC1E,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC/B,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IAC7B,SAAS,KAAK,CAAC,OAAe;QAC5B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAA;QACxB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACjD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAA;QACzC,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAA;QAC5C,MAAM,GAAG,GAAG,MAAM,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,GAAG,EAAC,GAAG,CAAC,EAAC,CAAC,GAAG,EAAC,GAAG,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACxH,IAAI,CAAC,gBAAgB,CAAa,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,GAAG,GAAG,CAAA,CAAC,CAAC,CAAC,CAAA;QAC1G,IAAI,CAAC,gBAAgB,CAAa,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,IAAI,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA,CAAC,CAAC,CAAC,CAAA;QAClK,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA;QACxH,MAAM,CAAC,GAAG,MAAM,IAAI,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QAClG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;QACtF,MAAM,GAAG,GAAG,MAAM,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAE,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,GAAG,EAAC,EAAE,CAAC,EAAC,CAAC,GAAG,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACxG,IAAI,CAAC,gBAAgB,CAAa,oDAAoD,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,KAAK,CAAA,CAAC,CAAC,CAAC,CAAA;IACtJ,CAAC;IACD,SAAS,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IACzG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO;YAAE,OAAM;QACzC,MAAM,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,CAAA;QAC/E,IAAI,CAAC,OAAO,EAAE,CAAC;YAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YAAC,MAAM,EAAE,CAAC;YAAC,OAAM;QAAC,CAAC;QAC7D,IAAI,MAAM;YAAE,OAAM;QAClB,IAAI,IAAwB,CAAA;QAC5B,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE;YAC3B,KAAK,CAAC,OAAO,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAA;YACpD,IAAI,GAAG,GAAG,CAAA;YACV,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;gBAAE,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;;gBACtE,MAAM,EAAE,CAAA;QACf,CAAC,CAAA;QACD,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QACnC,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;AAC1C,CAAC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@dotcraft/avatar",
+  "version": "0.6.3",
+  "description": "Name-derived DotCraft avatars and React SVG animation components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "node ../../scripts/clean-dist.mjs . && tsc -p tsconfig.json && node scripts/copy-styles.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "npm run build && node --test tests/*.test.mjs"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "typescript": "^5.7.0",
+    "jsdom": "^29.1.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DotHarness/dotcraft.git",
+    "directory": "sdk/typescript/packages/avatar"
+  },
+  "license": "Apache-2.0"
+}