@avs/go-react 0.13.71740 → 0.13.71745

package/demo/node_modules/.vite/deps/@polymer_iron-resizable-behavior_iron-resizable-behavior__js.js

@@ -1,6 +1,3 @@
-import {
-  PolymerElement
-} from "./chunk-BSA4YZO6.js";
 import {
   Class,
   CustomStyleInterface,
@@ -19,6 +16,9 @@ import {
   updateNativeProperties
 } from "./chunk-BHAOVVTR.js";
 import "./chunk-QQPVW2K2.js";
+import {
+  PolymerElement
+} from "./chunk-BSA4YZO6.js";
 import {
   ElementMixin,
   PropertyEffects,

package/demo/node_modules/.vite/deps/_metadata.json

@@ -1,86 +1,86 @@
 {
-  "hash": "9ee08c08",
+  "hash": "9655bdd0",
   "configHash": "f1217b0f",
-  "lockfileHash": "417d4215",
-  "browserHash": "3e4fb1de",
+  "lockfileHash": "2e777a7e",
+  "browserHash": "a93d0bfe",
   "optimized": {
     "react": {
       "src": "../../../../../../node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "dd2cb163",
+      "fileHash": "cbda1220",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../../../node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "edbd09e2",
+      "fileHash": "131e2108",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../../../node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "b38c43bd",
+      "fileHash": "75d33b4c",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../../../node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "b5a42a9c",
+      "fileHash": "06888346",
       "needsInterop": true
     },
     "@polymer/iron-resizable-behavior/iron-resizable-behavior.js": {
       "src": "../../../../../../node_modules/@polymer/iron-resizable-behavior/iron-resizable-behavior.js",
       "file": "@polymer_iron-resizable-behavior_iron-resizable-behavior__js.js",
-      "fileHash": "98f16794",
+      "fileHash": "7e01d931",
       "needsInterop": false
     },
     "@polymer/polymer/lib/legacy/class.js": {
       "src": "../../../../../../node_modules/@polymer/polymer/lib/legacy/class.js",
       "file": "@polymer_polymer_lib_legacy_class__js.js",
-      "fileHash": "8f19d2c0",
+      "fileHash": "95a26f3a",
       "needsInterop": false
     },
     "@polymer/polymer/lib/utils/mixin.js": {
       "src": "../../../../../../node_modules/@polymer/polymer/lib/utils/mixin.js",
       "file": "@polymer_polymer_lib_utils_mixin__js.js",
-      "fileHash": "a8767480",
+      "fileHash": "89943a4c",
       "needsInterop": false
     },
     "@polymer/polymer/lib/utils/render-status.js": {
       "src": "../../../../../../node_modules/@polymer/polymer/lib/utils/render-status.js",
       "file": "@polymer_polymer_lib_utils_render-status__js.js",
-      "fileHash": "dea8912f",
+      "fileHash": "5d3b8dcd",
       "needsInterop": false
     },
     "@polymer/polymer/polymer-element.js": {
       "src": "../../../../../../node_modules/@polymer/polymer/polymer-element.js",
       "file": "@polymer_polymer_polymer-element__js.js",
-      "fileHash": "db3c42ec",
+      "fileHash": "34ad9e7a",
       "needsInterop": false
     },
     "react-dom/client": {
       "src": "../../../../../../node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "7a3f7fbd",
+      "fileHash": "77621582",
       "needsInterop": true
     },
     "three": {
       "src": "../../../../../../node_modules/three/build/three.module.js",
       "file": "three.js",
-      "fileHash": "080ab43f",
+      "fileHash": "484cc2aa",
       "needsInterop": false
     }
   },
   "chunks": {
-    "chunk-BSA4YZO6": {
-      "file": "chunk-BSA4YZO6.js"
-    },
     "chunk-BHAOVVTR": {
       "file": "chunk-BHAOVVTR.js"
     },
     "chunk-QQPVW2K2": {
       "file": "chunk-QQPVW2K2.js"
     },
+    "chunk-BSA4YZO6": {
+      "file": "chunk-BSA4YZO6.js"
+    },
     "chunk-PRUGAEYJ": {
       "file": "chunk-PRUGAEYJ.js"
     },

package/demo/src/App.tsx

@@ -1,15 +1,46 @@
 import './App.css'
 import { AvsGoDataViz } from '@avs/go-react/src/AvsGoDataViz';
+import { useRef } from 'react';
+
+const startupAnimation = null; // btoa('[{"time":0,"rotation":[-75,0,0,"XYZ"],"position":[0,0,0],"scale":100},{"time":2000,"rotation":[-75,0,-90,"XYZ"],"position":[0,0,0],"scale":100},{"time":4000,"rotation":[-75,0,-90,"XYZ"],"position":[0,0,0],"scale":200},{"time":6000,"rotation":[0,0,-90,"XYZ"],"position":[0,0,0],"scale":200}]');
+const params = new URLSearchParams(window.location.search);
+const param = params.get('animation');
 
 function App() {
+	const dataVizRef = useRef(null);
+
+	function handleLoadComplete() {
+		if (dataVizRef.current) {
+			dataVizRef.current.runAnimation();
+		}
+	}
+
+	function handleTransformAnimationShare(animation: string) {
+		const url = window.location.origin + window.location.pathname + "?animation=" + animation;
+		navigator.clipboard.writeText(url);
+
+		const dialog = document.createElement("dialog");
+		document.body.appendChild(dialog);
+		dialog.innerText = "URL copied to clipboard";
+		dialog.show();
+		setTimeout(function () {
+			dialog.close();
+		}, 1000);
+	}
+
   return (
-    <div style={{width: '100vw', height: '100vh'}}>
-	  <AvsGoDataViz
-	    url='hydrogen.json'
-		urlLoadJsonFile
-		renderer='THREEJS'
-		transformEnable
-	  />
+    <div style={{width: '100vw', height: '100vh', backgroundColor: 'white'}}>
+	    <AvsGoDataViz
+				url='hydrogen.json'
+				ref={dataVizRef}
+				urlLoadJsonFile
+				renderer='THREEJS'
+				transformEnable
+				transformAnimation={param ?? startupAnimation}
+				animationControlsEnable
+				onLoadComplete={handleLoadComplete}
+				onTransformAnimationShare={handleTransformAnimationShare}
+	    />
     </div>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avs/go-react",
-  "version": "0.13.71740",
+  "version": "0.13.71745",
   "description": "React wrapper for AVS/Go web components",
   "keywords": [
     "visualization",
@@ -11,7 +11,7 @@
   "author": "Advanced Visual Systems Inc.",
   "license": "Apache-2.0",
   "dependencies": {
-    "@avs/go": "0.13.71740",
+    "@avs/go": "0.13.71745",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },

package/src/AvsGoDataViz.jsx

@@ -73,6 +73,7 @@ export const AvsGoDataViz = forwardRef(({
   transformTwistAngle,
   transformTiltAngle,
   transformScale,
+  transformAnimation,
   zoomRectangleEnable,
   panEnable,
   panZoomEnable,
@@ -81,9 +82,11 @@ export const AvsGoDataViz = forwardRef(({
   panMaximumZoomLevel,
   animatedGlyphsVisible,
   animatedGlyphsEnable,
+  animationControlsEnable,
   onSceneInfo,
   onLoadComplete,
   onPanInfo,
+  onTransformAnimationShare,
   onError
 }, ref) => {
 
@@ -130,6 +133,12 @@ export const AvsGoDataViz = forwardRef(({
       }
     }
 
+    function handleTransformAnimationShare(e) {
+      if (onTransformAnimationShare) {
+        onTransformAnimationShare(e.detail);
+      }
+    }
+
     function handleError(e) {
       if (onError) {
         onError(e.detail);
@@ -142,6 +151,7 @@ export const AvsGoDataViz = forwardRef(({
     dataVizRef.current.addEventListener('avs-scene-info', handleSceneInfo);
     dataVizRef.current.addEventListener('avs-load-complete', handleLoadComplete);
     dataVizRef.current.addEventListener('avs-pan-info', handlePanInfo);
+    dataVizRef.current.addEventListener('avs-transform-animation-share', handleTransformAnimationShare);
     dataVizRef.current.addEventListener('avs-error', handleError);
 
     return () => {
@@ -152,6 +162,7 @@ export const AvsGoDataViz = forwardRef(({
         dataVizRef.current.removeEventListener('avs-scene-info', handleSceneInfo);
         dataVizRef.current.removeEventListener('avs-load-complete', handleLoadComplete);
         dataVizRef.current.removeEventListener('avs-pan-info', handlePanInfo);
+        dataVizRef.current.removeEventListener('avs-transform-animation-share', handleTransformAnimationShare);
         dataVizRef.current.removeEventListener('avs-error', handleError);
       }
     }
@@ -197,63 +208,65 @@ export const AvsGoDataViz = forwardRef(({
 
   return (
     <avs-go-dataviz
-        style={style}
-	    ref={dataVizRef}
-	    manual-update={manualUpdate}
-	    display-canvas={displayCanvas}
-	    url={url}
-	    url-load-json-file={urlLoadJsonFile}
-	    scene-name={sceneName}
-	    scene-user-properties={sceneUserProperties}
-	    data-source-name={dataSourceName}
-	    data-source-user-properties={dataSourceUserProperties}
-	    renderer-name={rendererName}
-	    renderer-user-properties={rendererUserProperties}
-	    renderer={renderer}
-	    stream-enable={streamEnable}
-	    stream-chunk-size-first={streamChunkSizeFirst}
-	    stream-chunk-size={streamChunkSize}
-	    theme-name={themeName}
-	    hidden={hidden}
-	    resize-threshold={resizeThreshold}
-	    aspect-ratio={aspectRatio}
-	    pointer-timeout={pointerTimeout}
-	    tap-enable={tapEnable}
-	    tap-level={tapLevel}
-	    tap-depth={tapDepth}
-	    tap-highlight-enable={tapHighlightEnable}
-	    tap-highlight-color={tapHighlightColor}
-	    tap-highlight-layer-enable={tapHighlightLayerEnable}
-	    tap-process-event-on-client={tapProcessEventOnClient}
-	    track-enable={trackEnable}
-	    track-level={trackLevel}
-	    track-depth={trackDepth}
-	    track-highlight-enable={trackHighlightEnable}
-	    track-highlight-color={trackHighlightColor}
-	    track-highlight-layer-enable={trackHighlightLayerEnable}
-	    track-process-event-on-client={trackProcessEventOnClient}
-	    hover-enable={hoverEnable}
-	    hover-level={hoverLevel}
-	    horer-depth={hoverDepth}
-	    hover-highlight-enable={hoverHighlightEnable}
-	    hover-highlight-color={hoverHighlightColor}
-	    hover-highlight-layer-enable={hoverHighlightLayerEnable}
-	    transform-enable={transformEnable}
-	    transform-client-only={transformClientOnly}
-	    transform-rotate-disable={transformRotateDisable}
-	    transform-zoom-disable={transformZoomDisable}
-	    transform-pan-disable={transformPanDisable}
-	    transform-twist-angle={transformTwistAngle}
-	    transform-tilt-angle={transformTiltAngle}
-	    transform-scale={transformScale}
-	    zoom-reactangle-enable={zoomRectangleEnable}
-	    pan-enable={panEnable}
-	    pan-zoom-enable={panZoomEnable}
-	    pan-width-zoom-level={panWidthZoomLevel}
-	    pan-height-zoom-level={panHeightZoomLevel}
-	    pan-maximum-zoom-level={panMaximumZoomLevel}
-	    animated-glyphs-visible={animatedGlyphsVisible}
-	    animated-glyphs-enable={animatedGlyphsEnable}
+      style={style}
+      ref={dataVizRef}
+      manual-update={manualUpdate}
+      display-canvas={displayCanvas}
+      url={url}
+      url-load-json-file={urlLoadJsonFile}
+      scene-name={sceneName}
+      scene-user-properties={sceneUserProperties}
+      data-source-name={dataSourceName}
+      data-source-user-properties={dataSourceUserProperties}
+      renderer-name={rendererName}
+      renderer-user-properties={rendererUserProperties}
+      renderer={renderer}
+      stream-enable={streamEnable}
+      stream-chunk-size-first={streamChunkSizeFirst}
+      stream-chunk-size={streamChunkSize}
+      theme-name={themeName}
+      hidden={hidden}
+      resize-threshold={resizeThreshold}
+      aspect-ratio={aspectRatio}
+      pointer-timeout={pointerTimeout}
+      tap-enable={tapEnable}
+      tap-level={tapLevel}
+      tap-depth={tapDepth}
+      tap-highlight-enable={tapHighlightEnable}
+      tap-highlight-color={tapHighlightColor}
+      tap-highlight-layer-enable={tapHighlightLayerEnable}
+      tap-process-event-on-client={tapProcessEventOnClient}
+      track-enable={trackEnable}
+      track-level={trackLevel}
+      track-depth={trackDepth}
+      track-highlight-enable={trackHighlightEnable}
+      track-highlight-color={trackHighlightColor}
+      track-highlight-layer-enable={trackHighlightLayerEnable}
+      track-process-event-on-client={trackProcessEventOnClient}
+      hover-enable={hoverEnable}
+      hover-level={hoverLevel}
+      horer-depth={hoverDepth}
+      hover-highlight-enable={hoverHighlightEnable}
+      hover-highlight-color={hoverHighlightColor}
+      hover-highlight-layer-enable={hoverHighlightLayerEnable}
+      transform-enable={transformEnable}
+      transform-client-only={transformClientOnly}
+      transform-rotate-disable={transformRotateDisable}
+      transform-zoom-disable={transformZoomDisable}
+      transform-pan-disable={transformPanDisable}
+      transform-twist-angle={transformTwistAngle}
+      transform-tilt-angle={transformTiltAngle}
+      transform-scale={transformScale}
+      transformAnimation={transformAnimation}
+      zoom-reactangle-enable={zoomRectangleEnable}
+      pan-enable={panEnable}
+      pan-zoom-enable={panZoomEnable}
+      pan-width-zoom-level={panWidthZoomLevel}
+      pan-height-zoom-level={panHeightZoomLevel}
+      pan-maximum-zoom-level={panMaximumZoomLevel}
+      animated-glyphs-visible={animatedGlyphsVisible}
+      animated-glyphs-enable={animatedGlyphsEnable}
+      animation-controls-enable={animationControlsEnable}
 	  >
 	  </avs-go-dataviz>
   );