@usamanawaz/react-native-ai-avatar 0.0.0-stage → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present 650 Industries, Inc. (aka Expo)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,87 @@
-# Temporary Holding Version
+# @usamanawaz/react-native-ai-avatar
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A 3D avatar for Expo and React Native. It blinks, looks toward the camera, changes expression, and moves its mouth while the device speaks.
+
+Works with Expo SDK 57 on Android, iOS, and web.
+
+## Install
+
+```bash
+npm install @usamanawaz/react-native-ai-avatar
+npx expo install expo-gl expo-asset expo-file-system expo-speech three @react-three/fiber jpeg-js
+```
+
+`expo-gl` includes native code. Use a [development build](https://docs.expo.dev/develop/development-builds/introduction/) if Expo Go does not include it. On web, `react-dom` and `react-native-web` are also required.
+
+## Metro
+
+Add `glb` as an asset, and load Three from its ESM build. The CommonJS build calls `process.emitWarning` and crashes in React Native.
+
+```js
+const path = require('path');
+const { getDefaultConfig } = require('expo/metro-config');
+
+const config = getDefaultConfig(__dirname);
+config.resolver.assetExts.push('glb', 'gltf');
+
+const threeEsmEntry = path.resolve(__dirname, 'node_modules/three/build/three.module.js');
+config.resolver.resolveRequest = (context, moduleName, platform) => {
+  if (moduleName === 'three') {
+    return { type: 'sourceFile', filePath: threeEsmEntry };
+  }
+  return context.resolveRequest(context, moduleName, platform);
+};
+
+module.exports = config;
+```
+
+## Use
+
+```tsx
+import { useRef } from 'react';
+import { Button, View } from 'react-native';
+import { AIAvatar, type AIAvatarHandle } from '@usamanawaz/react-native-ai-avatar';
+
+export function Screen() {
+  const avatar = useRef<AIAvatarHandle>(null);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <AIAvatar
+        ref={avatar}
+        model="male"
+        outfit="casual"
+        expression="neutral"
+        enableBlinking
+        enableHeadMovement
+        enableEyeMovement
+      />
+      <Button title="Speak" onPress={() => avatar.current?.speak('Hello. How can I help you today?')} />
+      <Button title="Stop" onPress={() => avatar.current?.stop()} />
+    </View>
+  );
+}
+```
+
+`speak` uses the system voice and resolves when speech ends. `stop` cuts it off.
+
+## Props
+
+| Prop | Default | What it does |
+| --- | --- | --- |
+| `model` | `"male"` | Bundled character. `"female"` is reserved and not included yet. |
+| `outfit` | none | `"casual"` wears the black crew-neck. Leave it unset for the default male model. |
+| `expression` | `"neutral"` | `neutral`, `happy`, `sad`, `angry`, `surprised`, or `thinking`. |
+| `enableBlinking` | `true` | Blinks on its own. |
+| `enableHeadMovement` | `true` | Small idle motion. While speaking, the head stays aimed at the camera. |
+| `enableEyeMovement` | `true` | Eyes look toward the person in front of the phone. |
+| `voice` | system speech | Your own `VoiceProvider`, if you do not want `expo-speech`. |
+| `style` | | Style for the avatar frame. The frame needs a height, or `flex: 1` inside a parent that has one. |
+
+## Notes
+
+Lip sync follows the words from on-device speech. It is timed from spelling and word boundaries, not from a phoneme track.
+
+Give the avatar a tall area. A face-and-chest framing is built in, and a short box will crop the head.
+
+If the panel stays a flat color on the iOS Simulator, run the same build on a phone. Simulator OpenGL often cannot draw this scene.

package/dist/AIAvatar.d.ts

@@ -0,0 +1,20 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { AvatarModelId, AvatarOutfit, ExpressionName } from './types';
+import type { VoiceProvider } from './voice/types';
+export type AIAvatarProps = {
+    model?: AvatarModelId;
+    /** `casual` wears the black crew-neck. Omit it to keep the default male model. */
+    outfit?: AvatarOutfit;
+    enableBlinking?: boolean;
+    enableHeadMovement?: boolean;
+    enableEyeMovement?: boolean;
+    expression?: ExpressionName;
+    style?: StyleProp<ViewStyle>;
+    voice?: VoiceProvider;
+};
+export type AIAvatarHandle = {
+    /** Speaks with the system voice and an approximate mouth rhythm. Resolves when speech ends or is stopped. */
+    speak(text: string): Promise<void>;
+    stop(): Promise<void>;
+};
+export declare const AIAvatar: import("react").ForwardRefExoticComponent<AIAvatarProps & import("react").RefAttributes<AIAvatarHandle>>;

package/dist/AvatarView.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarViewProps } from './types';
+/** Older surface. Prefer `AIAvatar` when you need speech or animation switches. */
+export declare function AvatarView({ model, sex, expression, }: AvatarViewProps): import("react").JSX.Element;

package/dist/animation/animator.d.ts

@@ -0,0 +1,44 @@
+import type { BlendshapeWeights } from '../model/blendshapes';
+import type { BonePose } from '../model/skeleton';
+import type { ExpressionName } from '../types';
+export type AvatarPose = {
+    weights: BlendshapeWeights;
+    bones: BonePose;
+};
+type Flags = {
+    blink: boolean;
+    head: boolean;
+    eyes: boolean;
+};
+/**
+ * Frame-independent face pose. Rendering only applies the result.
+ * Mouth cues follow spoken word boundaries from the voice provider.
+ */
+export declare class AvatarAnimator {
+    private expression;
+    private flags;
+    private weights;
+    private bones;
+    private lastTime;
+    private nextBlinkAt;
+    private blinkStarted;
+    private blinkAt;
+    private gaze;
+    private gazeTarget;
+    private nextSaccadeAt;
+    private speech;
+    setExpression(expression: ExpressionName): void;
+    setFlags(flags: Flags): void;
+    beginSpeech(text: string): void;
+    /** Lock mouth shapes to the word the TTS engine is about to speak. */
+    setSpeechBoundary(charIndex: number, charLength: number): void;
+    endSpeech(): void;
+    get speaking(): boolean;
+    sample(now: number): AvatarPose;
+    private startWord;
+    private targetWeights;
+    private blinkWeight;
+    private eyePose;
+    private scheduleBlink;
+}
+export {};

package/dist/animation/channels.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Later writers replace earlier ones on the same shape key.
+ * Lip-sync owns the mouth. Blink owns the lids. Gaze owns eye direction.
+ */
+export declare const BLENDSHAPE_CHANNELS: {
+    readonly blink: readonly ["eyeBlinkLeft", "eyeBlinkRight"];
+    readonly gaze: readonly ["eyeLookDownLeft", "eyeLookDownRight", "eyeLookInLeft", "eyeLookInRight", "eyeLookOutLeft", "eyeLookOutRight", "eyeLookUpLeft", "eyeLookUpRight"];
+    readonly lipsync: readonly ["jawOpen", "jawForward", "jawLeft", "jawRight", "mouthClose", "mouthFunnel", "mouthPucker", "mouthLeft", "mouthRight", "mouthSmileLeft", "mouthSmileRight", "mouthFrownLeft", "mouthFrownRight", "mouthDimpleLeft", "mouthDimpleRight", "mouthStretchLeft", "mouthStretchRight", "mouthRollLower", "mouthRollUpper", "mouthShrugLower", "mouthShrugUpper", "mouthPressLeft", "mouthPressRight", "mouthLowerDownLeft", "mouthLowerDownRight", "mouthUpperUpLeft", "mouthUpperUpRight", "tongueOut"];
+};
+export declare const BLINK_INTERVAL_MS: {
+    readonly min: 2400;
+    readonly max: 6000;
+};
+export declare const BLINK_DURATION_MS = 140;
+/** Head idle and gaze stay inside these Euler degrees. */
+export declare const HEAD_LIMITS_DEG: {
+    readonly neck: {
+        readonly x: 12;
+        readonly y: 18;
+        readonly z: 8;
+    };
+    readonly head: {
+        readonly x: 16;
+        readonly y: 24;
+        readonly z: 10;
+    };
+    readonly eye: {
+        readonly x: 18;
+        readonly y: 22;
+        readonly z: 0;
+    };
+};

package/dist/animation/expressions.d.ts

@@ -0,0 +1,4 @@
+import type { BlendshapeWeights } from '../model/blendshapes';
+import type { ExpressionName } from '../types';
+/** Shared by male and female meshes. Mouth shapes yield to lip-sync while speaking. */
+export declare const EXPRESSION_PRESETS: Record<ExpressionName, BlendshapeWeights>;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { AIAvatar } from './AIAvatar';
+export { AvatarView } from './AvatarView';
+export { EXPRESSION_PRESETS } from './animation/expressions';
+export { BLENDSHAPE_CHANNELS, BLINK_DURATION_MS, BLINK_INTERVAL_MS, HEAD_LIMITS_DEG } from './animation/channels';
+export { ARKIT_BLENDSHAPES, BLENDSHAPES } from './model/blendshapes';
+export { OPTIONAL_BONES, REQUIRED_BONES } from './model/skeleton';
+export { VISEME_BLENDSHAPES, VISEMES } from './model/visemes';
+export type { BlendshapeName, BlendshapeWeights } from './model/blendshapes';
+export type { BoneName, BonePose, BoneRotation } from './model/skeleton';
+export type { VisemeCue, VisemeId } from './model/visemes';
+export type { SpeechResult, VoiceProvider } from './voice/types';
+export type { AIAvatarHandle, AIAvatarProps } from './AIAvatar';
+export type { AvatarModel, AvatarModelId, AvatarOutfit, AvatarSex, AvatarViewProps, ExpressionName, GazeTarget, SpeakRequest, } from './types';

package/dist/model/bakeSkinning.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+/**
+ * Expo GL on the iOS Simulator cannot sample the float bone textures Three.js
+ * uses for SkinnedMesh. Convert every skinned mesh to a plain Mesh at bind pose
+ * so the avatar still draws. Face animation stays on CPU morphs; head turn is a
+ * whole-body group rotation instead of bone skinning.
+ */
+export declare function bakeSkinningToStaticMeshes(scene: THREE.Object3D): void;

package/dist/model/blendshapes.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Face contract for every GLB this library loads.
+ * Names match Apple's ARKit blend shapes so one mesh works for blink,
+ * gaze, expression, and lip-sync.
+ */
+export declare const BLENDSHAPES: readonly ["browDownLeft", "browDownRight", "browInnerUp", "browOuterUpLeft", "browOuterUpRight", "cheekPuff", "cheekSquintLeft", "cheekSquintRight", "eyeBlinkLeft", "eyeBlinkRight", "eyeLookDownLeft", "eyeLookDownRight", "eyeLookInLeft", "eyeLookInRight", "eyeLookOutLeft", "eyeLookOutRight", "eyeLookUpLeft", "eyeLookUpRight", "eyeSquintLeft", "eyeSquintRight", "eyeWideLeft", "eyeWideRight", "jawForward", "jawLeft", "jawRight", "jawOpen", "mouthClose", "mouthFunnel", "mouthPucker", "mouthLeft", "mouthRight", "mouthSmileLeft", "mouthSmileRight", "mouthFrownLeft", "mouthFrownRight", "mouthDimpleLeft", "mouthDimpleRight", "mouthStretchLeft", "mouthStretchRight", "mouthRollLower", "mouthRollUpper", "mouthShrugLower", "mouthShrugUpper", "mouthPressLeft", "mouthPressRight", "mouthLowerDownLeft", "mouthLowerDownRight", "mouthUpperUpLeft", "mouthUpperUpRight", "noseSneerLeft", "noseSneerRight", "tongueOut"];
+type AssertLength<T extends readonly unknown[], N extends number> = T['length'] extends N ? T : never;
+export declare const ARKIT_BLENDSHAPES: AssertLength<typeof BLENDSHAPES, 52>;
+export type BlendshapeName = (typeof BLENDSHAPES)[number];
+/** Morph target weights. Missing keys stay at 0. Values are 0 to 1. */
+export type BlendshapeWeights = Partial<Record<BlendshapeName, number>>;
+export {};

package/dist/model/boneMap.d.ts

@@ -0,0 +1,9 @@
+import type { BoneName } from './skeleton';
+/**
+ * MPFB default-rig names, then the names Three.js actually puts on the
+ * objects. Dots are stripped on load (`eye.L` becomes `eyeL`) because they
+ * are reserved in animation paths. The GLB itself is left unchanged.
+ */
+export declare const MPFB_BONE_SOURCES: Record<BoneName, readonly string[]>;
+/** Neck rotation is shared across the three neck bones so one control does not triple the bend. */
+export declare const NECK_BONE_SHARE: number;

package/dist/model/catalog.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarModelId, AvatarOutfit } from '../types';
+export declare function avatarModelSource(id: AvatarModelId, outfit?: AvatarOutfit): number | null;

package/dist/model/cpuMorphs.d.ts

@@ -0,0 +1,24 @@
+import * as THREE from 'three';
+import type { BlendshapeWeights } from './blendshapes';
+/**
+ * Expo GL on iOS (especially the Simulator) often cannot sample the float
+ * DataArrayTexture Three.js uses for morph targets. We strip GPU morphs and
+ * apply the same deltas on the CPU so the body mesh still draws.
+ */
+export type CpuMorphMesh = {
+    mesh: THREE.Mesh;
+    dictionary: Record<string, number>;
+    basePosition: Float32Array;
+    baseNormal: Float32Array | null;
+    positionDeltas: Float32Array[];
+    normalDeltas: Float32Array[] | null;
+    position: THREE.BufferAttribute;
+    normal: THREE.BufferAttribute | null;
+    scratchPosition: Float32Array;
+    scratchNormal: Float32Array | null;
+    lastKey: string;
+    /** When set, expression offsets are stored here so CPU skinning can run after them. */
+    morphOut?: Float32Array;
+};
+export declare function extractCpuMorphs(mesh: THREE.Mesh): CpuMorphMesh | null;
+export declare function applyCpuMorphs(targets: CpuMorphMesh[], weights: BlendshapeWeights): void;

package/dist/model/cpuSkin.d.ts

@@ -0,0 +1,19 @@
+import * as THREE from 'three';
+/**
+ * Expo GL cannot sample the float bone texture Three.js uses for SkinnedMesh.
+ * The mesh is drawn as a plain Mesh, and bone motion is applied on the CPU.
+ */
+export type CpuSkin = {
+    position: THREE.BufferAttribute;
+    bind: Float32Array;
+    /** Added to the bind position before skinning. Face shapes write this. */
+    morph: Float32Array;
+    skinIndex: THREE.BufferAttribute;
+    skinWeight: THREE.BufferAttribute;
+    skeleton: THREE.Skeleton;
+    bindMatrix: THREE.Matrix4;
+    bindMatrixInverse: THREE.Matrix4;
+    boneMatrices: THREE.Matrix4[];
+};
+export declare function createCpuSkins(scene: THREE.Object3D): CpuSkin[];
+export declare function updateCpuSkins(skins: CpuSkin[]): void;

package/dist/model/loadAvatar.d.ts

@@ -0,0 +1,21 @@
+import * as THREE from 'three';
+import { type CpuSkin } from './cpuSkin';
+import { type CpuMorphMesh } from './cpuMorphs';
+import type { BoneName } from './skeleton';
+export type BoundBone = {
+    bone: THREE.Bone;
+    rest: THREE.Quaternion;
+};
+export type LoadedAvatar = {
+    scene: THREE.Group;
+    /** Rotated for subtle head-turn without GPU skinning. */
+    lookGroup: THREE.Group;
+    /** @deprecated Prefer cpuMorphs — kept for older call sites. */
+    morphMeshes: THREE.Mesh[];
+    cpuMorphs: CpuMorphMesh[];
+    cpuSkins: CpuSkin[];
+    bones: Partial<Record<BoneName, BoundBone[]>>;
+    frameCamera: (camera: THREE.PerspectiveCamera) => boolean;
+    dispose: () => void;
+};
+export declare function loadAvatar(moduleId: number, onProgress?: (status: string) => void): Promise<LoadedAvatar>;

package/dist/model/skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Bones a GLB must drive. Both sexes use these contract names.
+ * MPFB files keep their own bone names; the loader aliases them onto this list.
+ */
+export declare const REQUIRED_BONES: readonly ["Neck", "Head", "LeftEye", "RightEye"];
+/** Present when the mesh also drives the jaw with a bone. Lip-sync can use jawOpen alone. */
+export declare const OPTIONAL_BONES: readonly ["Jaw"];
+export type RequiredBoneName = (typeof REQUIRED_BONES)[number];
+export type OptionalBoneName = (typeof OPTIONAL_BONES)[number];
+export type BoneName = RequiredBoneName | OptionalBoneName;
+/** Euler degrees, applied on top of the bind pose. */
+export type BoneRotation = {
+    x: number;
+    y: number;
+    z: number;
+};
+export type BonePose = Partial<Record<BoneName, BoneRotation>>;

package/dist/model/visemes.d.ts

@@ -0,0 +1,19 @@
+import type { BlendshapeWeights } from './blendshapes';
+/**
+ * Oculus viseme set (15). Speech text and audio both resolve to this list
+ * before they touch the mesh.
+ */
+export declare const VISEMES: readonly ["sil", "PP", "FF", "TH", "DD", "kk", "CH", "SS", "nn", "RR", "aa", "E", "ih", "oh", "ou"];
+export type VisemeId = (typeof VISEMES)[number];
+export type VisemeCue = {
+    /** Seconds from the start of the utterance. */
+    time: number;
+    viseme: VisemeId;
+    /** 0 to 1. Neighboring cues are crossfaded. */
+    weight: number;
+};
+/**
+ * Starting weights for each viseme. Tuned once a real mesh is loaded.
+ * `sil` is silence and leaves the mouth on the current expression.
+ */
+export declare const VISEME_BLENDSHAPES: Record<VisemeId, BlendshapeWeights>;

package/dist/rendering/AvatarStage.d.ts

@@ -0,0 +1,7 @@
+import type { AvatarAnimator } from '../animation/animator';
+type AvatarStageProps = {
+    source: number;
+    animator: AvatarAnimator;
+};
+export declare function AvatarStage({ source, animator }: AvatarStageProps): import("react").JSX.Element;
+export {};

package/dist/rendering/applyPose.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarPose } from '../animation/animator';
+import type { LoadedAvatar } from '../model/loadAvatar';
+export declare function applyPose(avatar: LoadedAvatar, pose: AvatarPose): void;

package/dist/speech/ExpoSpeechProvider.d.ts

@@ -0,0 +1,13 @@
+import type { SpeakRequest } from '../types';
+import type { VoiceProvider } from '../voice/types';
+export type ExpoSpeakRequest = SpeakRequest & {
+    onBoundary?: (event: {
+        charIndex: number;
+        charLength: number;
+    }) => void;
+};
+/**
+ * On-device system voice. Word boundaries keep mouth shapes aligned with
+ * speech; phoneme-accurate tracks still come from the animator.
+ */
+export declare function createExpoSpeechProvider(): VoiceProvider;

package/dist/speech/approximateMouth.d.ts

@@ -0,0 +1,15 @@
+import type { BlendshapeWeights } from '../model/blendshapes';
+import { type VisemeCue } from '../model/visemes';
+export type MouthWord = {
+    /** Inclusive start character index in the original spoken string. */
+    start: number;
+    /** Exclusive end character index. */
+    end: number;
+    cues: VisemeCue[];
+    duration: number;
+};
+export declare function approximateMouthCues(text: string): VisemeCue[];
+export declare function buildMouthWords(text: string): MouthWord[];
+export declare function mouthWeightsAt(cues: VisemeCue[], elapsedSec: number): BlendshapeWeights;
+/** Stretch a word's cues so they fill `durationSec`, then rest the mouth. */
+export declare function scaledWordCues(word: MouthWord, durationSec: number): VisemeCue[];

package/dist/types.d.ts

@@ -0,0 +1,35 @@
+export type AvatarSex = 'female' | 'male';
+/** Which bundled GLB to show. Female is reserved until that model is exported. */
+export type AvatarModelId = AvatarSex;
+/** Clothes bundled with the male human. `casual` is the black crew-neck. */
+export type AvatarOutfit = 'casual';
+export type ExpressionName = 'neutral' | 'happy' | 'sad' | 'angry' | 'surprised' | 'thinking';
+/** Gaze direction in view space. 0 is toward the camera. Each axis is -1 to 1. */
+export type GazeTarget = {
+    x: number;
+    y: number;
+};
+/**
+ * A GLB/GLTF avatar. `source` is a Metro asset module from `require()`
+ * or a `file://` URI already on device.
+ */
+export type AvatarModel = {
+    sex: AvatarSex;
+    source: number | string;
+};
+export type SpeakRequest = {
+    text: string;
+    voiceId?: string;
+    /** Fired when TTS reaches a word (iOS/Android). Used to lock lip-sync. */
+    onBoundary?: (event: {
+        charIndex: number;
+        charLength: number;
+    }) => void;
+};
+export type AvatarViewProps = {
+    model?: AvatarModel;
+    sex?: AvatarSex;
+    expression?: ExpressionName;
+    gaze?: GazeTarget;
+    speak?: SpeakRequest | null;
+};

package/dist/voice/types.d.ts

@@ -0,0 +1,18 @@
+import type { VisemeCue } from '../model/visemes';
+import type { SpeakRequest } from '../types';
+export type SpeechResult = {
+    /** Playable file when the provider synthesizes audio. System TTS may omit this. */
+    audioUri?: string;
+    durationMs?: number;
+    visemes?: VisemeCue[];
+};
+/**
+ * One implementation per engine. The avatar never calls a TTS SDK directly.
+ * First planned adapter is on-device system speech. A later adapter can be
+ * an offline neural voice that also returns a viseme track.
+ */
+export type VoiceProvider = {
+    readonly id: string;
+    speak(request: SpeakRequest): Promise<SpeechResult>;
+    stop(): Promise<void>;
+};

package/package.json

@@ -1,6 +1,74 @@
 {
   "name": "@usamanawaz/react-native-ai-avatar",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "Reusable 3D AI avatar for Expo and React Native on Android, iOS, and web.",
+  "main": "./src/avatar/index.ts",
+  "types": "./dist/index.d.ts",
+  "react-native": "./src/avatar/index.ts",
+  "source": "./src/avatar/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./src/avatar/index.ts",
+      "browser": "./src/avatar/index.ts",
+      "import": "./src/avatar/index.ts",
+      "default": "./src/avatar/index.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src/avatar",
+    "assets/models/male-avatar.glb",
+    "assets/models/male-avatar-clothed.glb",
+    "dist"
+  ],
+  "dependencies": {
+    "jpeg-js": "^0.4.4"
+  },
+  "devDependencies": {
+    "@react-three/fiber": "^9.8.1",
+    "@types/react": "~19.2.2",
+    "@types/three": "^0.186.0",
+    "expo": "~57.0.28",
+    "expo-asset": "~57.0.19",
+    "expo-file-system": "~57.0.7",
+    "expo-gl": "~57.0.2",
+    "expo-speech": "~57.0.3",
+    "expo-status-bar": "~57.0.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-web": "^0.21.2",
+    "three": "^0.186.1",
+    "typescript": "~6.0.3"
+  },
+  "peerDependencies": {
+    "@react-three/fiber": ">=9.8.1",
+    "expo": ">=57",
+    "expo-asset": ">=57",
+    "expo-file-system": ">=57",
+    "expo-gl": ">=57",
+    "expo-speech": ">=57",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "react-native": ">=0.81",
+    "react-native-web": ">=0.21.0",
+    "three": ">=0.170.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native-web": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "build:types": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build:types"
+  }
+}