@ffxiark/character-viewer 0.0.1

package/dist/react.js

@@ -0,0 +1,538 @@
+import {
+  BASTOK_MARKETS_MODEL_LIGHT,
+  CharacterSceneController,
+  CharacterViewerError,
+  DEFAULT_Y,
+  Matrix4,
+  NIGHTTIME_MINUTE,
+  Vector3,
+  YAW_LIMIT,
+  YAW_SENSITIVITY,
+  YAW_SMOOTH,
+  Y_LIMIT_MAX,
+  Y_LIMIT_MIN,
+  ZOOM_MAX_FACTOR,
+  ZOOM_MIN_FACTOR,
+  clampX,
+  clampY,
+  createOutdoorModelLighting,
+  normalizeAppearance,
+  resolveAppearance,
+  serializeAppearance
+} from "./chunk-5GGVLVIE.js";
+
+// src/react/CharacterViewer.tsx
+import { useImperativeHandle, useRef as useRef2 } from "react";
+
+// src/react/useCharacterScene.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+// src/lib/scene/lighting-presets.ts
+function resolveLighting(lighting) {
+  if (!lighting || lighting === "default") {
+    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, NIGHTTIME_MINUTE);
+  }
+  if (lighting === "day") {
+    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, 12 * 60);
+  }
+  if (lighting === "night") {
+    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, 0);
+  }
+  return lighting;
+}
+function parseCssColor(color) {
+  const hex = color.trim();
+  if (hex.startsWith("#") && (hex.length === 7 || hex.length === 4)) {
+    const expand = hex.length === 4 ? `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex;
+    const r = Number.parseInt(expand.slice(1, 3), 16) / 255;
+    const g = Number.parseInt(expand.slice(3, 5), 16) / 255;
+    const b = Number.parseInt(expand.slice(5, 7), 16) / 255;
+    return [r, g, b, 1];
+  }
+  return [0.08, 0.09, 0.12, 1];
+}
+
+// src/react/useCharacterScene.ts
+function resolveRotateOptions(rotate) {
+  if (rotate === false) return { enabled: false };
+  if (rotate === true || rotate === void 0) return { enabled: true };
+  return { enabled: true, ...rotate };
+}
+function getSensitivity(sensitivity, axis) {
+  if (typeof sensitivity === "number") return sensitivity;
+  if (sensitivity && typeof sensitivity === "object") {
+    return sensitivity[axis] ?? (axis === "x" ? YAW_SENSITIVITY : YAW_SENSITIVITY * 0.66);
+  }
+  return axis === "x" ? YAW_SENSITIVITY : YAW_SENSITIVITY * 0.66;
+}
+function resizeCanvas(canvas, pixelRatio) {
+  const parent = canvas.parentElement;
+  if (!parent) return;
+  const width = Math.max(1, Math.floor(parent.clientWidth * pixelRatio));
+  const height = Math.max(1, Math.floor(parent.clientHeight * pixelRatio));
+  canvas.width = width;
+  canvas.height = height;
+  canvas.style.width = "100%";
+  canvas.style.height = "100%";
+}
+function useCharacterScene(canvasRef, appearance, options = {}) {
+  const rotateOpts = useMemo(() => resolveRotateOptions(options.rotate), [options.rotate]);
+  const appearanceKey = useMemo(() => serializeAppearance(appearance), [appearance]);
+  const normalizedLook = useMemo(() => normalizeAppearance(appearance), [appearanceKey]);
+  const [viewerState, setViewerState] = useState({ status: "loading" });
+  const [resolution, setResolution] = useState(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const orbitRef = useRef({
+    x: rotateOpts.initialX ?? rotateOpts.x ?? 0,
+    targetX: rotateOpts.initialX ?? rotateOpts.x ?? 0,
+    y: rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y,
+    targetY: rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y,
+    radius: 2,
+    framingRadius: 2,
+    dragging: false,
+    lastX: 0,
+    lastY: 0
+  });
+  const controllerRef = useRef(null);
+  const renderScratchRef = useRef({
+    center: new Vector3(),
+    turntableMatrix: new Matrix4()
+  });
+  const manualPausedRef = useRef(false);
+  const offscreenPausedRef = useRef(false);
+  const onStateChangeRef = useRef(options.onStateChange);
+  onStateChangeRef.current = options.onStateChange;
+  const pixelRatio = options.canvas?.pixelRatio ?? (typeof window !== "undefined" ? Math.min(window.devicePixelRatio, 2) : 1);
+  const transparent = !options.canvas?.backgroundColor;
+  const backgroundColor = options.canvas?.backgroundColor ? parseCssColor(options.canvas.backgroundColor) : void 0;
+  const lighting = useMemo(
+    () => resolveLighting(options.canvas?.lighting),
+    [options.canvas?.lighting]
+  );
+  const emitState = useCallback((state) => {
+    setViewerState(state);
+    onStateChangeRef.current?.(state);
+  }, []);
+  useEffect(() => {
+    manualPausedRef.current = options.pause === true;
+  }, [options.pause]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    let animationFrame = 0;
+    let disposed = false;
+    controllerRef.current = null;
+    const resize = () => {
+      resizeCanvas(canvas, pixelRatio);
+      controllerRef.current?.resize(canvas, orbitRef.current.radius, orbitRef.current.y);
+    };
+    const boot = async () => {
+      emitState({ status: "loading" });
+      setResolution(null);
+      try {
+        const res = resolveAppearance(normalizedLook);
+        resize();
+        const result = await CharacterSceneController.boot(canvas, normalizedLook, {
+          transparent,
+          backgroundColor,
+          idleAnimation: options.idleAnimation ?? true
+        });
+        if (disposed) {
+          result.controller.dispose();
+          return;
+        }
+        const orbit = orbitRef.current;
+        orbit.radius = result.framingRadius;
+        orbit.framingRadius = result.framingRadius;
+        orbit.x = rotateOpts.initialX ?? rotateOpts.x ?? 0;
+        orbit.targetX = orbit.x;
+        orbit.y = rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y;
+        orbit.targetY = orbit.y;
+        controllerRef.current = result.controller;
+        controllerRef.current.setIdleAnimation(options.idleAnimation ?? true);
+        setResolution(res);
+        const raceId = "raceId" in appearance ? appearance.raceId : -1;
+        const raceName = "raceId" in appearance ? normalizedLook.race : appearance.race;
+        const faceId = appearance.faceId;
+        const readyState = {
+          status: "ready",
+          meshCount: result.meshCount,
+          framingRadius: result.framingRadius,
+          appearance: { raceId, raceName, faceId },
+          resolution: res,
+          orbit: { x: orbit.x, y: orbit.y, radius: orbit.radius }
+        };
+        if (options.debug) {
+          readyState.debugInfo = {
+            status: "ready",
+            meshCount: result.meshCount,
+            raceId,
+            raceName,
+            faceId,
+            resolvedModels: res.resolvedModels,
+            missingItems: res.missingItems,
+            framingRadius: result.framingRadius,
+            orbit: { x: orbit.x, y: orbit.y, radius: orbit.radius },
+            error: null
+          };
+        }
+        emitState(readyState);
+      } catch (err) {
+        if (!disposed) {
+          const error = err instanceof CharacterViewerError ? err : new CharacterViewerError(
+            "asset_fetch_failed",
+            err instanceof Error ? err.message : String(err)
+          );
+          emitState({ status: "error", error });
+        }
+      }
+    };
+    void boot();
+    window.addEventListener("resize", resize);
+    const observer = options.pause === true || options.pause === false ? null : new IntersectionObserver(
+      (entries) => {
+        const visible = entries.some((e) => e.isIntersecting);
+        const pauseOpts = typeof options.pause === "object" ? options.pause : void 0;
+        offscreenPausedRef.current = !visible && pauseOpts?.offscreen !== false;
+      },
+      { threshold: 0.01 }
+    );
+    observer?.observe(canvas);
+    const smoothing = rotateOpts.smoothing ?? YAW_SMOOTH;
+    const rotateEnabled = rotateOpts.enabled !== false;
+    const autoRotate = rotateOpts.autoRotate ?? false;
+    const autoRotateSpeed = rotateOpts.autoRotateSpeed ?? 0.4;
+    const renderLoop = () => {
+      const controller = controllerRef.current;
+      const paused = manualPausedRef.current || offscreenPausedRef.current;
+      if (controller && !paused) {
+        const orbit = orbitRef.current;
+        if (autoRotate && rotateEnabled) {
+          orbit.targetX += autoRotateSpeed * (1 / 60);
+        }
+        if (rotateOpts.x !== void 0) orbit.targetX = rotateOpts.x;
+        if (rotateOpts.y !== void 0) orbit.targetY = rotateOpts.y;
+        orbit.x += (orbit.targetX - orbit.x) * smoothing;
+        orbit.y += (orbit.targetY - orbit.y) * smoothing;
+        controller.renderFrame(
+          { x: orbit.x, y: orbit.y, radius: orbit.radius },
+          renderScratchRef.current,
+          lighting
+        );
+        rotateOpts.onXChange?.(orbit.x);
+        rotateOpts.onYChange?.(orbit.y);
+      }
+      animationFrame = requestAnimationFrame(renderLoop);
+    };
+    animationFrame = requestAnimationFrame(renderLoop);
+    return () => {
+      disposed = true;
+      cancelAnimationFrame(animationFrame);
+      window.removeEventListener("resize", resize);
+      observer?.disconnect();
+      controllerRef.current?.dispose();
+      controllerRef.current = null;
+    };
+  }, [
+    appearance,
+    appearanceKey,
+    backgroundColor,
+    canvasRef,
+    emitState,
+    lighting,
+    normalizedLook,
+    options.debug,
+    options.idleAnimation,
+    options.pause,
+    pixelRatio,
+    rotateOpts,
+    transparent
+  ]);
+  const onPointerDown = useCallback(
+    (event) => {
+      if (!resolveRotateOptions(options.rotate).enabled) return;
+      const orbit = orbitRef.current;
+      orbit.dragging = true;
+      setIsDragging(true);
+      orbit.lastX = event.clientX;
+      orbit.lastY = event.clientY;
+      event.currentTarget.setPointerCapture(event.pointerId);
+    },
+    [options.rotate]
+  );
+  const onPointerMove = useCallback(
+    (event) => {
+      const orbit = orbitRef.current;
+      if (!orbit.dragging) return;
+      const rotate = resolveRotateOptions(options.rotate);
+      const dx = event.clientX - orbit.lastX;
+      const dy = event.clientY - orbit.lastY;
+      orbit.lastX = event.clientX;
+      orbit.lastY = event.clientY;
+      const xLimit = rotate.xLimit ?? YAW_LIMIT;
+      const yLimit = rotate.yLimit ?? [Y_LIMIT_MIN, Y_LIMIT_MAX];
+      orbit.targetX = clampX(orbit.targetX + dx * getSensitivity(rotate.sensitivity, "x"), xLimit);
+      orbit.targetY = clampY(
+        orbit.targetY - dy * getSensitivity(rotate.sensitivity, "y"),
+        yLimit[0],
+        yLimit[1]
+      );
+    },
+    [options.rotate]
+  );
+  const onPointerUp = useCallback((event) => {
+    orbitRef.current.dragging = false;
+    setIsDragging(false);
+    event.currentTarget.releasePointerCapture(event.pointerId);
+  }, []);
+  const onWheel = useCallback(
+    (event) => {
+      if (!options.zoom) return;
+      event.preventDefault();
+      const orbit = orbitRef.current;
+      const delta = event.deltaY * 2e-3;
+      const min = orbit.framingRadius * ZOOM_MIN_FACTOR;
+      const max = orbit.framingRadius * ZOOM_MAX_FACTOR;
+      orbit.radius = Math.max(min, Math.min(max, orbit.radius + delta));
+      const canvas = canvasRef.current;
+      if (canvas && controllerRef.current) {
+        controllerRef.current.resize(canvas, orbit.radius, orbit.y);
+      }
+    },
+    [canvasRef, options.zoom]
+  );
+  const resetView = useCallback(() => {
+    const rotate = resolveRotateOptions(options.rotate);
+    const orbit = orbitRef.current;
+    orbit.targetX = rotate.initialX ?? 0;
+    orbit.targetY = rotate.initialY ?? DEFAULT_Y;
+    orbit.radius = orbit.framingRadius;
+    const canvas = canvasRef.current;
+    if (canvas && controllerRef.current) {
+      controllerRef.current.resize(canvas, orbit.radius, orbit.y);
+    }
+  }, [canvasRef, options.rotate]);
+  const getOrbit = useCallback(
+    () => ({
+      x: orbitRef.current.x,
+      y: orbitRef.current.y,
+      radius: orbitRef.current.radius
+    }),
+    []
+  );
+  const setOrbit = useCallback(
+    (patch) => {
+      const orbit = orbitRef.current;
+      if (patch.x !== void 0) {
+        orbit.x = patch.x;
+        orbit.targetX = patch.x;
+      }
+      if (patch.y !== void 0) {
+        orbit.y = patch.y;
+        orbit.targetY = patch.y;
+      }
+      if (patch.radius !== void 0) {
+        orbit.radius = patch.radius;
+      }
+      const canvas = canvasRef.current;
+      if (canvas && controllerRef.current) {
+        controllerRef.current.resize(canvas, orbit.radius, orbit.y);
+      }
+    },
+    [canvasRef]
+  );
+  return {
+    viewerState,
+    resolution,
+    isDragging,
+    canvasHandlers: {
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerLeave: onPointerUp,
+      onWheel
+    },
+    resetView,
+    getOrbit,
+    setOrbit
+  };
+}
+
+// src/react/CharacterViewer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveRotateEnabled(rotate) {
+  if (rotate === false) return false;
+  if (typeof rotate === "object" && rotate.enabled === false) return false;
+  return true;
+}
+function CharacterViewer({
+  appearance,
+  width = "100%",
+  height = "100%",
+  minHeight = 320,
+  className,
+  style,
+  canvas,
+  rotate = true,
+  zoom = false,
+  idleAnimation = true,
+  pause,
+  showResetButton = false,
+  cursor,
+  pointerEvents = "auto",
+  fallbacks,
+  overlay,
+  debug = false,
+  ariaLabel = "3D character viewer",
+  role = "img",
+  tabIndex,
+  onStateChange,
+  ref
+}) {
+  const canvasRef = useRef2(null);
+  const {
+    viewerState,
+    resolution,
+    isDragging,
+    canvasHandlers,
+    resetView,
+    getOrbit,
+    setOrbit
+  } = useCharacterScene(canvasRef, appearance, {
+    rotate,
+    zoom,
+    idleAnimation,
+    pause,
+    canvas,
+    debug,
+    onStateChange
+  });
+  useImperativeHandle(
+    ref,
+    () => ({
+      resetView,
+      getState: () => viewerState,
+      getOrbit,
+      setOrbit
+    }),
+    [getOrbit, resetView, setOrbit, viewerState]
+  );
+  const canRotate = resolveRotateEnabled(rotate);
+  const resolvedCursor = cursor ?? (canRotate ? "grab" : "default");
+  const shellStyle = {
+    position: "relative",
+    width,
+    height,
+    minHeight,
+    background: canvas?.backgroundColor ? void 0 : "transparent",
+    ...style
+  };
+  const meshCount = viewerState.status === "ready" ? viewerState.meshCount : 0;
+  const framingRadius = viewerState.status === "ready" ? viewerState.framingRadius : 2;
+  const orbit = viewerState.status === "ready" ? viewerState.orbit : { x: 0, y: 0, radius: framingRadius };
+  const overlayState = {
+    status: viewerState.status,
+    meshCount,
+    orbit: { ...orbit, framingRadius },
+    isDragging,
+    canRotate,
+    canZoom: zoom,
+    resolution,
+    resetView,
+    setOrbit
+  };
+  const showLoading = viewerState.status === "loading" && fallbacks?.loading !== false;
+  const showEmpty = viewerState.status === "ready" && meshCount === 0 && fallbacks?.empty !== void 0;
+  const showError = viewerState.status === "error";
+  return /* @__PURE__ */ jsxs("div", { className, style: shellStyle, children: [
+    /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        ref: canvasRef,
+        className: canvas?.className,
+        "aria-label": ariaLabel,
+        role,
+        tabIndex,
+        style: {
+          display: "block",
+          width: "100%",
+          height: "100%",
+          cursor: resolvedCursor,
+          pointerEvents
+        },
+        ...canvasHandlers
+      }
+    ),
+    showLoading && (fallbacks?.loading ?? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          pointerEvents: "none"
+        },
+        children: "Loading character\u2026"
+      }
+    )),
+    showEmpty && fallbacks?.empty,
+    showError && (typeof fallbacks?.error === "function" ? fallbacks.error(viewerState.error) : fallbacks?.error ?? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#f87171"
+        },
+        children: viewerState.error.message
+      }
+    )),
+    showResetButton && viewerState.status === "ready" && meshCount > 0 && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: resetView,
+        style: {
+          position: "absolute",
+          top: 8,
+          right: 8,
+          padding: "4px 8px",
+          fontSize: 12,
+          cursor: "pointer"
+        },
+        children: "Reset view"
+      }
+    ),
+    debug && viewerState.status === "ready" && viewerState.debugInfo && /* @__PURE__ */ jsx(
+      "pre",
+      {
+        style: {
+          position: "absolute",
+          bottom: 8,
+          left: 8,
+          margin: 0,
+          padding: 8,
+          fontSize: 10,
+          fontFamily: "monospace",
+          background: "rgba(0,0,0,0.6)",
+          color: "#e2e8f0",
+          maxWidth: "80%",
+          overflow: "auto",
+          pointerEvents: "none"
+        },
+        children: JSON.stringify(viewerState.debugInfo, null, 2)
+      }
+    ),
+    overlay?.(overlayState)
+  ] });
+}
+export {
+  CharacterViewer,
+  useCharacterScene
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/CharacterViewer.tsx","../src/react/useCharacterScene.ts","../src/lib/scene/lighting-presets.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport { useImperativeHandle, useRef } from \"react\";\r\nimport type { CharacterViewerProps, CharacterViewerHandle } from \"./CharacterViewerProps\";\r\nimport { useCharacterScene } from \"./useCharacterScene\";\r\n\r\nfunction resolveRotateEnabled(rotate: CharacterViewerProps[\"rotate\"]): boolean {\r\n  if (rotate === false) return false;\r\n  if (typeof rotate === \"object\" && rotate.enabled === false) return false;\r\n  return true;\r\n}\r\n\r\nexport function CharacterViewer({\r\n  appearance,\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  minHeight = 320,\r\n  className,\r\n  style,\r\n  canvas,\r\n  rotate = true,\r\n  zoom = false,\r\n  idleAnimation = true,\r\n  pause,\r\n  showResetButton = false,\r\n  cursor,\r\n  pointerEvents = \"auto\",\r\n  fallbacks,\r\n  overlay,\r\n  debug = false,\r\n  ariaLabel = \"3D character viewer\",\r\n  role = \"img\",\r\n  tabIndex,\r\n  onStateChange,\r\n  ref,\r\n}: CharacterViewerProps) {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const {\r\n    viewerState,\r\n    resolution,\r\n    isDragging,\r\n    canvasHandlers,\r\n    resetView,\r\n    getOrbit,\r\n    setOrbit,\r\n  } = useCharacterScene(canvasRef, appearance, {\r\n    rotate,\r\n    zoom,\r\n    idleAnimation,\r\n    pause,\r\n    canvas,\r\n    debug,\r\n    onStateChange,\r\n  });\r\n\r\n  useImperativeHandle(\r\n    ref,\r\n    (): CharacterViewerHandle => ({\r\n      resetView,\r\n      getState: () => viewerState,\r\n      getOrbit,\r\n      setOrbit,\r\n    }),\r\n    [getOrbit, resetView, setOrbit, viewerState],\r\n  );\r\n\r\n  const canRotate = resolveRotateEnabled(rotate);\r\n  const resolvedCursor = cursor ?? (canRotate ? \"grab\" : \"default\");\r\n  const shellStyle = {\r\n    position: \"relative\" as const,\r\n    width,\r\n    height,\r\n    minHeight,\r\n    background: canvas?.backgroundColor ? undefined : \"transparent\",\r\n    ...style,\r\n  };\r\n\r\n  const meshCount = viewerState.status === \"ready\" ? viewerState.meshCount : 0;\r\n  const framingRadius =\r\n    viewerState.status === \"ready\" ? viewerState.framingRadius : 2;\r\n  const orbit =\r\n    viewerState.status === \"ready\"\r\n      ? viewerState.orbit\r\n      : { x: 0, y: 0, radius: framingRadius };\r\n\r\n  const overlayState = {\r\n    status: viewerState.status,\r\n    meshCount,\r\n    orbit: { ...orbit, framingRadius },\r\n    isDragging,\r\n    canRotate,\r\n    canZoom: zoom,\r\n    resolution,\r\n    resetView,\r\n    setOrbit,\r\n  };\r\n\r\n  const showLoading =\r\n    viewerState.status === \"loading\" && fallbacks?.loading !== false;\r\n  const showEmpty =\r\n    viewerState.status === \"ready\" &&\r\n    meshCount === 0 &&\r\n    fallbacks?.empty !== undefined;\r\n  const showError = viewerState.status === \"error\";\r\n\r\n  return (\r\n    <div className={className} style={shellStyle}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        className={canvas?.className}\r\n        aria-label={ariaLabel}\r\n        role={role}\r\n        tabIndex={tabIndex}\r\n        style={{\r\n          display: \"block\",\r\n          width: \"100%\",\r\n          height: \"100%\",\r\n          cursor: resolvedCursor,\r\n          pointerEvents,\r\n        }}\r\n        {...canvasHandlers}\r\n      />\r\n\r\n      {showLoading &&\r\n        (fallbacks?.loading ?? (\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              inset: 0,\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              pointerEvents: \"none\",\r\n            }}\r\n          >\r\n            Loading character…\r\n          </div>\r\n        ))}\r\n\r\n      {showEmpty && fallbacks?.empty}\r\n\r\n      {showError &&\r\n        (typeof fallbacks?.error === \"function\"\r\n          ? fallbacks.error(viewerState.error)\r\n          : (fallbacks?.error ?? (\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  inset: 0,\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  color: \"#f87171\",\r\n                }}\r\n              >\r\n                {viewerState.error.message}\r\n              </div>\r\n            )))}\r\n\r\n      {showResetButton && viewerState.status === \"ready\" && meshCount > 0 && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={resetView}\r\n          style={{\r\n            position: \"absolute\",\r\n            top: 8,\r\n            right: 8,\r\n            padding: \"4px 8px\",\r\n            fontSize: 12,\r\n            cursor: \"pointer\",\r\n          }}\r\n        >\r\n          Reset view\r\n        </button>\r\n      )}\r\n\r\n      {debug && viewerState.status === \"ready\" && viewerState.debugInfo && (\r\n        <pre\r\n          style={{\r\n            position: \"absolute\",\r\n            bottom: 8,\r\n            left: 8,\r\n            margin: 0,\r\n            padding: 8,\r\n            fontSize: 10,\r\n            fontFamily: \"monospace\",\r\n            background: \"rgba(0,0,0,0.6)\",\r\n            color: \"#e2e8f0\",\r\n            maxWidth: \"80%\",\r\n            overflow: \"auto\",\r\n            pointerEvents: \"none\",\r\n          }}\r\n        >\r\n          {JSON.stringify(viewerState.debugInfo, null, 2)}\r\n        </pre>\r\n      )}\r\n\r\n      {overlay?.(overlayState)}\r\n    </div>\r\n  );\r\n}\r\n","\"use client\";\r\n\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { normalizeAppearance, serializeAppearance } from \"../lib/appearance/normalize\";\r\nimport { resolveAppearance } from \"../lib/appearance/resolve-appearance\";\r\nimport type {\r\n  AppearanceResolution,\r\n  CharacterAppearance,\r\n  CharacterViewerError,\r\n  ViewerState,\r\n} from \"../lib/appearance/types\";\r\nimport { CharacterViewerError as ViewerError } from \"../lib/appearance/types\";\r\nimport { Matrix4 } from \"../lib/ffxi/math/matrix4\";\r\nimport { Vector3 } from \"../lib/ffxi/math/vector3\";\r\nimport { CharacterSceneController } from \"../lib/ffxi/scene/character-scene-controller\";\r\nimport { clampX, clampY } from \"../lib/ffxi/scene/turntable\";\r\nimport {\r\n  DEFAULT_Y,\r\n  YAW_LIMIT,\r\n  YAW_SENSITIVITY,\r\n  YAW_SMOOTH,\r\n  Y_LIMIT_MAX,\r\n  Y_LIMIT_MIN,\r\n  ZOOM_MAX_FACTOR,\r\n  ZOOM_MIN_FACTOR,\r\n} from \"../lib/ffxi/scene/viewer-config\";\r\nimport { parseCssColor, resolveLighting } from \"../lib/scene/lighting-presets\";\r\nimport type { CharacterViewerProps, RotateOptions } from \"./CharacterViewerProps\";\r\n\r\nexport type UseCharacterSceneOptions = Pick<\r\n  CharacterViewerProps,\r\n  \"rotate\" | \"zoom\" | \"idleAnimation\" | \"pause\" | \"canvas\" | \"debug\" | \"onStateChange\"\r\n>;\r\n\r\nexport interface CharacterSceneState {\r\n  viewerState: ViewerState;\r\n  resolution: AppearanceResolution | null;\r\n  isDragging: boolean;\r\n  canvasHandlers: {\r\n    onPointerDown: (event: React.PointerEvent<HTMLCanvasElement>) => void;\r\n    onPointerMove: (event: React.PointerEvent<HTMLCanvasElement>) => void;\r\n    onPointerUp: (event: React.PointerEvent<HTMLCanvasElement>) => void;\r\n    onPointerLeave: (event: React.PointerEvent<HTMLCanvasElement>) => void;\r\n    onWheel: (event: React.WheelEvent<HTMLCanvasElement>) => void;\r\n  };\r\n  resetView: () => void;\r\n  getOrbit: () => { x: number; y: number; radius: number };\r\n  setOrbit: (patch: Partial<{ x: number; y: number; radius: number }>) => void;\r\n}\r\n\r\nfunction resolveRotateOptions(rotate: boolean | RotateOptions | undefined): RotateOptions {\r\n  if (rotate === false) return { enabled: false };\r\n  if (rotate === true || rotate === undefined) return { enabled: true };\r\n  return { enabled: true, ...rotate };\r\n}\r\n\r\nfunction getSensitivity(\r\n  sensitivity: RotateOptions[\"sensitivity\"],\r\n  axis: \"x\" | \"y\",\r\n): number {\r\n  if (typeof sensitivity === \"number\") return sensitivity;\r\n  if (sensitivity && typeof sensitivity === \"object\") {\r\n    return sensitivity[axis] ?? (axis === \"x\" ? YAW_SENSITIVITY : YAW_SENSITIVITY * 0.66);\r\n  }\r\n  return axis === \"x\" ? YAW_SENSITIVITY : YAW_SENSITIVITY * 0.66;\r\n}\r\n\r\nfunction resizeCanvas(canvas: HTMLCanvasElement, pixelRatio: number): void {\r\n  const parent = canvas.parentElement;\r\n  if (!parent) return;\r\n  const width = Math.max(1, Math.floor(parent.clientWidth * pixelRatio));\r\n  const height = Math.max(1, Math.floor(parent.clientHeight * pixelRatio));\r\n  canvas.width = width;\r\n  canvas.height = height;\r\n  canvas.style.width = \"100%\";\r\n  canvas.style.height = \"100%\";\r\n}\r\n\r\nexport function useCharacterScene(\r\n  canvasRef: React.RefObject<HTMLCanvasElement | null>,\r\n  appearance: CharacterAppearance,\r\n  options: UseCharacterSceneOptions = {},\r\n): CharacterSceneState {\r\n  const rotateOpts = useMemo(() => resolveRotateOptions(options.rotate), [options.rotate]);\r\n  const appearanceKey = useMemo(() => serializeAppearance(appearance), [appearance]);\r\n  const normalizedLook = useMemo(() => normalizeAppearance(appearance), [appearanceKey]);\r\n\r\n  const [viewerState, setViewerState] = useState<ViewerState>({ status: \"loading\" });\r\n  const [resolution, setResolution] = useState<AppearanceResolution | null>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n\r\n  const orbitRef = useRef({\r\n    x: rotateOpts.initialX ?? rotateOpts.x ?? 0,\r\n    targetX: rotateOpts.initialX ?? rotateOpts.x ?? 0,\r\n    y: rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y,\r\n    targetY: rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y,\r\n    radius: 2,\r\n    framingRadius: 2,\r\n    dragging: false,\r\n    lastX: 0,\r\n    lastY: 0,\r\n  });\r\n\r\n  const controllerRef = useRef<CharacterSceneController | null>(null);\r\n  const renderScratchRef = useRef({\r\n    center: new Vector3(),\r\n    turntableMatrix: new Matrix4(),\r\n  });\r\n  const manualPausedRef = useRef(false);\r\n  const offscreenPausedRef = useRef(false);\r\n  const onStateChangeRef = useRef(options.onStateChange);\r\n  onStateChangeRef.current = options.onStateChange;\r\n\r\n  const pixelRatio =\r\n    options.canvas?.pixelRatio ??\r\n    (typeof window !== \"undefined\" ? Math.min(window.devicePixelRatio, 2) : 1);\r\n\r\n  const transparent = !options.canvas?.backgroundColor;\r\n  const backgroundColor = options.canvas?.backgroundColor\r\n    ? parseCssColor(options.canvas.backgroundColor)\r\n    : undefined;\r\n  const lighting = useMemo(\r\n    () => resolveLighting(options.canvas?.lighting),\r\n    [options.canvas?.lighting],\r\n  );\r\n\r\n  const emitState = useCallback((state: ViewerState) => {\r\n    setViewerState(state);\r\n    onStateChangeRef.current?.(state);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    manualPausedRef.current = options.pause === true;\r\n  }, [options.pause]);\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current;\r\n    if (!canvas) return;\r\n\r\n    let animationFrame = 0;\r\n    let disposed = false;\r\n    controllerRef.current = null;\r\n\r\n    const resize = () => {\r\n      resizeCanvas(canvas, pixelRatio);\r\n      controllerRef.current?.resize(canvas, orbitRef.current.radius, orbitRef.current.y);\r\n    };\r\n\r\n    const boot = async () => {\r\n      emitState({ status: \"loading\" });\r\n      setResolution(null);\r\n      try {\r\n        const res = resolveAppearance(normalizedLook);\r\n        resize();\r\n        const result = await CharacterSceneController.boot(canvas, normalizedLook, {\r\n          transparent,\r\n          backgroundColor,\r\n          idleAnimation: options.idleAnimation ?? true,\r\n        });\r\n        if (disposed) {\r\n          result.controller.dispose();\r\n          return;\r\n        }\r\n\r\n        const orbit = orbitRef.current;\r\n        orbit.radius = result.framingRadius;\r\n        orbit.framingRadius = result.framingRadius;\r\n        orbit.x = rotateOpts.initialX ?? rotateOpts.x ?? 0;\r\n        orbit.targetX = orbit.x;\r\n        orbit.y = rotateOpts.initialY ?? rotateOpts.y ?? DEFAULT_Y;\r\n        orbit.targetY = orbit.y;\r\n\r\n        controllerRef.current = result.controller;\r\n        controllerRef.current.setIdleAnimation(options.idleAnimation ?? true);\r\n        setResolution(res);\r\n\r\n        const raceId = \"raceId\" in appearance ? appearance.raceId : -1;\r\n        const raceName =\r\n          \"raceId\" in appearance\r\n            ? (normalizedLook.race)\r\n            : appearance.race;\r\n        const faceId = appearance.faceId;\r\n        const readyState: ViewerState = {\r\n          status: \"ready\",\r\n          meshCount: result.meshCount,\r\n          framingRadius: result.framingRadius,\r\n          appearance: { raceId, raceName, faceId },\r\n          resolution: res,\r\n          orbit: { x: orbit.x, y: orbit.y, radius: orbit.radius },\r\n        };\r\n        if (options.debug) {\r\n          (readyState as Extract<ViewerState, { status: \"ready\" }>).debugInfo = {\r\n            status: \"ready\",\r\n            meshCount: result.meshCount,\r\n            raceId,\r\n            raceName: raceName,\r\n            faceId,\r\n            resolvedModels: res.resolvedModels,\r\n            missingItems: res.missingItems,\r\n            framingRadius: result.framingRadius,\r\n            orbit: { x: orbit.x, y: orbit.y, radius: orbit.radius },\r\n            error: null,\r\n          };\r\n        }\r\n        emitState(readyState);\r\n      } catch (err) {\r\n        if (!disposed) {\r\n          const error: CharacterViewerError =\r\n            err instanceof ViewerError\r\n              ? err\r\n              : new ViewerError(\r\n                  \"asset_fetch_failed\",\r\n                  err instanceof Error ? err.message : String(err),\r\n                );\r\n          emitState({ status: \"error\", error });\r\n        }\r\n      }\r\n    };\r\n\r\n    void boot();\r\n    window.addEventListener(\"resize\", resize);\r\n\r\n    const observer =\r\n      options.pause === true || options.pause === false\r\n        ? null\r\n        : new IntersectionObserver(\r\n            (entries) => {\r\n              const visible = entries.some((e) => e.isIntersecting);\r\n              const pauseOpts =\r\n                typeof options.pause === \"object\" ? options.pause : undefined;\r\n              offscreenPausedRef.current = !visible && pauseOpts?.offscreen !== false;\r\n            },\r\n            { threshold: 0.01 },\r\n          );\r\n    observer?.observe(canvas);\r\n\r\n    const smoothing = rotateOpts.smoothing ?? YAW_SMOOTH;\r\n    const rotateEnabled = rotateOpts.enabled !== false;\r\n    const autoRotate = rotateOpts.autoRotate ?? false;\r\n    const autoRotateSpeed = rotateOpts.autoRotateSpeed ?? 0.4;\r\n\r\n    const renderLoop = () => {\r\n      const controller = controllerRef.current;\r\n      const paused = manualPausedRef.current || offscreenPausedRef.current;\r\n      if (controller && !paused) {\r\n        const orbit = orbitRef.current;\r\n        if (autoRotate && rotateEnabled) {\r\n          orbit.targetX += autoRotateSpeed * (1 / 60);\r\n        }\r\n        if (rotateOpts.x !== undefined) orbit.targetX = rotateOpts.x;\r\n        if (rotateOpts.y !== undefined) orbit.targetY = rotateOpts.y;\r\n\r\n        orbit.x += (orbit.targetX - orbit.x) * smoothing;\r\n        orbit.y += (orbit.targetY - orbit.y) * smoothing;\r\n\r\n        controller.renderFrame(\r\n          { x: orbit.x, y: orbit.y, radius: orbit.radius },\r\n          renderScratchRef.current,\r\n          lighting,\r\n        );\r\n\r\n        rotateOpts.onXChange?.(orbit.x);\r\n        rotateOpts.onYChange?.(orbit.y);\r\n      }\r\n      animationFrame = requestAnimationFrame(renderLoop);\r\n    };\r\n    animationFrame = requestAnimationFrame(renderLoop);\r\n\r\n    return () => {\r\n      disposed = true;\r\n      cancelAnimationFrame(animationFrame);\r\n      window.removeEventListener(\"resize\", resize);\r\n      observer?.disconnect();\r\n      controllerRef.current?.dispose();\r\n      controllerRef.current = null;\r\n    };\r\n  }, [\r\n    appearance,\r\n    appearanceKey,\r\n    backgroundColor,\r\n    canvasRef,\r\n    emitState,\r\n    lighting,\r\n    normalizedLook,\r\n    options.debug,\r\n    options.idleAnimation,\r\n    options.pause,\r\n    pixelRatio,\r\n    rotateOpts,\r\n    transparent,\r\n  ]);\r\n\r\n  const onPointerDown = useCallback(\r\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\r\n      if (!resolveRotateOptions(options.rotate).enabled) return;\r\n      const orbit = orbitRef.current;\r\n      orbit.dragging = true;\r\n      setIsDragging(true);\r\n      orbit.lastX = event.clientX;\r\n      orbit.lastY = event.clientY;\r\n      event.currentTarget.setPointerCapture(event.pointerId);\r\n    },\r\n    [options.rotate],\r\n  );\r\n\r\n  const onPointerMove = useCallback(\r\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\r\n      const orbit = orbitRef.current;\r\n      if (!orbit.dragging) return;\r\n      const rotate = resolveRotateOptions(options.rotate);\r\n      const dx = event.clientX - orbit.lastX;\r\n      const dy = event.clientY - orbit.lastY;\r\n      orbit.lastX = event.clientX;\r\n      orbit.lastY = event.clientY;\r\n      const xLimit = rotate.xLimit ?? YAW_LIMIT;\r\n      const yLimit = rotate.yLimit ?? [Y_LIMIT_MIN, Y_LIMIT_MAX];\r\n      orbit.targetX = clampX(orbit.targetX + dx * getSensitivity(rotate.sensitivity, \"x\"), xLimit);\r\n      orbit.targetY = clampY(\r\n        orbit.targetY - dy * getSensitivity(rotate.sensitivity, \"y\"),\r\n        yLimit[0],\r\n        yLimit[1],\r\n      );\r\n    },\r\n    [options.rotate],\r\n  );\r\n\r\n  const onPointerUp = useCallback((event: React.PointerEvent<HTMLCanvasElement>) => {\r\n    orbitRef.current.dragging = false;\r\n    setIsDragging(false);\r\n    event.currentTarget.releasePointerCapture(event.pointerId);\r\n  }, []);\r\n\r\n  const onWheel = useCallback(\r\n    (event: React.WheelEvent<HTMLCanvasElement>) => {\r\n      if (!options.zoom) return;\r\n      event.preventDefault();\r\n      const orbit = orbitRef.current;\r\n      const delta = event.deltaY * 0.002;\r\n      const min = orbit.framingRadius * ZOOM_MIN_FACTOR;\r\n      const max = orbit.framingRadius * ZOOM_MAX_FACTOR;\r\n      orbit.radius = Math.max(min, Math.min(max, orbit.radius + delta));\r\n      const canvas = canvasRef.current;\r\n      if (canvas && controllerRef.current) {\r\n        controllerRef.current.resize(canvas, orbit.radius, orbit.y);\r\n      }\r\n    },\r\n    [canvasRef, options.zoom],\r\n  );\r\n\r\n  const resetView = useCallback(() => {\r\n    const rotate = resolveRotateOptions(options.rotate);\r\n    const orbit = orbitRef.current;\r\n    orbit.targetX = rotate.initialX ?? 0;\r\n    orbit.targetY = rotate.initialY ?? DEFAULT_Y;\r\n    orbit.radius = orbit.framingRadius;\r\n    const canvas = canvasRef.current;\r\n    if (canvas && controllerRef.current) {\r\n      controllerRef.current.resize(canvas, orbit.radius, orbit.y);\r\n    }\r\n  }, [canvasRef, options.rotate]);\r\n\r\n  const getOrbit = useCallback(\r\n    () => ({\r\n      x: orbitRef.current.x,\r\n      y: orbitRef.current.y,\r\n      radius: orbitRef.current.radius,\r\n    }),\r\n    [],\r\n  );\r\n\r\n  const setOrbit = useCallback(\r\n    (patch: Partial<{ x: number; y: number; radius: number }>) => {\r\n      const orbit = orbitRef.current;\r\n      if (patch.x !== undefined) {\r\n        orbit.x = patch.x;\r\n        orbit.targetX = patch.x;\r\n      }\r\n      if (patch.y !== undefined) {\r\n        orbit.y = patch.y;\r\n        orbit.targetY = patch.y;\r\n      }\r\n      if (patch.radius !== undefined) {\r\n        orbit.radius = patch.radius;\r\n      }\r\n      const canvas = canvasRef.current;\r\n      if (canvas && controllerRef.current) {\r\n        controllerRef.current.resize(canvas, orbit.radius, orbit.y);\r\n      }\r\n    },\r\n    [canvasRef],\r\n  );\r\n\r\n  return {\r\n    viewerState,\r\n    resolution,\r\n    isDragging,\r\n    canvasHandlers: {\r\n      onPointerDown,\r\n      onPointerMove,\r\n      onPointerUp,\r\n      onPointerLeave: onPointerUp,\r\n      onWheel,\r\n    },\r\n    resetView,\r\n    getOrbit,\r\n    setOrbit,\r\n  };\r\n}\r\n","import {\r\n  createOutdoorModelLighting,\r\n  BASTOK_MARKETS_MODEL_LIGHT,\r\n  NIGHTTIME_MINUTE,\r\n  type StudioLighting,\r\n} from \"../ffxi/renderer/lighting\";\r\n\r\nexport type LightingPreset = \"default\" | \"day\" | \"night\";\r\n\r\nexport function resolveLighting(\r\n  lighting?: LightingPreset | StudioLighting,\r\n): StudioLighting {\r\n  if (!lighting || lighting === \"default\") {\r\n    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, NIGHTTIME_MINUTE);\r\n  }\r\n  if (lighting === \"day\") {\r\n    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, 12 * 60);\r\n  }\r\n  if (lighting === \"night\") {\r\n    return createOutdoorModelLighting(BASTOK_MARKETS_MODEL_LIGHT, 0);\r\n  }\r\n  return lighting;\r\n}\r\n\r\nexport function parseCssColor(color: string): [number, number, number, number] {\r\n  const hex = color.trim();\r\n  if (hex.startsWith(\"#\") && (hex.length === 7 || hex.length === 4)) {\r\n    const expand =\r\n      hex.length === 4\r\n        ? `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`\r\n        : hex;\r\n    const r = Number.parseInt(expand.slice(1, 3), 16) / 255;\r\n    const g = Number.parseInt(expand.slice(3, 5), 16) / 255;\r\n    const b = Number.parseInt(expand.slice(5, 7), 16) / 255;\r\n    return [r, g, b, 1];\r\n  }\r\n  return [0.08, 0.09, 0.12, 1];\r\n}\r\n"],"mappings":"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","names":["useRef","useRef"]}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@ffxiark/character-viewer",
+  "version": "0.0.1",
+  "description": "React WebGL2 3D character viewer for FFXI",
+  "type": "module",
+  "license": "MIT",
+  "author": "Mysk",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ffxiark/character-viewer.git"
+  },
+  "homepage": "https://github.com/ffxiark/character-viewer#readme",
+  "bugs": {
+    "url": "https://github.com/ffxiark/character-viewer/issues"
+  },
+  "keywords": [
+    "ffxi",
+    "final-fantasy-xi",
+    "character-viewer",
+    "webgl",
+    "webgl2",
+    "react",
+    "3d"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitest/coverage-v8": "^3.2.7",
+    "eslint": "^9",
+    "globals": "^17.7.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "^5",
+    "typescript-eslint": "^8",
+    "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "build": "tsup && node scripts/build-items.mjs",
+    "build:items": "node scripts/build-items.mjs",
+    "lint": "eslint",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  }
+}