@pixygon/avatar 1.0.0

package/dist/index.js

@@ -0,0 +1,274 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EYE_COLOR_PRESETS: () => EYE_COLOR_PRESETS,
+  HAIR_COLOR_PRESETS: () => HAIR_COLOR_PRESETS,
+  SKIN_PRESETS: () => SKIN_PRESETS,
+  STYLE_COUNTS: () => STYLE_COUNTS,
+  buildSkeleton: () => buildSkeleton,
+  defaultAppearance: () => defaultAppearance,
+  randomAppearance: () => randomAppearance,
+  useAvatarEditor: () => useAvatarEditor
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/types/index.ts
+var STYLE_COUNTS = {
+  eye: 12,
+  brow: 8,
+  nose: 8,
+  mouth: 8,
+  hair: 16,
+  facial_hair: 8,
+  glasses: 6
+};
+
+// src/presets.ts
+var SKIN_PRESETS = [
+  [0.98, 0.89, 0.78],
+  // Porcelain
+  [0.96, 0.84, 0.71],
+  // Fair
+  [0.92, 0.78, 0.63],
+  // Light
+  [0.87, 0.72, 0.55],
+  // Medium-light
+  [0.78, 0.62, 0.46],
+  // Medium
+  [0.68, 0.51, 0.36],
+  // Olive
+  [0.58, 0.42, 0.3],
+  // Tan
+  [0.47, 0.33, 0.22],
+  // Brown
+  [0.36, 0.24, 0.16],
+  // Dark
+  [0.26, 0.17, 0.11]
+  // Deep
+];
+var EYE_COLOR_PRESETS = [
+  [0.1, 0.1, 0.1],
+  // Black
+  [0.35, 0.22, 0.1],
+  // Brown
+  [0.55, 0.35, 0.15],
+  // Hazel
+  [0.25, 0.5, 0.25],
+  // Green
+  [0.2, 0.4, 0.7],
+  // Blue
+  [0.45, 0.45, 0.5],
+  // Gray
+  [0.55, 0.25, 0.25],
+  // Red
+  [0.5, 0.3, 0.6]
+  // Violet
+];
+var HAIR_COLOR_PRESETS = [
+  [0.08, 0.06, 0.05],
+  // Black
+  [0.22, 0.14, 0.08],
+  // Dark brown
+  [0.4, 0.26, 0.14],
+  // Brown
+  [0.58, 0.42, 0.24],
+  // Light brown
+  [0.78, 0.62, 0.34],
+  // Dirty blonde
+  [0.9, 0.78, 0.48],
+  // Blonde
+  [0.72, 0.26, 0.12],
+  // Red
+  [0.88, 0.52, 0.22],
+  // Ginger
+  [0.6, 0.6, 0.62],
+  // Gray
+  [0.92, 0.92, 0.94]
+  // White
+];
+
+// src/defaults.ts
+function defaultAppearance() {
+  return {
+    body: { height: 0.5, build: 0.5 },
+    head: {
+      width: 1,
+      height: 1,
+      eye_style: 0,
+      eye_color: [...EYE_COLOR_PRESETS[1]],
+      eye_y: 0.5,
+      eye_spacing: 0.5,
+      eye_size: 0.5,
+      eye_rotation: 0.5,
+      brow_style: 0,
+      brow_color: [...HAIR_COLOR_PRESETS[0]],
+      brow_y: 0.5,
+      brow_spacing: 0.5,
+      brow_size: 0.5,
+      brow_rotation: 0.5,
+      nose_style: 0,
+      nose_y: 0.5,
+      nose_size: 0.5,
+      mouth_style: 0,
+      mouth_y: 0.5,
+      mouth_size: 0.5,
+      mouth_color: [0.75, 0.35, 0.35],
+      hair_style: 0,
+      hair_color: [...HAIR_COLOR_PRESETS[2]],
+      facial_hair_style: 0,
+      facial_hair_color: [...HAIR_COLOR_PRESETS[0]],
+      glasses_style: 0,
+      glasses_color: [0.1, 0.1, 0.1]
+    },
+    skin_color: [...SKIN_PRESETS[2]]
+  };
+}
+function randomAppearance() {
+  const rng = (min, max) => min + Math.random() * (max - min);
+  const rngInt = (max) => Math.floor(Math.random() * max);
+  const pick = (arr) => arr[rngInt(arr.length)];
+  const hairColor = pick(HAIR_COLOR_PRESETS);
+  return {
+    body: {
+      height: rng(0.2, 0.8),
+      build: rng(0.2, 0.8)
+    },
+    head: {
+      width: rng(0.7, 1.3),
+      height: rng(0.7, 1.3),
+      eye_style: rngInt(STYLE_COUNTS.eye),
+      eye_color: [...pick(EYE_COLOR_PRESETS)],
+      eye_y: rng(0.3, 0.7),
+      eye_spacing: rng(0.3, 0.7),
+      eye_size: rng(0.3, 0.7),
+      eye_rotation: 0.5,
+      brow_style: rngInt(STYLE_COUNTS.brow),
+      brow_color: [...hairColor],
+      brow_y: rng(0.3, 0.7),
+      brow_spacing: rng(0.3, 0.7),
+      brow_size: rng(0.3, 0.7),
+      brow_rotation: 0.5,
+      nose_style: rngInt(STYLE_COUNTS.nose),
+      nose_y: rng(0.3, 0.7),
+      nose_size: rng(0.3, 0.7),
+      mouth_style: rngInt(STYLE_COUNTS.mouth),
+      mouth_y: rng(0.3, 0.7),
+      mouth_size: rng(0.3, 0.7),
+      mouth_color: [0.75, 0.35, 0.35],
+      hair_style: rngInt(STYLE_COUNTS.hair),
+      hair_color: [...hairColor],
+      facial_hair_style: Math.random() < 0.3 ? 1 + rngInt(STYLE_COUNTS.facial_hair - 1) : 0,
+      facial_hair_color: [...hairColor],
+      glasses_style: Math.random() < 0.2 ? 1 + rngInt(STYLE_COUNTS.glasses - 1) : 0,
+      glasses_color: [0.1, 0.1, 0.1]
+    },
+    skin_color: [...pick(SKIN_PRESETS)]
+  };
+}
+
+// src/skeleton.ts
+function mirrorX(p) {
+  return [-p[0], p[1], p[2]];
+}
+function buildSkeleton(body) {
+  const h = 0.85 + body.height * 0.35;
+  const b = 0.75 + body.build * 0.5;
+  const footY = 0.02 * h;
+  const ankleY = 0.08 * h;
+  const kneeY = 0.45 * h;
+  const hipY = 0.88 * h;
+  const waistY = 0.95 * h;
+  const chestY = 1.18 * h;
+  const shoulderY = 1.3 * h;
+  const neckY = 1.38 * h;
+  const headBaseY = 1.42 * h;
+  const headCenterY = 1.55 * h;
+  const hipSpread = 0.09 * b;
+  const shoulderSpread = 0.16 * b;
+  const bones = [];
+  bones.push({ start: [0, hipY, 0], end: [0, waistY, 0], radius: 0.1 * b });
+  bones.push({ start: [0, waistY, 0], end: [0, chestY, 0], radius: 0.11 * b });
+  bones.push({ start: [0, chestY, 0], end: [0, shoulderY, 0], radius: 0.12 * b });
+  bones.push({ start: [0, neckY, 0], end: [0, headBaseY, 0], radius: 0.04 * b });
+  const lShoulder = [shoulderSpread, shoulderY, 0];
+  const lElbow = [shoulderSpread + 0.22 * h, shoulderY - 0.08 * h, 0];
+  const lWrist = [shoulderSpread + 0.42 * h, shoulderY - 0.18 * h, 0];
+  const lHand = [shoulderSpread + 0.5 * h, shoulderY - 0.22 * h, 0];
+  bones.push({ start: lShoulder, end: lElbow, radius: 0.04 * b });
+  bones.push({ start: lElbow, end: lWrist, radius: 0.035 * b });
+  bones.push({ start: lWrist, end: lHand, radius: 0.03 * b });
+  bones.push({ start: mirrorX(lShoulder), end: mirrorX(lElbow), radius: 0.04 * b });
+  bones.push({ start: mirrorX(lElbow), end: mirrorX(lWrist), radius: 0.035 * b });
+  bones.push({ start: mirrorX(lWrist), end: mirrorX(lHand), radius: 0.03 * b });
+  const lHip = [hipSpread, hipY, 0];
+  const lKnee = [hipSpread + 0.01, kneeY, 0];
+  const lAnkle = [hipSpread, ankleY, 0];
+  const lToe = [hipSpread, footY, 0.06];
+  bones.push({ start: lHip, end: lKnee, radius: 0.055 * b });
+  bones.push({ start: lKnee, end: lAnkle, radius: 0.045 * b });
+  bones.push({ start: lAnkle, end: lToe, radius: 0.035 * b });
+  bones.push({ start: mirrorX(lHip), end: mirrorX(lKnee), radius: 0.055 * b });
+  bones.push({ start: mirrorX(lKnee), end: mirrorX(lAnkle), radius: 0.045 * b });
+  bones.push({ start: mirrorX(lAnkle), end: mirrorX(lToe), radius: 0.035 * b });
+  const head = {
+    center: [0, headCenterY, 0],
+    radius_x: 0.11,
+    radius_y: 0.12,
+    radius_z: 0.1
+  };
+  return { bones, head };
+}
+
+// src/hooks/useAvatarEditor.ts
+var import_react = require("react");
+function useAvatarEditor(initial) {
+  const [appearance, setAppearance] = (0, import_react.useState)(
+    () => initial ?? defaultAppearance()
+  );
+  const [tab, setTab] = (0, import_react.useState)("body");
+  const update = (0, import_react.useCallback)((path, value) => {
+    setAppearance((prev) => {
+      const next = structuredClone(prev);
+      const parts = path.split(".");
+      let obj = next;
+      for (let i = 0; i < parts.length - 1; i++) {
+        obj = obj[parts[i]];
+      }
+      obj[parts[parts.length - 1]] = value;
+      return next;
+    });
+  }, []);
+  const randomize = (0, import_react.useCallback)(() => setAppearance(randomAppearance()), []);
+  const reset = (0, import_react.useCallback)(() => setAppearance(initial ?? defaultAppearance()), [initial]);
+  return { appearance, tab, setTab, update, randomize, reset };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EYE_COLOR_PRESETS,
+  HAIR_COLOR_PRESETS,
+  SKIN_PRESETS,
+  STYLE_COUNTS,
+  buildSkeleton,
+  defaultAppearance,
+  randomAppearance,
+  useAvatarEditor
+});

package/dist/index.mjs

@@ -0,0 +1,72 @@
+import {
+  EYE_COLOR_PRESETS,
+  HAIR_COLOR_PRESETS,
+  SKIN_PRESETS,
+  STYLE_COUNTS,
+  defaultAppearance,
+  randomAppearance,
+  useAvatarEditor
+} from "./chunk-5QZCUXJW.mjs";
+
+// src/skeleton.ts
+function mirrorX(p) {
+  return [-p[0], p[1], p[2]];
+}
+function buildSkeleton(body) {
+  const h = 0.85 + body.height * 0.35;
+  const b = 0.75 + body.build * 0.5;
+  const footY = 0.02 * h;
+  const ankleY = 0.08 * h;
+  const kneeY = 0.45 * h;
+  const hipY = 0.88 * h;
+  const waistY = 0.95 * h;
+  const chestY = 1.18 * h;
+  const shoulderY = 1.3 * h;
+  const neckY = 1.38 * h;
+  const headBaseY = 1.42 * h;
+  const headCenterY = 1.55 * h;
+  const hipSpread = 0.09 * b;
+  const shoulderSpread = 0.16 * b;
+  const bones = [];
+  bones.push({ start: [0, hipY, 0], end: [0, waistY, 0], radius: 0.1 * b });
+  bones.push({ start: [0, waistY, 0], end: [0, chestY, 0], radius: 0.11 * b });
+  bones.push({ start: [0, chestY, 0], end: [0, shoulderY, 0], radius: 0.12 * b });
+  bones.push({ start: [0, neckY, 0], end: [0, headBaseY, 0], radius: 0.04 * b });
+  const lShoulder = [shoulderSpread, shoulderY, 0];
+  const lElbow = [shoulderSpread + 0.22 * h, shoulderY - 0.08 * h, 0];
+  const lWrist = [shoulderSpread + 0.42 * h, shoulderY - 0.18 * h, 0];
+  const lHand = [shoulderSpread + 0.5 * h, shoulderY - 0.22 * h, 0];
+  bones.push({ start: lShoulder, end: lElbow, radius: 0.04 * b });
+  bones.push({ start: lElbow, end: lWrist, radius: 0.035 * b });
+  bones.push({ start: lWrist, end: lHand, radius: 0.03 * b });
+  bones.push({ start: mirrorX(lShoulder), end: mirrorX(lElbow), radius: 0.04 * b });
+  bones.push({ start: mirrorX(lElbow), end: mirrorX(lWrist), radius: 0.035 * b });
+  bones.push({ start: mirrorX(lWrist), end: mirrorX(lHand), radius: 0.03 * b });
+  const lHip = [hipSpread, hipY, 0];
+  const lKnee = [hipSpread + 0.01, kneeY, 0];
+  const lAnkle = [hipSpread, ankleY, 0];
+  const lToe = [hipSpread, footY, 0.06];
+  bones.push({ start: lHip, end: lKnee, radius: 0.055 * b });
+  bones.push({ start: lKnee, end: lAnkle, radius: 0.045 * b });
+  bones.push({ start: lAnkle, end: lToe, radius: 0.035 * b });
+  bones.push({ start: mirrorX(lHip), end: mirrorX(lKnee), radius: 0.055 * b });
+  bones.push({ start: mirrorX(lKnee), end: mirrorX(lAnkle), radius: 0.045 * b });
+  bones.push({ start: mirrorX(lAnkle), end: mirrorX(lToe), radius: 0.035 * b });
+  const head = {
+    center: [0, headCenterY, 0],
+    radius_x: 0.11,
+    radius_y: 0.12,
+    radius_z: 0.1
+  };
+  return { bones, head };
+}
+export {
+  EYE_COLOR_PRESETS,
+  HAIR_COLOR_PRESETS,
+  SKIN_PRESETS,
+  STYLE_COUNTS,
+  buildSkeleton,
+  defaultAppearance,
+  randomAppearance,
+  useAvatarEditor
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@pixygon/avatar",
+  "version": "1.0.0",
+  "description": "Avatar system for all Pixygon applications — types, presets, skeleton builder, and React editor",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pixygon/pixygon-packages"
+  }
+}