Replace deprecated geofox.ai with NASA-AMMOS 3DTilesRendererJS (#565)

* Replace deprecated geofox.ai with NASA-AMMOS 3DTilesRendererJS

* Add ThreePipe viewer for 3d static meshes

via url threepipe.org/examples/tweakpane-editor?model=URL

---------

Co-authored-by: Matthias Mohr <matthias@mohr.ws>

Author: jo-chemla

assetActions.config.js

@@ -2,8 +2,10 @@
 import Cesium from './src/actions/assets/Cesium.js';
 import CopcViewer from './src/actions/assets/CopcViewer.js';
 import F3D from './src/actions/assets/F3D.js';
+import ThreePipe from './src/actions/assets/ThreePipe.js';
 import GeoJsonIo from './src/actions/assets/GeoJsonIo.js';
-// import Geofox from './src/actions/assets/Geofox.js';
+// import NASA_AMMOS_3DTiles from './src/actions/assets/NASA_AMMOS_3DTiles.js';
+// import Geoparquet from './src/actions/assets/Geoparquet.js';
 // import Potree from './src/actions/assets/Potree.js';
 import Protomaps from './src/actions/assets/Protomaps.js';
 
@@ -12,6 +14,7 @@ export default {
   Cesium,
   CopcViewer,
   F3D,
+  ThreePipe,
   GeoJsonIo,
   // Potree,
   Protomaps,

linkActions.config.js

@@ -1,5 +1,5 @@
 // import Felt from './src/actions/links/Felt.js';
-// import Geofox from './src/actions/links/Geofox.js';
+// import NASA_AMMOS_3DTiles from './src/actions/links/NASA_AMMOS_3DTiles.js';
 import Cesium from './src/actions/links/Cesium.js';
 import Protomaps from './src/actions/links/Protomaps.js';
 

src/actions/assets/Geofox.js renamed to src/actions/assets/NASA_AMMOS_3DTiles.js

@@ -9,20 +9,20 @@ const OGC3DTILES_SUPPORTED_TYPES = [
   'application/3dtiles+json',
 ];
 
-export default class Geofox extends AssetActionPlugin {
+export default class NASA_AMMOS_3DTiles extends AssetActionPlugin {
 
   get show() {
     return this.component.isBrowserProtocol && OGC3DTILES_SUPPORTED_TYPES.includes(this.asset.type);
   }
 
   get uri() {
-    let uri = new URI("https://viewer.geofox.ai/");
-    uri.addQuery('tileset', this.component.href);
+    let uri = new URI("https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/index.html");
+    uri.hash(this.link.href);
     return uri;
   }
 
   get text() {
-    return i18n.t('actions.openIn', {service: 'Geofox.ai'});
+    return i18n.t('actions.openIn', {service: 'NASA-AMMOS 3DTilesRendererJS'});
   }
 
 }

src/actions/assets/ThreePipe.js

@@ -0,0 +1,34 @@
+import AssetActionPlugin from "../AssetActionPlugin";
+import URI from 'urijs';
+import i18n from "../../i18n";
+
+// obj & ply files are usually with mime-type text/plain 
+const THREEPIPE_SUPPORTED_TYPES = [
+  'model/gltf-binary', 
+  'model/gltf+json',
+  'application/fbx',
+];
+// below is usually text/plain
+const THREEPIPE_SUPPORTED_FILEEXTS = ['obj', 'ply', 'fbx', 'glb', 'gltf', 'stl', 'usdz'];
+export default class ThreePipe extends AssetActionPlugin {
+
+  get show() {
+    const suffix = URI(this.asset.href).suffix();
+    return this.component.isBrowserProtocol && (
+      THREEPIPE_SUPPORTED_TYPES.includes(this.asset.type)
+      || THREEPIPE_SUPPORTED_FILEEXTS.some(ext => (suffix === ext))
+    );
+  }
+
+  get uri() {
+    let uri = new URI("https://threepipe.org/examples/tweakpane-editor");
+    uri.addQuery("model", this.component.href); 
+    return uri;
+  }
+
+
+  get text() {
+    return i18n.t('actions.openIn', {service: 'ThreePipe'});
+  }
+
+}

src/actions/links/Geofox.js

@@ -0,0 +1,21 @@
+import LinkActionPlugin from "../LinkActionPlugin";
+import URI from 'urijs';
+import i18n from "../../i18n";
+
+export default class NASA_AMMOS_3DTiles extends LinkActionPlugin {
+
+  get show() {
+    return this.link.rel === '3d-tiles';
+  }
+
+  get uri() {
+    let uri = new URI("https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/index.html");
+    uri.hash(this.link.href);
+    return uri;
+  }
+
+  get text() {
+    return i18n.t('actions.openIn', {service: 'NASA-AMMOS 3DTilesRendererJS'});
+  }
+
+}