@avs/go-react 0.12.71731

package/demo/src/App.css

@@ -0,0 +1,40 @@
+#root {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}

package/demo/src/App.tsx

@@ -0,0 +1,17 @@
+import './App.css'
+import { AvsGoDataViz } from '@avs/go-react/src/AvsGoDataViz';
+
+function App() {
+  return (
+    <div style={{width: '100vw', height: '100vh'}}>
+	  <AvsGoDataViz
+	    url='hydrogen.json'
+		urlLoadJsonFile
+		renderer='THREEJS'
+		transformEnable
+	  />
+    </div>
+  )
+}
+
+export default App

package/demo/src/index.css

@@ -0,0 +1,68 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/demo/src/main.tsx

@@ -0,0 +1,7 @@
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+  <App />
+)

package/demo/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/demo/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/demo/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/demo/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@avs/go-react",
+  "version": "0.12.71731",
+  "description": "React wrapper for AVS/Go web components",
+  "keywords": [
+    "visualization",
+    "dataviz",
+    "react",
+    "avs"
+  ],
+  "author": "Advanced Visual Systems Inc.",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@avs/go": "^0.12.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/avs/avs-go.git",
+    "directory": "packages/react"
+  }
+}

package/src/AvsGoDataViz.jsx

@@ -0,0 +1,258 @@
+/**
+ * @license
+ * Copyright 2026 Advanced Visual Systems Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * This product includes software developed at
+ * Advanced Visual Systems Inc. (http://www.avs.com)
+ */
+
+import { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
+import { AvsGoDataViz as AvsGoDataVizPolymer } from '@avs/go/src/avs-go-dataviz';
+
+export const AvsGoDataViz = forwardRef(({
+  manualUpdate,
+  displayCanvas,
+  url,
+  urlLoadJsonFile,
+  sceneName,
+  sceneUserProperties,
+  dataSourceName,
+  dataSourceUserProperties,
+  rendererName,
+  rendererUserProperties,
+  renderer,
+  streamEnable,
+  streamChunkSizeFirst,
+  streamChunkSize,
+  themeName,
+  hidden,
+  resizeThreshold,
+  aspectRatio,
+  pointerTimeout,
+  tapEnable,
+  tapLevel,
+  tapDepth,
+  tapHighlightEnable,
+  tapHighlightColor,
+  tapHighlightLayerEnable,
+  tapProcessEventOnClient,
+  onTap,
+  trackEnable,
+  trackLevel,
+  trackDepth,
+  trackHighlightEnable,
+  trackHighlightColor,
+  trackHighlightLayerEnable,
+  trackProcessEventOnClient,
+  onTrack,
+  hoverEnable,
+  hoverLevel,
+  hoverDepth,
+  hoverHighlightEnable,
+  hoverHighlightColor,
+  hoverHighlightLayerEnable,
+  onHover,
+  transformEnable,
+  transformClientOnly,
+  transformRotateDisable,
+  transformZoomDisable,
+  transformPanDisable,
+  transformTwistAngle,
+  transformTiltAngle,
+  transformScale,
+  zoomRectangleEnable,
+  panEnable,
+  panZoomEnable,
+  panWidthZoomLevel,
+  panHeightZoomLevel,
+  panMaximumZoomLevel,
+  animatedGlyphsVisible,
+  animatedGlyphsEnable,
+  onSceneInfo,
+  onLoadComplete,
+  onPanInfo,
+  onError
+}, ref) => {
+
+  const dataVizRef = useRef();
+  
+  useEffect(() => {
+    if (!dataVizRef.current) {
+      return;
+    }
+
+    function handleTap(e) {
+      if (onTap) {
+        onTap(e.detail);
+      }
+    }
+
+    function handleTrack(e) {
+      if (onTrack) {
+        onTrack(e.detail);
+      }
+    }
+
+    function handleHover(e) {
+      if (onHover) {
+        onHover(e.detail);
+      }
+    }
+
+    function handleSceneInfo(e) {
+      if (onSceneInfo) {
+        onSceneInfo(e.detail);
+      }
+    }
+
+    function handleLoadComplete(e) {
+      if (onLoadComplete) {
+        onLoadComplete();
+      }
+    }
+
+    function handlePanInfo(e) {
+      if (onPanInfo) {
+        onPanInfo(e.detail);
+      }
+    }
+
+    function handleError(e) {
+      if (onError) {
+        onError(e.detail);
+      }
+    }
+
+    dataVizRef.current.addEventListener('avs-tap', handleTap);
+    dataVizRef.current.addEventListener('avs-track', handleTrack);
+    dataVizRef.current.addEventListener('avs-hover', handleHover);
+    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-error', handleError);
+
+    return () => {
+      if (dataVizRef.current) {
+        dataVizRef.current.removeEventListener('avs-tap', handleTap);
+        dataVizRef.current.removeEventListener('avs-track', handleTrack);
+        dataVizRef.current.removeEventListener('avs-hover', handleHover);
+        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-error', handleError);
+      }
+    }
+  }, []);
+
+  useImperativeHandle(ref, () => ({
+    updateViewer() {
+      if (dataVizRef.current) {
+        dataVizRef.current.updateViewer();
+      }
+    },
+
+    runAnimation() {
+      if (dataVizRef.current) {
+        dataVizRef.current.runAnimation();
+      }
+    },
+  
+    resetTransform() {
+      if (dataVizRef.current) {
+        dataVizRef.current.resetTransform();
+      }
+    },
+  
+    zoomIn() {
+      if (dataVizRef.current) {
+        dataVizRef.current.zoomIn();
+      }
+    },
+  
+    zoomOut() {
+      if (dataVizRef.current) {
+        dataVizRef.current.zoomOut();
+      }
+    },
+  
+    panTo() {
+      if (dataVizRef.current) {
+        dataVizRef.current.panTo();
+      }
+    }
+  }));
+
+  return (
+    <avs-go-dataviz
+	    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}
+	  >
+	  </avs-go-dataviz>
+  );
+});

package/src/AvsGoDynamicHtml.jsx

@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2026 Advanced Visual Systems Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * This product includes software developed at
+ * Advanced Visual Systems Inc. (http://www.avs.com)
+ */
+
+import { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
+import { AvsGoDynamicHtml as AvsGoDynamicHtmlPolymer } from '@avs/go/src/avs-go-dynamic-html';
+
+export const AvsGoDynamicHtml = forwardRef(({
+  url,
+  linkCss,
+  dynamicHtmlName,
+  dynamicHtmlUserProperties,
+  dataSourceName,
+  dataSourceUserProperties,
+  onError
+}, ref) => {
+
+  const dynamicHtmlRef = useRef();
+  
+  useEffect(() => {
+    if (!dynamicHtmlRef.current) {
+      return;
+    }
+
+    function handleError(e) {
+      if (onError) {
+        onError(e.detail);
+      }
+    }
+
+    dynamicHtmlRef.current.addEventListener('avs-error', handleError);
+
+    return () => {
+      if (dynamicHtmlRef.current) {
+        dynamicHtmlRef.current.removeEventListener('avs-error', handleError);
+      }
+    }
+  }, []);
+
+  return (
+    <avs-go-dynamic-html
+	    ref={dynamicHtmlRef}
+	    url={url}
+      link-css={linkCss}
+	    dynamic-html-name={dynamicHtmlName}
+	    dynamic-html-user-properties={dynamicHtmlUserProperties}
+	    data-source-name={dataSourceName}
+	    data-source-user-properties={dataSourceUserProperties}
+	  >
+	  </avs-go-dynamic-html>
+  );
+});

package/src/AvsGoInfo.jsx

@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright 2026 Advanced Visual Systems Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * This product includes software developed at
+ * Advanced Visual Systems Inc. (http://www.avs.com)
+ */
+
+import { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
+import { AvsGoInfo as AvsGoInfoPolymer } from '@avs/go/src/avs-go-info';
+
+export const AvsGoInfo = forwardRef(({
+  url,
+  infoName,
+  infoUserProperties,
+  dataSourceName,
+  dataSourceUserProperties,
+  onInfo,
+  onError
+}, ref) => {
+
+  const infoRef = useRef();
+  
+  useEffect(() => {
+    if (!infoRef.current) {
+      return;
+    }
+
+    function handleInfo(e) {
+      if (onInfo) {
+        onInfo(e.detail);
+      }
+    }
+
+    function handleError(e) {
+      if (onError) {
+        onError(e.detail);
+      }
+    }
+
+    infoRef.current.addEventListener('avs-go-info-response', handleInfo);
+    infoRef.current.addEventListener('avs-error', handleError);
+
+    return () => {
+      if (infoRef.current) {
+        infoRef.current.removeEventListener('avs-go-info-response', handleSceneInfo);
+        infoRef.current.removeEventListener('avs-error', handleError);
+      }
+    }
+  }, []);
+
+  useImperativeHandle(ref, () => ({
+    updateInfo() {
+      if (infoRef.current) {
+        infoRef.current.updateInfo();
+      }
+    }
+  }));
+
+  return (
+    <avs-go-info
+	    ref={infoRef}
+	    url={url}
+	    info-name={infoName}
+	    info-user-properties={infoUserProperties}
+	    data-source-name={dataSourceName}
+	    data-source-user-properties={dataSourceUserProperties}
+	  >
+	  </avs-go-info>
+  );
+});