@web-llm-wrappers/react 0.0.1

package/dist/index.mjs

@@ -0,0 +1,105 @@
+import { CreateMLCEngine, MLCEngine, prebuiltAppConfig } from "@mlc-ai/web-llm";
+import { useCallback, useEffect, useState } from "react";
+
+//#region \0@oxc-project+runtime@0.98.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o$1) {
+		return typeof o$1;
+	} : function(o$1) {
+		return o$1 && "function" == typeof Symbol && o$1.constructor === Symbol && o$1 !== Symbol.prototype ? "symbol" : typeof o$1;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.98.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.98.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.98.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.98.0/helpers/objectSpread2.js
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r$1) {
+			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
+			_defineProperty(e, r$1, t[r$1]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
+			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
+		});
+	}
+	return e;
+}
+
+//#endregion
+//#region src/index.ts
+function getAvailableModels() {
+	return prebuiltAppConfig.model_list;
+}
+function useWebLLM({ modelId, engineConfig, chatOptions, debug = false }) {
+	const [engine, setEngine] = useState(null);
+	const [progressReport, setProgressReport] = useState();
+	const loadModel = useCallback((modelId$1) => {
+		if (engine) return engine.reload(modelId$1, chatOptions);
+	}, [engine, chatOptions]);
+	useEffect(() => {
+		if (modelId) CreateMLCEngine(modelId, engineConfig, chatOptions).then((engine$1) => {
+			setEngine(engine$1);
+		});
+		else setEngine(new MLCEngine(_objectSpread2(_objectSpread2({}, engineConfig), {}, { initProgressCallback: (progressReport$1) => {
+			var _engineConfig$initPro;
+			setProgressReport(progressReport$1);
+			engineConfig === null || engineConfig === void 0 || (_engineConfig$initPro = engineConfig.initProgressCallback) === null || _engineConfig$initPro === void 0 || _engineConfig$initPro.call(engineConfig, progressReport$1);
+			if (debug) console.log("DEBUG: WebLLM React:", { progressReport: progressReport$1 });
+		} })));
+		return () => {
+			engine === null || engine === void 0 || engine.unload();
+			setEngine(null);
+		};
+	}, [engineConfig, debug]);
+	return {
+		engine,
+		progressReport,
+		getAvailableModels,
+		loadModel
+	};
+}
+
+//#endregion
+export { useWebLLM };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["modelId","engine","progressReport"],"sources":["../src/index.ts"],"sourcesContent":["import {\n  MLCEngine,\n  ChatOptions,\n  MLCEngineConfig,\n  InitProgressReport,\n  prebuiltAppConfig,\n  CreateMLCEngine,\n} from \"@mlc-ai/web-llm\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nfunction getAvailableModels() {\n  return prebuiltAppConfig.model_list;\n}\n\nexport function useWebLLM({\n  modelId,\n  engineConfig,\n  chatOptions,\n  debug = false,\n}: {\n  modelId?: string | string[];\n  engineConfig?: MLCEngineConfig;\n  chatOptions?: ChatOptions;\n  debug?: boolean;\n}) {\n  const [engine, setEngine] = useState<MLCEngine | null>(null);\n  const [progressReport, setProgressReport] = useState<InitProgressReport>();\n\n  const loadModel = useCallback(\n    (modelId: string) => {\n      if (engine) {\n        return engine.reload(modelId, chatOptions);\n      }\n    },\n    [engine, chatOptions]\n  );\n\n  useEffect(() => {\n    if (modelId) {\n      CreateMLCEngine(modelId, engineConfig, chatOptions).then((engine) => {\n        setEngine(engine);\n      });\n    } else {\n      setEngine(\n        new MLCEngine({\n          ...engineConfig,\n          initProgressCallback: (progressReport) => {\n            setProgressReport(progressReport);\n            engineConfig?.initProgressCallback?.(progressReport);\n\n            if (debug) {\n              console.log(\"DEBUG: WebLLM React:\", { progressReport });\n            }\n          },\n        })\n      );\n    }\n\n    return () => {\n      engine?.unload();\n      setEngine(null);\n    };\n  }, [engineConfig, debug]);\n\n  return { engine, progressReport, getAvailableModels, loadModel };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAS,qBAAqB;AAC5B,QAAO,kBAAkB;;AAG3B,SAAgB,UAAU,EACxB,SACA,cACA,aACA,QAAQ,SAMP;CACD,MAAM,CAAC,QAAQ,aAAa,SAA2B,KAAK;CAC5D,MAAM,CAAC,gBAAgB,qBAAqB,UAA8B;CAE1E,MAAM,YAAY,aACf,cAAoB;AACnB,MAAI,OACF,QAAO,OAAO,OAAOA,WAAS,YAAY;IAG9C,CAAC,QAAQ,YAAY,CACtB;AAED,iBAAgB;AACd,MAAI,QACF,iBAAgB,SAAS,cAAc,YAAY,CAAC,MAAM,aAAW;AACnE,aAAUC,SAAO;IACjB;MAEF,WACE,IAAI,4CACC,qBACH,uBAAuB,qBAAmB;;AACxC,qBAAkBC,iBAAe;AACjC,6FAAc,+GAAuBA,iBAAe;AAEpD,OAAI,MACF,SAAQ,IAAI,wBAAwB,EAAE,kCAAgB,CAAC;OAG3D,CACH;AAGH,eAAa;AACX,kDAAQ,QAAQ;AAChB,aAAU,KAAK;;IAEhB,CAAC,cAAc,MAAM,CAAC;AAEzB,QAAO;EAAE;EAAQ;EAAgB;EAAoB;EAAW"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@web-llm-wrappers/react",
+  "version": "0.0.1",
+  "description": "",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./run": "./dist/run.mjs",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./*"
+      ]
+    }
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "@mlc-ai/web-llm": "^0.2.79"
+  },
+  "dependencies": {
+    "react": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.5",
+    "tsdown": "^0.16.6",
+    "typescript": "^5.9.3"
+  },
+  "tsdown": {
+    "format": [
+      "esm",
+      "cjs"
+    ],
+    "dts": {
+      "resolve": true,
+      "entry": [
+        "./src/index.ts"
+      ],
+      "compilerOptions": {
+        "moduleResolution": "node"
+      }
+    },
+    "sourcemap": true,
+    "clean": true,
+    "target": "es6"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "tsdown --watch",
+    "build": "tsdown"
+  }
+}