@loaders.gl/gltf 4.0.0-alpha.1 → 4.0.0-alpha.11

package/dist/lib/extensions/deprecated/EXT_feature_metadata.js

@@ -0,0 +1,290 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.decode = exports.name = void 0;
+const gltf_scenegraph_1 = require("../../api/gltf-scenegraph");
+const images_1 = require("@loaders.gl/images");
+const gltf_utils_1 = require("../../gltf-utils/gltf-utils");
+/** Extension name */
+const EXT_FEATURE_METADATA = 'EXT_feature_metadata';
+exports.name = EXT_FEATURE_METADATA;
+async function decode(gltfData, options) {
+    const scenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    decodeExtFeatureMetadata(scenegraph, options);
+}
+exports.decode = decode;
+/**
+ * Decodes feature metadata from extension
+ * @param scenegraph
+ */
+function decodeExtFeatureMetadata(scenegraph, options) {
+    const extension = scenegraph.getExtension(EXT_FEATURE_METADATA);
+    if (!extension)
+        return;
+    const schemaClasses = extension.schema?.classes;
+    const { featureTables } = extension;
+    if (schemaClasses && featureTables) {
+        for (const schemaName in schemaClasses) {
+            const schemaClass = schemaClasses[schemaName];
+            const featureTable = findFeatureTableByName(featureTables, schemaName);
+            if (featureTable) {
+                handleFeatureTableProperties(scenegraph, featureTable, schemaClass);
+            }
+        }
+    }
+    const { featureTextures } = extension;
+    if (schemaClasses && featureTextures && options.gltf?.loadImages) {
+        for (const schemaName in schemaClasses) {
+            const schemaClass = schemaClasses[schemaName];
+            const featureTexture = findFeatureTextureByName(featureTextures, schemaName);
+            if (featureTexture) {
+                handleFeatureTextureProperties(scenegraph, featureTexture, schemaClass);
+            }
+        }
+    }
+}
+/**
+ * Navigate throw all properies in feature table and gets properties data.
+ * @param scenegraph
+ * @param featureTable
+ * @param schemaClass
+ */
+function handleFeatureTableProperties(scenegraph, featureTable, schemaClass) {
+    for (const propertyName in schemaClass.properties) {
+        const schemaProperty = schemaClass.properties[propertyName];
+        const featureTableProperty = featureTable?.properties?.[propertyName];
+        const numberOfFeatures = featureTable.count;
+        if (featureTableProperty) {
+            const data = getPropertyDataFromBinarySource(scenegraph, schemaProperty, numberOfFeatures, featureTableProperty);
+            featureTableProperty.data = data;
+        }
+    }
+}
+/**
+ * Navigate throw all properies in feature texture and gets properties data.
+ * Data will be stored in featureTexture.properties[propertyName].data
+ * @param scenegraph
+ * @param featureTexture
+ * @param schemaClass
+ */
+function handleFeatureTextureProperties(scenegraph, featureTexture, schemaClass) {
+    const attributeName = featureTexture.class;
+    for (const propertyName in schemaClass.properties) {
+        const featureTextureProperty = featureTexture?.properties?.[propertyName];
+        if (featureTextureProperty) {
+            const data = getPropertyDataFromTexture(scenegraph, featureTextureProperty, attributeName);
+            featureTextureProperty.data = data;
+        }
+    }
+}
+/**
+ * Decode properties from binary sourse based on property type.
+ * @param scenegraph
+ * @param schemaProperty
+ * @param numberOfFeatures
+ * @param featureTableProperty
+ */
+function getPropertyDataFromBinarySource(scenegraph, schemaProperty, numberOfFeatures, featureTableProperty) {
+    const bufferView = featureTableProperty.bufferView;
+    // TODO think maybe we shouldn't get data only in Uint8Array format.
+    const dataArray = scenegraph.getTypedArrayForBufferView(bufferView);
+    switch (schemaProperty.type) {
+        case 'STRING': {
+            // stringOffsetBufferView should be available for string type.
+            const stringOffsetBufferView = featureTableProperty.stringOffsetBufferView;
+            const offsetsData = scenegraph.getTypedArrayForBufferView(stringOffsetBufferView);
+            return getStringAttributes(dataArray, offsetsData, numberOfFeatures);
+        }
+        default:
+    }
+    return dataArray;
+}
+/**
+ * Get properties from texture associated with all mesh primitives.
+ * @param scenegraph
+ * @param featureTextureProperty
+ * @param attributeName
+ * @returns Feature texture data
+ */
+function getPropertyDataFromTexture(scenegraph, featureTextureProperty, attributeName) {
+    const json = scenegraph.gltf.json;
+    if (!json.meshes) {
+        return [];
+    }
+    const featureTextureTable = [];
+    for (const mesh of json.meshes) {
+        for (const primitive of mesh.primitives) {
+            processPrimitiveTextures(scenegraph, attributeName, featureTextureProperty, featureTextureTable, primitive);
+        }
+    }
+    return featureTextureTable;
+}
+// eslint-disable-next-line max-statements
+/**
+ * Processes data encoded in the texture associated with the primitive. This data will be accessible through the attributes.
+ * @param scenegraph
+ * @param attributeName
+ * @param featureTextureProperty
+ * @param featureTextureTable
+ * @param primitive
+ */
+function processPrimitiveTextures(scenegraph, attributeName, featureTextureProperty, featureTextureTable, primitive) {
+    /*
+      texture.index is an index for the "textures" array.
+      The texture object referenced by this index looks like this:
+      {
+      "sampler": 0,
+      "source": 0
+      }
+      "sampler" is an index for the "samplers" array
+      "source" is an index for the "images" array that contains data. These data are stored in rgba channels of the image.
+  
+      texture.texCoord is a number-suffix (like 1) for an attribute like "TEXCOORD_1" in meshes.primitives
+      The value of "TEXCOORD_1" is an accessor that is used to get coordinates. These coordinates ared used to get data from the image.
+    */
+    const json = scenegraph.gltf.json;
+    const textureData = [];
+    const texCoordAccessorKey = `TEXCOORD_${featureTextureProperty.texture.texCoord}`;
+    const texCoordAccessorIndex = primitive.attributes[texCoordAccessorKey];
+    const texCoordBufferView = scenegraph.getBufferView(texCoordAccessorIndex);
+    const texCoordArray = scenegraph.getTypedArrayForBufferView(texCoordBufferView);
+    const textureCoordinates = new Float32Array(texCoordArray.buffer, texCoordArray.byteOffset, texCoordArray.length / 4);
+    // textureCoordinates contains UV coordinates of the actual data stored in the texture
+    // accessor.count is a number of UV pairs (they are stored as VEC2)
+    const textureIndex = featureTextureProperty.texture.index;
+    const texture = json.textures?.[textureIndex];
+    const imageIndex = texture?.source;
+    if (typeof imageIndex !== 'undefined') {
+        const image = json.images?.[imageIndex];
+        const mimeType = image?.mimeType;
+        const parsedImage = scenegraph.gltf.images?.[imageIndex];
+        if (parsedImage) {
+            for (let index = 0; index < textureCoordinates.length; index += 2) {
+                const value = getImageValueByCoordinates(parsedImage, mimeType, textureCoordinates, index, featureTextureProperty.channels);
+                textureData.push(value);
+            }
+        }
+    }
+    /*
+      featureTextureTable will contain unique values, e.g.
+        textureData = [24, 35, 28, 24]
+        featureTextureTable = [24, 35, 28]
+      featureIndices will contain indices hat refer featureTextureTable, e.g.
+        featureIndices = [0, 1, 2, 0]
+    */
+    const featureIndices = [];
+    for (const texelData of textureData) {
+        let index = featureTextureTable.findIndex((item) => item === texelData);
+        if (index === -1) {
+            index = featureTextureTable.push(texelData) - 1;
+        }
+        featureIndices.push(index);
+    }
+    const typedArray = new Uint32Array(featureIndices);
+    const bufferIndex = scenegraph.gltf.buffers.push({
+        arrayBuffer: typedArray.buffer,
+        byteOffset: 0,
+        byteLength: typedArray.byteLength
+    }) - 1;
+    const bufferViewIndex = scenegraph.addBufferView(typedArray, bufferIndex, 0);
+    const accessorIndex = scenegraph.addAccessor(bufferViewIndex, {
+        size: 1,
+        componentType: (0, gltf_utils_1.getComponentTypeFromArray)(typedArray),
+        count: typedArray.length
+    });
+    primitive.attributes[attributeName] = accessorIndex;
+}
+function getImageValueByCoordinates(parsedImage, mimeType, textureCoordinates, index, channels) {
+    const CHANNELS_MAP = {
+        r: { offset: 0, shift: 0 },
+        g: { offset: 1, shift: 8 },
+        b: { offset: 2, shift: 16 },
+        a: { offset: 3, shift: 24 }
+    };
+    const u = textureCoordinates[index];
+    const v = textureCoordinates[index + 1];
+    let components = 1;
+    if (mimeType && (mimeType.indexOf('image/jpeg') !== -1 || mimeType.indexOf('image/png') !== -1))
+        components = 4;
+    const offset = coordinatesToOffset(u, v, parsedImage, components);
+    let value = 0;
+    for (const c of channels) {
+        const map = CHANNELS_MAP[c];
+        const val = getVal(parsedImage, offset + map.offset);
+        value |= val << map.shift;
+    }
+    return value;
+}
+function getVal(parsedImage, offset) {
+    const imageData = (0, images_1.getImageData)(parsedImage);
+    if (imageData.data.length <= offset) {
+        throw new Error(`${imageData.data.length} <= ${offset}`);
+    }
+    return imageData.data[offset];
+}
+function coordinatesToOffset(u, v, parsedImage, componentsCount = 1) {
+    const w = parsedImage.width;
+    const iX = emod(u) * (w - 1);
+    const indX = Math.round(iX);
+    const h = parsedImage.height;
+    const iY = emod(v) * (h - 1);
+    const indY = Math.round(iY);
+    const components = parsedImage.components ? parsedImage.components : componentsCount;
+    // components is a number of channels in the image
+    const offset = (indY * w + indX) * components;
+    return offset;
+}
+// The following is taken from tile-converter\src\i3s-converter\helpers\batch-ids-extensions.ts
+/**
+ * Handle UVs if they are out of range [0,1].
+ * @param n
+ * @param m
+ */
+function emod(n) {
+    const a = ((n % 1) + 1) % 1;
+    return a;
+}
+/**
+ * Find the feature table by class name.
+ * @param featureTables
+ * @param schemaClassName
+ */
+function findFeatureTableByName(featureTables, schemaClassName) {
+    for (const featureTableName in featureTables) {
+        const featureTable = featureTables[featureTableName];
+        if (featureTable.class === schemaClassName) {
+            return featureTable;
+        }
+    }
+    return null;
+}
+function findFeatureTextureByName(featureTextures, schemaClassName) {
+    for (const featureTexturesName in featureTextures) {
+        const featureTable = featureTextures[featureTexturesName];
+        if (featureTable.class === schemaClassName) {
+            return featureTable;
+        }
+    }
+    return null;
+}
+/**
+ * Getting string attributes from binary data.
+ * Spec - https://github.com/CesiumGS/3d-tiles/tree/main/specification/Metadata#strings
+ * @param data
+ * @param offsetsData
+ * @param stringsCount
+ */
+function getStringAttributes(data, offsetsData, stringsCount) {
+    const stringsArray = [];
+    const textDecoder = new TextDecoder('utf8');
+    let stringOffset = 0;
+    const bytesPerStringSize = 4;
+    for (let index = 0; index < stringsCount; index++) {
+        // TODO check if it is multiplication on bytesPerStringSize is valid operation?
+        const stringByteSize = offsetsData[(index + 1) * bytesPerStringSize] - offsetsData[index * bytesPerStringSize];
+        const stringData = data.subarray(stringOffset, stringByteSize + stringOffset);
+        const stringAttribute = textDecoder.decode(stringData);
+        stringsArray.push(stringAttribute);
+        stringOffset += stringByteSize;
+    }
+    return stringsArray;
+}

package/dist/lib/extensions/deprecated/KHR_lights_punctual.d.ts

@@ -0,0 +1,7 @@
+import type { GLTF } from '../../types/gltf-json-schema';
+export declare const name = "KHR_lights_punctual";
+export declare function decode(gltfData: {
+    json: GLTF;
+}): Promise<void>;
+export declare function encode(gltfData: any): Promise<void>;
+//# sourceMappingURL=KHR_lights_punctual.d.ts.map

package/dist/lib/extensions/deprecated/KHR_lights_punctual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KHR_lights_punctual.d.ts","sourceRoot":"","sources":["../../../../src/lib/extensions/deprecated/KHR_lights_punctual.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAC;AAOvD,eAAO,MAAM,IAAI,wBAAsB,CAAC;AAExC,wBAAsB,MAAM,CAAC,QAAQ,EAAE;IAAC,IAAI,EAAE,IAAI,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAsBlE;AAGD,wBAAsB,MAAM,CAAC,QAAQ,KAAA,GAAG,OAAO,CAAC,IAAI,CAAC,CA2BpD"}

package/dist/lib/extensions/deprecated/KHR_lights_punctual.js

@@ -1,49 +1,59 @@
-import { assert } from '../../utils/assert';
-import GLTFScenegraph from '../../api/gltf-scenegraph';
+"use strict";
+// GLTF EXTENSION: KHR_lights_punctual
+// https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_lights_punctual
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encode = exports.decode = exports.name = void 0;
+const assert_1 = require("../../utils/assert");
+const gltf_scenegraph_1 = require("../../api/gltf-scenegraph");
 const KHR_LIGHTS_PUNCTUAL = 'KHR_lights_punctual';
-export const name = KHR_LIGHTS_PUNCTUAL;
-export async function decode(gltfData) {
-  const gltfScenegraph = new GLTFScenegraph(gltfData);
-  const {
-    json
-  } = gltfScenegraph;
-  const extension = gltfScenegraph.getExtension(KHR_LIGHTS_PUNCTUAL);
-
-  if (extension) {
-    gltfScenegraph.json.lights = extension.lights;
-    gltfScenegraph.removeExtension(KHR_LIGHTS_PUNCTUAL);
-  }
-
-  for (const node of json.nodes || []) {
-    const nodeExtension = gltfScenegraph.getObjectExtension(node, KHR_LIGHTS_PUNCTUAL);
-
-    if (nodeExtension) {
-      node.light = nodeExtension.light;
+exports.name = KHR_LIGHTS_PUNCTUAL;
+async function decode(gltfData) {
+    const gltfScenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    const { json } = gltfScenegraph;
+    // Move the light array out of the extension and remove the extension
+    const extension = gltfScenegraph.getExtension(KHR_LIGHTS_PUNCTUAL);
+    if (extension) {
+        // @ts-ignore
+        gltfScenegraph.json.lights = extension.lights;
+        gltfScenegraph.removeExtension(KHR_LIGHTS_PUNCTUAL);
+    }
+    // Any nodes that have the extension, add lights field pointing to light object
+    // and remove the extension
+    for (const node of json.nodes || []) {
+        const nodeExtension = gltfScenegraph.getObjectExtension(node, KHR_LIGHTS_PUNCTUAL);
+        if (nodeExtension) {
+            // @ts-ignore
+            node.light = nodeExtension.light;
+        }
+        gltfScenegraph.removeObjectExtension(node, KHR_LIGHTS_PUNCTUAL);
     }
-
-    gltfScenegraph.removeObjectExtension(node, KHR_LIGHTS_PUNCTUAL);
-  }
 }
-export async function encode(gltfData) {
-  const gltfScenegraph = new GLTFScenegraph(gltfData);
-  const {
-    json
-  } = gltfScenegraph;
-
-  if (json.lights) {
-    const extension = gltfScenegraph.addExtension(KHR_LIGHTS_PUNCTUAL);
-    assert(!extension.lights);
-    extension.lights = json.lights;
-    delete json.lights;
-  }
-
-  if (gltfScenegraph.json.lights) {
-    for (const light of gltfScenegraph.json.lights) {
-      const node = light.node;
-      gltfScenegraph.addObjectExtension(node, KHR_LIGHTS_PUNCTUAL, light);
+exports.decode = decode;
+// Move the light ar ray out of the extension and remove the extension
+async function encode(gltfData) {
+    const gltfScenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    const { json } = gltfScenegraph;
+    // @ts-ignore
+    if (json.lights) {
+        const extension = gltfScenegraph.addExtension(KHR_LIGHTS_PUNCTUAL);
+        // @ts-ignore
+        (0, assert_1.assert)(!extension.lights);
+        // @ts-ignore
+        extension.lights = json.lights;
+        // @ts-ignore
+        delete json.lights;
+    }
+    // Any nodes that have lights field pointing to light object
+    // add the extension
+    // @ts-ignore
+    if (gltfScenegraph.json.lights) {
+        // @ts-ignore
+        for (const light of gltfScenegraph.json.lights) {
+            const node = light.node;
+            gltfScenegraph.addObjectExtension(node, KHR_LIGHTS_PUNCTUAL, light);
+        }
+        // @ts-ignore
+        delete gltfScenegraph.json.lights;
     }
-
-    delete gltfScenegraph.json.lights;
-  }
 }
-//# sourceMappingURL=KHR_lights_punctual.js.map
+exports.encode = encode;

package/dist/lib/extensions/deprecated/KHR_materials_unlit.d.ts

@@ -0,0 +1,7 @@
+import type { GLTF } from '../../types/gltf-json-schema';
+export declare const name = "KHR_materials_unlit";
+export declare function decode(gltfData: {
+    json: GLTF;
+}): Promise<void>;
+export declare function encode(gltfData: any): void;
+//# sourceMappingURL=KHR_materials_unlit.d.ts.map

package/dist/lib/extensions/deprecated/KHR_materials_unlit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KHR_materials_unlit.d.ts","sourceRoot":"","sources":["../../../../src/lib/extensions/deprecated/KHR_materials_unlit.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAC;AAMvD,eAAO,MAAM,IAAI,wBAAsB,CAAC;AAExC,wBAAsB,MAAM,CAAC,QAAQ,EAAE;IAAC,IAAI,EAAE,IAAI,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBlE;AAED,wBAAgB,MAAM,CAAC,QAAQ,KAAA,QAkB9B"}

package/dist/lib/extensions/deprecated/KHR_materials_unlit.js

@@ -1,37 +1,44 @@
-import GLTFScenegraph from '../../api/gltf-scenegraph';
+"use strict";
+// GLTF EXTENSION: KHR_materials_unlit
+// https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_unlit
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encode = exports.decode = exports.name = void 0;
+const gltf_scenegraph_1 = require("../../api/gltf-scenegraph");
 const KHR_MATERIALS_UNLIT = 'KHR_materials_unlit';
-export const name = KHR_MATERIALS_UNLIT;
-export async function decode(gltfData) {
-  const gltfScenegraph = new GLTFScenegraph(gltfData);
-  const {
-    json
-  } = gltfScenegraph;
-  gltfScenegraph.removeExtension(KHR_MATERIALS_UNLIT);
-
-  for (const material of json.materials || []) {
-    const extension = material.extensions && material.extensions.KHR_materials_unlit;
-
-    if (extension) {
-      material.unlit = true;
+exports.name = KHR_MATERIALS_UNLIT;
+async function decode(gltfData) {
+    const gltfScenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    const { json } = gltfScenegraph;
+    // Any nodes that have the extension, add lights field pointing to light object
+    // and remove the extension
+    for (const material of json.materials || []) {
+        const extension = material.extensions && material.extensions.KHR_materials_unlit;
+        if (extension) {
+            // @ts-ignore TODO
+            material.unlit = true;
+        }
+        gltfScenegraph.removeObjectExtension(material, KHR_MATERIALS_UNLIT);
     }
-
-    gltfScenegraph.removeObjectExtension(material, KHR_MATERIALS_UNLIT);
-  }
+    // Remove the top-level extension
+    gltfScenegraph.removeExtension(KHR_MATERIALS_UNLIT);
 }
-export function encode(gltfData) {
-  const gltfScenegraph = new GLTFScenegraph(gltfData);
-  const {
-    json
-  } = gltfScenegraph;
-
-  if (gltfScenegraph.materials) {
-    for (const material of json.materials || []) {
-      if (material.unlit) {
-        delete material.unlit;
-        gltfScenegraph.addObjectExtension(material, KHR_MATERIALS_UNLIT, {});
-        gltfScenegraph.addExtension(KHR_MATERIALS_UNLIT);
-      }
+exports.decode = decode;
+function encode(gltfData) {
+    const gltfScenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    const { json } = gltfScenegraph;
+    // Any nodes that have lights field pointing to light object
+    // add the extension
+    // @ts-ignore
+    if (gltfScenegraph.materials) {
+        for (const material of json.materials || []) {
+            // @ts-ignore
+            if (material.unlit) {
+                // @ts-ignore
+                delete material.unlit;
+                gltfScenegraph.addObjectExtension(material, KHR_MATERIALS_UNLIT, {});
+                gltfScenegraph.addExtension(KHR_MATERIALS_UNLIT);
+            }
+        }
     }
-  }
 }
-//# sourceMappingURL=KHR_materials_unlit.js.map
+exports.encode = encode;

package/dist/lib/extensions/deprecated/KHR_techniques_webgl.d.ts

@@ -0,0 +1,7 @@
+import type { GLTF } from '../../types/gltf-json-schema';
+export declare const name = "KHR_techniques_webgl";
+export declare function decode(gltfData: {
+    json: GLTF;
+}): Promise<void>;
+export declare function encode(gltfData: any, options: any): Promise<void>;
+//# sourceMappingURL=KHR_techniques_webgl.d.ts.map

package/dist/lib/extensions/deprecated/KHR_techniques_webgl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KHR_techniques_webgl.d.ts","sourceRoot":"","sources":["../../../../src/lib/extensions/deprecated/KHR_techniques_webgl.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,8BAA8B,CAAC;AAMvD,eAAO,MAAM,IAAI,yBAAuB,CAAC;AAEzC,wBAAsB,MAAM,CAAC,QAAQ,EAAE;IAAC,IAAI,EAAE,IAAI,CAAA;CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CA2BlE;AAED,wBAAsB,MAAM,CAAC,QAAQ,KAAA,EAAE,OAAO,KAAA,GAAG,OAAO,CAAC,IAAI,CAAC,CAE7D"}

package/dist/lib/extensions/deprecated/KHR_techniques_webgl.js

@@ -1,68 +1,79 @@
-import GLTFScenegraph from '../../api/gltf-scenegraph';
+"use strict";
+// GLTF EXTENSION: KHR_techniques_webgl
+// https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_techniques_webgl
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encode = exports.decode = exports.name = void 0;
+const gltf_scenegraph_1 = require("../../api/gltf-scenegraph");
 const KHR_TECHNIQUES_WEBGL = 'KHR_techniques_webgl';
-export const name = KHR_TECHNIQUES_WEBGL;
-export async function decode(gltfData) {
-  const gltfScenegraph = new GLTFScenegraph(gltfData);
-  const {
-    json
-  } = gltfScenegraph;
-  const extension = gltfScenegraph.getExtension(KHR_TECHNIQUES_WEBGL);
-
-  if (extension) {
-    const techniques = resolveTechniques(extension, gltfScenegraph);
-
-    for (const material of json.materials || []) {
-      const materialExtension = gltfScenegraph.getObjectExtension(material, KHR_TECHNIQUES_WEBGL);
-
-      if (materialExtension) {
-        material.technique = Object.assign({}, materialExtension, techniques[materialExtension.technique]);
-        material.technique.values = resolveValues(material.technique, gltfScenegraph);
-      }
-
-      gltfScenegraph.removeObjectExtension(material, KHR_TECHNIQUES_WEBGL);
+exports.name = KHR_TECHNIQUES_WEBGL;
+async function decode(gltfData) {
+    const gltfScenegraph = new gltf_scenegraph_1.GLTFScenegraph(gltfData);
+    const { json } = gltfScenegraph;
+    const extension = gltfScenegraph.getExtension(KHR_TECHNIQUES_WEBGL);
+    if (extension) {
+        const techniques = resolveTechniques(extension, gltfScenegraph);
+        for (const material of json.materials || []) {
+            const materialExtension = gltfScenegraph.getObjectExtension(material, KHR_TECHNIQUES_WEBGL);
+            if (materialExtension) {
+                // @ts-ignore TODO
+                material.technique = Object.assign({}, materialExtension, 
+                // @ts-ignore
+                techniques[materialExtension.technique]);
+                // @ts-ignore TODO
+                material.technique.values = resolveValues(material.technique, gltfScenegraph);
+            }
+            gltfScenegraph.removeObjectExtension(material, KHR_TECHNIQUES_WEBGL);
+        }
+        // Remove the top-level extension
+        gltfScenegraph.removeExtension(KHR_TECHNIQUES_WEBGL);
     }
-
-    gltfScenegraph.removeExtension(KHR_TECHNIQUES_WEBGL);
-  }
 }
-export async function encode(gltfData, options) {}
-
-function resolveTechniques(techniquesExtension, gltfScenegraph) {
-  const {
-    programs = [],
-    shaders = [],
-    techniques = []
-  } = techniquesExtension;
-  const textDecoder = new TextDecoder();
-  shaders.forEach(shader => {
-    if (Number.isFinite(shader.bufferView)) {
-      shader.code = textDecoder.decode(gltfScenegraph.getTypedArrayForBufferView(shader.bufferView));
-    } else {
-      throw new Error('KHR_techniques_webgl: no shader code');
-    }
-  });
-  programs.forEach(program => {
-    program.fragmentShader = shaders[program.fragmentShader];
-    program.vertexShader = shaders[program.vertexShader];
-  });
-  techniques.forEach(technique => {
-    technique.program = programs[technique.program];
-  });
-  return techniques;
+exports.decode = decode;
+// eslint-disable-next-line
+async function encode(gltfData, options) {
+    // TODO
+}
+exports.encode = encode;
+function resolveTechniques(techniquesExtension, 
+// programs: {[key: string]: any}[],
+// shaders: {[key: string]: any}[],
+// techniques: {[key: string]: any}[]
+gltfScenegraph) {
+    const { programs = [], shaders = [], techniques = [] } = techniquesExtension;
+    const textDecoder = new TextDecoder();
+    shaders.forEach((shader) => {
+        if (Number.isFinite(shader.bufferView)) {
+            shader.code = textDecoder.decode(gltfScenegraph.getTypedArrayForBufferView(shader.bufferView));
+        }
+        else {
+            // TODO: handle URI shader
+            throw new Error('KHR_techniques_webgl: no shader code');
+        }
+    });
+    programs.forEach((program) => {
+        program.fragmentShader = shaders[program.fragmentShader];
+        program.vertexShader = shaders[program.vertexShader];
+    });
+    techniques.forEach((technique) => {
+        technique.program = programs[technique.program];
+    });
+    return techniques;
 }
-
 function resolveValues(technique, gltfScenegraph) {
-  const values = Object.assign({}, technique.values);
-  Object.keys(technique.uniforms || {}).forEach(uniform => {
-    if (technique.uniforms[uniform].value && !(uniform in values)) {
-      values[uniform] = technique.uniforms[uniform].value;
-    }
-  });
-  Object.keys(values).forEach(uniform => {
-    if (typeof values[uniform] === 'object' && values[uniform].index !== undefined) {
-      values[uniform].texture = gltfScenegraph.getTexture(values[uniform].index);
-    }
-  });
-  return values;
+    const values = Object.assign({}, technique.values);
+    // merge values from uniforms
+    Object.keys(technique.uniforms || {}).forEach((uniform) => {
+        if (technique.uniforms[uniform].value && !(uniform in values)) {
+            values[uniform] = technique.uniforms[uniform].value;
+        }
+    });
+    // resolve textures
+    Object.keys(values).forEach((uniform) => {
+        if (typeof values[uniform] === 'object' && values[uniform].index !== undefined) {
+            // Assume this is a texture
+            // TODO: find if there are any other types that can be referenced
+            values[uniform].texture = gltfScenegraph.getTexture(values[uniform].index);
+        }
+    });
+    return values;
 }
-//# sourceMappingURL=KHR_techniques_webgl.js.map

package/dist/lib/gltf-utils/get-typed-array.d.ts

@@ -0,0 +1,3 @@
+export declare function getTypedArrayForBufferView(json: any, buffers: any, bufferViewIndex: any): Uint8Array;
+export declare function getTypedArrayForImageData(json: any, buffers: any, imageIndex: any): Uint8Array;
+//# sourceMappingURL=get-typed-array.d.ts.map