@2112-lab/central-plant 0.1.10 → 0.1.11

package/dist/bundle/index.js

@@ -9231,16 +9231,953 @@ function addPrimitiveAttributes( geometry, primitiveDef, parser ) {
 
 }
 
+// o object_name | g group_name
+const _object_pattern = /^[og]\s*(.+)?/;
+// mtllib file_reference
+const _material_library_pattern = /^mtllib /;
+// usemtl material_name
+const _material_use_pattern = /^usemtl /;
+// usemap map_name
+const _map_use_pattern = /^usemap /;
+const _face_vertex_data_separator_pattern = /\s+/;
+
+const _vA = new THREE.Vector3();
+const _vB = new THREE.Vector3();
+const _vC = new THREE.Vector3();
+
+const _ab = new THREE.Vector3();
+const _cb = new THREE.Vector3();
+
+const _color = new THREE.Color();
+
+function ParserState() {
+
+	const state = {
+		objects: [],
+		object: {},
+
+		vertices: [],
+		normals: [],
+		colors: [],
+		uvs: [],
+
+		materials: {},
+		materialLibraries: [],
+
+		startObject: function ( name, fromDeclaration ) {
+
+			// If the current object (initial from reset) is not from a g/o declaration in the parsed
+			// file. We need to use it for the first parsed g/o to keep things in sync.
+			if ( this.object && this.object.fromDeclaration === false ) {
+
+				this.object.name = name;
+				this.object.fromDeclaration = ( fromDeclaration !== false );
+				return;
+
+			}
+
+			const previousMaterial = ( this.object && typeof this.object.currentMaterial === 'function' ? this.object.currentMaterial() : undefined );
+
+			if ( this.object && typeof this.object._finalize === 'function' ) {
+
+				this.object._finalize( true );
+
+			}
+
+			this.object = {
+				name: name || '',
+				fromDeclaration: ( fromDeclaration !== false ),
+
+				geometry: {
+					vertices: [],
+					normals: [],
+					colors: [],
+					uvs: [],
+					hasUVIndices: false
+				},
+				materials: [],
+				smooth: true,
+
+				startMaterial: function ( name, libraries ) {
+
+					const previous = this._finalize( false );
+
+					// New usemtl declaration overwrites an inherited material, except if faces were declared
+					// after the material, then it must be preserved for proper MultiMaterial continuation.
+					if ( previous && ( previous.inherited || previous.groupCount <= 0 ) ) {
+
+						this.materials.splice( previous.index, 1 );
+
+					}
+
+					const material = {
+						index: this.materials.length,
+						name: name || '',
+						mtllib: ( Array.isArray( libraries ) && libraries.length > 0 ? libraries[ libraries.length - 1 ] : '' ),
+						smooth: ( previous !== undefined ? previous.smooth : this.smooth ),
+						groupStart: ( previous !== undefined ? previous.groupEnd : 0 ),
+						groupEnd: - 1,
+						groupCount: - 1,
+						inherited: false,
+
+						clone: function ( index ) {
+
+							const cloned = {
+								index: ( typeof index === 'number' ? index : this.index ),
+								name: this.name,
+								mtllib: this.mtllib,
+								smooth: this.smooth,
+								groupStart: 0,
+								groupEnd: - 1,
+								groupCount: - 1,
+								inherited: false
+							};
+							cloned.clone = this.clone.bind( cloned );
+							return cloned;
+
+						}
+					};
+
+					this.materials.push( material );
+
+					return material;
+
+				},
+
+				currentMaterial: function () {
+
+					if ( this.materials.length > 0 ) {
+
+						return this.materials[ this.materials.length - 1 ];
+
+					}
+
+					return undefined;
+
+				},
+
+				_finalize: function ( end ) {
+
+					const lastMultiMaterial = this.currentMaterial();
+					if ( lastMultiMaterial && lastMultiMaterial.groupEnd === - 1 ) {
+
+						lastMultiMaterial.groupEnd = this.geometry.vertices.length / 3;
+						lastMultiMaterial.groupCount = lastMultiMaterial.groupEnd - lastMultiMaterial.groupStart;
+						lastMultiMaterial.inherited = false;
+
+					}
+
+					// Ignore objects tail materials if no face declarations followed them before a new o/g started.
+					if ( end && this.materials.length > 1 ) {
+
+						for ( let mi = this.materials.length - 1; mi >= 0; mi -- ) {
+
+							if ( this.materials[ mi ].groupCount <= 0 ) {
+
+								this.materials.splice( mi, 1 );
+
+							}
+
+						}
+
+					}
+
+					// Guarantee at least one empty material, this makes the creation later more straight forward.
+					if ( end && this.materials.length === 0 ) {
+
+						this.materials.push( {
+							name: '',
+							smooth: this.smooth
+						} );
+
+					}
+
+					return lastMultiMaterial;
+
+				}
+			};
+
+			// Inherit previous objects material.
+			// Spec tells us that a declared material must be set to all objects until a new material is declared.
+			// If a usemtl declaration is encountered while this new object is being parsed, it will
+			// overwrite the inherited material. Exception being that there was already face declarations
+			// to the inherited material, then it will be preserved for proper MultiMaterial continuation.
+
+			if ( previousMaterial && previousMaterial.name && typeof previousMaterial.clone === 'function' ) {
+
+				const declared = previousMaterial.clone( 0 );
+				declared.inherited = true;
+				this.object.materials.push( declared );
+
+			}
+
+			this.objects.push( this.object );
+
+		},
+
+		finalize: function () {
+
+			if ( this.object && typeof this.object._finalize === 'function' ) {
+
+				this.object._finalize( true );
+
+			}
+
+		},
+
+		parseVertexIndex: function ( value, len ) {
+
+			const index = parseInt( value, 10 );
+			return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
+
+		},
+
+		parseNormalIndex: function ( value, len ) {
+
+			const index = parseInt( value, 10 );
+			return ( index >= 0 ? index - 1 : index + len / 3 ) * 3;
+
+		},
+
+		parseUVIndex: function ( value, len ) {
+
+			const index = parseInt( value, 10 );
+			return ( index >= 0 ? index - 1 : index + len / 2 ) * 2;
+
+		},
+
+		addVertex: function ( a, b, c ) {
+
+			const src = this.vertices;
+			const dst = this.object.geometry.vertices;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+			dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+			dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+		},
+
+		addVertexPoint: function ( a ) {
+
+			const src = this.vertices;
+			const dst = this.object.geometry.vertices;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+
+		},
+
+		addVertexLine: function ( a ) {
+
+			const src = this.vertices;
+			const dst = this.object.geometry.vertices;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+
+		},
+
+		addNormal: function ( a, b, c ) {
+
+			const src = this.normals;
+			const dst = this.object.geometry.normals;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+			dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+			dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+		},
+
+		addFaceNormal: function ( a, b, c ) {
+
+			const src = this.vertices;
+			const dst = this.object.geometry.normals;
+
+			_vA.fromArray( src, a );
+			_vB.fromArray( src, b );
+			_vC.fromArray( src, c );
+
+			_cb.subVectors( _vC, _vB );
+			_ab.subVectors( _vA, _vB );
+			_cb.cross( _ab );
+
+			_cb.normalize();
+
+			dst.push( _cb.x, _cb.y, _cb.z );
+			dst.push( _cb.x, _cb.y, _cb.z );
+			dst.push( _cb.x, _cb.y, _cb.z );
+
+		},
+
+		addColor: function ( a, b, c ) {
+
+			const src = this.colors;
+			const dst = this.object.geometry.colors;
+
+			if ( src[ a ] !== undefined ) dst.push( src[ a + 0 ], src[ a + 1 ], src[ a + 2 ] );
+			if ( src[ b ] !== undefined ) dst.push( src[ b + 0 ], src[ b + 1 ], src[ b + 2 ] );
+			if ( src[ c ] !== undefined ) dst.push( src[ c + 0 ], src[ c + 1 ], src[ c + 2 ] );
+
+		},
+
+		addUV: function ( a, b, c ) {
+
+			const src = this.uvs;
+			const dst = this.object.geometry.uvs;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ] );
+			dst.push( src[ b + 0 ], src[ b + 1 ] );
+			dst.push( src[ c + 0 ], src[ c + 1 ] );
+
+		},
+
+		addDefaultUV: function () {
+
+			const dst = this.object.geometry.uvs;
+
+			dst.push( 0, 0 );
+			dst.push( 0, 0 );
+			dst.push( 0, 0 );
+
+		},
+
+		addUVLine: function ( a ) {
+
+			const src = this.uvs;
+			const dst = this.object.geometry.uvs;
+
+			dst.push( src[ a + 0 ], src[ a + 1 ] );
+
+		},
+
+		addFace: function ( a, b, c, ua, ub, uc, na, nb, nc ) {
+
+			const vLen = this.vertices.length;
+
+			let ia = this.parseVertexIndex( a, vLen );
+			let ib = this.parseVertexIndex( b, vLen );
+			let ic = this.parseVertexIndex( c, vLen );
+
+			this.addVertex( ia, ib, ic );
+			this.addColor( ia, ib, ic );
+
+			// normals
+
+			if ( na !== undefined && na !== '' ) {
+
+				const nLen = this.normals.length;
+
+				ia = this.parseNormalIndex( na, nLen );
+				ib = this.parseNormalIndex( nb, nLen );
+				ic = this.parseNormalIndex( nc, nLen );
+
+				this.addNormal( ia, ib, ic );
+
+			} else {
+
+				this.addFaceNormal( ia, ib, ic );
+
+			}
+
+			// uvs
+
+			if ( ua !== undefined && ua !== '' ) {
+
+				const uvLen = this.uvs.length;
+
+				ia = this.parseUVIndex( ua, uvLen );
+				ib = this.parseUVIndex( ub, uvLen );
+				ic = this.parseUVIndex( uc, uvLen );
+
+				this.addUV( ia, ib, ic );
+
+				this.object.geometry.hasUVIndices = true;
+
+			} else {
+
+				// add placeholder values (for inconsistent face definitions)
+
+				this.addDefaultUV();
+
+			}
+
+		},
+
+		addPointGeometry: function ( vertices ) {
+
+			this.object.geometry.type = 'Points';
+
+			const vLen = this.vertices.length;
+
+			for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
+
+				const index = this.parseVertexIndex( vertices[ vi ], vLen );
+
+				this.addVertexPoint( index );
+				this.addColor( index );
+
+			}
+
+		},
+
+		addLineGeometry: function ( vertices, uvs ) {
+
+			this.object.geometry.type = 'Line';
+
+			const vLen = this.vertices.length;
+			const uvLen = this.uvs.length;
+
+			for ( let vi = 0, l = vertices.length; vi < l; vi ++ ) {
+
+				this.addVertexLine( this.parseVertexIndex( vertices[ vi ], vLen ) );
+
+			}
+
+			for ( let uvi = 0, l = uvs.length; uvi < l; uvi ++ ) {
+
+				this.addUVLine( this.parseUVIndex( uvs[ uvi ], uvLen ) );
+
+			}
+
+		}
+
+	};
+
+	state.startObject( '', false );
+
+	return state;
+
+}
+
+
+/**
+ * A loader for the OBJ format.
+ *
+ * The [OBJ format]{@link https://en.wikipedia.org/wiki/Wavefront_.obj_file} is a simple data-format that
+ * represents 3D geometry in a human readable format as the position of each vertex, the UV position of
+ * each texture coordinate vertex, vertex normals, and the faces that make each polygon defined as a list
+ * of vertices, and texture vertices.
+ *
+ * ```js
+ * const loader = new OBJLoader();
+ * const object = await loader.loadAsync( 'models/monster.obj' );
+ * scene.add( object );
+ * ```
+ *
+ * @augments Loader
+ * @three_import import { OBJLoader } from 'three/addons/loaders/OBJLoader.js';
+ */
+class OBJLoader extends THREE.Loader {
+
+	/**
+	 * Constructs a new OBJ loader.
+	 *
+	 * @param {LoadingManager} [manager] - The loading manager.
+	 */
+	constructor( manager ) {
+
+		super( manager );
+
+		/**
+		 * A reference to a material creator.
+		 *
+		 * @type {?MaterialCreator}
+		 * @default null
+		 */
+		this.materials = null;
+
+	}
+
+	/**
+	 * Starts loading from the given URL and passes the loaded OBJ asset
+	 * to the `onLoad()` callback.
+	 *
+	 * @param {string} url - The path/URL of the file to be loaded. This can also be a data URI.
+	 * @param {function(Group)} onLoad - Executed when the loading process has been finished.
+	 * @param {onProgressCallback} onProgress - Executed while the loading is in progress.
+	 * @param {onErrorCallback} onError - Executed when errors occur.
+	 */
+	load( url, onLoad, onProgress, onError ) {
+
+		const scope = this;
+
+		const loader = new THREE.FileLoader( this.manager );
+		loader.setPath( this.path );
+		loader.setRequestHeader( this.requestHeader );
+		loader.setWithCredentials( this.withCredentials );
+		loader.load( url, function ( text ) {
+
+			try {
+
+				onLoad( scope.parse( text ) );
+
+			} catch ( e ) {
+
+				if ( onError ) {
+
+					onError( e );
+
+				} else {
+
+					console.error( e );
+
+				}
+
+				scope.manager.itemError( url );
+
+			}
+
+		}, onProgress, onError );
+
+	}
+
+	/**
+	 * Sets the material creator for this OBJ. This object is loaded via {@link MTLLoader}.
+	 *
+	 * @param {MaterialCreator} materials - An object that creates the materials for this OBJ.
+	 * @return {OBJLoader} A reference to this loader.
+	 */
+	setMaterials( materials ) {
+
+		this.materials = materials;
+
+		return this;
+
+	}
+
+	/**
+	 * Parses the given OBJ data and returns the resulting group.
+	 *
+	 * @param {string} text - The raw OBJ data as a string.
+	 * @return {Group} The parsed OBJ.
+	 */
+	parse( text ) {
+
+		const state = new ParserState();
+
+		if ( text.indexOf( '\r\n' ) !== - 1 ) {
+
+			// This is faster than String.split with regex that splits on both
+			text = text.replace( /\r\n/g, '\n' );
+
+		}
+
+		if ( text.indexOf( '\\\n' ) !== - 1 ) {
+
+			// join lines separated by a line continuation character (\)
+			text = text.replace( /\\\n/g, '' );
+
+		}
+
+		const lines = text.split( '\n' );
+		let result = [];
+
+		for ( let i = 0, l = lines.length; i < l; i ++ ) {
+
+			const line = lines[ i ].trimStart();
+
+			if ( line.length === 0 ) continue;
+
+			const lineFirstChar = line.charAt( 0 );
+
+			// @todo invoke passed in handler if any
+			if ( lineFirstChar === '#' ) continue; // skip comments
+
+			if ( lineFirstChar === 'v' ) {
+
+				const data = line.split( _face_vertex_data_separator_pattern );
+
+				switch ( data[ 0 ] ) {
+
+					case 'v':
+						state.vertices.push(
+							parseFloat( data[ 1 ] ),
+							parseFloat( data[ 2 ] ),
+							parseFloat( data[ 3 ] )
+						);
+						if ( data.length >= 7 ) {
+
+							_color.setRGB(
+								parseFloat( data[ 4 ] ),
+								parseFloat( data[ 5 ] ),
+								parseFloat( data[ 6 ] ),
+								THREE.SRGBColorSpace
+							);
+
+							state.colors.push( _color.r, _color.g, _color.b );
+
+						} else {
+
+							// if no colors are defined, add placeholders so color and vertex indices match
+
+							state.colors.push( undefined, undefined, undefined );
+
+						}
+
+						break;
+					case 'vn':
+						state.normals.push(
+							parseFloat( data[ 1 ] ),
+							parseFloat( data[ 2 ] ),
+							parseFloat( data[ 3 ] )
+						);
+						break;
+					case 'vt':
+						state.uvs.push(
+							parseFloat( data[ 1 ] ),
+							parseFloat( data[ 2 ] )
+						);
+						break;
+
+				}
+
+			} else if ( lineFirstChar === 'f' ) {
+
+				const lineData = line.slice( 1 ).trim();
+				const vertexData = lineData.split( _face_vertex_data_separator_pattern );
+				const faceVertices = [];
+
+				// Parse the face vertex data into an easy to work with format
+
+				for ( let j = 0, jl = vertexData.length; j < jl; j ++ ) {
+
+					const vertex = vertexData[ j ];
+
+					if ( vertex.length > 0 ) {
+
+						const vertexParts = vertex.split( '/' );
+						faceVertices.push( vertexParts );
+
+					}
+
+				}
+
+				// Draw an edge between the first vertex and all subsequent vertices to form an n-gon
+
+				const v1 = faceVertices[ 0 ];
+
+				for ( let j = 1, jl = faceVertices.length - 1; j < jl; j ++ ) {
+
+					const v2 = faceVertices[ j ];
+					const v3 = faceVertices[ j + 1 ];
+
+					state.addFace(
+						v1[ 0 ], v2[ 0 ], v3[ 0 ],
+						v1[ 1 ], v2[ 1 ], v3[ 1 ],
+						v1[ 2 ], v2[ 2 ], v3[ 2 ]
+					);
+
+				}
+
+			} else if ( lineFirstChar === 'l' ) {
+
+				const lineParts = line.substring( 1 ).trim().split( ' ' );
+				let lineVertices = [];
+				const lineUVs = [];
+
+				if ( line.indexOf( '/' ) === - 1 ) {
+
+					lineVertices = lineParts;
+
+				} else {
+
+					for ( let li = 0, llen = lineParts.length; li < llen; li ++ ) {
+
+						const parts = lineParts[ li ].split( '/' );
+
+						if ( parts[ 0 ] !== '' ) lineVertices.push( parts[ 0 ] );
+						if ( parts[ 1 ] !== '' ) lineUVs.push( parts[ 1 ] );
+
+					}
+
+				}
+
+				state.addLineGeometry( lineVertices, lineUVs );
+
+			} else if ( lineFirstChar === 'p' ) {
+
+				const lineData = line.slice( 1 ).trim();
+				const pointData = lineData.split( ' ' );
+
+				state.addPointGeometry( pointData );
+
+			} else if ( ( result = _object_pattern.exec( line ) ) !== null ) {
+
+				// o object_name
+				// or
+				// g group_name
+
+				// WORKAROUND: https://bugs.chromium.org/p/v8/issues/detail?id=2869
+				// let name = result[ 0 ].slice( 1 ).trim();
+				const name = ( ' ' + result[ 0 ].slice( 1 ).trim() ).slice( 1 );
+
+				state.startObject( name );
+
+			} else if ( _material_use_pattern.test( line ) ) {
+
+				// material
+
+				state.object.startMaterial( line.substring( 7 ).trim(), state.materialLibraries );
+
+			} else if ( _material_library_pattern.test( line ) ) {
+
+				// mtl file
+
+				state.materialLibraries.push( line.substring( 7 ).trim() );
+
+			} else if ( _map_use_pattern.test( line ) ) {
+
+				// the line is parsed but ignored since the loader assumes textures are defined MTL files
+				// (according to https://www.okino.com/conv/imp_wave.htm, 'usemap' is the old-style Wavefront texture reference method)
+
+				console.warn( 'THREE.OBJLoader: Rendering identifier "usemap" not supported. Textures must be defined in MTL files.' );
+
+			} else if ( lineFirstChar === 's' ) {
+
+				result = line.split( ' ' );
+
+				// smooth shading
+
+				// @todo Handle files that have varying smooth values for a set of faces inside one geometry,
+				// but does not define a usemtl for each face set.
+				// This should be detected and a dummy material created (later MultiMaterial and geometry groups).
+				// This requires some care to not create extra material on each smooth value for "normal" obj files.
+				// where explicit usemtl defines geometry groups.
+				// Example asset: examples/models/obj/cerberus/Cerberus.obj
+
+				/*
+					 * http://paulbourke.net/dataformats/obj/
+					 *
+					 * From chapter "Grouping" Syntax explanation "s group_number":
+					 * "group_number is the smoothing group number. To turn off smoothing groups, use a value of 0 or off.
+					 * Polygonal elements use group numbers to put elements in different smoothing groups. For free-form
+					 * surfaces, smoothing groups are either turned on or off; there is no difference between values greater
+					 * than 0."
+					 */
+				if ( result.length > 1 ) {
+
+					const value = result[ 1 ].trim().toLowerCase();
+					state.object.smooth = ( value !== '0' && value !== 'off' );
+
+				} else {
+
+					// ZBrush can produce "s" lines #11707
+					state.object.smooth = true;
+
+				}
+
+				const material = state.object.currentMaterial();
+				if ( material ) material.smooth = state.object.smooth;
+
+			} else {
+
+				// Handle null terminated files without exception
+				if ( line === '\0' ) continue;
+
+				console.warn( 'THREE.OBJLoader: Unexpected line: "' + line + '"' );
+
+			}
+
+		}
+
+		state.finalize();
+
+		const container = new THREE.Group();
+		container.materialLibraries = [].concat( state.materialLibraries );
+
+		const hasPrimitives = ! ( state.objects.length === 1 && state.objects[ 0 ].geometry.vertices.length === 0 );
+
+		if ( hasPrimitives === true ) {
+
+			for ( let i = 0, l = state.objects.length; i < l; i ++ ) {
+
+				const object = state.objects[ i ];
+				const geometry = object.geometry;
+				const materials = object.materials;
+				const isLine = ( geometry.type === 'Line' );
+				const isPoints = ( geometry.type === 'Points' );
+				let hasVertexColors = false;
+
+				// Skip o/g line declarations that did not follow with any faces
+				if ( geometry.vertices.length === 0 ) continue;
+
+				const buffergeometry = new THREE.BufferGeometry();
+
+				buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( geometry.vertices, 3 ) );
+
+				if ( geometry.normals.length > 0 ) {
+
+					buffergeometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( geometry.normals, 3 ) );
+
+				}
+
+				if ( geometry.colors.length > 0 ) {
+
+					hasVertexColors = true;
+					buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( geometry.colors, 3 ) );
+
+				}
+
+				if ( geometry.hasUVIndices === true ) {
+
+					buffergeometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( geometry.uvs, 2 ) );
+
+				}
+
+				// Create materials
+
+				const createdMaterials = [];
+
+				for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
+
+					const sourceMaterial = materials[ mi ];
+					const materialHash = sourceMaterial.name + '_' + sourceMaterial.smooth + '_' + hasVertexColors;
+					let material = state.materials[ materialHash ];
+
+					if ( this.materials !== null ) {
+
+						material = this.materials.create( sourceMaterial.name );
+
+						// mtl etc. loaders probably can't create line materials correctly, copy properties to a line material.
+						if ( isLine && material && ! ( material instanceof THREE.LineBasicMaterial ) ) {
+
+							const materialLine = new THREE.LineBasicMaterial();
+							THREE.Material.prototype.copy.call( materialLine, material );
+							materialLine.color.copy( material.color );
+							material = materialLine;
+
+						} else if ( isPoints && material && ! ( material instanceof THREE.PointsMaterial ) ) {
+
+							const materialPoints = new THREE.PointsMaterial( { size: 10, sizeAttenuation: false } );
+							THREE.Material.prototype.copy.call( materialPoints, material );
+							materialPoints.color.copy( material.color );
+							materialPoints.map = material.map;
+							material = materialPoints;
+
+						}
+
+					}
+
+					if ( material === undefined ) {
+
+						if ( isLine ) {
+
+							material = new THREE.LineBasicMaterial();
+
+						} else if ( isPoints ) {
+
+							material = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } );
+
+						} else {
+
+							material = new THREE.MeshPhongMaterial();
+
+						}
+
+						material.name = sourceMaterial.name;
+						material.flatShading = sourceMaterial.smooth ? false : true;
+						material.vertexColors = hasVertexColors;
+
+						state.materials[ materialHash ] = material;
+
+					}
+
+					createdMaterials.push( material );
+
+				}
+
+				// Create mesh
+
+				let mesh;
+
+				if ( createdMaterials.length > 1 ) {
+
+					for ( let mi = 0, miLen = materials.length; mi < miLen; mi ++ ) {
+
+						const sourceMaterial = materials[ mi ];
+						buffergeometry.addGroup( sourceMaterial.groupStart, sourceMaterial.groupCount, mi );
+
+					}
+
+					if ( isLine ) {
+
+						mesh = new THREE.LineSegments( buffergeometry, createdMaterials );
+
+					} else if ( isPoints ) {
+
+						mesh = new THREE.Points( buffergeometry, createdMaterials );
+
+					} else {
+
+						mesh = new THREE.Mesh( buffergeometry, createdMaterials );
+
+					}
+
+				} else {
+
+					if ( isLine ) {
+
+						mesh = new THREE.LineSegments( buffergeometry, createdMaterials[ 0 ] );
+
+					} else if ( isPoints ) {
+
+						mesh = new THREE.Points( buffergeometry, createdMaterials[ 0 ] );
+
+					} else {
+
+						mesh = new THREE.Mesh( buffergeometry, createdMaterials[ 0 ] );
+
+					}
+
+				}
+
+				mesh.name = object.name;
+
+				container.add( mesh );
+
+			}
+
+		} else {
+
+			// if there is only the default parser state object with no geometry data, interpret data as point cloud
+
+			if ( state.vertices.length > 0 ) {
+
+				const material = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } );
+
+				const buffergeometry = new THREE.BufferGeometry();
+
+				buffergeometry.setAttribute( 'position', new THREE.Float32BufferAttribute( state.vertices, 3 ) );
+
+				if ( state.colors.length > 0 && state.colors[ 0 ] !== undefined ) {
+
+					buffergeometry.setAttribute( 'color', new THREE.Float32BufferAttribute( state.colors, 3 ) );
+					material.vertexColors = true;
+
+				}
+
+				const points = new THREE.Points( buffergeometry, material );
+				container.add( points );
+
+			}
+
+		}
+
+		return container;
+
+	}
+
+}
+
 var ModelPreloader = /*#__PURE__*/function () {
   function ModelPreloader() {
     _classCallCheck(this, ModelPreloader);
-    this.modelCache = new Map(); // Cache for loaded GLB models
+    this.modelCache = new Map(); // Cache for loaded models
     this.loadingPromises = new Map(); // Track ongoing loads to prevent duplicates
     this.gltfLoader = new GLTFLoader();
+    this.objLoader = new OBJLoader();
     this.isPreloading = false;
     this.preloadingPromise = null;
     this.componentDictionary = null;
-    console.log('🚀 ModelPreloader initialized');
+    console.log('🚀 ModelPreloader initialized with GLB and OBJ support');
   }
 
   /**
@@ -9253,7 +10190,7 @@ var ModelPreloader = /*#__PURE__*/function () {
     value: (function () {
       var _preloadAllModels = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(componentDictionary) {
         var _this = this;
-        var modelKeys, preloadPromises;
+        var modelsToLoad, preloadPromises;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
@@ -9274,21 +10211,33 @@ var ModelPreloader = /*#__PURE__*/function () {
               this.componentDictionary = componentDictionary;
               this.isPreloading = true;
               console.log('🔄 Starting to preload all models from component dictionary...');
-              modelKeys = [];
-              preloadPromises = []; // Extract all unique model keys from the component dictionary
+              modelsToLoad = [];
+              preloadPromises = []; // Extract all unique models with their types from the component dictionary
               Object.keys(componentDictionary).forEach(function (componentType) {
                 var component = componentDictionary[componentType];
                 if (component && component.modelKey) {
-                  if (!modelKeys.includes(component.modelKey)) {
-                    modelKeys.push(component.modelKey);
+                  var modelInfo = {
+                    modelKey: component.modelKey,
+                    modelType: component.modelType || 'glb' // Default to GLB if not specified
+                  };
+
+                  // Check if we already have this model in our list
+                  var existingModel = modelsToLoad.find(function (m) {
+                    return m.modelKey === modelInfo.modelKey;
+                  });
+                  if (!existingModel) {
+                    modelsToLoad.push(modelInfo);
                   }
                 }
               });
-              console.log("\uD83C\uDFAF Found ".concat(modelKeys.length, " unique models to preload:"), modelKeys);
+              console.log("\uD83C\uDFAF Found ".concat(modelsToLoad.length, " unique models to preload:"));
+              modelsToLoad.forEach(function (model) {
+                console.log("  \uD83D\uDCE6 ".concat(model.modelKey, " (").concat(model.modelType.toUpperCase(), ")"));
+              });
 
               // Create preload promises for each model
-              modelKeys.forEach(function (modelKey) {
-                preloadPromises.push(_this.preloadSingleModel(modelKey));
+              modelsToLoad.forEach(function (modelInfo) {
+                preloadPromises.push(_this.preloadSingleModel(modelInfo.modelKey, modelInfo.modelType));
               });
 
               // Wait for all models to load (or fail)
@@ -9311,7 +10260,7 @@ var ModelPreloader = /*#__PURE__*/function () {
                 return {
                   successful: successful,
                   failed: failed,
-                  total: modelKeys.length,
+                  total: modelsToLoad.length,
                   cache: _this.modelCache
                 };
               });
@@ -9327,6 +10276,7 @@ var ModelPreloader = /*#__PURE__*/function () {
     /**
      * Preload a single model
      * @param {string} modelKey - The model key (filename)
+     * @param {string} modelType - The model type ('glb' or 'obj')
      * @returns {Promise} Promise that resolves with the loaded model
      */
     )
@@ -9335,10 +10285,13 @@ var ModelPreloader = /*#__PURE__*/function () {
     value: (function () {
       var _preloadSingleModel = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(modelKey) {
         var _this2 = this;
-        var loadPromise;
+        var modelType,
+          loadPromise,
+          _args2 = arguments;
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.n) {
             case 0:
+              modelType = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : 'glb';
               if (!this.modelCache.has(modelKey)) {
                 _context2.n = 1;
                 break;
@@ -9353,28 +10306,72 @@ var ModelPreloader = /*#__PURE__*/function () {
               console.log("\u23F3 Model ".concat(modelKey, " already loading, waiting for completion"));
               return _context2.a(2, this.loadingPromises.get(modelKey));
             case 2:
-              console.log("\uD83D\uDD04 Starting preload of model: ".concat(modelKey));
+              console.log("\uD83D\uDD04 Starting preload of ".concat(modelType.toUpperCase(), " model: ").concat(modelKey));
               loadPromise = new Promise(function (resolve, reject) {
-                _this2.gltfLoader.load("/library/models/".concat(modelKey), function (gltf) {
-                  console.log("\u2705 Successfully preloaded model: ".concat(modelKey));
-                  // Cache the scene for future use
-                  _this2.modelCache.set(modelKey, gltf.scene);
-                  // Remove from loading promises
-                  _this2.loadingPromises.delete(modelKey);
-                  resolve(gltf.scene);
-                }, function (progress) {
-                  // Optional: track loading progress
-                  var percentage = progress.loaded / progress.total * 100;
-                  if (percentage % 25 === 0) {
-                    // Log every 25%
-                    console.log("\uD83D\uDCCA Loading ".concat(modelKey, ": ").concat(percentage.toFixed(0), "%"));
-                  }
-                }, function (error) {
-                  console.error("\u274C Failed to preload model ".concat(modelKey, ":"), error);
-                  // Remove from loading promises
-                  _this2.loadingPromises.delete(modelKey);
-                  reject(error);
-                });
+                var modelPath = "/library/models/".concat(modelKey);
+                if (modelType === 'obj') {
+                  // Load OBJ model
+                  _this2.objLoader.load(modelPath, function (object) {
+                    console.log("\u2705 Successfully preloaded OBJ model: ".concat(modelKey));
+
+                    // Apply default material to OBJ models (they don't come with materials)
+                    object.traverse(function (child) {
+                      if (child.isMesh) {
+                        if (!child.material) {
+                          child.material = new THREE__namespace.MeshStandardMaterial({
+                            color: 0x888888,
+                            metalness: 0.2,
+                            roughness: 0.8
+                          });
+                        }
+                      }
+                    });
+
+                    // Cache the object for future use
+                    _this2.modelCache.set(modelKey, object);
+                    // Remove from loading promises
+                    _this2.loadingPromises.delete(modelKey);
+                    resolve(object);
+                  }, function (progress) {
+                    // Optional: track loading progress
+                    if (progress.lengthComputable) {
+                      var percentage = progress.loaded / progress.total * 100;
+                      if (percentage % 25 === 0) {
+                        // Log every 25%
+                        console.log("\uD83D\uDCCA Loading OBJ ".concat(modelKey, ": ").concat(percentage.toFixed(0), "%"));
+                      }
+                    }
+                  }, function (error) {
+                    console.error("\u274C Failed to preload OBJ model ".concat(modelKey, ":"), error);
+                    // Remove from loading promises
+                    _this2.loadingPromises.delete(modelKey);
+                    reject(error);
+                  });
+                } else {
+                  // Load GLB model (default)
+                  _this2.gltfLoader.load(modelPath, function (gltf) {
+                    console.log("\u2705 Successfully preloaded GLB model: ".concat(modelKey));
+                    // Cache the scene for future use
+                    _this2.modelCache.set(modelKey, gltf.scene);
+                    // Remove from loading promises
+                    _this2.loadingPromises.delete(modelKey);
+                    resolve(gltf.scene);
+                  }, function (progress) {
+                    // Optional: track loading progress
+                    if (progress.lengthComputable) {
+                      var percentage = progress.loaded / progress.total * 100;
+                      if (percentage % 25 === 0) {
+                        // Log every 25%
+                        console.log("\uD83D\uDCCA Loading GLB ".concat(modelKey, ": ").concat(percentage.toFixed(0), "%"));
+                      }
+                    }
+                  }, function (error) {
+                    console.error("\u274C Failed to preload GLB model ".concat(modelKey, ":"), error);
+                    // Remove from loading promises
+                    _this2.loadingPromises.delete(modelKey);
+                    reject(error);
+                  });
+                }
               }); // Cache the loading promise
               this.loadingPromises.set(modelKey, loadPromise);
               return _context2.a(2, loadPromise);
@@ -9498,23 +10495,58 @@ var ModelPreloader = /*#__PURE__*/function () {
     /**
      * Force reload a specific model
      * @param {string} modelKey - The model key to reload
+     * @param {string} modelType - The model type ('glb' or 'obj'), will try to detect from component dictionary if not provided
      * @returns {Promise} Promise that resolves with the reloaded model
      */
   }, {
     key: "reloadModel",
     value: (function () {
       var _reloadModel = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(modelKey) {
+        var modelType,
+          _i,
+          _Object$keys,
+          componentType,
+          component,
+          _args3 = arguments;
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.n) {
             case 0:
+              modelType = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : null;
               console.log("\uD83D\uDD04 Force reloading model: ".concat(modelKey));
 
+              // Try to determine model type from component dictionary if not provided
+              if (!(!modelType && this.componentDictionary)) {
+                _context3.n = 3;
+                break;
+              }
+              _i = 0, _Object$keys = Object.keys(this.componentDictionary);
+            case 1:
+              if (!(_i < _Object$keys.length)) {
+                _context3.n = 3;
+                break;
+              }
+              componentType = _Object$keys[_i];
+              component = this.componentDictionary[componentType];
+              if (!(component && component.modelKey === modelKey)) {
+                _context3.n = 2;
+                break;
+              }
+              modelType = component.modelType || 'glb';
+              return _context3.a(3, 3);
+            case 2:
+              _i++;
+              _context3.n = 1;
+              break;
+            case 3:
+              // Default to GLB if still not determined
+              modelType = modelType || 'glb';
+
               // Remove from cache and loading promises
               this.modelCache.delete(modelKey);
               this.loadingPromises.delete(modelKey);
 
               // Preload again
-              return _context3.a(2, this.preloadSingleModel(modelKey));
+              return _context3.a(2, this.preloadSingleModel(modelKey, modelType));
           }
         }, _callee3, this);
       }));
@@ -9559,6 +10591,100 @@ var ModelPreloader = /*#__PURE__*/function () {
       console.log('✅ Model preloader cache cleared');
     }
 
+    /**
+     * Get model type from component dictionary
+     * @param {string} modelKey - The model key
+     * @returns {string} Model type ('glb' or 'obj')
+     */
+  }, {
+    key: "getModelType",
+    value: function getModelType(modelKey) {
+      if (!this.componentDictionary) {
+        return 'glb'; // Default fallback
+      }
+      for (var _i2 = 0, _Object$keys2 = Object.keys(this.componentDictionary); _i2 < _Object$keys2.length; _i2++) {
+        var componentType = _Object$keys2[_i2];
+        var component = this.componentDictionary[componentType];
+        if (component && component.modelKey === modelKey) {
+          return component.modelType || 'glb';
+        }
+      }
+      return 'glb'; // Default fallback
+    }
+
+    /**
+     * Load a component model by its library ID (for SceneOperationsManager compatibility)
+     * @param {string} libraryId - The library ID to look up
+     * @param {Function} callback - Callback function to receive the loaded model
+     */
+  }, {
+    key: "loadComponentById",
+    value: function loadComponentById(libraryId, callback) {
+      if (!this.componentDictionary || !libraryId || typeof callback !== 'function') {
+        console.warn("\u26A0\uFE0F Invalid parameters for loadComponentById: libraryId=".concat(libraryId, ", callback=").concat(_typeof(callback)));
+        callback(null);
+        return;
+      }
+
+      // Find the component data by library ID
+      var componentData = this.componentDictionary[libraryId];
+      if (!componentData || !componentData.modelKey) {
+        console.warn("\u26A0\uFE0F No component found for library ID: ".concat(libraryId));
+        callback(null);
+        return;
+      }
+      var modelKey = componentData.modelKey;
+      var modelType = componentData.modelType || 'glb';
+
+      // Check if model is already cached
+      if (this.modelCache.has(modelKey)) {
+        console.log("\uD83C\uDFAF Returning cached model for library ID ".concat(libraryId, ": ").concat(modelKey));
+        var clonedModel = this.modelCache.get(modelKey).clone();
+
+        // Add dimensions if available
+        if (componentData.boundingBox) {
+          if (!clonedModel.userData) {
+            clonedModel.userData = {};
+          }
+          clonedModel.userData.dimensions = {
+            x: componentData.boundingBox.x,
+            y: componentData.boundingBox.y,
+            z: componentData.boundingBox.z
+          };
+        }
+        callback(clonedModel);
+        return;
+      }
+
+      // Model not cached, need to load it
+      console.log("\uD83D\uDD04 Loading model for library ID ".concat(libraryId, ": ").concat(modelKey, " (").concat(modelType.toUpperCase(), ")"));
+      this.preloadSingleModel(modelKey, modelType).then(function (model) {
+        if (model) {
+          var _clonedModel = model.clone();
+
+          // Add dimensions if available
+          if (componentData.boundingBox) {
+            if (!_clonedModel.userData) {
+              _clonedModel.userData = {};
+            }
+            _clonedModel.userData.dimensions = {
+              x: componentData.boundingBox.x,
+              y: componentData.boundingBox.y,
+              z: componentData.boundingBox.z
+            };
+          }
+          console.log("\u2705 Successfully loaded model for library ID ".concat(libraryId));
+          callback(_clonedModel);
+        } else {
+          console.error("\u274C Failed to load model for library ID ".concat(libraryId));
+          callback(null);
+        }
+      }).catch(function (error) {
+        console.error("\u274C Error loading model for library ID ".concat(libraryId, ":"), error);
+        callback(null);
+      });
+    }
+
     /**
      * Get cache statistics
      * @returns {Object} Cache statistics