Update SDK and Web (#129)

- Updated the SDK and Web packages. - Fixed an issue where the third party library sample wouldn't build. As a bonus it no longer loads libraries for VR and 2d that it does not use. - Added style-loader css-loader and postcss-loader packages to root as webpack+yarn now requires these to be explicit dependencies if they are used.
vertigis · Sep 11, 2024 · 8ed8725 · 8ed8725
1 parent e1760f4
commit 8ed8725
Show file tree

Hide file tree

Showing 17 changed files with 1,174 additions and 1,670 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -29,7 +29,7 @@ jobs:
             - run: yarn test
 
             - name: Save Cypress videos
-              uses: actions/upload-artifact@v2
+              uses: actions/upload-artifact@v4
               if: failure()
               with:
                   name: cypress-videos

diff --git a/cypress/e2e/third-party-library.cy.ts b/cypress/e2e/third-party-library.cy.ts
@@ -50,7 +50,7 @@ describe(sampleName, () => {
 
         // Identify again in an area that shouldn't have any results.
         cy.getViewer().contains("button", "Identify").click();
-        performExtentIdentify(10, 10, 20, 20);
+        performExtentIdentify(10, 100, 15, 105);
 
         // Graph should be visible and have no nodes rendered.
         cy.getViewer()

diff --git a/samples/arcgis-widget/package.json b/samples/arcgis-widget/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/basic-component/package.json b/samples/basic-component/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/basic-service/package.json b/samples/basic-service/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/commands-and-operations/package.json b/samples/commands-and-operations/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/embedded-map/package.json b/samples/embedded-map/package.json
@@ -12,8 +12,8 @@
         "mapillary-js": "^4.0.0"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/i18n/package.json b/samples/i18n/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/icons-pack/package.json b/samples/icons-pack/package.json
@@ -16,8 +16,8 @@
         "@svgr/core": "^6.5.1",
         "@svgr/plugin-jsx": "^6.5.1",
         "@svgr/plugin-svgo": "^6.5.1",
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "tsx": "4.7.2",
         "typescript": "~5.3.3"
     }

diff --git a/samples/iframe/package.json b/samples/iframe/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "cross-env": "^7.0.2",
         "typescript": "~5.3.3"
     }

diff --git a/samples/library-viewer/package.json b/samples/library-viewer/package.json
@@ -16,8 +16,8 @@
     },
     "devDependencies": {
         "@types/xml2js": "^0.4.14",
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     },
     "peerDependencies": {

diff --git a/samples/tap-into-web-event/package.json b/samples/tap-into-web-event/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/third-party-lib/package.json b/samples/third-party-lib/package.json
@@ -8,11 +8,11 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "dependencies": {
-        "@vertigis/web": "^5.30.0",
-        "react-force-graph": "^1.44.4"
+        "@vertigis/web": "^5.31.0",
+        "react-force-graph-3d": "^1.24.3"
     },
     "devDependencies": {
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }
diff --git a/samples/third-party-lib/src/components/ThreeDimensionalGraph/ThreeDimensionalGraph.tsx b/samples/third-party-lib/src/components/ThreeDimensionalGraph/ThreeDimensionalGraph.tsx
@@ -2,8 +2,8 @@ import type { LayoutElementProperties } from "@vertigis/web/components";
 import { LayoutElement } from "@vertigis/web/components";
 import { useWatch, useWatchAndRerender } from "@vertigis/web/ui";
 import { useRef } from "react";
-import type { ComponentProps, ReactElement } from "react";
-import { ForceGraph3D } from "react-force-graph";
+import type { MutableRefObject, ReactElement } from "react";
+import ForceGraph3D, { type ForceGraphMethods } from "react-force-graph-3d";
 
 import type ThreeDimensionalGraphModel from "./ThreeDimensionalGraphModel";
 import useDimensions from "./useDimensions";
@@ -14,7 +14,7 @@ export default function ThreeDimensionalGraph(
 ): ReactElement {
     const { model } = props;
     const [rootRef, rootDimensions] = useDimensions<HTMLDivElement>();
-    const graphRef: ComponentProps<typeof ForceGraph3D>["ref"] = useRef();
+    const graphRef: MutableRefObject<ForceGraphMethods> = useRef();
 
     useWatchAndRerender(model, "graphData");
     // Force the nodes/links to re-render when the selected survey changes. This

diff --git a/samples/third-party-lib/src/components/ThreeDimensionalGraph/ThreeDimensionalGraphModel.ts b/samples/third-party-lib/src/components/ThreeDimensionalGraph/ThreeDimensionalGraphModel.ts
@@ -17,7 +17,7 @@ import type {
     GraphData as ForceGraphData,
     LinkObject,
     NodeObject as ForceNodeObject,
-} from "force-graph";
+} from "react-force-graph-3d";
 
 import { toFeatureArray } from "./utils";
 

diff --git a/samples/ui-library/package.json b/samples/ui-library/package.json
@@ -8,8 +8,8 @@
         "start-in-sandbox": "SOCK_PORT=443 vertigis-web-sdk start"
     },
     "devDependencies": {
-        "@vertigis/web": "^5.30.0",
-        "@vertigis/web-sdk": "^1.10.0",
+        "@vertigis/web": "^5.31.0",
+        "@vertigis/web-sdk": "^1.11.0",
         "typescript": "~5.3.3"
     }
 }