@loaders.gl/3d-tiles 4.0.0-alpha.5 → 4.0.0-alpha.6

package/dist/lib/parsers/helpers/parse-3d-implicit-tiles.js

@@ -1,222 +1,266 @@
-import { Tile3DSubtreeLoader } from '../../../tile-3d-subtree-loader';
-import { load } from '@loaders.gl/core';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceContentUrlTemplate = exports.parseImplicitTiles = void 0;
+const tile_3d_subtree_loader_1 = require("../../../tile-3d-subtree-loader");
+const core_1 = require("@loaders.gl/core");
+const index_1 = require("../../utils/s2/index");
+const s2_corners_to_obb_1 = require("../../utils/obb/s2-corners-to-obb");
 const QUADTREE_DEVISION_COUNT = 4;
 const OCTREE_DEVISION_COUNT = 8;
 const SUBDIVISION_COUNT_MAP = {
-  QUADTREE: QUADTREE_DEVISION_COUNT,
-  OCTREE: OCTREE_DEVISION_COUNT
+    QUADTREE: QUADTREE_DEVISION_COUNT,
+    OCTREE: OCTREE_DEVISION_COUNT
 };
-export async function parseImplicitTiles(params) {
-  const {
-    options,
-    parentData = {
-      mortonIndex: 0,
-      x: 0,
-      y: 0,
-      z: 0
-    },
-    childIndex = 0,
-    globalData = {
-      level: 0,
-      mortonIndex: 0,
-      x: 0,
-      y: 0,
-      z: 0
+function getChildS2VolumeBox(s2VolumeBox, index, subdivisionScheme) {
+    if (s2VolumeBox?.box) {
+        // Check if the BoundingVolume is of type "box"
+        const cellId = (0, index_1.getS2CellIdFromToken)(s2VolumeBox.s2VolumeInfo.token);
+        const childCellId = (0, index_1.getS2ChildCellId)(cellId, index);
+        const childToken = (0, index_1.getS2TokenFromCellId)(childCellId);
+        // Clone object. Note, s2VolumeInfo is a plain object that doesn't contain any nested object.
+        // So, we can use the Spread Operator to make a shallow copy of the object.
+        const s2ChildVolumeInfo = { ...s2VolumeBox.s2VolumeInfo };
+        s2ChildVolumeInfo.token = childToken; // replace the token with the child's one
+        // In case of QUADTREE the sizeZ should NOT be changed!
+        // https://portal.ogc.org/files/102132
+        // A quadtree divides space only on the x and y dimensions.
+        // It divides each tile into 4 smaller tiles where the x and y dimensions are halved.
+        // The quadtree z minimum and maximum remain unchanged.
+        switch (subdivisionScheme) {
+            case 'OCTREE':
+                const s2VolumeInfo = s2VolumeBox.s2VolumeInfo;
+                const delta = s2VolumeInfo.maximumHeight - s2VolumeInfo.minimumHeight;
+                const sizeZ = delta / 2.0; // It's a next level (a child)
+                const midZ = s2VolumeInfo.minimumHeight + delta / 2.0;
+                s2VolumeInfo.minimumHeight = midZ - sizeZ;
+                s2VolumeInfo.maximumHeight = midZ + sizeZ;
+                break;
+            default:
+                break;
+        }
+        const box = (0, s2_corners_to_obb_1.convertS2BoundingVolumetoOBB)(s2ChildVolumeInfo);
+        const childS2VolumeBox = {
+            box,
+            s2VolumeInfo: s2ChildVolumeInfo
+        };
+        return childS2VolumeBox;
     }
-  } = params;
-  let {
-    subtree,
-    level = 0
-  } = params;
-  const {
-    subdivisionScheme,
-    subtreeLevels,
-    maximumLevel,
-    contentUrlTemplate,
-    subtreesUriTemplate,
-    basePath
-  } = options;
-  const tile = {
-    children: [],
-    lodMetricValue: 0,
-    contentUrl: ''
-  };
-  const childrenPerTile = SUBDIVISION_COUNT_MAP[subdivisionScheme];
-  const childX = childIndex & 0b01;
-  const childY = childIndex >> 1 & 0b01;
-  const childZ = childIndex >> 2 & 0b01;
-  const levelOffset = (childrenPerTile ** level - 1) / (childrenPerTile - 1);
-  let childTileMortonIndex = concatBits(parentData.mortonIndex, childIndex);
-  let tileAvailabilityIndex = levelOffset + childTileMortonIndex;
-  let childTileX = concatBits(parentData.x, childX);
-  let childTileY = concatBits(parentData.y, childY);
-  let childTileZ = concatBits(parentData.z, childZ);
-  let isChildSubtreeAvailable = false;
-
-  if (level + 1 > subtreeLevels) {
-    isChildSubtreeAvailable = getAvailabilityResult(subtree.childSubtreeAvailability, childTileMortonIndex);
-  }
-
-  const x = concatBits(globalData.x, childTileX);
-  const y = concatBits(globalData.y, childTileY);
-  const z = concatBits(globalData.z, childTileZ);
-  const lev = level + globalData.level;
-
-  if (isChildSubtreeAvailable) {
-    const subtreePath = "".concat(basePath, "/").concat(subtreesUriTemplate);
-    const childSubtreeUrl = replaceContentUrlTemplate(subtreePath, lev, x, y, z);
-    const childSubtree = await load(childSubtreeUrl, Tile3DSubtreeLoader);
-    subtree = childSubtree;
-    globalData.mortonIndex = childTileMortonIndex;
-    globalData.x = childTileX;
-    globalData.y = childTileY;
-    globalData.z = childTileZ;
-    globalData.level = level;
-    childTileMortonIndex = 0;
-    tileAvailabilityIndex = 0;
-    childTileX = 0;
-    childTileY = 0;
-    childTileZ = 0;
-    level = 0;
-  }
-
-  const isTileAvailable = getAvailabilityResult(subtree.tileAvailability, tileAvailabilityIndex);
-
-  if (!isTileAvailable || level > maximumLevel) {
-    return tile;
-  }
-
-  const isContentAvailable = getAvailabilityResult(subtree.contentAvailability, tileAvailabilityIndex);
-
-  if (isContentAvailable) {
-    tile.contentUrl = replaceContentUrlTemplate(contentUrlTemplate, lev, x, y, z);
-  }
-
-  const childTileLevel = level + 1;
-  const pData = {
-    mortonIndex: childTileMortonIndex,
-    x: childTileX,
-    y: childTileY,
-    z: childTileZ
-  };
-
-  for (let index = 0; index < childrenPerTile; index++) {
-    const currentTile = await parseImplicitTiles({
-      subtree,
-      options,
-      parentData: pData,
-      childIndex: index,
-      level: childTileLevel,
-      globalData
-    });
-
-    if (currentTile.contentUrl || currentTile.children.length) {
-      const globalLevel = lev + 1;
-      const childCoordinates = {
-        childTileX,
-        childTileY,
-        childTileZ
-      };
-      const formattedTile = formatTileData(currentTile, globalLevel, childCoordinates, options);
-      tile.children.push(formattedTile);
+    return undefined;
+}
+/**
+ * Recursively parse implicit tiles tree
+ * Spec - https://github.com/CesiumGS/3d-tiles/tree/main/extensions/3DTILES_implicit_tiling
+ * TODO Check out do we able to use Tile3D class as return type here.
+ * @param subtree
+ * @param lodMetricValue
+ * @param options
+ * @param parentData
+ * @param childIndex
+ * @param level
+ * @param globalData
+ */
+// eslint-disable-next-line max-statements
+async function parseImplicitTiles(params) {
+    const { options, parentData = {
+        mortonIndex: 0,
+        x: 0,
+        y: 0,
+        z: 0
+    }, childIndex = 0, globalData = {
+        level: 0,
+        mortonIndex: 0,
+        x: 0,
+        y: 0,
+        z: 0
+    }, s2VolumeBox } = params;
+    let { subtree, level = 0 } = params;
+    const { subdivisionScheme, subtreeLevels, maximumLevel, contentUrlTemplate, subtreesUriTemplate, basePath } = options;
+    const tile = { children: [], lodMetricValue: 0, contentUrl: '' };
+    const childrenPerTile = SUBDIVISION_COUNT_MAP[subdivisionScheme];
+    const childX = childIndex & 0b01;
+    const childY = (childIndex >> 1) & 0b01;
+    const childZ = (childIndex >> 2) & 0b01;
+    const levelOffset = (childrenPerTile ** level - 1) / (childrenPerTile - 1);
+    let childTileMortonIndex = concatBits(parentData.mortonIndex, childIndex);
+    let tileAvailabilityIndex = levelOffset + childTileMortonIndex;
+    // Local tile coordinates
+    let childTileX = concatBits(parentData.x, childX);
+    let childTileY = concatBits(parentData.y, childY);
+    let childTileZ = concatBits(parentData.z, childZ);
+    let isChildSubtreeAvailable = false;
+    if (level + 1 > subtreeLevels) {
+        isChildSubtreeAvailable = getAvailabilityResult(subtree.childSubtreeAvailability, childTileMortonIndex);
+    }
+    const x = concatBits(globalData.x, childTileX);
+    const y = concatBits(globalData.y, childTileY);
+    const z = concatBits(globalData.z, childTileZ);
+    const lev = level + globalData.level;
+    if (isChildSubtreeAvailable) {
+        const subtreePath = `${basePath}/${subtreesUriTemplate}`;
+        const childSubtreeUrl = replaceContentUrlTemplate(subtreePath, lev, x, y, z);
+        const childSubtree = await (0, core_1.load)(childSubtreeUrl, tile_3d_subtree_loader_1.Tile3DSubtreeLoader);
+        subtree = childSubtree;
+        globalData.mortonIndex = childTileMortonIndex;
+        globalData.x = childTileX;
+        globalData.y = childTileY;
+        globalData.z = childTileZ;
+        globalData.level = level;
+        childTileMortonIndex = 0;
+        tileAvailabilityIndex = 0;
+        childTileX = 0;
+        childTileY = 0;
+        childTileZ = 0;
+        level = 0;
+    }
+    const isTileAvailable = getAvailabilityResult(subtree.tileAvailability, tileAvailabilityIndex);
+    if (!isTileAvailable || level > maximumLevel) {
+        return tile;
     }
-  }
-
-  return tile;
+    const isContentAvailable = getAvailabilityResult(subtree.contentAvailability, tileAvailabilityIndex);
+    if (isContentAvailable) {
+        tile.contentUrl = replaceContentUrlTemplate(contentUrlTemplate, lev, x, y, z);
+    }
+    const childTileLevel = level + 1;
+    const pData = { mortonIndex: childTileMortonIndex, x: childTileX, y: childTileY, z: childTileZ };
+    for (let index = 0; index < childrenPerTile; index++) {
+        const childS2VolumeBox = getChildS2VolumeBox(s2VolumeBox, index, subdivisionScheme);
+        // Recursive calling...
+        const childTileParsed = await parseImplicitTiles({
+            subtree,
+            options,
+            parentData: pData,
+            childIndex: index,
+            level: childTileLevel,
+            globalData,
+            s2VolumeBox: childS2VolumeBox
+        });
+        if (childTileParsed.contentUrl || childTileParsed.children.length) {
+            const globalLevel = lev + 1;
+            const childCoordinates = { childTileX, childTileY, childTileZ };
+            const formattedTile = formatTileData(childTileParsed, globalLevel, childCoordinates, options, s2VolumeBox);
+            // @ts-ignore
+            tile.children.push(formattedTile);
+        }
+    }
+    return tile;
 }
-
+exports.parseImplicitTiles = parseImplicitTiles;
 function getAvailabilityResult(availabilityData, index) {
-  if ('constant' in availabilityData) {
-    return Boolean(availabilityData.constant);
-  }
-
-  if (availabilityData.explicitBitstream) {
-    return getBooleanValueFromBitstream(index, availabilityData.explicitBitstream);
-  }
-
-  return false;
-}
-
-function formatTileData(tile, level, childCoordinates, options) {
-  const {
-    basePath,
-    refine,
-    getRefine,
-    lodMetricType,
-    getTileType,
-    rootLodMetricValue,
-    rootBoundingVolume
-  } = options;
-  const uri = tile.contentUrl && tile.contentUrl.replace("".concat(basePath, "/"), '');
-  const lodMetricValue = rootLodMetricValue / 2 ** level;
-  const boundingVolume = calculateBoundingVolumeForChildTile(level, rootBoundingVolume, childCoordinates);
-  return {
-    children: tile.children,
-    contentUrl: tile.contentUrl,
-    content: {
-      uri
-    },
-    id: tile.contentUrl,
-    refine: getRefine(refine),
-    type: getTileType(tile),
-    lodMetricType,
-    lodMetricValue,
-    boundingVolume
-  };
+    if ('constant' in availabilityData) {
+        return Boolean(availabilityData.constant);
+    }
+    if (availabilityData.explicitBitstream) {
+        return getBooleanValueFromBitstream(index, availabilityData.explicitBitstream);
+    }
+    return false;
 }
-
-function calculateBoundingVolumeForChildTile(level, rootBoundingVolume, childCoordinates) {
-  if (rootBoundingVolume.region) {
-    const {
-      childTileX,
-      childTileY,
-      childTileZ
-    } = childCoordinates;
-    const [west, south, east, north, minimumHeight, maximumHeight] = rootBoundingVolume.region;
-    const boundingVolumesCount = 2 ** level;
-    const sizeX = (east - west) / boundingVolumesCount;
-    const sizeY = (north - south) / boundingVolumesCount;
-    const sizeZ = (maximumHeight - minimumHeight) / boundingVolumesCount;
-    const [childWest, childEast] = [west + sizeX * childTileX, west + sizeX * (childTileX + 1)];
-    const [childSouth, childNorth] = [south + sizeY * childTileY, south + sizeY * (childTileY + 1)];
-    const [childMinimumHeight, childMaximumHeight] = [minimumHeight + sizeZ * childTileZ, minimumHeight + sizeZ * (childTileZ + 1)];
+/**
+ * Do formatting of implicit tile data.
+ * TODO Check out do we able to use Tile3D class as type here.
+ * @param tile
+ * @param lodMetricValue
+ * @param options
+ * @returns
+ */
+function formatTileData(tile, level, childCoordinates, options, s2VolumeBox) {
+    const { basePath, refine, getRefine, lodMetricType, getTileType, rootLodMetricValue, rootBoundingVolume } = options;
+    const uri = tile.contentUrl && tile.contentUrl.replace(`${basePath}/`, '');
+    const lodMetricValue = rootLodMetricValue / 2 ** level;
+    const boundingVolume = s2VolumeBox?.box
+        ? { box: s2VolumeBox.box }
+        : rootBoundingVolume;
+    const boundingVolumeForChildTile = calculateBoundingVolumeForChildTile(level, boundingVolume, childCoordinates);
     return {
-      region: [childWest, childSouth, childEast, childNorth, childMinimumHeight, childMaximumHeight]
+        children: tile.children,
+        contentUrl: tile.contentUrl,
+        content: { uri },
+        id: tile.contentUrl,
+        refine: getRefine(refine),
+        type: getTileType(tile),
+        lodMetricType,
+        lodMetricValue,
+        geometricError: lodMetricValue,
+        transform: tile.transform,
+        boundingVolume: boundingVolumeForChildTile
     };
-  }
-
-  console.warn('Unsupported bounding volume type: ', rootBoundingVolume);
-  return null;
 }
-
+/**
+ * Calculate child bounding volume.
+ * Spec - https://github.com/CesiumGS/3d-tiles/tree/main/extensions/3DTILES_implicit_tiling#subdivision-rules
+ * @param level
+ * @param rootBoundingVolume
+ * @param childCoordinates
+ */
+function calculateBoundingVolumeForChildTile(level, rootBoundingVolume, childCoordinates) {
+    if (rootBoundingVolume.region) {
+        const { childTileX, childTileY, childTileZ } = childCoordinates;
+        const [west, south, east, north, minimumHeight, maximumHeight] = rootBoundingVolume.region;
+        const boundingVolumesCount = 2 ** level;
+        const sizeX = (east - west) / boundingVolumesCount;
+        const sizeY = (north - south) / boundingVolumesCount;
+        // TODO : Why is the subdivisionScheme not being checked here?
+        // In case of QUADTREE the sizeZ should NOT be changed!
+        // https://portal.ogc.org/files/102132
+        // A quadtree divides space only on the x and y dimensions. It divides each tile into 4 smaller tiles where the x and y dimensions are halved. The quadtree z minimum and maximum remain unchanged.
+        const sizeZ = (maximumHeight - minimumHeight) / boundingVolumesCount;
+        const [childWest, childEast] = [west + sizeX * childTileX, west + sizeX * (childTileX + 1)];
+        const [childSouth, childNorth] = [south + sizeY * childTileY, south + sizeY * (childTileY + 1)];
+        const [childMinimumHeight, childMaximumHeight] = [
+            minimumHeight + sizeZ * childTileZ,
+            minimumHeight + sizeZ * (childTileZ + 1)
+        ];
+        return {
+            region: [childWest, childSouth, childEast, childNorth, childMinimumHeight, childMaximumHeight]
+        };
+    }
+    if (rootBoundingVolume.box) {
+        return rootBoundingVolume;
+    }
+    throw new Error(`Unsupported bounding volume type ${rootBoundingVolume}`);
+}
+/**
+ * Do binary concatenation
+ * @param first
+ * @param second
+ */
 function concatBits(first, second) {
-  return parseInt(first.toString(2) + second.toString(2), 2);
+    return parseInt(first.toString(2) + second.toString(2), 2);
 }
-
-export function replaceContentUrlTemplate(templateUrl, level, x, y, z) {
-  const mapUrl = generateMapUrl({
-    level,
-    x,
-    y,
-    z
-  });
-  return templateUrl.replace(/{level}|{x}|{y}|{z}/gi, matched => mapUrl[matched]);
+/**
+ * Replace implicit tile content url with real coordinates.
+ * @param templateUrl
+ * @param level
+ * @param x
+ * @param y
+ * @param z
+ */
+function replaceContentUrlTemplate(templateUrl, level, x, y, z) {
+    const mapUrl = generateMapUrl({ level, x, y, z });
+    return templateUrl.replace(/{level}|{x}|{y}|{z}/gi, (matched) => mapUrl[matched]);
 }
-
+exports.replaceContentUrlTemplate = replaceContentUrlTemplate;
+/**
+ * Get Map object for content url generation
+ * @param items
+ */
 function generateMapUrl(items) {
-  const mapUrl = {};
-
-  for (const key in items) {
-    mapUrl["{".concat(key, "}")] = items[key];
-  }
-
-  return mapUrl;
+    const mapUrl = {};
+    for (const key in items) {
+        mapUrl[`{${key}}`] = items[key];
+    }
+    return mapUrl;
 }
-
+/**
+ * Get boolean value from bistream by index
+ * A boolean value is encoded as a single bit, either 0 (false) or 1 (true).
+ * Multiple boolean values are packed tightly in the same buffer.
+ * These buffers of tightly-packed bits are sometimes referred to as bitstreams.
+ * Spec - https://github.com/CesiumGS/3d-tiles/tree/implicit-revisions/specification/Metadata#booleans
+ * @param availabilitiIndex
+ */
 function getBooleanValueFromBitstream(availabilityIndex, availabilityBuffer) {
-  const byteIndex = Math.floor(availabilityIndex / 8);
-  const bitIndex = availabilityIndex % 8;
-  const bitValue = availabilityBuffer[byteIndex] >> bitIndex & 1;
-  return bitValue === 1;
+    const byteIndex = Math.floor(availabilityIndex / 8);
+    const bitIndex = availabilityIndex % 8;
+    const bitValue = (availabilityBuffer[byteIndex] >> bitIndex) & 1;
+    return bitValue === 1;
 }
-//# sourceMappingURL=parse-3d-implicit-tiles.js.map

package/dist/lib/parsers/helpers/parse-3d-tile-gltf-view.js

@@ -1,69 +1,88 @@
-import { GLTFLoader } from '@loaders.gl/gltf';
-import { sliceArrayBuffer } from '@loaders.gl/loader-utils';
-export const GLTF_FORMAT = {
-  URI: 0,
-  EMBEDDED: 1
+"use strict";
+// This file is derived from the Cesium code base under Apache 2 license
+// See LICENSE.md and https://github.com/AnalyticalGraphicsInc/cesium/blob/master/LICENSE.md
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractGLTF = exports.parse3DTileGLTFViewSync = exports.GLTF_FORMAT = void 0;
+// TODO - should we automatically parse the embedded glTF or leave it to the app?
+// - I.e. some apps might work directly on a GLB, in that case no need for us to decode...
+// - And if we decode, do we still keep the GLB in case it is needed?
+// - Do we add an option to control this?
+// - Also, should we have hard dependency on gltf module or use injection or auto-discovery for gltf parser?
+const gltf_1 = require("@loaders.gl/gltf");
+const loader_utils_1 = require("@loaders.gl/loader-utils");
+exports.GLTF_FORMAT = {
+    URI: 0,
+    EMBEDDED: 1
 };
-export function parse3DTileGLTFViewSync(tile, arrayBuffer, byteOffset, options) {
-  tile.rotateYtoZ = true;
-  const gltfByteLength = tile.byteOffset + tile.byteLength - byteOffset;
-
-  if (gltfByteLength === 0) {
-    throw new Error('glTF byte length must be greater than 0.');
-  }
-
-  tile.gltfUpAxis = options['3d-tiles'] && options['3d-tiles'].assetGltfUpAxis ? options['3d-tiles'].assetGltfUpAxis : 'Y';
-  tile.gltfArrayBuffer = sliceArrayBuffer(arrayBuffer, byteOffset, gltfByteLength);
-  tile.gltfByteOffset = 0;
-  tile.gltfByteLength = gltfByteLength;
-
-  if (byteOffset % 4 === 0) {} else {
-    console.warn("".concat(tile.type, ": embedded glb is not aligned to a 4-byte boundary."));
-  }
-
-  return tile.byteOffset + tile.byteLength;
-}
-export async function extractGLTF(tile, gltfFormat, options, context) {
-  const tile3DOptions = options['3d-tiles'] || {};
-  extractGLTFBufferOrURL(tile, gltfFormat, options);
-
-  if (tile3DOptions.loadGLTF) {
-    const {
-      parse,
-      fetch
-    } = context;
-
-    if (tile.gltfUrl) {
-      tile.gltfArrayBuffer = await fetch(tile.gltfUrl, options);
-      tile.gltfByteOffset = 0;
+function parse3DTileGLTFViewSync(tile, arrayBuffer, byteOffset, options) {
+    // Set flags
+    // glTF models need to be rotated from Y to Z up
+    // https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/specification#y-up-to-z-up
+    tile.rotateYtoZ = true;
+    // Assume glTF consumes rest of tile
+    const gltfByteLength = tile.byteOffset + tile.byteLength - byteOffset;
+    if (gltfByteLength === 0) {
+        throw new Error('glTF byte length must be greater than 0.');
+    }
+    // Save gltf up axis
+    tile.gltfUpAxis =
+        options['3d-tiles'] && options['3d-tiles'].assetGltfUpAxis
+            ? options['3d-tiles'].assetGltfUpAxis
+            : 'Y';
+    // TODO - We can avoid copy if already 4-byte aligned...
+    // However the rest of the code may not be able to accept byteOffsets, so copy anyway
+    tile.gltfArrayBuffer = (0, loader_utils_1.sliceArrayBuffer)(arrayBuffer, byteOffset, gltfByteLength);
+    tile.gltfByteOffset = 0;
+    tile.gltfByteLength = gltfByteLength;
+    if (byteOffset % 4 === 0) {
+        // tile.gltfArrayBuffer = arrayBuffer;
+        // tile.gltfByteOffset = byteOffset;
+        // tile.gltfByteLength = gltfByteLength;
     }
-
-    if (tile.gltfArrayBuffer) {
-      tile.gltf = await parse(tile.gltfArrayBuffer, GLTFLoader, options, context);
-      delete tile.gltfArrayBuffer;
-      delete tile.gltfByteOffset;
-      delete tile.gltfByteLength;
+    else {
+        // Create a copy of the glb so that it is 4-byte aligned
+        // eslint-disable-next-line
+        console.warn(`${tile.type}: embedded glb is not aligned to a 4-byte boundary.`);
     }
-  }
+    // Entire tile is consumed
+    return tile.byteOffset + tile.byteLength;
 }
-
+exports.parse3DTileGLTFViewSync = parse3DTileGLTFViewSync;
+async function extractGLTF(tile, gltfFormat, options, context) {
+    const tile3DOptions = options['3d-tiles'] || {};
+    extractGLTFBufferOrURL(tile, gltfFormat, options);
+    if (tile3DOptions.loadGLTF) {
+        const { parse, fetch } = context;
+        if (tile.gltfUrl) {
+            tile.gltfArrayBuffer = await fetch(tile.gltfUrl, options);
+            tile.gltfByteOffset = 0;
+        }
+        if (tile.gltfArrayBuffer) {
+            // TODO - Should handle byteOffset... However, not used now...
+            tile.gltf = await parse(tile.gltfArrayBuffer, gltf_1.GLTFLoader, options, context);
+            delete tile.gltfArrayBuffer;
+            delete tile.gltfByteOffset;
+            delete tile.gltfByteLength;
+        }
+    }
+}
+exports.extractGLTF = extractGLTF;
 function extractGLTFBufferOrURL(tile, gltfFormat, options) {
-  switch (gltfFormat) {
-    case GLTF_FORMAT.URI:
-      const gltfUrlBytes = new Uint8Array(tile.gltfArrayBuffer, tile.gltfByteOffset);
-      const textDecoder = new TextDecoder();
-      const gltfUrl = textDecoder.decode(gltfUrlBytes);
-      tile.gltfUrl = gltfUrl.replace(/[\s\0]+$/, '');
-      delete tile.gltfArrayBuffer;
-      delete tile.gltfByteOffset;
-      delete tile.gltfByteLength;
-      break;
-
-    case GLTF_FORMAT.EMBEDDED:
-      break;
-
-    default:
-      throw new Error('b3dm: Illegal glTF format field');
-  }
+    switch (gltfFormat) {
+        case exports.GLTF_FORMAT.URI:
+            // We need to remove padding from the end of the model URL in case this tile was part of a composite tile.
+            // This removes all white space and null characters from the end of the string.
+            const gltfUrlBytes = new Uint8Array(tile.gltfArrayBuffer, tile.gltfByteOffset);
+            const textDecoder = new TextDecoder();
+            const gltfUrl = textDecoder.decode(gltfUrlBytes);
+            tile.gltfUrl = gltfUrl.replace(/[\s\0]+$/, '');
+            delete tile.gltfArrayBuffer;
+            delete tile.gltfByteOffset;
+            delete tile.gltfByteLength;
+            break;
+        case exports.GLTF_FORMAT.EMBEDDED:
+            break;
+        default:
+            throw new Error('b3dm: Illegal glTF format field');
+    }
 }
-//# sourceMappingURL=parse-3d-tile-gltf-view.js.map