add global variable platform (oppenfuture#69)

Co-authored-by: liufang <liufang@oppentech.com>

Author: chubei-oppen

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "three",
-  "version": "0.137.5",
+  "name": "@oppentech/three",
+  "version": "0.137.0",
   "description": "JavaScript 3D library",
   "type": "module",
   "main": "./build/three.js",
@@ -16,9 +16,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/mrdoob/three.js"
+    "url": "https://github.com/oppenfuture/three.js"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "src/Three.js"
+  ],
   "files": [
     "build/three.js",
     "build/three.cjs",
@@ -118,7 +120,7 @@
   "author": "mrdoob",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/mrdoob/three.js/issues"
+    "url": "https://github.com/oppenfuture/three.js/issues"
   },
   "homepage": "https://threejs.org/",
   "devDependencies": {

src/Three.js

@@ -1,5 +1,6 @@
 import { REVISION } from './constants.js';
 
+export { platform } from './platform.js';
 export { WebGLMultipleRenderTargets } from './renderers/WebGLMultipleRenderTargets.js';
 export { WebGLMultisampleRenderTarget } from './renderers/WebGLMultisampleRenderTarget.js';
 export { WebGLCubeRenderTarget } from './renderers/WebGLCubeRenderTarget.js';

src/audio/AudioContext.js

@@ -1,12 +1,14 @@
 let _context;
 
+import { platform } from '../platform.js';
+
 const AudioContext = {
 
 	getContext: function () {
 
 		if ( _context === undefined ) {
 
-			_context = new ( window.AudioContext || window.webkitAudioContext )();
+			_context = new platform.AudioContext();
 
 		}
 

src/loaders/FileLoader.js

@@ -1,5 +1,6 @@
 import { Cache } from './Cache.js';
 import { Loader } from './Loader.js';
+import { platform } from '../platform.js';
 
 const loading = {};
 
@@ -63,8 +64,8 @@ class FileLoader extends Loader {
 		} );
 
 		// create request
-		const req = new Request( url, {
-			headers: new Headers( this.requestHeader ),
+		const req = new platform.Request( url, {
+			headers: new platform.Headers( this.requestHeader ),
 			credentials: this.withCredentials ? 'include' : 'same-origin',
 			// An abort controller could be added within a future PR
 		} );
@@ -74,7 +75,7 @@ class FileLoader extends Loader {
 		const responseType = this.responseType;
 
 		// start the fetch
-		fetch( req )
+		platform.fetch( req )
 			.then( response => {
 
 				if ( response.status === 200 || response.status === 0 ) {

src/platform.js

@@ -0,0 +1,37 @@
+const platform = {
+
+	updateplatform( params ) {
+
+		this.AudioContext = params.AudioContext;
+		this.fetch = params.fetch;
+		this.Request = params.Request;
+		this.Headers = params.Headers;
+		this.createElementNS = params.createElementNS;
+		this.animationContext = {
+
+			requestAnimationFrame: params.requestAnimationFrame,
+			cancelAnimationFrame: params.cancelAnimationFrame,
+
+		};
+
+	}
+
+};
+
+if ( typeof window !== 'undefined' && typeof window.window !== 'undefined' ) {
+
+	platform.updateplatform( {
+
+		AudioContext: ( window.AudioContext || window.webkitAudioContext ).bind( window ),
+		fetch: window.fetch.bind( window ),
+		Request: window.Request.bind( window ),
+		Headers: window.Headers.bind( window ),
+		createElementNS: document.createElementNS.bind( document ),
+		requestAnimationFrame: window.requestAnimationFrame.bind( window ),
+		cancelAnimationFrame: window.cancelAnimationFrame.bind( window ),
+
+	} );
+
+}
+
+export { platform };

src/renderers/WebGLRenderer.js

@@ -13,6 +13,7 @@ import {
 	NearestFilter,
 	ClampToEdgeWrapping
 } from '../constants.js';
+import { platform } from '../platform.js';
 import { Frustum } from '../math/Frustum.js';
 import { Matrix4 } from '../math/Matrix4.js';
 import { Vector3 } from '../math/Vector3.js';
@@ -880,7 +881,7 @@ function WebGLRenderer( parameters = {} ) {
 	const animation = new WebGLAnimation();
 	animation.setAnimationLoop( onAnimationFrame );
 
-	if ( typeof window !== 'undefined' ) animation.setContext( window );
+	animation.setContext( platform.animationContext );
 
 	this.setAnimationLoop = function ( callback ) {
 

src/utils.js

@@ -1,3 +1,5 @@
+import { platform } from './platform.js';
+
 function arrayMin( array ) {
 
 	if ( array.length === 0 ) return Infinity;
@@ -64,7 +66,7 @@ function getTypedArray( type, buffer ) {
 
 function createElementNS( name ) {
 
-	return document.createElementNS( 'http://www.w3.org/1999/xhtml', name );
+	return platform.createElementNS( 'http://www.w3.org/1999/xhtml', name );
 
 }