roavatar-renderer 1.2.14 → 1.2.16

package/README.md

@@ -1,21 +1,25 @@
 # Renderer for RoAvatar
-This is the Roblox avatar renderer made for https://github.com/steinann/RoAvatar
+The Roblox Avatar renderer used by https://github.com/steinann/RoAvatar
 
-It was originally a part of that repository but has now gained independence
+Links: [npm](https://www.npmjs.com/package/roavatar-renderer) | [GitHub](https://github.com/steinann/RoAvatar-Renderer)
 
-Also available on npm: https://www.npmjs.com/package/roavatar-renderer
+> **IMPORTANT** <br>
+> Assets are *NOT* included in the npm module or this repository, you have to get them from the main RoAvatar repository OR set
+> ```FLAGS.ONLINE_ASSETS = true```
 
-IMPORTANT: Assets are NOT included in the npm module or this repository, you have to get them from the main RoAvatar repository OR set FLAGS.ONLINE_ASSETS = true
+Basic example on how to load an avatar using OutfitRenderer (to make it simpler):
 
-Basic example on how to load an avatar, that is also untested:
+**HTML:**
 ```html
-<!--I know this is kind of terrible but... it has to be included-->
+<!--This script has to be loaded in before loading any meshes-->
 <script src="/draco_decoder.js"></script>
 ```
+**TYPESCRIPT:**
 ```ts
 //setup flags that are compatible with you environment
-    FLAGS.ONLINE_ASSETS = false //set this to true if you want assets to be loaded from roblox instead of locally
+    FLAGS.ONLINE_ASSETS = true //set false to true if you want assets to be loaded locally
 
+    //if we arent using online assets we have to provide the renderer with the paths
     if (!FLAGS.ONLINE_ASSETS) {
         //path to asset files from RoAvatar
         FLAGS.ASSETS_PATH = chrome.runtime.getURL("assets/rbxasset/")
@@ -47,9 +51,11 @@ if (!(outfit instanceof Outfit)) throw new Error("Failed to get outfit")
     //used by api
     const auth = new Authentication()
     //manages outfit rendering for you
-    const outfitRenderer = new OutfitRenderer(auth, outfit, "roavatar://")
+    const outfitRenderer = new OutfitRenderer(auth, outfit)
     outfitRenderer.startAnimating()
     outfitRenderer.setMainAnimation("idle")
 ```
 
-See the RoAvatar source code to know more, especially avatarPreview.tsx is useful
+More info available in ```/docs```
+
+Also the OutfitRenderer code or RoAvatar source code is useful, especially ```avatarPreview.ts```

package/dist/index.d.ts

@@ -295,6 +295,10 @@ export declare const API: {
     PremiumFeatures: {
         GetSubscription: (userId: number) => Promise<Response | GetSubscription_Result>;
     };
+    RBLXGet: typeof RBLXGet;
+    RBLXPost: typeof RBLXPost;
+    RBLXDelete: typeof RBLXDelete;
+    RBLXPatch: typeof RBLXPatch;
 };
 
 export declare function arrayBufferToBase64(buffer: ArrayBuffer): string;
@@ -880,6 +884,10 @@ declare class Event_2 {
 }
 export { Event_2 as Event }
 
+export declare function exposeAPI(): void;
+
+export declare function exposeMesh(): void;
+
 export declare const FaceControlNames: string[];
 
 export declare class FaceControlsWrapper extends InstanceWrapper {
@@ -1279,7 +1287,7 @@ export declare class Instance {
     PropOrDefault(name: string, def: unknown): unknown;
     PropertyType(name: string): number | undefined;
     getPropertyNames(): string[];
-    setParent(instance: Instance | undefined | null): void;
+    setParent(instance: Instance | undefined | null, fireEvents?: boolean): void;
     Destroy(): void;
     GetFullName(): string;
     GetChildren(): Instance[];
@@ -1541,6 +1549,8 @@ export declare const magic = "<roblox!";
 
 export declare function magnitude(v: Vec3): number;
 
+export declare const MakeupAssetTypes: string[];
+
 export declare class MakeupDescriptionWrapper extends InstanceWrapper {
     static className: string;
     static requiredProperties: string[];
@@ -1882,13 +1892,15 @@ export declare class OutfitRenderer {
     hasNewUpdate: boolean;
     lastFrameTime: number;
     animationInterval?: NodeJS.Timeout;
+    animationFPS: number;
+    deltaTimeMultiplier: number;
     /**
      * Creates a new OutfitRenderer which makes it easy to render outfits
      * @param auth The authentication object, you should have one you use for everything
      * @param outfit The outfit you want to render, it can be updated later by calling setOutfit()
-     * @param rigPath The path that contains RigR6.rbxm and RigR15.rbxm, for example "../assets/"
+     * @param rigPath The path that contains RigR6.rbxm and RigR15.rbxm, should always be "roavatar://" as rig path is now controlled by FLAGS
      */
-    constructor(auth: Authentication, outfit: Outfit, rigPath: string);
+    constructor(auth: Authentication, outfit: Outfit, rigPath?: string);
     /**
      * Updates the current rig, called internally by _updateOutfit()
      */
@@ -2054,6 +2066,14 @@ export declare class RBFDeformerPatch {
     deformMesh(): void;
 }
 
+declare function RBLXDelete(url: string, auth: Authentication, body: any, attempt?: number): Promise<Response>;
+
+declare function RBLXGet(url: string, headers?: any, includeCredentials?: boolean): Promise<Response>;
+
+declare function RBLXPatch(url: string, auth: Authentication, body: any, attempt?: number): Promise<Response>;
+
+declare function RBLXPost(url: string, auth: Authentication | undefined, body: any, attempt?: number, method?: string): Promise<Response>;
+
 export declare class RBX {
     classCount: number;
     instanceCount: number;
@@ -2604,7 +2624,7 @@ declare type ValidationIssue = {
     assetIndex?: number;
 };
 
-declare type ValidationIssueType = "AccessoryLimit" | "LayeredLimit" | "OneOfTypeLimit" | "DuplicateId" | "NotWearable" | "MissingLayeredMeta" | "InvalidAsset";
+declare type ValidationIssueType = "AccessoryLimit" | "LayeredLimit" | "OneOfTypeLimit" | "DuplicateId" | "NotWearable" | "MissingLayeredMeta" | "InvalidAsset" | "MakeupLimit";
 
 export declare type Vec2 = [number, number];
 

package/dist/index.js

@@ -287,6 +287,11 @@ const LayeredClothingAssetOrder = {
   90: 16
   // EyeMakeup
 };
+const MakeupAssetTypes = [
+  "FaceMakeup",
+  "LipMakeup",
+  "EyeMakeup"
+];
 const MaxPerAsset = {
   "Head": 1,
   "TShirt": 1,
@@ -26700,6 +26705,7 @@ class WebGLRenderer {
     gl.unpackColorSpace = ColorManagement._getUnpackColorSpace();
   }
 }
+const textDecoder$1 = new TextDecoder();
 class SimpleView {
   view;
   viewOffset;
@@ -26757,7 +26763,7 @@ class SimpleView {
     if (!stringLength) {
       stringLength = this.readUint32();
     }
-    const string = new TextDecoder().decode(new Uint8Array(this.view.buffer).subarray(this.viewOffset, this.viewOffset + stringLength));
+    const string = textDecoder$1.decode(new Uint8Array(this.view.buffer).subarray(this.viewOffset, this.viewOffset + stringLength));
     this.viewOffset += stringLength;
     return string;
   }
@@ -26889,6 +26895,7 @@ function intToRgb(colorInt) {
   const B = colorInt & 255;
   return { R, G, B };
 }
+const textDecoder = new TextDecoder();
 class RBXSimpleView {
   view;
   viewOffset;
@@ -26926,7 +26933,7 @@ class RBXSimpleView {
     if (!stringLength) {
       stringLength = this.readUint32();
     }
-    const string = new TextDecoder().decode(new Uint8Array(this.view.buffer).subarray(this.viewOffset, this.viewOffset + stringLength));
+    const string = textDecoder.decode(new Uint8Array(this.view.buffer).subarray(this.viewOffset, this.viewOffset + stringLength));
     this.viewOffset += stringLength;
     return string;
   }
@@ -29238,7 +29245,7 @@ function nearestSearch(node, target, best = { dist: Infinity, index: -1 }) {
   }
   return best;
 }
-const jsContent = '(function() {\n  "use strict";\n  const FullBodyColorPalette = [\n    {\n      "brickColorId": 361,\n      "hexColor": "#564236",\n      "name": "Dirt brown"\n    },\n    {\n      "brickColorId": 192,\n      "hexColor": "#694028",\n      "name": "Reddish brown"\n    },\n    {\n      "brickColorId": 217,\n      "hexColor": "#7C5C46",\n      "name": "Brown"\n    },\n    {\n      "brickColorId": 153,\n      "hexColor": "#957977",\n      "name": "Sand red"\n    },\n    {\n      "brickColorId": 359,\n      "hexColor": "#AF9483",\n      "name": "Linen"\n    },\n    {\n      "brickColorId": 352,\n      "hexColor": "#C7AC78",\n      "name": "Burlap"\n    },\n    {\n      "brickColorId": 5,\n      "hexColor": "#D7C59A",\n      "name": "Brick yellow"\n    },\n    {\n      "brickColorId": 101,\n      "hexColor": "#DA867A",\n      "name": "Medium red"\n    },\n    {\n      "brickColorId": 1007,\n      "hexColor": "#A34B4B",\n      "name": "Dusty Rose"\n    },\n    {\n      "brickColorId": 1014,\n      "hexColor": "#AA5500",\n      "name": "CGA brown"\n    },\n    {\n      "brickColorId": 38,\n      "hexColor": "#A05F35",\n      "name": "Dark orange"\n    },\n    {\n      "brickColorId": 18,\n      "hexColor": "#CC8E69",\n      "name": "Nougat"\n    },\n    {\n      "brickColorId": 125,\n      "hexColor": "#EAB892",\n      "name": "Light orange"\n    },\n    {\n      "brickColorId": 1030,\n      "hexColor": "#FFCC99",\n      "name": "Pastel brown"\n    },\n    {\n      "brickColorId": 133,\n      "hexColor": "#D5733D",\n      "name": "Neon orange"\n    },\n    {\n      "brickColorId": 106,\n      "hexColor": "#DA8541",\n      "name": "Bright orange"\n    },\n    {\n      "brickColorId": 105,\n      "hexColor": "#E29B40",\n      "name": "Br. yellowish orange"\n    },\n    {\n      "brickColorId": 1017,\n      "hexColor": "#FFAF00",\n      "name": "Deep orange"\n    },\n    {\n      "brickColorId": 24,\n      "hexColor": "#F5CD30",\n      "name": "Bright yellow"\n    },\n    {\n      "brickColorId": 334,\n      "hexColor": "#F8D96D",\n      "name": "Daisy orange"\n    },\n    {\n      "brickColorId": 226,\n      "hexColor": "#FDEA8D",\n      "name": "Cool yellow"\n    },\n    {\n      "brickColorId": 141,\n      "hexColor": "#27462D",\n      "name": "Earth green"\n    },\n    {\n      "brickColorId": 1021,\n      "hexColor": "#3A7D15",\n      "name": "Camo"\n    },\n    {\n      "brickColorId": 28,\n      "hexColor": "#287F47",\n      "name": "Dark green"\n    },\n    {\n      "brickColorId": 37,\n      "hexColor": "#4B974B",\n      "name": "Bright green"\n    },\n    {\n      "brickColorId": 310,\n      "hexColor": "#5B9A4C",\n      "name": "Shamrock"\n    },\n    {\n      "brickColorId": 317,\n      "hexColor": "#7C9C6B",\n      "name": "Moss"\n    },\n    {\n      "brickColorId": 119,\n      "hexColor": "#A4BD47",\n      "name": "Br. yellowish green"\n    },\n    {\n      "brickColorId": 1011,\n      "hexColor": "#002060",\n      "name": "Navy blue"\n    },\n    {\n      "brickColorId": 1012,\n      "hexColor": "#2154B9",\n      "name": "Deep blue"\n    },\n    {\n      "brickColorId": 1010,\n      "hexColor": "#0000FF",\n      "name": "Really blue"\n    },\n    {\n      "brickColorId": 23,\n      "hexColor": "#0D69AC",\n      "name": "Bright blue"\n    },\n    {\n      "brickColorId": 305,\n      "hexColor": "#527CAE",\n      "name": "Steel blue"\n    },\n    {\n      "brickColorId": 102,\n      "hexColor": "#6E99CA",\n      "name": "Medium blue"\n    },\n    {\n      "brickColorId": 45,\n      "hexColor": "#B4D2E4",\n      "name": "Light blue"\n    },\n    {\n      "brickColorId": 107,\n      "hexColor": "#008F9C",\n      "name": "Bright bluish green"\n    },\n    {\n      "brickColorId": 1018,\n      "hexColor": "#12EED4",\n      "name": "Teal"\n    },\n    {\n      "brickColorId": 1027,\n      "hexColor": "#9FF3E9",\n      "name": "Pastel blue-green"\n    },\n    {\n      "brickColorId": 1019,\n      "hexColor": "#00FFFF",\n      "name": "Toothpaste"\n    },\n    {\n      "brickColorId": 1013,\n      "hexColor": "#04AFEC",\n      "name": "Cyan"\n    },\n    {\n      "brickColorId": 11,\n      "hexColor": "#80BBDC",\n      "name": "Pastel Blue"\n    },\n    {\n      "brickColorId": 1024,\n      "hexColor": "#AFDDFF",\n      "name": "Pastel light blue"\n    },\n    {\n      "brickColorId": 104,\n      "hexColor": "#6B327C",\n      "name": "Bright violet"\n    },\n    {\n      "brickColorId": 1023,\n      "hexColor": "#8C5B9F",\n      "name": "Lavender"\n    },\n    {\n      "brickColorId": 321,\n      "hexColor": "#A75E9B",\n      "name": "Lilac"\n    },\n    {\n      "brickColorId": 1015,\n      "hexColor": "#AA00AA",\n      "name": "Magenta"\n    },\n    {\n      "brickColorId": 1031,\n      "hexColor": "#6225D1",\n      "name": "Royal purple"\n    },\n    {\n      "brickColorId": 1006,\n      "hexColor": "#B480FF",\n      "name": "Alder"\n    },\n    {\n      "brickColorId": 1026,\n      "hexColor": "#B1A7FF",\n      "name": "Pastel violet"\n    },\n    {\n      "brickColorId": 21,\n      "hexColor": "#C4281C",\n      "name": "Bright red"\n    },\n    {\n      "brickColorId": 1004,\n      "hexColor": "#FF0000",\n      "name": "Really red"\n    },\n    {\n      "brickColorId": 1032,\n      "hexColor": "#FF00BF",\n      "name": "Hot pink"\n    },\n    {\n      "brickColorId": 1016,\n      "hexColor": "#FF66CC",\n      "name": "Pink"\n    },\n    {\n      "brickColorId": 330,\n      "hexColor": "#FF98DC",\n      "name": "Carnation pink"\n    },\n    {\n      "brickColorId": 9,\n      "hexColor": "#E8BAC8",\n      "name": "Light reddish violet"\n    },\n    {\n      "brickColorId": 1025,\n      "hexColor": "#FFC9C9",\n      "name": "Pastel orange"\n    },\n    {\n      "brickColorId": 364,\n      "hexColor": "#5A4C42",\n      "name": "Dark taupe"\n    },\n    {\n      "brickColorId": 351,\n      "hexColor": "#BC9B5D",\n      "name": "Cork"\n    },\n    {\n      "brickColorId": 1008,\n      "hexColor": "#C1BE42",\n      "name": "Olive"\n    },\n    {\n      "brickColorId": 29,\n      "hexColor": "#A1C48C",\n      "name": "Medium green"\n    },\n    {\n      "brickColorId": 1022,\n      "hexColor": "#7F8E64",\n      "name": "Grime"\n    },\n    {\n      "brickColorId": 151,\n      "hexColor": "#789082",\n      "name": "Sand green"\n    },\n    {\n      "brickColorId": 135,\n      "hexColor": "#74869D",\n      "name": "Sand blue"\n    },\n    {\n      "brickColorId": 1020,\n      "hexColor": "#00FF00",\n      "name": "Lime green"\n    },\n    {\n      "brickColorId": 1028,\n      "hexColor": "#CCFFCC",\n      "name": "Pastel green"\n    },\n    {\n      "brickColorId": 1009,\n      "hexColor": "#FFFF00",\n      "name": "New Yeller"\n    },\n    {\n      "brickColorId": 1029,\n      "hexColor": "#FFFFCC",\n      "name": "Pastel yellow"\n    },\n    {\n      "brickColorId": 1003,\n      "hexColor": "#111111",\n      "name": "Really black"\n    },\n    {\n      "brickColorId": 26,\n      "hexColor": "#1B2A35",\n      "name": "Black"\n    },\n    {\n      "brickColorId": 199,\n      "hexColor": "#635F62",\n      "name": "Dark stone grey"\n    },\n    {\n      "brickColorId": 194,\n      "hexColor": "#A3A2A5",\n      "name": "Medium stone grey"\n    },\n    {\n      "brickColorId": 1002,\n      "hexColor": "#CDCDCD",\n      "name": "Mid gray"\n    },\n    {\n      "brickColorId": 208,\n      "hexColor": "#E5E4DF",\n      "name": "Light stone grey"\n    },\n    {\n      "brickColorId": 1,\n      "hexColor": "#F2F3F3",\n      "name": "White"\n    },\n    {\n      "brickColorId": 1001,\n      "hexColor": "#F8F8F8",\n      "name": "Institutional white"\n    }\n  ];\n  const RegularBodyColors = [\n    "5A4C42",\n    "7C5C46",\n    "AF9483",\n    "CC8E69",\n    "EAB892",\n    "564236",\n    "694028",\n    "BC9B5D",\n    "c7ac78",\n    "d7c59a",\n    "957977",\n    "a34b4b",\n    "da867a",\n    "ffc9c9",\n    "ff98dc",\n    "74869d",\n    "527cae",\n    "80bbdc",\n    "b1a7ff",\n    "a75e9b",\n    "008f9c",\n    "5b9a4c",\n    "7c9c6b",\n    "a1c48c",\n    "e29b40",\n    "f5cd30",\n    "f8d96d",\n    "635f62",\n    "cdcdcd",\n    "f8f8f8"\n  ];\n  for (let i = 0; i < RegularBodyColors.length; i++) {\n    const color = RegularBodyColors[i];\n    RegularBodyColors[i] = color.toUpperCase();\n  }\n  const FullBodyColors = [];\n  for (const colorDetails of FullBodyColorPalette) {\n    FullBodyColors.push(colorDetails.hexColor.substring(1));\n  }\n  function calculateMagnitude3D(x, y, z) {\n    return Math.sqrt(x * x + y * y + z * z);\n  }\n  function magnitude(v) {\n    return calculateMagnitude3D(v[0], v[1], v[2]);\n  }\n  function minus(v0, v1) {\n    return [v0[0] - v1[0], v0[1] - v1[1], v0[2] - v1[2]];\n  }\n  function distance(v0, v1) {\n    return magnitude(minus(v1, v0));\n  }\n  class KDNode {\n    point;\n    index;\n    axis;\n    left = null;\n    right = null;\n    constructor(point, index, axis) {\n      this.point = point;\n      this.index = index;\n      this.axis = axis;\n    }\n  }\n  function buildKDTree(points, indices, depth = 0) {\n    if (points.length === 0) return null;\n    const axis = depth % 3;\n    const sorted = points.map((p, i) => ({ p, index: indices[i] })).sort((a, b) => a.p[axis] - b.p[axis]);\n    const mid = Math.floor(sorted.length / 2);\n    const node = new KDNode(sorted[mid].p, sorted[mid].index, axis);\n    const leftPoints = sorted.slice(0, mid).map((x) => x.p);\n    const leftIndices = sorted.slice(0, mid).map((x) => x.index);\n    const rightPoints = sorted.slice(mid + 1).map((x) => x.p);\n    const rightIndices = sorted.slice(mid + 1).map((x) => x.index);\n    node.left = buildKDTree(leftPoints, leftIndices, depth + 1);\n    node.right = buildKDTree(rightPoints, rightIndices, depth + 1);\n    return node;\n  }\n  function siftUp(heap, i) {\n    while (i > 0) {\n      const p = i - 1 >> 1;\n      if (heap[p].dist >= heap[i].dist) break;\n      const tmp = heap[p];\n      heap[p] = heap[i];\n      heap[i] = tmp;\n      i = p;\n    }\n  }\n  function siftDown(heap, i) {\n    const n = heap.length;\n    while (true) {\n      let largest = i;\n      const l = (i << 1) + 1;\n      const r = l + 1;\n      if (l < n && heap[l].dist > heap[largest].dist) largest = l;\n      if (r < n && heap[r].dist > heap[largest].dist) largest = r;\n      if (largest === i) break;\n      const tmp = heap[i];\n      heap[i] = heap[largest];\n      heap[largest] = tmp;\n      i = largest;\n    }\n  }\n  function heapPushMax(heap, item, k) {\n    if (heap.length < k) {\n      heap.push(item);\n      siftUp(heap, heap.length - 1);\n      return;\n    }\n    if (item.dist >= heap[0].dist) return;\n    heap[0] = item;\n    siftDown(heap, 0);\n  }\n  function distSq(a, b) {\n    const dx = a[0] - b[0];\n    const dy = a[1] - b[1];\n    const dz = a[2] - b[2];\n    return dx * dx + dy * dy + dz * dz;\n  }\n  function knnSearch(node, target, k, heap = []) {\n    if (!node) return heap;\n    const axis = node.axis;\n    const dist = distSq(target, node.point);\n    heapPushMax(heap, { dist, index: node.index }, k);\n    const diff = target[axis] - node.point[axis];\n    const primary = diff < 0 ? node.left : node.right;\n    const secondary = diff < 0 ? node.right : node.left;\n    knnSearch(primary, target, k, heap);\n    const worstDist = heap.length < k ? Infinity : heap[0].dist;\n    if (diff * diff < worstDist) {\n      knnSearch(secondary, target, k, heap);\n    }\n    if (node === null) {\n      heap.sort((a, b) => a.dist - b.dist);\n    }\n    return heap;\n  }\n  function nearestSearch(node, target, best = { dist: Infinity, index: -1 }) {\n    if (!node) return best;\n    const dist = distance(target, node.point);\n    if (dist < best.dist) {\n      best = { dist, index: node.index };\n    }\n    const axis = node.axis;\n    const diff = target[axis] - node.point[axis];\n    const primary = diff < 0 ? node.left : node.right;\n    const secondary = diff < 0 ? node.right : node.left;\n    best = nearestSearch(primary, target, best);\n    if (Math.abs(diff) < best.dist) {\n      best = nearestSearch(secondary, target, best);\n    }\n    return best;\n  }\n  function luDecompose(A) {\n    const n = A.length;\n    const LU = A;\n    const P = new Int32Array(n);\n    for (let i = 0; i < n; i++) P[i] = i;\n    for (let k = 0; k < n; k++) {\n      let pivot = k;\n      for (let i = k + 1; i < n; i++) {\n        if (Math.abs(LU[i][k]) > Math.abs(LU[pivot][k])) {\n          pivot = i;\n        }\n      }\n      if (pivot !== k) {\n        const tmpRow = LU[k];\n        LU[k] = LU[pivot];\n        LU[pivot] = tmpRow;\n        const tmpP = P[k];\n        P[k] = P[pivot];\n        P[pivot] = tmpP;\n      }\n      const pivotVal = LU[k][k];\n      for (let i = k + 1; i < n; i++) {\n        LU[i][k] /= pivotVal;\n        const mult = LU[i][k];\n        const rowI = LU[i];\n        const rowK = LU[k];\n        for (let j = k + 1; j < n; j++) {\n          rowI[j] -= mult * rowK[j];\n        }\n      }\n    }\n    return { LU, P };\n  }\n  function luSolve({ LU, P }, b) {\n    const n = LU.length;\n    const x = new Float32Array(n);\n    for (let i = 0; i < n; i++) {\n      x[i] = b[P[i]];\n    }\n    for (let i = 0; i < n; i++) {\n      const row = LU[i];\n      let sum = x[i];\n      for (let j = 0; j < i; j++) {\n        sum -= row[j] * x[j];\n      }\n      x[i] = sum;\n    }\n    for (let i = n - 1; i >= 0; i--) {\n      const row = LU[i];\n      let sum = x[i];\n      for (let j = i + 1; j < n; j++) {\n        sum -= row[j] * x[j];\n      }\n      x[i] = sum / row[i];\n    }\n    return x;\n  }\n  function patchRBFWorkerFunc([_A, _bx, _by, _bz]) {\n    const A = _A.map((r) => new Float32Array(r));\n    const bx = new Float32Array(_bx);\n    const by = new Float32Array(_by);\n    const bz = new Float32Array(_bz);\n    const LU = luDecompose(A);\n    const wx = luSolve(LU, bx);\n    const wy = luSolve(LU, by);\n    const wz = luSolve(LU, bz);\n    const n = wx.length;\n    const result = new Float32Array(n * 3);\n    for (let i = 0; i < n; i++) {\n      result[i * 3 + 0] = wx[i];\n      result[i * 3 + 1] = wy[i];\n      result[i * 3 + 2] = wz[i];\n    }\n    return result.buffer;\n  }\n  function RBFDeformerSolveAsync([patchCount, detailsCount, epsilon, importantIndicesBuf, refVertsBuf, distVertsBuf, meshVertsBuf, meshBonesBuf]) {\n    const importantIndices = new Uint16Array(importantIndicesBuf);\n    const refVerts = new Float32Array(refVertsBuf);\n    const distVerts = new Float32Array(distVertsBuf);\n    const meshVerts = new Float32Array(meshVertsBuf);\n    const meshBones = new Float32Array(meshBonesBuf);\n    const refCount = refVerts.length / 3;\n    const meshVertCount = meshVerts.length / 3;\n    const meshBoneCount = meshBones.length / 3;\n    const points = new Array(refCount);\n    const indices = new Array(refCount);\n    for (let i = 0; i < refCount; i++) {\n      const refPos = [refVerts[i * 3 + 0], refVerts[i * 3 + 1], refVerts[i * 3 + 2]];\n      points[i] = refPos;\n      indices[i] = i;\n    }\n    const controlKD = buildKDTree(points, indices);\n    const step = Math.max(1, Math.floor(refCount / patchCount));\n    const patchCenters = [];\n    for (let i = 0; i < refCount; i += step) {\n      const refPos = [refVerts[i * 3 + 0], refVerts[i * 3 + 1], refVerts[i * 3 + 2]];\n      patchCenters.push(refPos);\n      if (patchCenters.length >= patchCount) break;\n    }\n    const neighborIndices = new Array(patchCenters.length);\n    const weights = new Array(patchCenters.length);\n    const patchIndices = patchCenters.map((_, i) => i);\n    const patchKD = buildKDTree(patchCenters, patchIndices);\n    const isUsedArr = new Array(patchCenters.length).fill(false);\n    const nearestPatch = new Uint16Array(meshVertCount + meshBoneCount);\n    for (let i = 0; i < meshVertCount; i++) {\n      const vec = [meshVerts[i * 3 + 0], meshVerts[i * 3 + 1], meshVerts[i * 3 + 2]];\n      const nearestPatchNode = nearestSearch(patchKD, vec);\n      isUsedArr[nearestPatchNode.index] = true;\n      nearestPatch[i] = nearestPatchNode.index;\n    }\n    for (let i = 0; i < meshBoneCount; i++) {\n      const vec = [meshBones[i * 3 + 0], meshBones[i * 3 + 1], meshBones[i * 3 + 2]];\n      const nearestPatchNode = nearestSearch(patchKD, vec);\n      isUsedArr[nearestPatchNode.index] = true;\n      nearestPatch[i + meshVertCount] = nearestPatchNode.index;\n    }\n    for (let i = 0; i < patchCenters.length; i++) {\n      if (!isUsedArr[i]) {\n        continue;\n      }\n      const centerPos = patchCenters[i];\n      const neighbors = knnSearch(controlKD, centerPos, detailsCount);\n      const foundNeighborIndices = neighbors.map((n) => n.index);\n      for (const important of importantIndices) {\n        if (!foundNeighborIndices.includes(important)) {\n          foundNeighborIndices.push(important);\n        }\n      }\n      neighborIndices[i] = new Uint16Array(foundNeighborIndices);\n    }\n    const A_array = new Array(patchCenters.length);\n    for (let p = 0; p < patchCenters.length; p++) {\n      const patchNeighborIndices = neighborIndices[p];\n      if (!patchNeighborIndices) continue;\n      const K = patchNeighborIndices.length;\n      const positions = new Array(patchNeighborIndices.length);\n      for (let i = 0; i < patchNeighborIndices.length; i++) {\n        const j = patchNeighborIndices[i];\n        const refPos = [refVerts[j * 3 + 0], refVerts[j * 3 + 1], refVerts[j * 3 + 2]];\n        positions[i] = refPos;\n      }\n      const A = new Array(K);\n      for (let i = 0; i < K; i++) {\n        A[i] = new Float32Array(K);\n      }\n      for (let i = 0; i < K; i++) {\n        const [pix, piy, piz] = positions[i];\n        for (let j = i + 1; j < K; j++) {\n          const [pjx, pjy, pjz] = positions[j];\n          const dist = Math.sqrt((pix - pjx) * (pix - pjx) + (piy - pjy) * (piy - pjy) + (piz - pjz) * (piz - pjz));\n          A[i][j] = dist;\n          A[j][i] = dist;\n        }\n        A[i][i] = epsilon;\n      }\n      A_array[p] = A;\n    }\n    for (let p = 0; p < patchCenters.length; p++) {\n      if (!isUsedArr[p]) {\n        continue;\n      }\n      const patchNeighborIndices = neighborIndices[p];\n      const K = patchNeighborIndices.length;\n      const usedRef = new Array(K);\n      const usedDist = new Array(K);\n      for (let i = 0; i < K; i++) {\n        const idx = patchNeighborIndices[i];\n        const j = idx;\n        const refPos = [refVerts[j * 3 + 0], refVerts[j * 3 + 1], refVerts[j * 3 + 2]];\n        const distPos = [distVerts[j * 3 + 0], distVerts[j * 3 + 1], distVerts[j * 3 + 2]];\n        usedRef[i] = refPos;\n        usedDist[i] = distPos;\n      }\n      const A = A_array[p];\n      const bx = new Float32Array(K);\n      const by = new Float32Array(K);\n      const bz = new Float32Array(K);\n      for (let i = 0; i < K; i++) {\n        const dr = usedDist[i];\n        const rr = usedRef[i];\n        bx[i] = dr[0] - rr[0];\n        by[i] = dr[1] - rr[1];\n        bz[i] = dr[2] - rr[2];\n      }\n      const Abuffers = A.map((r) => r.buffer);\n      weights[p] = new Float32Array(patchRBFWorkerFunc([Abuffers, bx.buffer, by.buffer, bz.buffer]));\n    }\n    const neighborIndicesBuf = neighborIndices.map((a) => {\n      return a.buffer;\n    });\n    const weightsBuf = weights.map((a) => {\n      return a.buffer;\n    });\n    return [neighborIndicesBuf, weightsBuf, nearestPatch.buffer];\n  }\n  const WorkerTypeToFunction = {\n    "patchRBF": patchRBFWorkerFunc,\n    "RBFDeformerSolveAsync": RBFDeformerSolveAsync\n  };\n  function getWorkerOnMessage() {\n    return function(event) {\n      const [id, type, data] = event.data;\n      const func = WorkerTypeToFunction[type];\n      self.postMessage([id, func(data)]);\n    };\n  }\n  onmessage = getWorkerOnMessage();\n})();\n';
+const jsContent = '(function() {\n  "use strict";\n  new TextDecoder();\n  new TextDecoder();\n  const FullBodyColorPalette = [\n    {\n      "brickColorId": 361,\n      "hexColor": "#564236",\n      "name": "Dirt brown"\n    },\n    {\n      "brickColorId": 192,\n      "hexColor": "#694028",\n      "name": "Reddish brown"\n    },\n    {\n      "brickColorId": 217,\n      "hexColor": "#7C5C46",\n      "name": "Brown"\n    },\n    {\n      "brickColorId": 153,\n      "hexColor": "#957977",\n      "name": "Sand red"\n    },\n    {\n      "brickColorId": 359,\n      "hexColor": "#AF9483",\n      "name": "Linen"\n    },\n    {\n      "brickColorId": 352,\n      "hexColor": "#C7AC78",\n      "name": "Burlap"\n    },\n    {\n      "brickColorId": 5,\n      "hexColor": "#D7C59A",\n      "name": "Brick yellow"\n    },\n    {\n      "brickColorId": 101,\n      "hexColor": "#DA867A",\n      "name": "Medium red"\n    },\n    {\n      "brickColorId": 1007,\n      "hexColor": "#A34B4B",\n      "name": "Dusty Rose"\n    },\n    {\n      "brickColorId": 1014,\n      "hexColor": "#AA5500",\n      "name": "CGA brown"\n    },\n    {\n      "brickColorId": 38,\n      "hexColor": "#A05F35",\n      "name": "Dark orange"\n    },\n    {\n      "brickColorId": 18,\n      "hexColor": "#CC8E69",\n      "name": "Nougat"\n    },\n    {\n      "brickColorId": 125,\n      "hexColor": "#EAB892",\n      "name": "Light orange"\n    },\n    {\n      "brickColorId": 1030,\n      "hexColor": "#FFCC99",\n      "name": "Pastel brown"\n    },\n    {\n      "brickColorId": 133,\n      "hexColor": "#D5733D",\n      "name": "Neon orange"\n    },\n    {\n      "brickColorId": 106,\n      "hexColor": "#DA8541",\n      "name": "Bright orange"\n    },\n    {\n      "brickColorId": 105,\n      "hexColor": "#E29B40",\n      "name": "Br. yellowish orange"\n    },\n    {\n      "brickColorId": 1017,\n      "hexColor": "#FFAF00",\n      "name": "Deep orange"\n    },\n    {\n      "brickColorId": 24,\n      "hexColor": "#F5CD30",\n      "name": "Bright yellow"\n    },\n    {\n      "brickColorId": 334,\n      "hexColor": "#F8D96D",\n      "name": "Daisy orange"\n    },\n    {\n      "brickColorId": 226,\n      "hexColor": "#FDEA8D",\n      "name": "Cool yellow"\n    },\n    {\n      "brickColorId": 141,\n      "hexColor": "#27462D",\n      "name": "Earth green"\n    },\n    {\n      "brickColorId": 1021,\n      "hexColor": "#3A7D15",\n      "name": "Camo"\n    },\n    {\n      "brickColorId": 28,\n      "hexColor": "#287F47",\n      "name": "Dark green"\n    },\n    {\n      "brickColorId": 37,\n      "hexColor": "#4B974B",\n      "name": "Bright green"\n    },\n    {\n      "brickColorId": 310,\n      "hexColor": "#5B9A4C",\n      "name": "Shamrock"\n    },\n    {\n      "brickColorId": 317,\n      "hexColor": "#7C9C6B",\n      "name": "Moss"\n    },\n    {\n      "brickColorId": 119,\n      "hexColor": "#A4BD47",\n      "name": "Br. yellowish green"\n    },\n    {\n      "brickColorId": 1011,\n      "hexColor": "#002060",\n      "name": "Navy blue"\n    },\n    {\n      "brickColorId": 1012,\n      "hexColor": "#2154B9",\n      "name": "Deep blue"\n    },\n    {\n      "brickColorId": 1010,\n      "hexColor": "#0000FF",\n      "name": "Really blue"\n    },\n    {\n      "brickColorId": 23,\n      "hexColor": "#0D69AC",\n      "name": "Bright blue"\n    },\n    {\n      "brickColorId": 305,\n      "hexColor": "#527CAE",\n      "name": "Steel blue"\n    },\n    {\n      "brickColorId": 102,\n      "hexColor": "#6E99CA",\n      "name": "Medium blue"\n    },\n    {\n      "brickColorId": 45,\n      "hexColor": "#B4D2E4",\n      "name": "Light blue"\n    },\n    {\n      "brickColorId": 107,\n      "hexColor": "#008F9C",\n      "name": "Bright bluish green"\n    },\n    {\n      "brickColorId": 1018,\n      "hexColor": "#12EED4",\n      "name": "Teal"\n    },\n    {\n      "brickColorId": 1027,\n      "hexColor": "#9FF3E9",\n      "name": "Pastel blue-green"\n    },\n    {\n      "brickColorId": 1019,\n      "hexColor": "#00FFFF",\n      "name": "Toothpaste"\n    },\n    {\n      "brickColorId": 1013,\n      "hexColor": "#04AFEC",\n      "name": "Cyan"\n    },\n    {\n      "brickColorId": 11,\n      "hexColor": "#80BBDC",\n      "name": "Pastel Blue"\n    },\n    {\n      "brickColorId": 1024,\n      "hexColor": "#AFDDFF",\n      "name": "Pastel light blue"\n    },\n    {\n      "brickColorId": 104,\n      "hexColor": "#6B327C",\n      "name": "Bright violet"\n    },\n    {\n      "brickColorId": 1023,\n      "hexColor": "#8C5B9F",\n      "name": "Lavender"\n    },\n    {\n      "brickColorId": 321,\n      "hexColor": "#A75E9B",\n      "name": "Lilac"\n    },\n    {\n      "brickColorId": 1015,\n      "hexColor": "#AA00AA",\n      "name": "Magenta"\n    },\n    {\n      "brickColorId": 1031,\n      "hexColor": "#6225D1",\n      "name": "Royal purple"\n    },\n    {\n      "brickColorId": 1006,\n      "hexColor": "#B480FF",\n      "name": "Alder"\n    },\n    {\n      "brickColorId": 1026,\n      "hexColor": "#B1A7FF",\n      "name": "Pastel violet"\n    },\n    {\n      "brickColorId": 21,\n      "hexColor": "#C4281C",\n      "name": "Bright red"\n    },\n    {\n      "brickColorId": 1004,\n      "hexColor": "#FF0000",\n      "name": "Really red"\n    },\n    {\n      "brickColorId": 1032,\n      "hexColor": "#FF00BF",\n      "name": "Hot pink"\n    },\n    {\n      "brickColorId": 1016,\n      "hexColor": "#FF66CC",\n      "name": "Pink"\n    },\n    {\n      "brickColorId": 330,\n      "hexColor": "#FF98DC",\n      "name": "Carnation pink"\n    },\n    {\n      "brickColorId": 9,\n      "hexColor": "#E8BAC8",\n      "name": "Light reddish violet"\n    },\n    {\n      "brickColorId": 1025,\n      "hexColor": "#FFC9C9",\n      "name": "Pastel orange"\n    },\n    {\n      "brickColorId": 364,\n      "hexColor": "#5A4C42",\n      "name": "Dark taupe"\n    },\n    {\n      "brickColorId": 351,\n      "hexColor": "#BC9B5D",\n      "name": "Cork"\n    },\n    {\n      "brickColorId": 1008,\n      "hexColor": "#C1BE42",\n      "name": "Olive"\n    },\n    {\n      "brickColorId": 29,\n      "hexColor": "#A1C48C",\n      "name": "Medium green"\n    },\n    {\n      "brickColorId": 1022,\n      "hexColor": "#7F8E64",\n      "name": "Grime"\n    },\n    {\n      "brickColorId": 151,\n      "hexColor": "#789082",\n      "name": "Sand green"\n    },\n    {\n      "brickColorId": 135,\n      "hexColor": "#74869D",\n      "name": "Sand blue"\n    },\n    {\n      "brickColorId": 1020,\n      "hexColor": "#00FF00",\n      "name": "Lime green"\n    },\n    {\n      "brickColorId": 1028,\n      "hexColor": "#CCFFCC",\n      "name": "Pastel green"\n    },\n    {\n      "brickColorId": 1009,\n      "hexColor": "#FFFF00",\n      "name": "New Yeller"\n    },\n    {\n      "brickColorId": 1029,\n      "hexColor": "#FFFFCC",\n      "name": "Pastel yellow"\n    },\n    {\n      "brickColorId": 1003,\n      "hexColor": "#111111",\n      "name": "Really black"\n    },\n    {\n      "brickColorId": 26,\n      "hexColor": "#1B2A35",\n      "name": "Black"\n    },\n    {\n      "brickColorId": 199,\n      "hexColor": "#635F62",\n      "name": "Dark stone grey"\n    },\n    {\n      "brickColorId": 194,\n      "hexColor": "#A3A2A5",\n      "name": "Medium stone grey"\n    },\n    {\n      "brickColorId": 1002,\n      "hexColor": "#CDCDCD",\n      "name": "Mid gray"\n    },\n    {\n      "brickColorId": 208,\n      "hexColor": "#E5E4DF",\n      "name": "Light stone grey"\n    },\n    {\n      "brickColorId": 1,\n      "hexColor": "#F2F3F3",\n      "name": "White"\n    },\n    {\n      "brickColorId": 1001,\n      "hexColor": "#F8F8F8",\n      "name": "Institutional white"\n    }\n  ];\n  const RegularBodyColors = [\n    "5A4C42",\n    "7C5C46",\n    "AF9483",\n    "CC8E69",\n    "EAB892",\n    "564236",\n    "694028",\n    "BC9B5D",\n    "c7ac78",\n    "d7c59a",\n    "957977",\n    "a34b4b",\n    "da867a",\n    "ffc9c9",\n    "ff98dc",\n    "74869d",\n    "527cae",\n    "80bbdc",\n    "b1a7ff",\n    "a75e9b",\n    "008f9c",\n    "5b9a4c",\n    "7c9c6b",\n    "a1c48c",\n    "e29b40",\n    "f5cd30",\n    "f8d96d",\n    "635f62",\n    "cdcdcd",\n    "f8f8f8"\n  ];\n  for (let i = 0; i < RegularBodyColors.length; i++) {\n    const color = RegularBodyColors[i];\n    RegularBodyColors[i] = color.toUpperCase();\n  }\n  const FullBodyColors = [];\n  for (const colorDetails of FullBodyColorPalette) {\n    FullBodyColors.push(colorDetails.hexColor.substring(1));\n  }\n  function calculateMagnitude3D(x, y, z) {\n    return Math.sqrt(x * x + y * y + z * z);\n  }\n  function magnitude(v) {\n    return calculateMagnitude3D(v[0], v[1], v[2]);\n  }\n  function minus(v0, v1) {\n    return [v0[0] - v1[0], v0[1] - v1[1], v0[2] - v1[2]];\n  }\n  function distance(v0, v1) {\n    return magnitude(minus(v1, v0));\n  }\n  class KDNode {\n    point;\n    index;\n    axis;\n    left = null;\n    right = null;\n    constructor(point, index, axis) {\n      this.point = point;\n      this.index = index;\n      this.axis = axis;\n    }\n  }\n  function buildKDTree(points, indices, depth = 0) {\n    if (points.length === 0) return null;\n    const axis = depth % 3;\n    const sorted = points.map((p, i) => ({ p, index: indices[i] })).sort((a, b) => a.p[axis] - b.p[axis]);\n    const mid = Math.floor(sorted.length / 2);\n    const node = new KDNode(sorted[mid].p, sorted[mid].index, axis);\n    const leftPoints = sorted.slice(0, mid).map((x) => x.p);\n    const leftIndices = sorted.slice(0, mid).map((x) => x.index);\n    const rightPoints = sorted.slice(mid + 1).map((x) => x.p);\n    const rightIndices = sorted.slice(mid + 1).map((x) => x.index);\n    node.left = buildKDTree(leftPoints, leftIndices, depth + 1);\n    node.right = buildKDTree(rightPoints, rightIndices, depth + 1);\n    return node;\n  }\n  function siftUp(heap, i) {\n    while (i > 0) {\n      const p = i - 1 >> 1;\n      if (heap[p].dist >= heap[i].dist) break;\n      const tmp = heap[p];\n      heap[p] = heap[i];\n      heap[i] = tmp;\n      i = p;\n    }\n  }\n  function siftDown(heap, i) {\n    const n = heap.length;\n    while (true) {\n      let largest = i;\n      const l = (i << 1) + 1;\n      const r = l + 1;\n      if (l < n && heap[l].dist > heap[largest].dist) largest = l;\n      if (r < n && heap[r].dist > heap[largest].dist) largest = r;\n      if (largest === i) break;\n      const tmp = heap[i];\n      heap[i] = heap[largest];\n      heap[largest] = tmp;\n      i = largest;\n    }\n  }\n  function heapPushMax(heap, item, k) {\n    if (heap.length < k) {\n      heap.push(item);\n      siftUp(heap, heap.length - 1);\n      return;\n    }\n    if (item.dist >= heap[0].dist) return;\n    heap[0] = item;\n    siftDown(heap, 0);\n  }\n  function distSq(a, b) {\n    const dx = a[0] - b[0];\n    const dy = a[1] - b[1];\n    const dz = a[2] - b[2];\n    return dx * dx + dy * dy + dz * dz;\n  }\n  function knnSearch(node, target, k, heap = []) {\n    if (!node) return heap;\n    const axis = node.axis;\n    const dist = distSq(target, node.point);\n    heapPushMax(heap, { dist, index: node.index }, k);\n    const diff = target[axis] - node.point[axis];\n    const primary = diff < 0 ? node.left : node.right;\n    const secondary = diff < 0 ? node.right : node.left;\n    knnSearch(primary, target, k, heap);\n    const worstDist = heap.length < k ? Infinity : heap[0].dist;\n    if (diff * diff < worstDist) {\n      knnSearch(secondary, target, k, heap);\n    }\n    if (node === null) {\n      heap.sort((a, b) => a.dist - b.dist);\n    }\n    return heap;\n  }\n  function nearestSearch(node, target, best = { dist: Infinity, index: -1 }) {\n    if (!node) return best;\n    const dist = distance(target, node.point);\n    if (dist < best.dist) {\n      best = { dist, index: node.index };\n    }\n    const axis = node.axis;\n    const diff = target[axis] - node.point[axis];\n    const primary = diff < 0 ? node.left : node.right;\n    const secondary = diff < 0 ? node.right : node.left;\n    best = nearestSearch(primary, target, best);\n    if (Math.abs(diff) < best.dist) {\n      best = nearestSearch(secondary, target, best);\n    }\n    return best;\n  }\n  function luDecompose(A) {\n    const n = A.length;\n    const LU = A;\n    const P = new Int32Array(n);\n    for (let i = 0; i < n; i++) P[i] = i;\n    for (let k = 0; k < n; k++) {\n      let pivot = k;\n      for (let i = k + 1; i < n; i++) {\n        if (Math.abs(LU[i][k]) > Math.abs(LU[pivot][k])) {\n          pivot = i;\n        }\n      }\n      if (pivot !== k) {\n        const tmpRow = LU[k];\n        LU[k] = LU[pivot];\n        LU[pivot] = tmpRow;\n        const tmpP = P[k];\n        P[k] = P[pivot];\n        P[pivot] = tmpP;\n      }\n      const pivotVal = LU[k][k];\n      for (let i = k + 1; i < n; i++) {\n        LU[i][k] /= pivotVal;\n        const mult = LU[i][k];\n        const rowI = LU[i];\n        const rowK = LU[k];\n        for (let j = k + 1; j < n; j++) {\n          rowI[j] -= mult * rowK[j];\n        }\n      }\n    }\n    return { LU, P };\n  }\n  function luSolve({ LU, P }, b) {\n    const n = LU.length;\n    const x = new Float32Array(n);\n    for (let i = 0; i < n; i++) {\n      x[i] = b[P[i]];\n    }\n    for (let i = 0; i < n; i++) {\n      const row = LU[i];\n      let sum = x[i];\n      for (let j = 0; j < i; j++) {\n        sum -= row[j] * x[j];\n      }\n      x[i] = sum;\n    }\n    for (let i = n - 1; i >= 0; i--) {\n      const row = LU[i];\n      let sum = x[i];\n      for (let j = i + 1; j < n; j++) {\n        sum -= row[j] * x[j];\n      }\n      x[i] = sum / row[i];\n    }\n    return x;\n  }\n  function patchRBFWorkerFunc([_A, _bx, _by, _bz]) {\n    const A = _A.map((r) => new Float32Array(r));\n    const bx = new Float32Array(_bx);\n    const by = new Float32Array(_by);\n    const bz = new Float32Array(_bz);\n    const LU = luDecompose(A);\n    const wx = luSolve(LU, bx);\n    const wy = luSolve(LU, by);\n    const wz = luSolve(LU, bz);\n    const n = wx.length;\n    const result = new Float32Array(n * 3);\n    for (let i = 0; i < n; i++) {\n      result[i * 3 + 0] = wx[i];\n      result[i * 3 + 1] = wy[i];\n      result[i * 3 + 2] = wz[i];\n    }\n    return result.buffer;\n  }\n  function RBFDeformerSolveAsync([patchCount, detailsCount, epsilon, importantIndicesBuf, refVertsBuf, distVertsBuf, meshVertsBuf, meshBonesBuf]) {\n    const importantIndices = new Uint16Array(importantIndicesBuf);\n    const refVerts = new Float32Array(refVertsBuf);\n    const distVerts = new Float32Array(distVertsBuf);\n    const meshVerts = new Float32Array(meshVertsBuf);\n    const meshBones = new Float32Array(meshBonesBuf);\n    const refCount = refVerts.length / 3;\n    const meshVertCount = meshVerts.length / 3;\n    const meshBoneCount = meshBones.length / 3;\n    const points = new Array(refCount);\n    const indices = new Array(refCount);\n    for (let i = 0; i < refCount; i++) {\n      const refPos = [refVerts[i * 3 + 0], refVerts[i * 3 + 1], refVerts[i * 3 + 2]];\n      points[i] = refPos;\n      indices[i] = i;\n    }\n    const controlKD = buildKDTree(points, indices);\n    const step = Math.max(1, Math.floor(refCount / patchCount));\n    const patchCenters = [];\n    for (let i = 0; i < refCount; i += step) {\n      const refPos = [refVerts[i * 3 + 0], refVerts[i * 3 + 1], refVerts[i * 3 + 2]];\n      patchCenters.push(refPos);\n      if (patchCenters.length >= patchCount) break;\n    }\n    const neighborIndices = new Array(patchCenters.length);\n    const weights = new Array(patchCenters.length);\n    const patchIndices = patchCenters.map((_, i) => i);\n    const patchKD = buildKDTree(patchCenters, patchIndices);\n    const isUsedArr = new Array(patchCenters.length).fill(false);\n    const nearestPatch = new Uint16Array(meshVertCount + meshBoneCount);\n    for (let i = 0; i < meshVertCount; i++) {\n      const vec = [meshVerts[i * 3 + 0], meshVerts[i * 3 + 1], meshVerts[i * 3 + 2]];\n      const nearestPatchNode = nearestSearch(patchKD, vec);\n      isUsedArr[nearestPatchNode.index] = true;\n      nearestPatch[i] = nearestPatchNode.index;\n    }\n    for (let i = 0; i < meshBoneCount; i++) {\n      const vec = [meshBones[i * 3 + 0], meshBones[i * 3 + 1], meshBones[i * 3 + 2]];\n      const nearestPatchNode = nearestSearch(patchKD, vec);\n      isUsedArr[nearestPatchNode.index] = true;\n      nearestPatch[i + meshVertCount] = nearestPatchNode.index;\n    }\n    for (let i = 0; i < patchCenters.length; i++) {\n      if (!isUsedArr[i]) {\n        continue;\n      }\n      const centerPos = patchCenters[i];\n      const neighbors = knnSearch(controlKD, centerPos, detailsCount);\n      const foundNeighborIndices = neighbors.map((n) => n.index);\n      for (const important of importantIndices) {\n        if (!foundNeighborIndices.includes(important)) {\n          foundNeighborIndices.push(important);\n        }\n      }\n      neighborIndices[i] = new Uint16Array(foundNeighborIndices);\n    }\n    const A_array = new Array(patchCenters.length);\n    for (let p = 0; p < patchCenters.length; p++) {\n      const patchNeighborIndices = neighborIndices[p];\n      if (!patchNeighborIndices) continue;\n      const K = patchNeighborIndices.length;\n      const positions = new Array(patchNeighborIndices.length);\n      for (let i = 0; i < patchNeighborIndices.length; i++) {\n        const j = patchNeighborIndices[i];\n        const refPos = [refVerts[j * 3 + 0], refVerts[j * 3 + 1], refVerts[j * 3 + 2]];\n        positions[i] = refPos;\n      }\n      const A = new Array(K);\n      for (let i = 0; i < K; i++) {\n        A[i] = new Float32Array(K);\n      }\n      for (let i = 0; i < K; i++) {\n        const [pix, piy, piz] = positions[i];\n        for (let j = i + 1; j < K; j++) {\n          const [pjx, pjy, pjz] = positions[j];\n          const dist = Math.sqrt((pix - pjx) * (pix - pjx) + (piy - pjy) * (piy - pjy) + (piz - pjz) * (piz - pjz));\n          A[i][j] = dist;\n          A[j][i] = dist;\n        }\n        A[i][i] = epsilon;\n      }\n      A_array[p] = A;\n    }\n    for (let p = 0; p < patchCenters.length; p++) {\n      if (!isUsedArr[p]) {\n        continue;\n      }\n      const patchNeighborIndices = neighborIndices[p];\n      const K = patchNeighborIndices.length;\n      const usedRef = new Array(K);\n      const usedDist = new Array(K);\n      for (let i = 0; i < K; i++) {\n        const idx = patchNeighborIndices[i];\n        const j = idx;\n        const refPos = [refVerts[j * 3 + 0], refVerts[j * 3 + 1], refVerts[j * 3 + 2]];\n        const distPos = [distVerts[j * 3 + 0], distVerts[j * 3 + 1], distVerts[j * 3 + 2]];\n        usedRef[i] = refPos;\n        usedDist[i] = distPos;\n      }\n      const A = A_array[p];\n      const bx = new Float32Array(K);\n      const by = new Float32Array(K);\n      const bz = new Float32Array(K);\n      for (let i = 0; i < K; i++) {\n        const dr = usedDist[i];\n        const rr = usedRef[i];\n        bx[i] = dr[0] - rr[0];\n        by[i] = dr[1] - rr[1];\n        bz[i] = dr[2] - rr[2];\n      }\n      const Abuffers = A.map((r) => r.buffer);\n      weights[p] = new Float32Array(patchRBFWorkerFunc([Abuffers, bx.buffer, by.buffer, bz.buffer]));\n    }\n    const neighborIndicesBuf = neighborIndices.map((a) => {\n      return a.buffer;\n    });\n    const weightsBuf = weights.map((a) => {\n      return a.buffer;\n    });\n    return [neighborIndicesBuf, weightsBuf, nearestPatch.buffer];\n  }\n  const WorkerTypeToFunction = {\n    "patchRBF": patchRBFWorkerFunc,\n    "RBFDeformerSolveAsync": RBFDeformerSolveAsync\n  };\n  function getWorkerOnMessage() {\n    return function(event) {\n      const [id, type, data] = event.data;\n      const func = WorkerTypeToFunction[type];\n      self.postMessage([id, func(data)]);\n    };\n  }\n  onmessage = getWorkerOnMessage();\n})();\n';
 const blob = typeof self !== "undefined" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", jsContent], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper(options) {
   let objURL;
@@ -29537,16 +29544,16 @@ const FLAGS = {
 };
 function log(critical, ...args) {
   if (critical || FLAGS.VERBOSE_LOGGING) {
-    console.log(args);
+    console.log(...args);
   }
 }
 function warn(critical, ...args) {
   if (critical || FLAGS.VERBOSE_LOGGING) {
-    console.warn(args);
+    console.warn(...args);
   }
 }
 function error(...args) {
-  console.error(args);
+  console.error(...args);
 }
 function time(label) {
   if (FLAGS.VERBOSE_LOGGING) {
@@ -30266,7 +30273,7 @@ class Instance {
   getPropertyNames() {
     return Array.from(this._properties.keys());
   }
-  setParent(instance) {
+  setParent(instance, fireEvents = true) {
     if (!instance) {
       instance = void 0;
     }
@@ -30286,10 +30293,14 @@ class Instance {
     }
     if (instance) {
       instance.children.push(this);
-      instance.ChildAdded.Fire(this);
-      instance.AncestryChanged.Fire(this, instance);
     }
-    this.AncestryChanged.Fire(this, instance);
+    if (fireEvents) {
+      if (instance) {
+        instance.ChildAdded.Fire(this);
+        instance.AncestryChanged.Fire(this, instance);
+      }
+      this.AncestryChanged.Fire(this, instance);
+    }
   }
   Destroy() {
     for (const connection of this._connectionReferences) {
@@ -30344,8 +30355,8 @@ class Instance {
     return childrenList;
   }
   GetDescendants() {
-    let descendants = this.children;
-    for (const child of this.children) {
+    let descendants = this.GetChildren();
+    for (const child of this.GetChildren()) {
       descendants = descendants.concat(child.GetDescendants());
     }
     return descendants;
@@ -30840,6 +30851,7 @@ class RBX {
           const content = new Content();
           content.sourceType = sourceTypes[i];
           switch (content.sourceType) {
+            //2 - Uri, 0 - Object/None,
             case 0:
               break;
             case 1:
@@ -32583,6 +32595,7 @@ class Outfit {
     const usedIds = [];
     let totalAccessories = 0;
     let totalLayered = 0;
+    let totalMakeup = 0;
     for (let i = 0; i < this.assets.length; i++) {
       const asset = this.assets[i];
       if (!(asset instanceof Asset)) {
@@ -32623,7 +32636,7 @@ class Outfit {
           });
         }
       }
-      if (LayeredAssetTypes.includes(asset.assetType.name)) {
+      if (LayeredAssetTypes.includes(asset.assetType.name) && !MakeupAssetTypes.includes(asset.assetType.name)) {
         totalLayered += 1;
         if (totalLayered > 10) {
           issues.push({
@@ -32633,6 +32646,16 @@ class Outfit {
           });
         }
       }
+      if (MakeupAssetTypes.includes(asset.assetType.name)) {
+        totalMakeup += 1;
+        if (totalMakeup > 6) {
+          issues.push({
+            "type": "MakeupLimit",
+            "text": "Too much makeup",
+            assetIndex: i
+          });
+        }
+      }
       if (MaxOneOfAssetTypes.includes(asset.assetType.name)) {
         for (let j = 0; j < this.assets.length; j++) {
           const otherAsset = this.assets[j];
@@ -34527,7 +34550,7 @@ class FileMesh {
       decoderModule.destroy(faceArray);
       decoderModule.destroy(mesh);
       decoderModule.destroy(decoder);
-      console.log(this.coreMesh);
+      log(false, this.coreMesh);
     }
   }
   readChunkFACS(view, version) {
@@ -36069,7 +36092,11 @@ const API = {
       }
       return await response.json();
     }
-  }
+  },
+  "RBLXGet": RBLXGet,
+  "RBLXPost": RBLXPost,
+  "RBLXDelete": RBLXDelete,
+  "RBLXPatch": RBLXPatch
 };
 let currentLoadingThumbnails = false;
 function requestIdFromThumbnailInfo(thumbnailInfo) {
@@ -41185,7 +41212,7 @@ function TraverseRigFromAttachmentsInternal(self2, part, characterParts, buildJo
     if (attachment.className === "Attachment") {
       const attachmentName = attachment.Prop("Name");
       const findPos = attachmentName.indexOf(rigAttachmentName);
-      if (findPos) {
+      if (findPos !== -1) {
         const jointName = attachmentName.substring(0, findPos);
         const joint = part.FindFirstChild(jointName);
         if (!joint || joint.className !== "Motor6D") {
@@ -41193,6 +41220,7 @@ function TraverseRigFromAttachmentsInternal(self2, part, characterParts, buildJo
             if (part !== characterPart) {
               const matchingAttachment = characterPart.FindFirstChild(attachmentName);
               if (matchingAttachment && matchingAttachment.className === "Attachment") {
+                log(false, "matchingAtt", part, characterPart, attachmentName);
                 AdjustRootRigAttachmentPosition(self2, part, characterPart, attachment, matchingAttachment);
                 {
                   createJoint(jointName, attachment, matchingAttachment);
@@ -42630,6 +42658,26 @@ class MeshDesc {
     const meshIdStr = child.Property("MeshId");
     this.mesh = meshIdStr;
     this.scaleIsRelative = true;
+    if (!FLAGS.AVATAR_JOINT_UPGRADE) {
+      if (child.FindFirstChildOfClass("Bone")) {
+        this.canHaveSkinning = false;
+      } else {
+        if (child.Prop("Name").includes("Arm")) {
+          const rig = child.parent;
+          if (rig) {
+            const humanoid = rig.FindFirstChildOfClass("Humanoid");
+            if (humanoid) {
+              const side = child.Prop("Name").startsWith("Right") ? "Right" : "Left";
+              const handName = side + "Hand";
+              const hand = rig.FindFirstChild(handName);
+              if (hand && hand.FindFirstChildOfClass("Bone")) {
+                this.canHaveSkinning = false;
+              }
+            }
+          }
+        }
+      }
+    }
     const surfaceAppearance = child.FindLastChildOfClass("SurfaceAppearance");
     if (surfaceAppearance) {
       const color = surfaceAppearance.HasProperty("Color") ? surfaceAppearance.Prop("Color") : new Color3(1, 1, 1);
@@ -43980,6 +44028,7 @@ function setBoneToCFrame$1(bone, cf) {
   bone.rotation.y = rad(cf.Orientation[1]);
   bone.rotation.z = rad(cf.Orientation[2]);
 }
+const BaseR15Bones = ["Root", "HumanoidRootNode", "LowerTorso", "UpperTorso", "RightUpperArm", "RightLowerArm", "RightHand", "LeftUpperArm", "LeftLowerArm", "LeftHand", "Head", "DynamicHead"];
 function getJointForInstances$1(parent, child, includeTransform) {
   const childMotor = child.FindFirstChildOfClass("Motor6D");
   const parentMotor = parent.FindFirstChildOfClass("Motor6D");
@@ -44007,6 +44056,21 @@ function boneIsChildOf(bone, parentName) {
   }
   return false;
 }
+function getBoneBaseR15Parent(bone) {
+  let currentParent = bone.parent;
+  if (!currentParent) return;
+  while (currentParent && !BaseR15Bones.includes(currentParent.name)) {
+    currentParent = currentParent.parent;
+  }
+  if (!currentParent) {
+    return bone.parent;
+  } else {
+    return currentParent;
+  }
+}
+function boneIsBaseR15(bone) {
+  return BaseR15Bones.includes(bone.name);
+}
 function getMotorsInRig(rigChildren) {
   const motors = [];
   for (const child of rigChildren) {
@@ -44025,15 +44089,17 @@ function getBoneDependencies(rig) {
   let currentSearchOrigin = hrp ? ["Root"] : [];
   const children = rig.GetChildren();
   const motors = getMotorsInRig(children);
+  const searchedParts = [];
   while (currentSearch.length > 0 && currentSearch[0]) {
     const newCurrentSearch = [];
     const newCurrentSearchOrigin = [];
     for (let i = 0; i < currentSearch.length; i++) {
       const toSearch = currentSearch[i];
+      searchedParts.push(toSearch);
       const selfName = toSearch === hrp ? "HumanoidRootNode" : toSearch.Prop("Name");
       names.set(selfName, currentSearchOrigin[i]);
       for (const motor of motors) {
-        if (motor.Prop("Part0") === toSearch) {
+        if (motor.Prop("Part0") === toSearch && !searchedParts.includes(motor.parent)) {
           newCurrentSearch.push(motor.parent);
           newCurrentSearchOrigin.push(selfName);
         }
@@ -44237,7 +44303,8 @@ let SkeletonDesc$1 = class SkeletonDesc {
     for (let i = 0; i < this.bones.length; i++) {
       const bone = this.bones[i];
       const partEquivalent = this.getPartEquivalent(selfInstance, bone.name);
-      const parentPartEquivalent = bone.parent ? bone.parent.name !== "HumanoidRootNode" ? this.getPartEquivalent(selfInstance, bone.parent.name) : humanoidRootPartEquivalent : void 0;
+      const boneParent = boneIsBaseR15(bone) ? getBoneBaseR15Parent(bone) : bone.parent;
+      const parentPartEquivalent = boneParent ? boneParent.name !== "HumanoidRootNode" ? this.getPartEquivalent(selfInstance, boneParent.name) : humanoidRootPartEquivalent : void 0;
       let rootBoneCF = new CFrame();
       if (bone.name === "Root") {
         rootBoneCF = rootBoneCFog;
@@ -46129,7 +46196,6 @@ class AnimationTrack {
         partKeyframe.easingStyle = pose.Prop("EasingStyle");
       }
     } else {
-      warn(false, `Missing either part0 or part1 with names: ${part0Name} ${part1Name}`);
       return [void 0, void 0, void 0];
     }
     if (!motorName || !motorParentName || !partKeyframe) {
@@ -47206,6 +47272,32 @@ function isSameAccessoryDesc(desc0, desc1) {
 function isSameMakeupDesc(desc0, desc1) {
   return hasSameVal(desc0, desc1, "AssetId") && hasSameVal(desc0, desc1, "MakeupType") && hasSameVal(desc0, desc1, "Order");
 }
+function moveAttachmentsToBase(rigPart) {
+  let nextCollapse = rigPart.GetChildren();
+  let cframeHierarchy = new Array(nextCollapse.length).fill(new CFrame());
+  while (nextCollapse.length > 0) {
+    const newNextCollapse = [];
+    const newCFrameHierarchy = [];
+    for (let i = 0; i < nextCollapse.length; i++) {
+      const child = nextCollapse[i];
+      if (child.className !== "Bone" && child.className !== "Attachment" || !child.HasProperty("CFrame")) {
+        continue;
+      }
+      const selfCFrameHierarchy = cframeHierarchy[i];
+      const originalCFrame = child.Prop("CFrame");
+      const newCFrame = selfCFrameHierarchy.multiply(originalCFrame);
+      child.setProperty("CFrame", newCFrame);
+      const childChildren = child.GetChildren();
+      for (const childChild of childChildren) {
+        newNextCollapse.push(childChild);
+        newCFrameHierarchy.push(newCFrame);
+      }
+      child.setParent(rigPart);
+    }
+    nextCollapse = newNextCollapse;
+    cframeHierarchy = newCFrameHierarchy;
+  }
+}
 class HumanoidDescriptionWrapper extends InstanceWrapper {
   static className = "HumanoidDescription";
   static requiredProperties = [
@@ -47860,6 +47952,9 @@ class HumanoidDescriptionWrapper extends InstanceWrapper {
                   if (R15Folder) {
                     const children = R15Folder.GetChildren();
                     for (const child of children) {
+                      if (!FLAGS.AVATAR_JOINT_UPGRADE) {
+                        moveAttachmentsToBase(child);
+                      }
                       replaceBodyPart(rig, child);
                     }
                   }
@@ -49473,6 +49568,14 @@ class HSR {
     }
   }
 }
+function exposeAPI() {
+  globalThis.API = API;
+  globalThis.APICACHE = CACHE;
+  globalThis.Authentication = Authentication;
+}
+function exposeMesh() {
+  globalThis.fileMeshToTHREEGeometry = fileMeshToTHREEGeometry;
+}
 function getCorners(cframe, size) {
   const halfX = size.X / 2;
   const halfY = size.Y / 2;
@@ -49586,13 +49689,15 @@ class OutfitRenderer {
   hasNewUpdate = false;
   lastFrameTime = Date.now() / 100;
   animationInterval;
+  animationFPS = 60;
+  deltaTimeMultiplier = 1;
   /**
    * Creates a new OutfitRenderer which makes it easy to render outfits
    * @param auth The authentication object, you should have one you use for everything
    * @param outfit The outfit you want to render, it can be updated later by calling setOutfit()
-   * @param rigPath The path that contains RigR6.rbxm and RigR15.rbxm, for example "../assets/"
+   * @param rigPath The path that contains RigR6.rbxm and RigR15.rbxm, should always be "roavatar://" as rig path is now controlled by FLAGS
    */
-  constructor(auth, outfit, rigPath) {
+  constructor(auth, outfit, rigPath = "roavatar://") {
     this.auth = auth;
     this.outfit = outfit;
     this.currentRigType = outfit.playerAvatarType;
@@ -49703,7 +49808,7 @@ class OutfitRenderer {
    */
   startAnimating() {
     if (this.animationInterval !== void 0) return;
-    this.lastFrameTime = Date.now() / 100;
+    this.lastFrameTime = Date.now() / 1e3;
     this.animationInterval = setInterval(() => {
       if (this.currentRig && this.doCameraUpdate) {
         this.centerCamera();
@@ -49713,7 +49818,7 @@ class OutfitRenderer {
         if (humanoid) {
           const animator = humanoid.FindFirstChildOfClass("Animator");
           if (animator) {
-            const deltaTime = Date.now() / 1e3 - this.lastFrameTime;
+            const deltaTime = (Date.now() / 1e3 - this.lastFrameTime) * this.deltaTimeMultiplier;
             this.lastFrameTime = Date.now() / 1e3;
             const animatorW = new AnimatorWrapper(animator);
             animatorW.renderAnimation(deltaTime);
@@ -49722,7 +49827,7 @@ class OutfitRenderer {
           }
         }
       }
-    }, 1e3 / 60);
+    }, 1e3 / this.animationFPS);
   }
   /**
    * Stops updating the animation of the outfit per frame
@@ -49730,6 +49835,7 @@ class OutfitRenderer {
   stopAnimating() {
     if (this.animationInterval) {
       clearInterval(this.animationInterval);
+      this.animationInterval = void 0;
     }
   }
   /**
@@ -49828,6 +49934,7 @@ export {
   LayeredAssetTypes,
   LayeredClothingAssetOrder,
   LocalOutfit,
+  MakeupAssetTypes,
   MakeupDescriptionWrapper,
   MakeupType,
   MaxOneOfAssetTypes,
@@ -49913,6 +50020,8 @@ export {
   divide,
   dot,
   download,
+  exposeAPI,
+  exposeMesh,
   floor,
   gaussian_rbf,
   generateUUIDv4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "roavatar-renderer",
-  "version": "1.2.14",
+  "version": "1.2.16",
   "description": "A renderer for Roblox avatars, used by the RoAvatar extension.",
   "author": "steinan",
   "type": "module",