feat: bundle RectAreaLightUniformsLib for app.js

editor/js/Sidebar.Project.App.js

@@ -85,6 +85,14 @@ function SidebarProjectApp( editor ) {
 
 		const toZip = {};
 
+		const scene = editor.scene;
+		let hasRectAreaLight = false;
+		scene.traverse( function ( child ) {
+
+			if ( child.isRectAreaLight === true ) hasRectAreaLight = true;
+
+		} );
+
 		//
 
 		let output = editor.toJSON();
@@ -136,6 +144,30 @@ function SidebarProjectApp( editor ) {
 
 			content = content.replace( '\t\t\t/* edit button */', editButton );
 
+			const importAddonsScripts = [];
+			if ( hasRectAreaLight ) importAddonsScripts.push( '\t\t\timport { RectAreaLightUniformsLib } from \'three/addons/lights/RectAreaLightUniformsLib.js\';' );
+			if ( importAddonsScripts.length > 0 ) {
+
+				content = content.replace( '\t\t\t/* import addons js */', importAddonsScripts.join( '\n\t\t\t' ) );
+
+			} else {
+
+				content = content.replace( '\t\t\t/* import addons js */\r\n', '' );
+
+			}
+
+			const initAddonsScripts = [];
+			if ( hasRectAreaLight ) initAddonsScripts.push( '\t\t\tRectAreaLightUniformsLib.init();' );
+			if ( initAddonsScripts.length > 0 ) {
+
+				content = content.replace( '\t\t\t/* init addons js */', initAddonsScripts.join( '\n\t\t\t' ) );
+
+			} else {
+
+				content = content.replace( '\t\t\t/* init addons js */\r\n', '' );
+
+			}
+
 			toZip[ 'index.html' ] = strToU8( content );
 
 		} );
@@ -150,6 +182,16 @@ function SidebarProjectApp( editor ) {
 
 		} );
 
+		if ( hasRectAreaLight ) {
+
+			loader.load( '../examples/jsm/lights/RectAreaLightUniformsLib.js', function ( content ) {
+
+				toZip[ 'js/lights/RectAreaLightUniformsLib.js' ] = strToU8( content );
+
+			} );
+
+		}
+
 	} );
 	container.add( publishButton );
 

editor/js/libs/app/index.html

@@ -21,16 +21,19 @@
 		<script type="importmap">
 			{
 				"imports": {
-					"three": "./js/three.module.js"
+					"three": "./js/three.module.js",
+					"three/addons/": "./js/"
 				}
 			}
 		</script>
 		<script type="module">
 
 			import * as THREE from 'three';
+			/* import addons js */
 			import { APP } from './js/app.js';
 
 			window.THREE = THREE; // Used by APP Scripts.
+			/* init addons js */
 
 			var loader = new THREE.FileLoader();
 			loader.load( 'app.json', function ( text ) {