Fix build issue google-ai-edge/mediapipe#2883

justfile

@@ -83,7 +83,7 @@ _browser_client_build BASE="":
 @test: (_tsc "--build") build
 
 # Build the [browser app, npm lib] for production. Called automatically by "test" and "publish"
-build BASE="": _ensure_npm_modules (_tsc "--build") (_browser_client_build BASE) _npm_build
+build BASE="": _ensure_npm_modules (_tsc "--build") (_browser_client_build BASE)
 
 # Deletes: [ .certs, dist ]
 @clean:

package.json

@@ -25,7 +25,6 @@
     "@chakra-ui/react": "^2.3.4",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "@mediapipe/hands": "^0.4.1646424915",
     "@metapages/hash-query": "^0.4.5",
     "@metapages/metaframe-hook": "^1.0.11",
     "@metapages/metapage": "^0.13.5",
@@ -37,14 +36,12 @@
     "framer-motion": "^7.3.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.4.1",
     "scatter-gl": "^0.0.13"
   },
   "devDependencies": {
     "@types/node": "^12.20.10",
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
-    "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^2.1.0",
     "typescript": "^4.8.3",
     "vite": "^3.1.3"

src/components/HandDetectionStream.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useState } from "react";
 import { Box } from "@chakra-ui/react";
-import * as mpHands from "@mediapipe/hands";
 import { MediaPipeHandsMediaPipeModelConfig } from "@tensorflow-models/hand-pose-detection";
 import * as handPoseDetection from "@tensorflow-models/hand-pose-detection";
 import * as tfjsWasm from "@tensorflow/tfjs-backend-wasm";
@@ -62,7 +61,7 @@ export const HandDetectionStream: React.FC = () => {
         // @ts-ignore
         runtime: "mediapipe", // or 'tfjs'
         // solutionPath: "https://cdn.jsdelivr.net/npm/@mediapipe/hands",
-        solutionPath: `https://cdn.jsdelivr.net/npm/@mediapipe/hands@${mpHands.VERSION}`,
+        solutionPath: `https://cdn.jsdelivr.net/npm/@mediapipe/hands@0.4.1646424915`,
         modelType: "full",
       };
 

src/lib/index.ts

@@ -0,0 +1,3 @@
+// This is the root file of the npm module
+export type SomeMadeUpTYpe = {foo:string};
+export const EXAMPLE_ROOT_NPM_EXPORT = "replace me with the actual value";