Support ifc format

lib/AppInfo/Application.php

@@ -60,6 +60,7 @@ public function register() {
 		$mimeTypeDetector->registerType('stl', 'application/sla', null);
 		// There is no standard type for gcode, therefore we use cura's mimetype for gcode
 		$mimeTypeDetector->registerType('gcode', 'text/x-gcode', null);
+		$mimeTypeDetector->registerType('ifc', 'application/x-step', null);
 
 		// Watch Viewer load event
 		$eventDispatcher->addServiceListener(LoadViewer::class, LoadFiles3dScript::class);

lib/Listener/CSPListener.php

@@ -39,6 +39,7 @@ public function handle(Event $event): void {
 
 		$csp = new ContentSecurityPolicy();
 		$csp->addAllowedConnectDomain('data:');
+		$csp->allowEvalScript(true); // required for IFC
 
 		$event->addPolicy($csp);
 	}

lib/Migration/AddMimetypeToFilecache.php

@@ -29,6 +29,7 @@ public function run(IOutput $output) {
 			'stl' => 'application/sla',
 			'ply' => 'model/vnd.ply',
 			'gcode' => 'text/x-gcode',
+			'ifc' => 'application/x-step',
 		];
 		foreach($mimes as $ext => $mime) {
 			$mimetypeId = $this->mimeTypeLoader->getId($mime);

package.json

@@ -29,7 +29,7 @@
   "homepage": "https://github.com/v1r0x/files_3d#readme",
   "dependencies": {
     "lil-gui": "^0.16.0",
-    "three": "^0.138",
+    "three": "^0.139.2",
     "vue": "^2.6.14"
   },
   "devDependencies": {

src/components/Files3d.vue

@@ -52,7 +52,8 @@ import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader.js'
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js'
 import { PLYLoader } from 'three/examples/jsm/loaders/PLYLoader.js'
 import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js'
-import { VertexNormalsHelper } from 'three/examples/jsm/helpers/VertexNormalsHelper.js';
+import { IFCLoader } from 'three/examples/jsm/loaders/IFCLoader.js'
+import { VertexNormalsHelper } from 'three/examples/jsm/helpers/VertexNormalsHelper.js'
 import { GUI } from 'lil-gui'
 
 export default {
@@ -230,6 +231,9 @@ export default {
 			case 'text/x-gcode':
 				this.showGcode(this.davPath)
 				break
+			case 'application/x-step':
+				this.showIfc(this.davPath)
+				break
 			}
 		},
 		showCollada(path) {
@@ -357,6 +361,17 @@ export default {
 			event => { // onError
 			})
 		},
+		showIfc(path) {
+			const loader = new IFCLoader()
+			loader.load(path, data => {
+				const gltf = data
+				const object = gltf.scene
+				this.addModelToScene(object, gltf.animations)
+			}, event => { // onProgress
+			}, error => { // onError
+				console.error(error)
+			})
+		},
 		addModelToScene(model, animations) {
 			// Play first animation if available
 			const anim = animations || model.animations

src/main.js

@@ -48,6 +48,7 @@ if (OCA.Viewer) {
 			// PLY has no mime
 			'model/vnd.ply',
 			'text/x-gcode',
+			'application/x-step',
 		],
 
 		// your vue component view