icon in the toolbar
13 | - New dialog will open, showing a dropdown list of all viewables available for the currently loaded model
14 |
15 | ## Setup
16 |
17 | Include the CSS & JS file on your page. This CDN is compatible with the lastest Viewer version (v7).
18 |
19 | ```xml
20 |
21 |
22 | ```
23 |
24 | After Viewer is ready, preferable inside `onDocumentLoadSuccess`, load the extension
25 |
26 | ```javascript
27 | viewer.loadExtension("NestedViewerExtension", { filter: ["2d", "3d"], crossSelection: true })
28 | ```
29 |
30 | ## Configuration
31 |
32 | The extension accepts an optional _options_ object with the following properties:
33 | - `filter` - array of allowed viewable "roles" ("2d", "3d", or both), by default: `["2d", "3d"]`
34 | - `crossSelection` - boolean flag for cross-selecting elements after they're selected in the main or the nested viewer, `false` by default
35 |
36 | ## How it works
37 |
38 | The extension uses another instance of [GuiViewer3D](https://forge.autodesk.com/en/docs/viewer/v7/reference/Viewing/GuiViewer3D/)
39 | and places it in a custom [DockingPanel](https://forge.autodesk.com/en/docs/viewer/v7/reference/UI/DockingPanel/).
40 | Whenever the "main" viewer loads a different model (observed via the `Autodesk.Viewing.MODEL_ROOT_LOADED_EVENT` event),
41 | the extension collects all viewables available in this model (using `doc.getRoot().search({ type: 'geometry' })`),
42 | and makes them available in the docking panel's dropdown.
43 |
--------------------------------------------------------------------------------
/public/extensions/NestedViewerExtension/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "NestedViewerExtension",
3 | "displayname": "Viewer in Viewer",
4 | "description": "Nested viewer where viewables related to the currently loaded model can be viewed.",
5 | "options": {
6 | "filter": ["2d", "3d"],
7 | "crossSelection": true
8 | },
9 | "editoptions":"true",
10 | "viewerversion": "7.*",
11 | "loadonstartup": "false",
12 | "filestoload": {
13 | "cssfiles": ["main.css"],
14 | "jsfiles": ["main.js"]
15 | },
16 | "gif": "extension.gif",
17 | "includeinlist": "true",
18 | "bloglink": "https://github.com/autodesk-forge/forge-extensions/tree/master/public/extensions/NestedViewerExtension/README.md"
19 | }
20 |
--------------------------------------------------------------------------------
/public/extensions/NestedViewerExtension/contents/main.css:
--------------------------------------------------------------------------------
1 | #nestedViewerExtensionButton {
2 | background-image: url(https://img.icons8.com/color/64/000000/picture-in-picture.png);
3 | background-size: 24px;
4 | background-repeat: no-repeat;
5 | background-position: center;
6 | filter: grayscale(100%);
7 | }
8 |
9 | #nestedViewerExtensionButton.active {
10 | filter: none;
11 | }
12 |
13 | #nestedViewerExtensionDropdown {
14 | background: #eee;
15 | color: #333;
16 | }
17 |
--------------------------------------------------------------------------------
/public/extensions/NestedViewerExtension/contents/main.js:
--------------------------------------------------------------------------------
1 | class NestedViewerExtension extends Autodesk.Viewing.Extension {
2 | constructor(viewer, options) {
3 | super(viewer, options);
4 | options = options || {};
5 | this._filter = options.filter || ['2d', '3d'];
6 | this._crossSelection = !!options.crossSelection;
7 | this._group = null;
8 | this._button = null;
9 | this._panel = null;
10 | this._onModelLoaded = this.onModelLoaded.bind(this);
11 | this._onSelectionChanged = this.onSelectionChanged.bind(this);
12 | }
13 |
14 | load() {
15 | this.viewer.addEventListener(Autodesk.Viewing.MODEL_ROOT_LOADED_EVENT, this._onModelLoaded);
16 | if (this._crossSelection) {
17 | this.viewer.addEventListener(Autodesk.Viewing.SELECTION_CHANGED_EVENT, this._onSelectionChanged);
18 | }
19 | console.log('NestedViewerExtension has been loaded.');
20 | return true;
21 | }
22 |
23 | unload() {
24 | this.viewer.removeEventListener(Autodesk.Viewing.MODEL_ROOT_LOADED_EVENT, this._onModelLoaded);
25 | if (this._crossSelection) {
26 | this.viewer.removeEventListener(Autodesk.Viewing.SELECTION_CHANGED_EVENT, this._onSelectionChanged);
27 | }
28 | if (this._panel) {
29 | this._panel.uninitialize();
30 | }
31 | // Clean our UI elements if we added any
32 | if (this._group) {
33 | this._group.removeControl(this._button);
34 | if (this._group.getNumberOfControls() === 0) {
35 | this.viewer.toolbar.removeControl(this._group);
36 | }
37 | }
38 | console.log('NestedViewerExtension has been unloaded.');
39 | return true;
40 | }
41 |
42 | onModelLoaded() {
43 | if (this._panel) {
44 | this._panel.urn = this.viewer.model.getData().urn;
45 | }
46 | }
47 |
48 | onSelectionChanged() {
49 | if (this._panel) {
50 | // Avoid endless loop between main viewer and
51 | // the nested viewer calling each other's select() method
52 | let vs = this.viewer.getSelection();
53 | let ps = this._panel._viewer.getSelection();
54 | if (!this.isSelectionSame(vs, ps)) {
55 | this._panel.select(vs);
56 | }
57 | }
58 | }
59 |
60 | isSelectionSame(sel1, sel2) {
61 | if (sel1.length !== sel2.length)
62 | return false;
63 |
64 | for (let i = 0; i < sel1.length; i++) {
65 | if (sel1[i] !== sel2[i])
66 | return false;
67 | }
68 |
69 | return true;
70 | }
71 |
72 | onToolbarCreated() {
73 | this._group = this.viewer.toolbar.getControl('nestedViewerExtensionToolbar');
74 | if (!this._group) {
75 | this._group = new Autodesk.Viewing.UI.ControlGroup('nestedViewerExtensionToolbar');
76 | this.viewer.toolbar.addControl(this._group);
77 | }
78 | this._button = new Autodesk.Viewing.UI.Button('nestedViewerExtensionButton');
79 | this._button.onClick = (ev) => {
80 | if (!this._panel) {
81 | this._panel = new NestedViewerPanel(this.viewer, this._filter, this._crossSelection);
82 | this._panel.urn = this.viewer.model.getData().urn;
83 | }
84 | if (this._panel.isVisible()) {
85 | this._panel.setVisible(false);
86 | this._button.removeClass('active');
87 | } else {
88 | this._panel.setVisible(true);
89 | this._button.addClass('active');
90 | }
91 | };
92 | this._button.setToolTip('Nested Viewer');
93 | this._button.addClass('nestedViewerExtensionIcon');
94 | this._group.addControl(this._button);
95 | }
96 | }
97 |
98 | class NestedViewerPanel extends Autodesk.Viewing.UI.DockingPanel {
99 | constructor(viewer, filter, crossSelection) {
100 | super(viewer.container, 'nested-viewer-panel', 'Nested Viewer');
101 | this._urn = '';
102 | this._parentViewer = viewer;
103 | this._filter = filter;
104 | this._crossSelection = crossSelection;
105 | }
106 |
107 | get urn() {
108 | return this._urn;
109 | }
110 |
111 | set urn(value) {
112 | if (this._urn !== value) {
113 | this._urn = value;
114 | this._updateDropdown();
115 | }
116 | }
117 |
118 | initialize() {
119 | this.container.style.top = '5em';
120 | this.container.style.right = '5em';
121 | this.container.style.width = '500px';
122 | this.container.style.height = '400px';
123 |
124 | this.title = this.createTitleBar(this.titleLabel || this.container.id);
125 | this.container.appendChild(this.title);
126 |
127 | this._container = document.createElement('div');
128 | this._container.style.position = 'absolute';
129 | this._container.style.left = '0';
130 | this._container.style.top = '50px';
131 | this._container.style.width = '100%';
132 | this._container.style.height = '330px'; // 400px - 50px (title bar) - 20px (footer)
133 | this.container.appendChild(this._container);
134 |
135 | this._overlay = document.createElement('div');
136 | this._overlay.style.width = '100%';
137 | this._overlay.style.height = '100%';
138 | this._overlay.style.display = 'none';
139 | this._overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
140 | this._overlay.style.color = 'white';
141 | this._overlay.style.zIndex = '101';
142 | this._overlay.style.justifyContent = 'center';
143 | this._overlay.style.alignItems = 'center';
144 | this._container.appendChild(this._overlay);
145 |
146 | this._dropdown = document.createElement('select');
147 | this._dropdown.style.position = 'absolute';
148 | this._dropdown.style.left = '1em';
149 | this._dropdown.style.top = '1em';
150 | this._dropdown.style.setProperty('z-index', '100');
151 | this._dropdown.setAttribute('id', 'nestedViewerExtensionDropdown');
152 | this._dropdown.addEventListener('change', this._onDropdownChanged.bind(this))
153 | this._dropdown.addEventListener('mousedown', function (ev) { ev.stopPropagation(); }); // prevent DockingPanel from kidnapping clicks on the dropdown
154 | this._container.appendChild(this._dropdown);
155 |
156 | this.initializeMoveHandlers(this.container);
157 | this._footer = this.createFooter();
158 | this.footerInstance.resizeCallback = (width, height) => {
159 | this._container.style.height = `${height - 50 /* title bar */ - 20 /* footer */}px`;
160 | if (this._viewer) {
161 | this._viewer.resize();
162 | }
163 | };
164 | this.container.appendChild(this._footer);
165 | }
166 |
167 | setVisible(show) {
168 | super.setVisible(show);
169 | if (show && !this._viewer) {
170 | this._viewer = new Autodesk.Viewing.GuiViewer3D(this._container);
171 | this._viewer.start();
172 | this._onDropdownChanged();
173 | if (this._crossSelection) {
174 | this._viewer.addEventListener(Autodesk.Viewing.SELECTION_CHANGED_EVENT, () => {
175 | this._parentViewer.select(this._viewer.getSelection());
176 | });
177 | }
178 | }
179 | }
180 |
181 | select(dbids) {
182 | if (this._viewer) {
183 | this._viewer.select(dbids);
184 | }
185 | }
186 |
187 | _updateDropdown() {
188 | const onDocumentLoadSuccess = (doc) => {
189 | this._manifest = doc;
190 | const filterGeom = (geom) => this._filter.indexOf(geom.data.role) !== -1;
191 | const geometries = doc.getRoot().search({ type: 'geometry' }).filter(filterGeom);
192 | if (geometries.length > 0) {
193 | this._overlay.style.display = 'none';
194 | this._dropdown.innerHTML = geometries.map(function (geom) {
195 | return ``;
196 | }).join('\n');
197 | } else {
198 | this._overlay.style.display = 'flex';
199 | this._overlay.innerText = 'No viewables found';
200 | this._dropdown.innerHTML = '';
201 | }
202 | this._onDropdownChanged();
203 | };
204 | const onDocumentLoadFailure = () => {
205 | console.error('Could not load document.');
206 | };
207 | this._dropdown.innerHTML = '';
208 | Autodesk.Viewing.Document.load('urn:' + this._urn, onDocumentLoadSuccess, onDocumentLoadFailure);
209 | }
210 |
211 | _onDropdownChanged() {
212 | const guid = this._dropdown.value;
213 | if (guid) {
214 | this._viewer.loadDocumentNode(this._manifest, this._manifest.getRoot().findByGuid(guid));
215 | }
216 | }
217 | }
218 |
219 | Autodesk.Viewing.theExtensionManager.registerExtension('NestedViewerExtension', NestedViewerExtension);
220 |
--------------------------------------------------------------------------------
/public/extensions/NestedViewerExtension/extension.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Autodesk-Forge/forge-extensions/abaae38c6db4e450f0b3951b9ec1dd15bab3a1c8/public/extensions/NestedViewerExtension/extension.gif
--------------------------------------------------------------------------------
/public/extensions/PotreeExtension/README.md:
--------------------------------------------------------------------------------
1 | # PotreeExtension
2 |
3 | [Demo](https://forge-extensions.autodesk.io/?extension=PotreeExtension)
4 |
5 | 
6 |
7 | Forge Viewer extension for loading and rendering Potree models.
8 |
9 | The extension uses [potree-core](https://github.com/tentone/potree-core) library that has been back-ported to three.js version 71 (the one used by the Forge Viewer). The experimental back-ported version of the library can be found in https://github.com/petrbroz/potree-core/tree/experiment/three71.
10 |
11 | Apart from the library itself (available as either _potree.js_, _potree.min.js_, or _potree.module.js_), this folder also includes various decoders in the _workers_ subfolder, and a sample dataset from https://github.com/tentone/potree-core.
12 |
13 | ## Usage
14 |
15 | - copy this _contents_ folder to your Forge application (the _data_ subfolder is not necessary)
16 | - include the Potree library and this extension in your HTML, after the Forge Viewer script:
17 |
18 | ```html
19 |
20 |
21 |
22 | ```
23 |
24 | - include `PotreeExtension` when initializing the viewer, for example:
25 |
26 | ```js
27 | Autodesk.Viewing.Initializer(options, () => {
28 | const config = {
29 | extensions: ['PotreeExtension']
30 | };
31 | viewer = new Autodesk.Viewing.GuiViewer3D(container, config);
32 | });
33 | ```
34 |
35 | - in your JavaScript code, use the extension's `loadPointCloud` method, for example:
36 |
37 | ```js
38 | const potreeExtension = viewer.getExtension('PotreeExtension');
39 | let position = new THREE.Vector3(0, 0, -25);
40 | let scale = new THREE.Vector3(5, 5, 5);
41 | const pointcloud = await potreeExtension.loadPointCloud('my-pointcloud', url, position, scale);
42 | const bbox = pointcloud.boundingBox.clone().expandByVector(scale);
43 | viewer.navigation.fitBounds(false, bbox);
44 | ```
45 |
--------------------------------------------------------------------------------
/public/extensions/PotreeExtension/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "PotreeExtension",
3 | "displayname": "Potree Point Clouds",
4 | "description": "Forge Viewer extension for loading and rendering Potree point clouds.",
5 | "options": {
6 | "url": "/extensions/PotreeExtension/contents/data/lion_takanawa/cloud.js",
7 | "position": [0.0, 0.0, 0.0],
8 | "scale": [5.0, 5.0, 5.0]
9 | },
10 | "editoptions": "true",
11 | "viewerversion": "7.*",
12 | "loadonstartup": "false",
13 | "filestoload": {
14 | "cssfiles": [],
15 | "jsfiles": [
16 | "potree.js",
17 | "PotreeExtension.js"
18 | ]
19 | },
20 | "gif": "extension.gif",
21 | "includeinlist": "true",
22 | "bloglink": ""
23 | }
--------------------------------------------------------------------------------
/public/extensions/PotreeExtension/contents/PotreeExtension.js:
--------------------------------------------------------------------------------
1 | class PotreeExtension extends Autodesk.Viewing.Extension {
2 | constructor(viewer, options) {
3 | super(viewer, options);
4 | this._group = null;
5 | this._pointclouds = new Map();
6 | this._timer = null;
7 | if (options && options.url) {
8 | this._initConfig = {
9 | url: options.url,
10 | position: null,
11 | scale: null
12 | };
13 | if (options.position && Array.isArray(options.position)) {
14 | this._initConfig.position = new THREE.Vector3(options.position[0], options.position[1], options.position[2]);
15 | }
16 | if (options.scale && Array.isArray(options.scale)) {
17 | this._initConfig.scale = new THREE.Vector3(options.scale[0], options.scale[1], options.scale[2]);
18 | }
19 | }
20 | }
21 |
22 | load() {
23 | // Setup the overlay scene
24 | this._group = new THREE.Group();
25 | if (!this.viewer.overlays.hasScene('potree-scene')) {
26 | this.viewer.overlays.addScene('potree-scene');
27 | }
28 | this.viewer.overlays.addMesh(this._group, 'potree-scene');
29 |
30 | // Update point clouds on every camera change...
31 | this.viewer.addEventListener(Autodesk.Viewing.CAMERA_CHANGE_EVENT, this.updatePointClouds.bind(this));
32 | // ... and also in hard-coded intervals
33 | this._timer = setInterval(this.updatePointClouds.bind(this), 500);
34 |
35 | console.log('PotreeExtension loaded.');
36 |
37 | if (this._initConfig) {
38 | this.loadPointCloud('my-pointcloud', this._initConfig.url, this._initConfig.position, this._initConfig.scale);
39 | }
40 |
41 | return true;
42 | }
43 |
44 | unload() {
45 | this.viewer.overlays.removeScene('potree-scene');
46 | console.log('PotreeExtension unloaded.');
47 | return true;
48 | }
49 |
50 | /**
51 | * Adds potree model into the scene and starts streaming its data.
52 | * @param {string} name Unique name of the model.
53 | * @param {string} url URL of the potree model main file (typically "cloud.js").
54 | * @param {THREE.Vector3} [position] Optional position to apply to the newly loaded pointcloud.
55 | * @param {THREE.Vector3} [scale] Optional scale to apply to the newly loaded pointcloud.
56 | * @returns {Promise
58 |
100 |
103 |
104 |
59 |
99 |
60 |
73 |
61 |
72 |
62 | Sample Models
63 |
64 |
65 |
68 |
69 | tree here
70 |
71 |
74 |
77 | Select a model to load viewer and extensions
75 |
76 |
78 |
79 |
98 |
80 |
96 |
97 | Extensions
81 | 82 | 86 | 87 |
88 |
95 |
89 |
90 |
91 |
92 |
93 |
94 |
105 |
128 |
129 |
130 |
106 |
126 |
127 |
131 |
150 |
151 |
152 |
153 |
154 |
--------------------------------------------------------------------------------
/public/js/ForgeTree.js:
--------------------------------------------------------------------------------
1 | /////////////////////////////////////////////////////////////////////
2 | // Copyright (c) Autodesk, Inc. All rights reserved
3 | // Written by Forge Partner Development
4 | //
5 | // Permission to use, copy, modify, and distribute this software in
6 | // object code form for any purpose and without fee is hereby granted,
7 | // provided that the above copyright notice appears in all copies and
8 | // that both that copyright notice and the limited warranty and
9 | // restricted rights notice below appear in all supporting
10 | // documentation.
11 | //
12 | // AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
13 | // AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
14 | // MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE. AUTODESK, INC.
15 | // DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
16 | // UNINTERRUPTED OR ERROR FREE.
17 | /////////////////////////////////////////////////////////////////////
18 |
19 | $(document).ready(function () {
20 | prepareAppBucketTree();
21 | $('#refreshBuckets').click(function () {
22 | $('#appBuckets').jstree(true).refresh();
23 | });
24 |
25 | $('#createNewBucket').click(function () {
26 | createNewBucket();
27 | });
28 |
29 | $('#createBucketModal').on('shown.bs.modal', function () {
30 | $("#newBucketKey").focus();
31 | })
32 |
33 | $('#hiddenUploadField').change(function () {
34 | var node = $('#appBuckets').jstree(true).get_selected(true)[0];
35 | var _this = this;
36 | if (_this.files.length == 0) return;
37 | var file = _this.files[0];
38 | switch (node.type) {
39 | case 'bucket':
40 | var formData = new FormData();
41 | formData.append('fileToUpload', file);
42 | formData.append('bucketKey', node.id);
43 |
44 | $.ajax({
45 | url: '/api/forge/oss/upload',
46 | data: formData,
47 | processData: false,
48 | contentType: false,
49 | type: 'POST',
50 | success: function (data) {
51 | $('#appBuckets').jstree(true).refresh_node(node);
52 | _this.value = '';
53 | }
54 | });
55 | break;
56 | }
57 | });
58 | });
59 |
60 | function createNewBucket() {
61 | var bucketKey = $('#newBucketKey').val();
62 | var policyKey = $('#newBucketPolicyKey').val();
63 | jQuery.post({
64 | url: '/api/forge/oss/buckets',
65 | contentType: 'application/json',
66 | data: JSON.stringify({ 'bucketKey': bucketKey, 'policyKey': policyKey }),
67 | success: function (res) {
68 | $('#appBuckets').jstree(true).refresh();
69 | $('#createBucketModal').modal('toggle');
70 | },
71 | error: function (err) {
72 | if (err.status == 409)
73 | alert('Bucket already exists - 409: Duplicated')
74 | console.log(err);
75 | }
76 | });
77 | }
78 | var extensionloaded = false;
79 | function prepareAppBucketTree() {
80 | $('#appBuckets').jstree({
81 | 'core': {
82 | 'themes': { "icons": true },
83 | 'data': {
84 | "url": '/api/forge/oss/buckets',
85 | "dataType": "json",
86 | 'multiple': false,
87 | "data": function (node) {
88 | return { "id": node.id };
89 | }
90 | }
91 | },
92 | 'types': {
93 | 'default': {
94 | 'icon': 'glyphicon glyphicon-question-sign'
95 | },
96 | '#': {
97 | 'icon': 'glyphicon glyphicon-cloud'
98 | },
99 | 'bucket': {
100 | 'icon': 'glyphicon glyphicon-folder-open'
101 | },
102 | 'object': {
103 | 'icon': 'glyphicon glyphicon-file'
104 | }
105 | },
106 | "plugins": ["types", "state", "sort", "contextmenu"],
107 | contextmenu: { items: autodeskCustomMenu }
108 | }).on('loaded.jstree', function () {
109 | $('#appBuckets').jstree('open_all');
110 | }).bind("activate_node.jstree", function (evt, data) {
111 | if (data != null && data.node != null && data.node.type == 'object') {
112 | $("#forgeViewer").empty();
113 | var urn = data.node.id;
114 | var filename = data.node.text
115 | document.getElementsByClassName('tobegin')[0].style.display = 'none';
116 | getForgeToken(function (access_token) {
117 | jQuery.ajax({
118 | url: 'https://developer.api.autodesk.com/modelderivative/v2/designdata/' + urn + '/manifest',
119 | headers: { 'Authorization': 'Bearer ' + access_token },
120 | success: function (res) {
121 | if (res.progress === 'success' || res.progress === 'complete') launchViewer(urn,filename);
122 | else $("#forgeViewer").html('The translation job still running: ' + res.progress + '. Please try again in a moment.');
123 | },
124 | error: function (err) {
125 | var msgButton = 'This file is not translated yet! ' +
126 | ''
128 | $("#forgeViewer").html(msgButton);
129 | }
130 | });
131 | })
132 | }
133 | }).on('ready.jstree', function () {
134 | if (!extensionloaded) {
135 | const queryString = window.location.search;
136 | const urlParams = new URLSearchParams(queryString);
137 | let extension = urlParams.get('extension');
138 | if (extension) {
139 | document.getElementById('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6c2FtcGxlbW9kZWxzL09mZmljZS5ydnQ=_anchor').click();
140 | window.extension = extension;
141 | }
142 | extensionloaded = true;
143 | }
144 | });
145 | }
146 |
147 | function autodeskCustomMenu(autodeskNode) {
148 | var items;
149 |
150 | switch (autodeskNode.type) {
151 | case "bucket":
152 | if(autodeskNode.id === "samplemodels"){
153 | alert('upload in the below transient bucket');
154 | break;
155 | }
156 | items = {
157 | uploadFile: {
158 | label: "Upload file",
159 | action: function () {
160 | uploadFile();
161 | },
162 | icon: 'glyphicon glyphicon-cloud-upload'
163 | }
164 | };
165 | break;
166 | case "object":
167 | items = {
168 | translateFile: {
169 | label: "Translate",
170 | action: function () {
171 | var treeNode = $('#appBuckets').jstree(true).get_selected(true)[0];
172 | translateObject(treeNode);
173 | },
174 | icon: 'glyphicon glyphicon-eye-open'
175 | }
176 | };
177 | break;
178 | }
179 |
180 | return items;
181 | }
182 |
183 | function uploadFile() {
184 | $('#hiddenUploadField').click();
185 | }
186 |
187 | function translateObject(node) {
188 | $("#forgeViewer").empty();
189 | if (node == null) node = $('#appBuckets').jstree(true).get_selected(true)[0];
190 | var bucketKey = node.parents[0];
191 | var objectKey = node.id;
192 | jQuery.post({
193 | url: '/api/forge/modelderivative/jobs',
194 | contentType: 'application/json',
195 | data: JSON.stringify({ 'bucketKey': bucketKey, 'objectName': objectKey }),
196 | success: function (res) {
197 | $("#forgeViewer").html('Translation started! Please try again in a moment.');
198 | },
199 | });
200 | }
--------------------------------------------------------------------------------
/public/js/ForgeViewer.js:
--------------------------------------------------------------------------------
1 | /////////////////////////////////////////////////////////////////////
2 | // Copyright (c) Autodesk, Inc. All rights reserved
3 | // Written by Forge Partner Development
4 | //
5 | // Permission to use, copy, modify, and distribute this software in
6 | // object code form for any purpose and without fee is hereby granted,
7 | // provided that the above copyright notice appears in all copies and
8 | // that both that copyright notice and the limited warranty and
9 | // restricted rights notice below appear in all supporting
10 | // documentation.
11 | //
12 | // AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
13 | // AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
14 | // MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE. AUTODESK, INC.
15 | // DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
16 | // UNINTERRUPTED OR ERROR FREE.
17 | /////////////////////////////////////////////////////////////////////
18 |
19 | var viewer;
20 | var fileName;
21 |
22 | function launchViewer(urn, name) {
23 | var options = {
24 | env: 'AutodeskProduction',
25 | getAccessToken: getForgeToken
26 | };
27 |
28 | fileName = name;
29 |
30 | Autodesk.Viewing.Initializer(options, () => {
31 | viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));
32 | viewer.start();
33 | var documentId = 'urn:' + urn;
34 | Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
35 | });
36 | }
37 |
38 | function onDocumentLoadSuccess(doc) {
39 | var viewables = doc.getRoot().getDefaultGeometry();
40 | viewer.loadDocumentNode(doc, viewables).then(i => {
41 | // documented loaded, any action?
42 | var ViewerInstance = new CustomEvent("viewerinstance", {detail: {viewer: viewer}});
43 | document.dispatchEvent(ViewerInstance);
44 | // var LoadExtensionEvent = new CustomEvent("loadextension", {
45 | // detail: {
46 | // extension: "Extension1",
47 | // viewer: viewer
48 | // }
49 | // });
50 | // document.dispatchEvent(LoadExtensionEvent);
51 | });
52 | }
53 |
54 | function onDocumentLoadFailure(viewerErrorCode) {
55 | console.error('onDocumentLoadFailure() - errorCode:' + viewerErrorCode);
56 | }
57 |
58 | function getForgeToken(callback) {
59 | fetch('/api/forge/oauth/token').then(res => {
60 | res.json().then(data => {
61 | callback(data.access_token, data.expires_in);
62 | });
63 | });
64 | }
--------------------------------------------------------------------------------
/routes/common/oauth.js:
--------------------------------------------------------------------------------
1 | /////////////////////////////////////////////////////////////////////
2 | // Copyright (c) Autodesk, Inc. All rights reserved
3 | // Written by Forge Partner Development
4 | //
5 | // Permission to use, copy, modify, and distribute this software in
6 | // object code form for any purpose and without fee is hereby granted,
7 | // provided that the above copyright notice appears in all copies and
8 | // that both that copyright notice and the limited warranty and
9 | // restricted rights notice below appear in all supporting
10 | // documentation.
11 | //
12 | // AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
13 | // AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
14 | // MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE. AUTODESK, INC.
15 | // DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
16 | // UNINTERRUPTED OR ERROR FREE.
17 | /////////////////////////////////////////////////////////////////////
18 |
19 | const { AuthClientTwoLegged } = require('forge-apis');
20 |
21 | const config = require('../../config');
22 |
23 | /**
24 | * Initializes a Forge client for 2-legged authentication.
25 | * @param {string[]} scopes List of resource access scopes.
26 | * @returns {AuthClientTwoLegged} 2-legged authentication client.
27 | */
28 | function getClient(scopes) {
29 | const { client_id, client_secret } = config.credentials;
30 | return new AuthClientTwoLegged(client_id, client_secret, scopes || config.scopes.internal);
31 | }
32 |
33 | let cache = {};
34 | async function getToken(scopes) {
35 | const key = scopes.join('+');
36 | if (cache[key]) {
37 | return cache[key];
38 | }
39 | const client = getClient(scopes);
40 | let credentials = await client.authenticate();
41 | cache[key] = credentials;
42 | setTimeout(() => { delete cache[key]; }, credentials.expires_in * 1000);
43 | return credentials;
44 | }
45 |
46 | /**
47 | * Retrieves a 2-legged authentication token for preconfigured public scopes.
48 | * @returns Token object: { "access_token": "...", "expires_at": "...", "expires_in": "...", "token_type": "..." }.
49 | */
50 | async function getPublicToken() {
51 | return getToken(config.scopes.public);
52 | }
53 |
54 | /**
55 | * Retrieves a 2-legged authentication token for preconfigured internal scopes.
56 | * @returns Token object: { "access_token": "...", "expires_at": "...", "expires_in": "...", "token_type": "..." }.
57 | */
58 | async function getInternalToken() {
59 | return getToken(config.scopes.internal);
60 | }
61 |
62 | module.exports = {
63 | getClient,
64 | getPublicToken,
65 | getInternalToken
66 | };
67 |
--------------------------------------------------------------------------------
/routes/modelderivative.js:
--------------------------------------------------------------------------------
1 | /////////////////////////////////////////////////////////////////////
2 | // Copyright (c) Autodesk, Inc. All rights reserved
3 | // Written by Forge Partner Development
4 | //
5 | // Permission to use, copy, modify, and distribute this software in
6 | // object code form for any purpose and without fee is hereby granted,
7 | // provided that the above copyright notice appears in all copies and
8 | // that both that copyright notice and the limited warranty and
9 | // restricted rights notice below appear in all supporting
10 | // documentation.
11 | //
12 | // AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
13 | // AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
14 | // MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE. AUTODESK, INC.
15 | // DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
16 | // UNINTERRUPTED OR ERROR FREE.
17 | /////////////////////////////////////////////////////////////////////
18 |
19 | const express = require('express');
20 | const {
21 | DerivativesApi,
22 | JobPayload,
23 | JobPayloadInput,
24 | JobPayloadOutput,
25 | JobSvfOutputPayload
26 | } = require('forge-apis');
27 |
28 | const { getClient, getInternalToken } = require('./common/oauth');
29 |
30 | let router = express.Router();
31 |
32 | // Middleware for obtaining a token for each request.
33 | router.use(async (req, res, next) => {
34 | const token = await getInternalToken();
35 | req.oauth_token = token;
36 | req.oauth_client = getClient();
37 | next();
38 | });
39 |
40 | // POST /api/forge/modelderivative/jobs - submits a new translation job for given object URN.
41 | // Request body must be a valid JSON in the form of { "objectName": "
132 |
148 |
149 |