@ismail-kattakath/mediapipe-react 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ismail Kattakath
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/audio.d.mts

@@ -0,0 +1,3 @@
+declare const useAudio: () => string;
+
+export { useAudio };

package/dist/audio.d.ts

@@ -0,0 +1,3 @@
+declare const useAudio: () => string;
+
+export { useAudio };

package/dist/audio.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkG5GKFZAWjs = require('./chunk-G5GKFZAW.js');
+
+
+exports.useAudio = _chunkG5GKFZAWjs.useAudio;
+//# sourceMappingURL=audio.js.map

package/dist/audio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/audio.js"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,6CAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/audio.js"}

package/dist/audio.mjs

@@ -0,0 +1,7 @@
+import {
+  useAudio
+} from "./chunk-LMIUBEL2.mjs";
+export {
+  useAudio
+};
+//# sourceMappingURL=audio.mjs.map

package/dist/audio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-G5GKFZAW.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/audio/index.ts
+var useAudio = () => {
+  return "Audio implementation";
+};
+
+
+
+exports.useAudio = useAudio;
+//# sourceMappingURL=chunk-G5GKFZAW.js.map

package/dist/chunk-G5GKFZAW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-G5GKFZAW.js","../src/audio/index.ts"],"names":[],"mappings":"AAAA;ACAO,IAAM,SAAA,EAAW,CAAA,EAAA,GAAM;AAC1B,EAAA,OAAO,sBAAA;AACX,CAAA;ADEA;AACA;AACE;AACF,4BAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-G5GKFZAW.js","sourcesContent":[null,"export const useAudio = () => {\n    return \"Audio implementation\";\n};\n"]}

package/dist/chunk-HDKHZ5MY.mjs

@@ -0,0 +1,9 @@
+// src/vision/index.ts
+var useVision = () => {
+  return "Vision implementation";
+};
+
+export {
+  useVision
+};
+//# sourceMappingURL=chunk-HDKHZ5MY.mjs.map

package/dist/chunk-HDKHZ5MY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vision/index.ts"],"sourcesContent":["export const useVision = () => {\n    return \"Vision implementation\";\n};\n"],"mappings":";AAAO,IAAM,YAAY,MAAM;AAC3B,SAAO;AACX;","names":[]}

package/dist/chunk-HQ7V4B42.js

@@ -0,0 +1,179 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/genai.ts
+var _react = require('react');
+
+// src/index.tsx
+
+
+// src/utils.ts
+var isBrowser = typeof window !== "undefined";
+
+// src/index.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var MediaPipeContext = _react.createContext.call(void 0, null);
+var MediaPipeProvider = ({
+  children,
+  wasmPath,
+  modelPath
+}) => {
+  const value = _react.useMemo.call(void 0, 
+    () => ({
+      wasmPath,
+      modelPath,
+      isBrowser
+    }),
+    [wasmPath, modelPath]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaPipeContext.Provider, { value, children });
+};
+var useMediaPipeContext = () => {
+  const context = _react.useContext.call(void 0, MediaPipeContext);
+  if (!context) {
+    throw new Error("useMediaPipeContext must be used within a MediaPipeProvider");
+  }
+  return context;
+};
+
+// src/genai.ts
+var workerScript = `
+import { LlmInference, FilesetResolver } from 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai';
+
+let llmInference = null;
+
+async function checkGpuSupport() {
+  if (!('gpu' in navigator)) {
+    throw new Error('WebGPU is not supported in this browser.');
+  }
+  const gpu = navigator.gpu;
+  const adapter = await gpu.requestAdapter();
+  if (!adapter) {
+    throw new Error('No appropriate GPU adapter found.');
+  }
+}
+
+async function initInference(modelPath, wasmPath) {
+  try {
+    await checkGpuSupport();
+    const genai = await FilesetResolver.forGenAiTasks(wasmPath);
+    llmInference = await LlmInference.createFromOptions(genai, {
+      baseOptions: { modelAssetPath: modelPath },
+    });
+    self.postMessage({ type: 'INIT_COMPLETE' });
+  } catch (error) {
+    self.postMessage({ type: 'ERROR', error: error.message || 'Unknown error during initialization' });
+  }
+}
+
+self.onmessage = async (event) => {
+  const { type, payload } = event.data;
+
+  if (type === 'INIT') {
+    const { modelPath, wasmPath } = payload;
+    await initInference(modelPath, wasmPath);
+  }
+
+  if (type === 'GENERATE') {
+    if (!llmInference) {
+      self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });
+      return;
+    }
+
+    try {
+      const { prompt } = payload;
+       llmInference.generateResponse(prompt, (partialText, done) => {
+        self.postMessage({
+          type: 'CHUNK',
+          payload: { text: partialText, done }
+        });
+      });
+    } catch (error) {
+      self.postMessage({ type: 'ERROR', error: error.message || 'Error generating response' });
+    }
+  }
+};
+`;
+function useLlm(options = {}) {
+  const context = useMediaPipeContext();
+  const [output, setOutput] = _react.useState.call(void 0, "");
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [progress, setProgress] = _react.useState.call(void 0, 0);
+  const workerRef = _react.useRef.call(void 0, null);
+  const modelPath = options.modelPath || context.modelPath;
+  const wasmPath = options.wasmPath || context.wasmPath || "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/wasm";
+  _react.useEffect.call(void 0, () => {
+    if (!context.isBrowser || !modelPath) return;
+    if (!("gpu" in navigator)) {
+      setTimeout(() => setError("WebGPU is not supported in this browser."), 0);
+      return;
+    }
+    let worker;
+    try {
+      worker = new Worker(new URL("./genai.worker", import.meta.url), {
+        type: "module",
+        name: "mediapipe-genai-worker"
+      });
+    } catch (_e) {
+      console.warn("MediaPipe React: Falling back to Blob-based GenAI worker");
+      const blob = new Blob([workerScript], { type: "application/javascript" });
+      worker = new Worker(URL.createObjectURL(blob));
+    }
+    workerRef.current = worker;
+    worker.onmessage = (event) => {
+      const { type, payload, error: workerError } = event.data;
+      switch (type) {
+        case "INIT_COMPLETE":
+          setIsLoading(false);
+          setProgress(100);
+          break;
+        case "CHUNK":
+          setOutput((prev) => prev + payload.text);
+          if (payload.done) {
+            setIsLoading(false);
+          }
+          break;
+        case "ERROR":
+          setError(workerError || "Worker encountered an error");
+          setIsLoading(false);
+          break;
+      }
+    };
+    setTimeout(() => {
+      setIsLoading(true);
+      setProgress(10);
+    }, 0);
+    worker.postMessage({
+      type: "INIT",
+      payload: { modelPath, wasmPath }
+    });
+    return () => {
+      worker.terminate();
+    };
+  }, [context.isBrowser, modelPath, wasmPath]);
+  const generate = _react.useCallback.call(void 0, (prompt) => {
+    if (!workerRef.current) {
+      setError("Worker not initialized");
+      return;
+    }
+    setOutput("");
+    setIsLoading(true);
+    setError(null);
+    workerRef.current.postMessage({
+      type: "GENERATE",
+      payload: { prompt }
+    });
+  }, []);
+  return {
+    output,
+    isLoading,
+    progress,
+    error,
+    generate
+  };
+}
+
+
+
+
+
+exports.useLlm = useLlm; exports.MediaPipeProvider = MediaPipeProvider; exports.useMediaPipeContext = useMediaPipeContext;
+//# sourceMappingURL=chunk-HQ7V4B42.js.map

package/dist/chunk-HQ7V4B42.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-HQ7V4B42.js","../src/genai.ts","../src/index.tsx","../src/utils.ts"],"names":[],"mappings":"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","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-HQ7V4B42.js","sourcesContent":[null,"'use client';\n\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { useMediaPipeContext } from './index';\n\n/**\n * The Web Worker logic for MediaPipe GenAI.\n * This is stringified so it can be easily initialized as a Blob URL if the file-based worker fails.\n */\nconst workerScript = `\nimport { LlmInference, FilesetResolver } from 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai';\n\nlet llmInference = null;\n\nasync function checkGpuSupport() {\n  if (!('gpu' in navigator)) {\n    throw new Error('WebGPU is not supported in this browser.');\n  }\n  const gpu = navigator.gpu;\n  const adapter = await gpu.requestAdapter();\n  if (!adapter) {\n    throw new Error('No appropriate GPU adapter found.');\n  }\n}\n\nasync function initInference(modelPath, wasmPath) {\n  try {\n    await checkGpuSupport();\n    const genai = await FilesetResolver.forGenAiTasks(wasmPath);\n    llmInference = await LlmInference.createFromOptions(genai, {\n      baseOptions: { modelAssetPath: modelPath },\n    });\n    self.postMessage({ type: 'INIT_COMPLETE' });\n  } catch (error) {\n    self.postMessage({ type: 'ERROR', error: error.message || 'Unknown error during initialization' });\n  }\n}\n\nself.onmessage = async (event) => {\n  const { type, payload } = event.data;\n\n  if (type === 'INIT') {\n    const { modelPath, wasmPath } = payload;\n    await initInference(modelPath, wasmPath);\n  }\n\n  if (type === 'GENERATE') {\n    if (!llmInference) {\n      self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });\n      return;\n    }\n\n    try {\n      const { prompt } = payload;\n       llmInference.generateResponse(prompt, (partialText, done) => {\n        self.postMessage({\n          type: 'CHUNK',\n          payload: { text: partialText, done }\n        });\n      });\n    } catch (error) {\n      self.postMessage({ type: 'ERROR', error: error.message || 'Error generating response' });\n    }\n  }\n};\n`;\n\nexport interface UseLlmOptions {\n  modelPath?: string;\n  wasmPath?: string;\n}\n\nexport function useLlm(options: UseLlmOptions = {}) {\n  const context = useMediaPipeContext();\n  const [output, setOutput] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [progress, setProgress] = useState(0);\n\n  const workerRef = useRef<Worker | null>(null);\n\n  // Use values from props if provided, otherwise fallback to context\n  const modelPath = options.modelPath || context.modelPath;\n  const wasmPath = options.wasmPath || context.wasmPath || 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/wasm';\n\n  useEffect(() => {\n    if (!context.isBrowser || !modelPath) return;\n\n    // Early check for WebGPU support in the UI thread too\n    if (!('gpu' in navigator)) {\n      setTimeout(() => setError('WebGPU is not supported in this browser.'), 0);\n      return;\n    }\n\n    let worker: Worker;\n\n    try {\n      // Attempt to load from the separate worker file (Vite/Next.js/Webpack friendly)\n      worker = new Worker(new URL('./genai.worker', import.meta.url), {\n        type: 'module',\n        name: 'mediapipe-genai-worker'\n      });\n    } catch (_e) {\n      // Fallback to Blob-based worker if relative path fails\n      console.warn('MediaPipe React: Falling back to Blob-based GenAI worker');\n      const blob = new Blob([workerScript], { type: 'application/javascript' });\n      worker = new Worker(URL.createObjectURL(blob));\n    }\n\n    workerRef.current = worker;\n\n    worker.onmessage = (event) => {\n      const { type, payload, error: workerError } = event.data;\n\n      switch (type) {\n        case 'INIT_COMPLETE':\n          setIsLoading(false);\n          setProgress(100);\n          break;\n        case 'CHUNK':\n          setOutput((prev) => prev + payload.text);\n          if (payload.done) {\n            setIsLoading(false);\n          }\n          break;\n        case 'ERROR':\n          setError(workerError || 'Worker encountered an error');\n          setIsLoading(false);\n          break;\n      }\n    };\n\n    setTimeout(() => {\n      setIsLoading(true);\n      setProgress(10); // Initial progress\n    }, 0);\n    worker.postMessage({\n      type: 'INIT',\n      payload: { modelPath, wasmPath },\n    });\n\n    return () => {\n      worker.terminate();\n    };\n  }, [context.isBrowser, modelPath, wasmPath]);\n\n  const generate = useCallback((prompt: string) => {\n    if (!workerRef.current) {\n      setError('Worker not initialized');\n      return;\n    }\n\n    setOutput('');\n    setIsLoading(true);\n    setError(null);\n\n    workerRef.current.postMessage({\n      type: 'GENERATE',\n      payload: { prompt },\n    });\n  }, []);\n\n  return {\n    output,\n    isLoading,\n    progress,\n    error,\n    generate,\n  };\n}\n","'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { isBrowser } from './utils';\n\nexport * from './genai';\nexport * from './vision';\nexport * from './audio';\n\nexport interface MediaPipeContextType {\n    wasmPath?: string;\n    modelPath?: string;\n    isBrowser: boolean;\n}\n\nconst MediaPipeContext = createContext<MediaPipeContextType | null>(null);\n\nexport interface MediaPipeProviderProps {\n    children: React.ReactNode;\n    wasmPath?: string;\n    modelPath?: string;\n}\n\nexport const MediaPipeProvider: React.FC<MediaPipeProviderProps> = ({\n    children,\n    wasmPath,\n    modelPath,\n}) => {\n    const value = useMemo(\n        () => ({\n            wasmPath,\n            modelPath,\n            isBrowser,\n        }),\n        [wasmPath, modelPath]\n    );\n\n    return (\n        <MediaPipeContext.Provider value= { value } >\n        { children }\n        </MediaPipeContext.Provider>\n  );\n};\n\nexport const useMediaPipeContext = () => {\n    const context = useContext(MediaPipeContext);\n    if (!context) {\n        throw new Error('useMediaPipeContext must be used within a MediaPipeProvider');\n    }\n    return context;\n};\n\n","export const isBrowser = typeof window !== 'undefined';\n"]}

package/dist/chunk-LMIUBEL2.mjs

@@ -0,0 +1,9 @@
+// src/audio/index.ts
+var useAudio = () => {
+  return "Audio implementation";
+};
+
+export {
+  useAudio
+};
+//# sourceMappingURL=chunk-LMIUBEL2.mjs.map

package/dist/chunk-LMIUBEL2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/audio/index.ts"],"sourcesContent":["export const useAudio = () => {\n    return \"Audio implementation\";\n};\n"],"mappings":";AAAO,IAAM,WAAW,MAAM;AAC1B,SAAO;AACX;","names":[]}

package/dist/chunk-SUBDHSBP.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/vision/index.ts
+var useVision = () => {
+  return "Vision implementation";
+};
+
+
+
+exports.useVision = useVision;
+//# sourceMappingURL=chunk-SUBDHSBP.js.map

package/dist/chunk-SUBDHSBP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-SUBDHSBP.js","../src/vision/index.ts"],"names":[],"mappings":"AAAA;ACAO,IAAM,UAAA,EAAY,CAAA,EAAA,GAAM;AAC3B,EAAA,OAAO,uBAAA;AACX,CAAA;ADEA;AACA;AACE;AACF,8BAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/chunk-SUBDHSBP.js","sourcesContent":[null,"export const useVision = () => {\n    return \"Vision implementation\";\n};\n"]}

package/dist/chunk-Z5PADYRT.mjs

@@ -0,0 +1,179 @@
+// src/genai.ts
+import { useEffect, useState, useCallback, useRef } from "react";
+
+// src/index.tsx
+import { createContext, useContext, useMemo } from "react";
+
+// src/utils.ts
+var isBrowser = typeof window !== "undefined";
+
+// src/index.tsx
+import { jsx } from "react/jsx-runtime";
+var MediaPipeContext = createContext(null);
+var MediaPipeProvider = ({
+  children,
+  wasmPath,
+  modelPath
+}) => {
+  const value = useMemo(
+    () => ({
+      wasmPath,
+      modelPath,
+      isBrowser
+    }),
+    [wasmPath, modelPath]
+  );
+  return /* @__PURE__ */ jsx(MediaPipeContext.Provider, { value, children });
+};
+var useMediaPipeContext = () => {
+  const context = useContext(MediaPipeContext);
+  if (!context) {
+    throw new Error("useMediaPipeContext must be used within a MediaPipeProvider");
+  }
+  return context;
+};
+
+// src/genai.ts
+var workerScript = `
+import { LlmInference, FilesetResolver } from 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai';
+
+let llmInference = null;
+
+async function checkGpuSupport() {
+  if (!('gpu' in navigator)) {
+    throw new Error('WebGPU is not supported in this browser.');
+  }
+  const gpu = navigator.gpu;
+  const adapter = await gpu.requestAdapter();
+  if (!adapter) {
+    throw new Error('No appropriate GPU adapter found.');
+  }
+}
+
+async function initInference(modelPath, wasmPath) {
+  try {
+    await checkGpuSupport();
+    const genai = await FilesetResolver.forGenAiTasks(wasmPath);
+    llmInference = await LlmInference.createFromOptions(genai, {
+      baseOptions: { modelAssetPath: modelPath },
+    });
+    self.postMessage({ type: 'INIT_COMPLETE' });
+  } catch (error) {
+    self.postMessage({ type: 'ERROR', error: error.message || 'Unknown error during initialization' });
+  }
+}
+
+self.onmessage = async (event) => {
+  const { type, payload } = event.data;
+
+  if (type === 'INIT') {
+    const { modelPath, wasmPath } = payload;
+    await initInference(modelPath, wasmPath);
+  }
+
+  if (type === 'GENERATE') {
+    if (!llmInference) {
+      self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });
+      return;
+    }
+
+    try {
+      const { prompt } = payload;
+       llmInference.generateResponse(prompt, (partialText, done) => {
+        self.postMessage({
+          type: 'CHUNK',
+          payload: { text: partialText, done }
+        });
+      });
+    } catch (error) {
+      self.postMessage({ type: 'ERROR', error: error.message || 'Error generating response' });
+    }
+  }
+};
+`;
+function useLlm(options = {}) {
+  const context = useMediaPipeContext();
+  const [output, setOutput] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [progress, setProgress] = useState(0);
+  const workerRef = useRef(null);
+  const modelPath = options.modelPath || context.modelPath;
+  const wasmPath = options.wasmPath || context.wasmPath || "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/wasm";
+  useEffect(() => {
+    if (!context.isBrowser || !modelPath) return;
+    if (!("gpu" in navigator)) {
+      setTimeout(() => setError("WebGPU is not supported in this browser."), 0);
+      return;
+    }
+    let worker;
+    try {
+      worker = new Worker(new URL("./genai.worker", import.meta.url), {
+        type: "module",
+        name: "mediapipe-genai-worker"
+      });
+    } catch (_e) {
+      console.warn("MediaPipe React: Falling back to Blob-based GenAI worker");
+      const blob = new Blob([workerScript], { type: "application/javascript" });
+      worker = new Worker(URL.createObjectURL(blob));
+    }
+    workerRef.current = worker;
+    worker.onmessage = (event) => {
+      const { type, payload, error: workerError } = event.data;
+      switch (type) {
+        case "INIT_COMPLETE":
+          setIsLoading(false);
+          setProgress(100);
+          break;
+        case "CHUNK":
+          setOutput((prev) => prev + payload.text);
+          if (payload.done) {
+            setIsLoading(false);
+          }
+          break;
+        case "ERROR":
+          setError(workerError || "Worker encountered an error");
+          setIsLoading(false);
+          break;
+      }
+    };
+    setTimeout(() => {
+      setIsLoading(true);
+      setProgress(10);
+    }, 0);
+    worker.postMessage({
+      type: "INIT",
+      payload: { modelPath, wasmPath }
+    });
+    return () => {
+      worker.terminate();
+    };
+  }, [context.isBrowser, modelPath, wasmPath]);
+  const generate = useCallback((prompt) => {
+    if (!workerRef.current) {
+      setError("Worker not initialized");
+      return;
+    }
+    setOutput("");
+    setIsLoading(true);
+    setError(null);
+    workerRef.current.postMessage({
+      type: "GENERATE",
+      payload: { prompt }
+    });
+  }, []);
+  return {
+    output,
+    isLoading,
+    progress,
+    error,
+    generate
+  };
+}
+
+export {
+  useLlm,
+  MediaPipeProvider,
+  useMediaPipeContext
+};
+//# sourceMappingURL=chunk-Z5PADYRT.mjs.map

package/dist/chunk-Z5PADYRT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/genai.ts","../src/index.tsx","../src/utils.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { useMediaPipeContext } from './index';\n\n/**\n * The Web Worker logic for MediaPipe GenAI.\n * This is stringified so it can be easily initialized as a Blob URL if the file-based worker fails.\n */\nconst workerScript = `\nimport { LlmInference, FilesetResolver } from 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai';\n\nlet llmInference = null;\n\nasync function checkGpuSupport() {\n  if (!('gpu' in navigator)) {\n    throw new Error('WebGPU is not supported in this browser.');\n  }\n  const gpu = navigator.gpu;\n  const adapter = await gpu.requestAdapter();\n  if (!adapter) {\n    throw new Error('No appropriate GPU adapter found.');\n  }\n}\n\nasync function initInference(modelPath, wasmPath) {\n  try {\n    await checkGpuSupport();\n    const genai = await FilesetResolver.forGenAiTasks(wasmPath);\n    llmInference = await LlmInference.createFromOptions(genai, {\n      baseOptions: { modelAssetPath: modelPath },\n    });\n    self.postMessage({ type: 'INIT_COMPLETE' });\n  } catch (error) {\n    self.postMessage({ type: 'ERROR', error: error.message || 'Unknown error during initialization' });\n  }\n}\n\nself.onmessage = async (event) => {\n  const { type, payload } = event.data;\n\n  if (type === 'INIT') {\n    const { modelPath, wasmPath } = payload;\n    await initInference(modelPath, wasmPath);\n  }\n\n  if (type === 'GENERATE') {\n    if (!llmInference) {\n      self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });\n      return;\n    }\n\n    try {\n      const { prompt } = payload;\n       llmInference.generateResponse(prompt, (partialText, done) => {\n        self.postMessage({\n          type: 'CHUNK',\n          payload: { text: partialText, done }\n        });\n      });\n    } catch (error) {\n      self.postMessage({ type: 'ERROR', error: error.message || 'Error generating response' });\n    }\n  }\n};\n`;\n\nexport interface UseLlmOptions {\n  modelPath?: string;\n  wasmPath?: string;\n}\n\nexport function useLlm(options: UseLlmOptions = {}) {\n  const context = useMediaPipeContext();\n  const [output, setOutput] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [progress, setProgress] = useState(0);\n\n  const workerRef = useRef<Worker | null>(null);\n\n  // Use values from props if provided, otherwise fallback to context\n  const modelPath = options.modelPath || context.modelPath;\n  const wasmPath = options.wasmPath || context.wasmPath || 'https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/wasm';\n\n  useEffect(() => {\n    if (!context.isBrowser || !modelPath) return;\n\n    // Early check for WebGPU support in the UI thread too\n    if (!('gpu' in navigator)) {\n      setTimeout(() => setError('WebGPU is not supported in this browser.'), 0);\n      return;\n    }\n\n    let worker: Worker;\n\n    try {\n      // Attempt to load from the separate worker file (Vite/Next.js/Webpack friendly)\n      worker = new Worker(new URL('./genai.worker', import.meta.url), {\n        type: 'module',\n        name: 'mediapipe-genai-worker'\n      });\n    } catch (_e) {\n      // Fallback to Blob-based worker if relative path fails\n      console.warn('MediaPipe React: Falling back to Blob-based GenAI worker');\n      const blob = new Blob([workerScript], { type: 'application/javascript' });\n      worker = new Worker(URL.createObjectURL(blob));\n    }\n\n    workerRef.current = worker;\n\n    worker.onmessage = (event) => {\n      const { type, payload, error: workerError } = event.data;\n\n      switch (type) {\n        case 'INIT_COMPLETE':\n          setIsLoading(false);\n          setProgress(100);\n          break;\n        case 'CHUNK':\n          setOutput((prev) => prev + payload.text);\n          if (payload.done) {\n            setIsLoading(false);\n          }\n          break;\n        case 'ERROR':\n          setError(workerError || 'Worker encountered an error');\n          setIsLoading(false);\n          break;\n      }\n    };\n\n    setTimeout(() => {\n      setIsLoading(true);\n      setProgress(10); // Initial progress\n    }, 0);\n    worker.postMessage({\n      type: 'INIT',\n      payload: { modelPath, wasmPath },\n    });\n\n    return () => {\n      worker.terminate();\n    };\n  }, [context.isBrowser, modelPath, wasmPath]);\n\n  const generate = useCallback((prompt: string) => {\n    if (!workerRef.current) {\n      setError('Worker not initialized');\n      return;\n    }\n\n    setOutput('');\n    setIsLoading(true);\n    setError(null);\n\n    workerRef.current.postMessage({\n      type: 'GENERATE',\n      payload: { prompt },\n    });\n  }, []);\n\n  return {\n    output,\n    isLoading,\n    progress,\n    error,\n    generate,\n  };\n}\n","'use client';\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport { isBrowser } from './utils';\n\nexport * from './genai';\nexport * from './vision';\nexport * from './audio';\n\nexport interface MediaPipeContextType {\n    wasmPath?: string;\n    modelPath?: string;\n    isBrowser: boolean;\n}\n\nconst MediaPipeContext = createContext<MediaPipeContextType | null>(null);\n\nexport interface MediaPipeProviderProps {\n    children: React.ReactNode;\n    wasmPath?: string;\n    modelPath?: string;\n}\n\nexport const MediaPipeProvider: React.FC<MediaPipeProviderProps> = ({\n    children,\n    wasmPath,\n    modelPath,\n}) => {\n    const value = useMemo(\n        () => ({\n            wasmPath,\n            modelPath,\n            isBrowser,\n        }),\n        [wasmPath, modelPath]\n    );\n\n    return (\n        <MediaPipeContext.Provider value= { value } >\n        { children }\n        </MediaPipeContext.Provider>\n  );\n};\n\nexport const useMediaPipeContext = () => {\n    const context = useContext(MediaPipeContext);\n    if (!context) {\n        throw new Error('useMediaPipeContext must be used within a MediaPipeProvider');\n    }\n    return context;\n};\n\n","export const isBrowser = typeof window !== 'undefined';\n"],"mappings":"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","names":[]}

package/dist/genai.d.mts

@@ -0,0 +1,13 @@
+interface UseLlmOptions {
+    modelPath?: string;
+    wasmPath?: string;
+}
+declare function useLlm(options?: UseLlmOptions): {
+    output: string;
+    isLoading: boolean;
+    progress: number;
+    error: string | null;
+    generate: (prompt: string) => void;
+};
+
+export { type UseLlmOptions, useLlm };

package/dist/genai.d.ts

@@ -0,0 +1,13 @@
+interface UseLlmOptions {
+    modelPath?: string;
+    wasmPath?: string;
+}
+declare function useLlm(options?: UseLlmOptions): {
+    output: string;
+    isLoading: boolean;
+    progress: number;
+    error: string | null;
+    generate: (prompt: string) => void;
+};
+
+export { type UseLlmOptions, useLlm };

package/dist/genai.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkHQ7V4B42js = require('./chunk-HQ7V4B42.js');
+require('./chunk-SUBDHSBP.js');
+require('./chunk-G5GKFZAW.js');
+
+
+exports.useLlm = _chunkHQ7V4B42js.useLlm;
+//# sourceMappingURL=genai.js.map

package/dist/genai.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/genai.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,yCAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/genai.js"}

package/dist/genai.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  useLlm
+} from "./chunk-Z5PADYRT.mjs";
+import "./chunk-HDKHZ5MY.mjs";
+import "./chunk-LMIUBEL2.mjs";
+export {
+  useLlm
+};
+//# sourceMappingURL=genai.mjs.map

package/dist/genai.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/genai.worker.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/genai.worker.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/genai.worker.js

@@ -0,0 +1,52 @@
+"use strict";// src/genai.worker.ts
+var _tasksgenai = require('@mediapipe/tasks-genai');
+var llmInference = null;
+async function checkGpuSupport() {
+  if (!("gpu" in navigator)) {
+    throw new Error("WebGPU is not supported in this browser.");
+  }
+  const gpu = navigator.gpu;
+  const adapter = await gpu.requestAdapter();
+  if (!adapter) {
+    throw new Error("No appropriate GPU adapter found.");
+  }
+}
+async function initInference(modelPath, wasmPath) {
+  try {
+    await checkGpuSupport();
+    const genai = await _tasksgenai.FilesetResolver.forGenAiTasks(wasmPath);
+    llmInference = await _tasksgenai.LlmInference.createFromOptions(genai, {
+      baseOptions: { modelAssetPath: modelPath }
+    });
+    self.postMessage({ type: "INIT_COMPLETE" });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error during initialization";
+    self.postMessage({ type: "ERROR", error: message });
+  }
+}
+self.onmessage = async (event) => {
+  const { type, payload } = event.data;
+  if (type === "INIT") {
+    const { modelPath, wasmPath } = payload;
+    await initInference(modelPath, wasmPath);
+  }
+  if (type === "GENERATE") {
+    if (!llmInference) {
+      self.postMessage({ type: "ERROR", error: "LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported." });
+      return;
+    }
+    try {
+      const { prompt } = payload;
+      llmInference.generateResponse(prompt, (partialText, done) => {
+        self.postMessage({
+          type: "CHUNK",
+          payload: { text: partialText, done }
+        });
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Error generating response";
+      self.postMessage({ type: "ERROR", error: message });
+    }
+  }
+};
+//# sourceMappingURL=genai.worker.js.map

package/dist/genai.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/genai.worker.js","../src/genai.worker.ts"],"names":[],"mappings":"AAAA;ACAA,oDAA8C;AAE9C,IAAI,aAAA,EAAoC,IAAA;AAExC,MAAA,SAAe,eAAA,CAAA,EAAkB;AAC7B,EAAA,GAAA,CAAI,CAAA,CAAE,MAAA,GAAS,SAAA,CAAA,EAAY;AACvB,IAAA,MAAM,IAAI,KAAA,CAAM,0CAA0C,CAAA;AAAA,EAC9D;AACA,EAAA,MAAM,IAAA,EAAO,SAAA,CAAsC,GAAA;AACnD,EAAA,MAAM,QAAA,EAAU,MAAM,GAAA,CAAI,cAAA,CAAe,CAAA;AACzC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS;AACV,IAAA,MAAM,IAAI,KAAA,CAAM,mCAAmC,CAAA;AAAA,EACvD;AACJ;AAEA,MAAA,SAAe,aAAA,CAAc,SAAA,EAAmB,QAAA,EAAkB;AAC9D,EAAA,IAAI;AACA,IAAA,MAAM,eAAA,CAAgB,CAAA;AAEtB,IAAA,MAAM,MAAA,EAAQ,MAAM,2BAAA,CAAgB,aAAA,CAAc,QAAQ,CAAA;AAC1D,IAAA,aAAA,EAAe,MAAM,wBAAA,CAAa,iBAAA,CAAkB,KAAA,EAAO;AAAA,MACvD,WAAA,EAAa,EAAE,cAAA,EAAgB,UAAU;AAAA,IAC7C,CAAC,CAAA;AACD,IAAA,IAAA,CAAK,WAAA,CAAY,EAAE,IAAA,EAAM,gBAAgB,CAAC,CAAA;AAAA,EAC9C,EAAA,MAAA,CAAS,KAAA,EAAgB;AACrB,IAAA,MAAM,QAAA,EAAU,MAAA,WAAiB,MAAA,EAAQ,KAAA,CAAM,QAAA,EAAU,qCAAA;AACzD,IAAA,IAAA,CAAK,WAAA,CAAY,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,QAAQ,CAAC,CAAA;AAAA,EACtD;AACJ;AAEA,IAAA,CAAK,UAAA,EAAY,MAAA,CAAO,KAAA,EAAA,GAAU;AAC9B,EAAA,MAAM,EAAE,IAAA,EAAM,QAAQ,EAAA,EAAI,KAAA,CAAM,IAAA;AAEhC,EAAA,GAAA,CAAI,KAAA,IAAS,MAAA,EAAQ;AACjB,IAAA,MAAM,EAAE,SAAA,EAAW,SAAS,EAAA,EAAI,OAAA;AAChC,IAAA,MAAM,aAAA,CAAc,SAAA,EAAW,QAAQ,CAAA;AAAA,EAC3C;AAEA,EAAA,GAAA,CAAI,KAAA,IAAS,UAAA,EAAY;AACrB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc;AACf,MAAA,IAAA,CAAK,WAAA,CAAY,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,4FAA4F,CAAC,CAAA;AACtI,MAAA,MAAA;AAAA,IACJ;AAEA,IAAA,IAAI;AACA,MAAA,MAAM,EAAE,OAAO,EAAA,EAAI,OAAA;AACnB,MAAA,YAAA,CAAa,gBAAA,CAAiB,MAAA,EAAQ,CAAC,WAAA,EAAa,IAAA,EAAA,GAAS;AACzD,QAAA,IAAA,CAAK,WAAA,CAAY;AAAA,UACb,IAAA,EAAM,OAAA;AAAA,UACN,OAAA,EAAS,EAAE,IAAA,EAAM,WAAA,EAAa,KAAK;AAAA,QACvC,CAAC,CAAA;AAAA,MACL,CAAC,CAAA;AAAA,IACL,EAAA,MAAA,CAAS,KAAA,EAAgB;AACrB,MAAA,MAAM,QAAA,EAAU,MAAA,WAAiB,MAAA,EAAQ,KAAA,CAAM,QAAA,EAAU,2BAAA;AACzD,MAAA,IAAA,CAAK,WAAA,CAAY,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAO,QAAQ,CAAC,CAAA;AAAA,IACtD;AAAA,EACJ;AACJ,CAAA","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/genai.worker.js","sourcesContent":[null,"import { LlmInference, FilesetResolver } from '@mediapipe/tasks-genai';\n\nlet llmInference: LlmInference | null = null;\n\nasync function checkGpuSupport() {\n    if (!('gpu' in navigator)) {\n        throw new Error('WebGPU is not supported in this browser.');\n    }\n    const gpu = (navigator as unknown as { gpu: GPU }).gpu;\n    const adapter = await gpu.requestAdapter();\n    if (!adapter) {\n        throw new Error('No appropriate GPU adapter found.');\n    }\n}\n\nasync function initInference(modelPath: string, wasmPath: string) {\n    try {\n        await checkGpuSupport();\n\n        const genai = await FilesetResolver.forGenAiTasks(wasmPath);\n        llmInference = await LlmInference.createFromOptions(genai, {\n            baseOptions: { modelAssetPath: modelPath },\n        });\n        self.postMessage({ type: 'INIT_COMPLETE' });\n    } catch (error: unknown) {\n        const message = error instanceof Error ? error.message : 'Unknown error during initialization';\n        self.postMessage({ type: 'ERROR', error: message });\n    }\n}\n\nself.onmessage = async (event) => {\n    const { type, payload } = event.data;\n\n    if (type === 'INIT') {\n        const { modelPath, wasmPath } = payload;\n        await initInference(modelPath, wasmPath);\n    }\n\n    if (type === 'GENERATE') {\n        if (!llmInference) {\n            self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });\n            return;\n        }\n\n        try {\n            const { prompt } = payload;\n            llmInference.generateResponse(prompt, (partialText, done) => {\n                self.postMessage({\n                    type: 'CHUNK',\n                    payload: { text: partialText, done }\n                });\n            });\n        } catch (error: unknown) {\n            const message = error instanceof Error ? error.message : 'Error generating response';\n            self.postMessage({ type: 'ERROR', error: message });\n        }\n    }\n};\n"]}

package/dist/genai.worker.mjs

@@ -0,0 +1,52 @@
+// src/genai.worker.ts
+import { LlmInference, FilesetResolver } from "@mediapipe/tasks-genai";
+var llmInference = null;
+async function checkGpuSupport() {
+  if (!("gpu" in navigator)) {
+    throw new Error("WebGPU is not supported in this browser.");
+  }
+  const gpu = navigator.gpu;
+  const adapter = await gpu.requestAdapter();
+  if (!adapter) {
+    throw new Error("No appropriate GPU adapter found.");
+  }
+}
+async function initInference(modelPath, wasmPath) {
+  try {
+    await checkGpuSupport();
+    const genai = await FilesetResolver.forGenAiTasks(wasmPath);
+    llmInference = await LlmInference.createFromOptions(genai, {
+      baseOptions: { modelAssetPath: modelPath }
+    });
+    self.postMessage({ type: "INIT_COMPLETE" });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error during initialization";
+    self.postMessage({ type: "ERROR", error: message });
+  }
+}
+self.onmessage = async (event) => {
+  const { type, payload } = event.data;
+  if (type === "INIT") {
+    const { modelPath, wasmPath } = payload;
+    await initInference(modelPath, wasmPath);
+  }
+  if (type === "GENERATE") {
+    if (!llmInference) {
+      self.postMessage({ type: "ERROR", error: "LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported." });
+      return;
+    }
+    try {
+      const { prompt } = payload;
+      llmInference.generateResponse(prompt, (partialText, done) => {
+        self.postMessage({
+          type: "CHUNK",
+          payload: { text: partialText, done }
+        });
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Error generating response";
+      self.postMessage({ type: "ERROR", error: message });
+    }
+  }
+};
+//# sourceMappingURL=genai.worker.mjs.map

package/dist/genai.worker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/genai.worker.ts"],"sourcesContent":["import { LlmInference, FilesetResolver } from '@mediapipe/tasks-genai';\n\nlet llmInference: LlmInference | null = null;\n\nasync function checkGpuSupport() {\n    if (!('gpu' in navigator)) {\n        throw new Error('WebGPU is not supported in this browser.');\n    }\n    const gpu = (navigator as unknown as { gpu: GPU }).gpu;\n    const adapter = await gpu.requestAdapter();\n    if (!adapter) {\n        throw new Error('No appropriate GPU adapter found.');\n    }\n}\n\nasync function initInference(modelPath: string, wasmPath: string) {\n    try {\n        await checkGpuSupport();\n\n        const genai = await FilesetResolver.forGenAiTasks(wasmPath);\n        llmInference = await LlmInference.createFromOptions(genai, {\n            baseOptions: { modelAssetPath: modelPath },\n        });\n        self.postMessage({ type: 'INIT_COMPLETE' });\n    } catch (error: unknown) {\n        const message = error instanceof Error ? error.message : 'Unknown error during initialization';\n        self.postMessage({ type: 'ERROR', error: message });\n    }\n}\n\nself.onmessage = async (event) => {\n    const { type, payload } = event.data;\n\n    if (type === 'INIT') {\n        const { modelPath, wasmPath } = payload;\n        await initInference(modelPath, wasmPath);\n    }\n\n    if (type === 'GENERATE') {\n        if (!llmInference) {\n            self.postMessage({ type: 'ERROR', error: 'LLM Inference not initialized. Please ensure the model is loaded and WebGPU is supported.' });\n            return;\n        }\n\n        try {\n            const { prompt } = payload;\n            llmInference.generateResponse(prompt, (partialText, done) => {\n                self.postMessage({\n                    type: 'CHUNK',\n                    payload: { text: partialText, done }\n                });\n            });\n        } catch (error: unknown) {\n            const message = error instanceof Error ? error.message : 'Error generating response';\n            self.postMessage({ type: 'ERROR', error: message });\n        }\n    }\n};\n"],"mappings":";AAAA,SAAS,cAAc,uBAAuB;AAE9C,IAAI,eAAoC;AAExC,eAAe,kBAAkB;AAC7B,MAAI,EAAE,SAAS,YAAY;AACvB,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC9D;AACA,QAAM,MAAO,UAAsC;AACnD,QAAM,UAAU,MAAM,IAAI,eAAe;AACzC,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,mCAAmC;AAAA,EACvD;AACJ;AAEA,eAAe,cAAc,WAAmB,UAAkB;AAC9D,MAAI;AACA,UAAM,gBAAgB;AAEtB,UAAM,QAAQ,MAAM,gBAAgB,cAAc,QAAQ;AAC1D,mBAAe,MAAM,aAAa,kBAAkB,OAAO;AAAA,MACvD,aAAa,EAAE,gBAAgB,UAAU;AAAA,IAC7C,CAAC;AACD,SAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAAA,EAC9C,SAAS,OAAgB;AACrB,UAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;AACzD,SAAK,YAAY,EAAE,MAAM,SAAS,OAAO,QAAQ,CAAC;AAAA,EACtD;AACJ;AAEA,KAAK,YAAY,OAAO,UAAU;AAC9B,QAAM,EAAE,MAAM,QAAQ,IAAI,MAAM;AAEhC,MAAI,SAAS,QAAQ;AACjB,UAAM,EAAE,WAAW,SAAS,IAAI;AAChC,UAAM,cAAc,WAAW,QAAQ;AAAA,EAC3C;AAEA,MAAI,SAAS,YAAY;AACrB,QAAI,CAAC,cAAc;AACf,WAAK,YAAY,EAAE,MAAM,SAAS,OAAO,4FAA4F,CAAC;AACtI;AAAA,IACJ;AAEA,QAAI;AACA,YAAM,EAAE,OAAO,IAAI;AACnB,mBAAa,iBAAiB,QAAQ,CAAC,aAAa,SAAS;AACzD,aAAK,YAAY;AAAA,UACb,MAAM;AAAA,UACN,SAAS,EAAE,MAAM,aAAa,KAAK;AAAA,QACvC,CAAC;AAAA,MACL,CAAC;AAAA,IACL,SAAS,OAAgB;AACrB,YAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;AACzD,WAAK,YAAY,EAAE,MAAM,SAAS,OAAO,QAAQ,CAAC;AAAA,IACtD;AAAA,EACJ;AACJ;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,19 @@
+import React from 'react';
+export { UseLlmOptions, useLlm } from './genai.mjs';
+export { useVision } from './vision.mjs';
+export { useAudio } from './audio.mjs';
+
+interface MediaPipeContextType {
+    wasmPath?: string;
+    modelPath?: string;
+    isBrowser: boolean;
+}
+interface MediaPipeProviderProps {
+    children: React.ReactNode;
+    wasmPath?: string;
+    modelPath?: string;
+}
+declare const MediaPipeProvider: React.FC<MediaPipeProviderProps>;
+declare const useMediaPipeContext: () => MediaPipeContextType;
+
+export { type MediaPipeContextType, MediaPipeProvider, type MediaPipeProviderProps, useMediaPipeContext };

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export { UseLlmOptions, useLlm } from './genai.js';
+export { useVision } from './vision.js';
+export { useAudio } from './audio.js';
+
+interface MediaPipeContextType {
+    wasmPath?: string;
+    modelPath?: string;
+    isBrowser: boolean;
+}
+interface MediaPipeProviderProps {
+    children: React.ReactNode;
+    wasmPath?: string;
+    modelPath?: string;
+}
+declare const MediaPipeProvider: React.FC<MediaPipeProviderProps>;
+declare const useMediaPipeContext: () => MediaPipeContextType;
+
+export { type MediaPipeContextType, MediaPipeProvider, type MediaPipeProviderProps, useMediaPipeContext };

package/dist/index.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkHQ7V4B42js = require('./chunk-HQ7V4B42.js');
+
+
+var _chunkSUBDHSBPjs = require('./chunk-SUBDHSBP.js');
+
+
+var _chunkG5GKFZAWjs = require('./chunk-G5GKFZAW.js');
+
+
+
+
+
+
+exports.MediaPipeProvider = _chunkHQ7V4B42js.MediaPipeProvider; exports.useAudio = _chunkG5GKFZAWjs.useAudio; exports.useLlm = _chunkHQ7V4B42js.useLlm; exports.useMediaPipeContext = _chunkHQ7V4B42js.useMediaPipeContext; exports.useVision = _chunkSUBDHSBPjs.useVision;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/index.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,2QAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/index.js"}

package/dist/index.mjs

@@ -0,0 +1,20 @@
+"use client";
+import {
+  MediaPipeProvider,
+  useLlm,
+  useMediaPipeContext
+} from "./chunk-Z5PADYRT.mjs";
+import {
+  useVision
+} from "./chunk-HDKHZ5MY.mjs";
+import {
+  useAudio
+} from "./chunk-LMIUBEL2.mjs";
+export {
+  MediaPipeProvider,
+  useAudio,
+  useLlm,
+  useMediaPipeContext,
+  useVision
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/vision.d.mts

@@ -0,0 +1,3 @@
+declare const useVision: () => string;
+
+export { useVision };

package/dist/vision.d.ts

@@ -0,0 +1,3 @@
+declare const useVision: () => string;
+
+export { useVision };

package/dist/vision.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkSUBDHSBPjs = require('./chunk-SUBDHSBP.js');
+
+
+exports.useVision = _chunkSUBDHSBPjs.useVision;
+//# sourceMappingURL=vision.js.map

package/dist/vision.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/vision.js"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,+CAAC","file":"/Users/aloshy/aloshy-ai/mediapipe-react/packages/core/dist/vision.js"}

package/dist/vision.mjs

@@ -0,0 +1,7 @@
+import {
+  useVision
+} from "./chunk-HDKHZ5MY.mjs";
+export {
+  useVision
+};
+//# sourceMappingURL=vision.mjs.map

package/dist/vision.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@ismail-kattakath/mediapipe-react",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./genai": {
+      "types": "./dist/genai.d.ts",
+      "import": "./dist/genai.mjs",
+      "require": "./dist/genai.js"
+    },
+    "./vision": {
+      "types": "./dist/vision.d.ts",
+      "import": "./dist/vision.mjs",
+      "require": "./dist/vision.js"
+    },
+    "./audio": {
+      "types": "./dist/audio.d.ts",
+      "import": "./dist/audio.mjs",
+      "require": "./dist/audio.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@mediapipe/tasks-genai": "^0.10.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/ui": "^4.0.18",
+    "jsdom": "^28.0.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vitest": "^4.0.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "clean": "rm -rf dist"
+  }
+}