npm - @vertexvis/viewer - Versions diffs - 0.17.5-testing.4 → 0.17.5 - Mend

@vertexvis/viewer 0.17.5-testing.4 → 0.17.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/collection/testing/viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/testing/viewer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EACN,QAAQ,IAAI,cAAc,EAC1B,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,MAAM,CAAC,MAAM,IAAI,GAAG,~~8BAA8B~~,CAAC;~~AAEnD~~,MAAM,CAAC,MAAM,IAAI,GAAG,~~8BAA8B~~,CAAC;~~AAEnD~~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","sourcesContent":["import { vertexvis } from '@vertexvis/frame-streaming-protos';\nimport {\n encode,\n Fixtures as StreamFixtures,\n WebSocketClientMock,\n} from '@vertexvis/stream-api';\nimport { Async } from '@vertexvis/utils';\n\nimport { ViewerStream } from '../lib/stream/stream';\nimport * as Fixtures from './fixtures';\nimport { random } from './random';\n\ninterface ViewerStreamOperationCtx {\n stream: ViewerStream;\n ws: WebSocketClientMock;\n viewer: HTMLVertexViewerElement;\n}\n\ninterface LoadViewerStreamKeyOptions {\n token?: string;\n beforeConnected?: VoidFunction;\n}\n\nexport const key1 = 'urn:~~vertexvis~~:stream-key:123';\n\nexport const key2 = 'urn:~~vertexvis~~:stream-key:234';\n\nexport function makeViewerStream(): {\n stream: ViewerStream;\n ws: WebSocketClientMock;\n} {\n const ws = new WebSocketClientMock();\n const stream = new ViewerStream(ws);\n return { stream, ws };\n}\n\nexport async function loadViewerStreamKey(\n urn: string,\n { viewer, stream, ws }: ViewerStreamOperationCtx,\n {\n token = random.string({ alpha: true }),\n beforeConnected,\n }: LoadViewerStreamKeyOptions = {}\n): Promise<void> {\n jest.spyOn(stream, 'startStream').mockResolvedValue(\n StreamFixtures.Responses.startStream({\n result: {\n token: {\n token: token,\n expiresIn: new Date().getTime() + 10000,\n },\n },\n }).response\n );\n jest\n .spyOn(stream, 'syncTime')\n .mockResolvedValue(StreamFixtures.Responses.syncTime().response);\n\n const connecting = stream.stateChanged.onceWhen(\n (s) => s.type === 'connecting'\n );\n const loaded = viewer.load(urn);\n\n // Emit frame drawn on next event loop\n await connecting;\n await Async.delay(10);\n beforeConnected?.();\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: Fixtures.drawFramePayloadPerspective,\n })\n )\n );\n await loaded;\n}\n\ninterface GracefulReconnectOptions<T = void> {\n beforeReconnect?: () => Promise<T>;\n}\n\nexport async function gracefulReconnect<T = void>(\n { viewer, stream, ws }: ViewerStreamOperationCtx,\n { beforeReconnect }: GracefulReconnectOptions<T> = {}\n): Promise<T \| undefined> {\n jest\n .spyOn(stream, 'reconnect')\n .mockResolvedValue(StreamFixtures.Responses.reconnect().response);\n jest\n .spyOn(stream, 'syncTime')\n .mockResolvedValue(StreamFixtures.Responses.syncTime().response);\n\n const connecting = stream.stateChanged.onceWhen(\n (s) => s.type === 'reconnecting'\n );\n\n ws.receiveMessage(encode(StreamFixtures.Requests.gracefulReconnect()));\n const result = await beforeReconnect?.();\n\n await connecting;\n await Async.delay(10);\n\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: Fixtures.drawFramePayloadPerspective,\n })\n )\n );\n\n return result;\n}\n\nexport function receiveFrame(\n ws: WebSocketClientMock,\n transformPayload?: (\n payload: vertexvis.protobuf.stream.IDrawFramePayload\n ) => vertexvis.protobuf.stream.IDrawFramePayload\n): void {\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: transformPayload?.(Fixtures.drawFramePayloadPerspective),\n })\n )\n );\n}\n"]}
1	+ {"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/testing/viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import { vertexvis } from '@vertexvis/frame-streaming-protos';\nimport {\n encode,\n Fixtures as StreamFixtures,\n WebSocketClientMock,\n} from '@vertexvis/stream-api';\nimport { Async } from '@vertexvis/utils';\n\nimport { ViewerStream } from '../lib/stream/stream';\nimport * as Fixtures from './fixtures';\nimport { random } from './random';\n\ninterface ViewerStreamOperationCtx {\n stream: ViewerStream;\n ws: WebSocketClientMock;\n viewer: HTMLVertexViewerElement;\n}\n\ninterface LoadViewerStreamKeyOptions {\n token?: string;\n beforeConnected?: VoidFunction;\n}\n\nexport const key1 = 'urn:vertex:stream-key:123';\n\nexport const key2 = 'urn:vertex:stream-key:234';\n\nexport function makeViewerStream(): {\n stream: ViewerStream;\n ws: WebSocketClientMock;\n} {\n const ws = new WebSocketClientMock();\n const stream = new ViewerStream(ws);\n return { stream, ws };\n}\n\nexport async function loadViewerStreamKey(\n urn: string,\n { viewer, stream, ws }: ViewerStreamOperationCtx,\n {\n token = random.string({ alpha: true }),\n beforeConnected,\n }: LoadViewerStreamKeyOptions = {}\n): Promise<void> {\n jest.spyOn(stream, 'startStream').mockResolvedValue(\n StreamFixtures.Responses.startStream({\n result: {\n token: {\n token: token,\n expiresIn: new Date().getTime() + 10000,\n },\n },\n }).response\n );\n jest\n .spyOn(stream, 'syncTime')\n .mockResolvedValue(StreamFixtures.Responses.syncTime().response);\n\n const connecting = stream.stateChanged.onceWhen(\n (s) => s.type === 'connecting'\n );\n const loaded = viewer.load(urn);\n\n // Emit frame drawn on next event loop\n await connecting;\n await Async.delay(10);\n beforeConnected?.();\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: Fixtures.drawFramePayloadPerspective,\n })\n )\n );\n await loaded;\n}\n\ninterface GracefulReconnectOptions<T = void> {\n beforeReconnect?: () => Promise<T>;\n}\n\nexport async function gracefulReconnect<T = void>(\n { viewer, stream, ws }: ViewerStreamOperationCtx,\n { beforeReconnect }: GracefulReconnectOptions<T> = {}\n): Promise<T \| undefined> {\n jest\n .spyOn(stream, 'reconnect')\n .mockResolvedValue(StreamFixtures.Responses.reconnect().response);\n jest\n .spyOn(stream, 'syncTime')\n .mockResolvedValue(StreamFixtures.Responses.syncTime().response);\n\n const connecting = stream.stateChanged.onceWhen(\n (s) => s.type === 'reconnecting'\n );\n\n ws.receiveMessage(encode(StreamFixtures.Requests.gracefulReconnect()));\n const result = await beforeReconnect?.();\n\n await connecting;\n await Async.delay(10);\n\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: Fixtures.drawFramePayloadPerspective,\n })\n )\n );\n\n return result;\n}\n\nexport function receiveFrame(\n ws: WebSocketClientMock,\n transformPayload?: (\n payload: vertexvis.protobuf.stream.IDrawFramePayload\n ) => vertexvis.protobuf.stream.IDrawFramePayload\n): void {\n ws.receiveMessage(\n encode(\n StreamFixtures.Requests.drawFrame({\n payload: transformPayload?.(Fixtures.drawFramePayloadPerspective),\n })\n )\n );\n}\n"]}

package/dist/custom-elements/index.js CHANGED Viewed

@@ -12309,10 +12309,10 @@ class SceneTreeController {
     this.updateState(Object.assign(Object.assign({}, this.state), { connection: connecting }));
     try {
       this.log('Scene tree controller connecting.');
-      const [, stream] = await Promise.all([
-        this.fetchPage(0),
-        this.subscribe(),
-      ]);
+      // Ensure we have a subscription prior to attempting to get the first page
+      // to make sure we receive any ListChange that comes through
+      const stream = await this.subscribe();
+      await this.fetchPage(0);
       if (this.state.connection.type !== 'cancelled') {
         this.updateState(Object.assign(Object.assign({}, this.state), { connection: {
             jwtProvider,
@@ -12980,7 +12980,7 @@ class SceneTreeController {
     return connection.type === 'connected';
   }
 }
-SceneTreeController.IDLE_RECONNECT_IN_SECONDS = 4 * 1;
+SceneTreeController.IDLE_RECONNECT_IN_SECONDS = 4 * 60;
 SceneTreeController.LOST_CONNECTION_RECONNECT_IN_SECONDS = 2;
 SceneTreeController.MAX_SUBSCRIPTION_RETRY_COUNT = 2;
@@ -65462,8 +65462,11 @@ function fromUrn(urn) {
     throw new Error('Invalid URN. Expected URN scheme.');
   }
   const [nid, resourceType, resourceId, ...subResourcePath] = uri$1.path.split(/[:/]/);
-  if (nid !== 'vertexvis') {
-    throw new Error('Invalid URN. Expected URN to be vertexvis namespace');
+  if (nid !== 'vertexvis' && nid !== 'vertex') {
+    throw new Error('Invalid URN. Expected URN to be vertex namespace');
+  }
+  if (nid === 'vertexvis') {
+    console.warn("vertexvis namespace is deprecated. Use 'vertex' for the namespace urn instead");
   }
   switch (resourceType) {
     case 'stream-key':
@@ -110384,9 +110387,7 @@ const SceneTreeTableLayout = class extends HTMLElement$1 {
   async computeAndUpdateViewportRows() {
     var _a;
     this.computeViewportRows();
-    if (((_a = this.controller) === null || _a === void 0 ? void 0 : _a.isConnected) &&
-      this.viewportStartIndex >= 0 &&
-      this.viewportEndIndex >= 0) {
+    if (((_a = this.controller) === null || _a === void 0 ? void 0 : _a.isConnected) && this.totalRows > 0) {
       await this.controller.updateActiveRowRange(this.viewportStartIndex, this.viewportEndIndex);
     }
   }
@@ -111100,9 +111101,10 @@ class InteractionApiOrthographic extends InteractionApi {
       const viewVector = camera.viewVector;
       const normalizedUpVector = vector3.normalize(camera.up);
       const normalizedViewVector = vector3.normalize(viewVector);
-      const d = vector3.magnitude(viewVector) * Math.tan(camera.fovHeight);
-      const epsilonX = (delta.x * d) / viewport.width;
-      const epsilonY = (delta.y / viewport.width) * d;
+      const throttledDelta = point.scale(delta, 0.5, 0.5);
+      const d = vector3.magnitude(viewVector);
+      const epsilonX = (throttledDelta.x * d) / viewport.width;
+      const epsilonY = (throttledDelta.y / viewport.width) * d;
       const xvec = vector3.cross(normalizedUpVector, normalizedViewVector);
       const yvec = vector3.cross(normalizedViewVector, xvec);
       const offset = vector3.add(vector3.scale(epsilonX, xvec), vector3.scale(epsilonY, yvec));
@@ -111175,7 +111177,7 @@ class InteractionApiOrthographic extends InteractionApi {
       }
       if (this.orthographicZoomData != null) {
         const { hitPt, hitPlane } = this.orthographicZoomData;
-        const relativeDelta = 2 * (camera.fovHeight / viewport.height) * delta;
+        const relativeDelta = 2 * (camera.fovHeight / viewport.height) * delta * 2;
         const fovHeight = Math.max(1, camera.fovHeight - relativeDelta);
         const projectedLookAt = plane.projectPoint(hitPlane, camera.lookAt);
         const diff = vector3.scale((camera.fovHeight - fovHeight) / camera.fovHeight, vector3.subtract(hitPt, projectedLookAt));
@@ -111235,9 +111237,10 @@ class InteractionApiPerspective extends InteractionApi {
       const vv = camera.viewVector;
       const u = vector3.normalize(camera.up);
       const v = vector3.normalize(vv);
+      const throttledDelta = point.scale(delta, 0.25, 0.25);
       const d = vector3.magnitude(vv) * Math.tan((_a = camera.fovY) !== null && _a !== void 0 ? _a : 45);
-      const epsilonX = (delta.x * d) / viewport.width;
-      const epsilonY = (delta.y / viewport.width) * d;
+      const epsilonX = (throttledDelta.x * d) / viewport.width;
+      const epsilonY = (throttledDelta.y / viewport.width) * d;
       const xvec = vector3.cross(u, v);
       const yvec = vector3.cross(v, xvec);
       const offset = vector3.add(vector3.scale(epsilonX, xvec), vector3.scale(epsilonY, yvec));
@@ -111827,14 +111830,15 @@ class MultiTouchInteractionHandler {
   handleTwoPointTouchMove(point1, point2) {
     var _a, _b, _c, _d;
     if (this.currentPosition1 != null && this.currentPosition2 != null) {
-      const delta = point.scale(point.add(point.subtract(point1, this.currentPosition1), point.subtract(point2, this.currentPosition2)), 0.25, 0.25);
+      const delta = point.add(point.subtract(point1, this.currentPosition1), point.subtract(point2, this.currentPosition2));
       const distance = point.distance(point1, point2) -
         point.distance(this.currentPosition1, this.currentPosition2);
       const zoom = distance * 0.5;
       const previousToCurrent = matrix2.create(point.subtract(this.currentPosition1, this.currentPosition2), point.subtract(point1, point2));
       const angle$1 = angle.toDegrees(Math.atan2(matrix2.determinant(previousToCurrent), matrix2.dot(previousToCurrent)));
+      const center = point.create((point1.x + point2.x) / 2, (point1.y + point2.y) / 2);
       (_a = this.interactionApi) === null || _a === void 0 ? void 0 : _a.beginInteraction();
-      (_b = this.interactionApi) === null || _b === void 0 ? void 0 : _b.zoomCamera(zoom);
+      (_b = this.interactionApi) === null || _b === void 0 ? void 0 : _b.zoomCameraToPoint(center, zoom);
       (_c = this.interactionApi) === null || _c === void 0 ? void 0 : _c.panCameraByDelta(delta);
       // Setting a minimum angle to prevent wobbling
       if (Math.abs(angle$1) > 0.5) {
@@ -113291,7 +113295,7 @@ const Viewer = class extends HTMLElement$1 {
    * resolves when the scene has been loaded. The specified scene is
    * provided as a URN in the following format:
    *
-   *  * `urn:vertexvis:scene:<sceneid>`
+   *  * `urn:vertex:scene:<sceneid>`
    *
    * @param urn The URN of the resource to load.
    */