assistant-robot 0.0.1-alpha → 0.0.1

package/dist/type.d.ts

@@ -0,0 +1,57 @@
+import { LanguageModel } from "./LanguageModel";
+export interface ILanguageModelOptions {
+    [prop: string]: any;
+}
+interface ILanguageModelSubclass<T extends LanguageModel> {
+    new (options: ILanguageModelOptions): T;
+}
+export interface ILanguageModelConfig<T extends LanguageModel> extends ILanguageModelOptions {
+    Model: ILanguageModelSubclass<T>;
+}
+export interface IChatBoxConfig {
+    hide?: boolean;
+    chatBoxClassName?: string;
+}
+export interface IModelConfig {
+    position: [number, number, number];
+    rotation: [number, number, number];
+    helloActionName: string;
+    idleActionName: string;
+    helloContent: string;
+}
+export interface IModelSceneConfig {
+    backgroundColor: number;
+    backgroundAlpha: number;
+    camera: {
+        fov: number;
+        near: number;
+        far: number;
+        position: [number, number, number];
+        lookAt: [number, number, number];
+    };
+    ambientLight: {
+        color: number;
+        intensity: number;
+    };
+    directionalLight: {
+        color: number;
+        intensity: number;
+        position: [number, number, number];
+    };
+}
+export type TRobotModelConfig = Partial<IModelSceneConfig> & {
+    modelConfig?: Partial<IModelConfig>;
+    modelUrl?: string;
+};
+export interface IUserDetectorConfig {
+    solutionPath?: string;
+}
+export interface IAssistantRobotConfig<T extends LanguageModel> {
+    className: string;
+    languageModel: ILanguageModelConfig<T>;
+    chatBox: IChatBoxConfig;
+    robotModel: TRobotModelConfig;
+    userDetector: IUserDetectorConfig;
+}
+export type TCallback = () => void;
+export {};

package/dist/utils-ePOYkfFK.js

@@ -0,0 +1,64 @@
+"use strict";const _={position:[0,0,0],rotation:[0,Math.PI,0],helloActionName:"hello",idleActionName:"idle",helloContent:"Hi, you can talk to me!"},T={backgroundColor:0,backgroundAlpha:0,camera:{fov:50,near:.1,far:10,position:[0,0,2],lookAt:[0,0,0]},ambientLight:{color:16777215,intensity:.5},directionalLight:{color:16777215,intensity:2,position:[10,10,0]}},A={big:{width:640,height:480},small:{width:360,height:270}},e="assistant-robot-model-container",i="assistant_tip_container",d='<div class="assistant-robot-container ',O=`">
+  <style>
+    .assistant-robot-container{
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+    .${e}{
+      flex: 1;
+      position:relative;
+      width:100%;
+    }
+    .${i}{
+      position: absolute;
+      top: 2px;
+      left: 50%;
+      min-width: 100px;
+      border: 1px solid #aaaaaa;
+      border-radius: 6px;
+      background: #fff;
+      transform: translate(-50%);
+      padding: 12px 20px;
+      text-align: center;
+    }
+    .${i}::after{
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: -6px;
+      left: 50%;
+      width: 8px;
+      height: 8px;
+      transform: rotate(45deg);
+      border-bottom: 1px solid #aaaaaa;
+      border-right: 1px solid #aaaaaa;
+      background: #fff;
+    }
+  </style>
+  <div class="${e}">
+    <div class="${i}">HI!</div>
+
+  </div>
+<div>
+`,a="assistant-robot-input",l="assistant-robot-btn",E='<div class="assistant-robot-chartbox',p=`">
+<style>
+  .assistant-robot-chartbox{
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .assistant-robot-input{
+    flex: 1;
+    min-width: 200px;
+    background: rgba(0,0,0,0);
+    border: 1px solid #aaaaaa;
+  }
+  .assistant-robot-btn{
+    flex: 0 0 auto;
+  }
+</style>
+<input class="${a}" type="text" />
+<button class="${l}">ask</button>
+</div>`;var c=(t=>(t[t.loading=1]="loading",t[t.ready=2]="ready",t[t.error=3]="error",t))(c||{});const b=50,I=2e3;function f(){return/iPhone|iPad|iPod/i.test(navigator.userAgent)}function N(){return/Android/i.test(navigator.userAgent)}function h(){return N()||f()}function S(t){return new DOMParser().parseFromString(t,"text/html").body.firstElementChild}function C(t){if(!Array.isArray(t)||t.length===0)return null;let n=-1/0,r=null;for(let s=0;s<t.length;s++){const o=t[s];o&&typeof o.score=="number"&&o.score>n&&(n=o.score,r=o)}return r}exports.ASSISTANT_MODEL_CONTAINER_CLASS=e;exports.ASSISTANT_TIP_CONTAINER=i;exports.CONTAINER_BODY=O;exports.CONTAINER_HEAD=d;exports.ELanguageModelStatus=c;exports.MODEL_CONFIG=_;exports.MODEL_SCENE_CONFIG=T;exports.ONE_LETTER_READ_TIME=b;exports.READ_WAIT_TIME=I;exports.ROBOT_CHAT_BOX_BODY=p;exports.ROBOT_CHAT_BOX_HEAD=E;exports.ROBOT_CHAT_BTN_CLASS=l;exports.ROBOT_CHAT_INPUT_CLASS=a;exports.TARGET_FPS=60;exports.VIDEO_SIZE=A;exports.findHighestScoreItem=C;exports.isMobile=h;exports.parseHTML=S;

package/dist/utils-vFpckT4x.mjs

@@ -0,0 +1,136 @@
+const b = 60, f = {
+  position: [0, 0, 0],
+  rotation: [0, Math.PI, 0],
+  helloActionName: "hello",
+  idleActionName: "idle",
+  helloContent: "Hi, you can talk to me!"
+}, h = {
+  backgroundColor: 0,
+  backgroundAlpha: 0,
+  camera: {
+    fov: 50,
+    near: 0.1,
+    far: 10,
+    position: [0, 0, 2],
+    lookAt: [0, 0, 0]
+  },
+  ambientLight: {
+    color: 16777215,
+    intensity: 0.5
+  },
+  directionalLight: {
+    color: 16777215,
+    intensity: 2,
+    position: [10, 10, 0]
+  }
+}, A = {
+  big: { width: 640, height: 480 },
+  small: { width: 360, height: 270 }
+}, r = "assistant-robot-model-container", n = "assistant_tip_container", _ = '<div class="assistant-robot-container ', x = `">
+  <style>
+    .assistant-robot-container{
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+    .${r}{
+      flex: 1;
+      position:relative;
+      width:100%;
+    }
+    .${n}{
+      position: absolute;
+      top: 2px;
+      left: 50%;
+      min-width: 100px;
+      border: 1px solid #aaaaaa;
+      border-radius: 6px;
+      background: #fff;
+      transform: translate(-50%);
+      padding: 12px 20px;
+      text-align: center;
+    }
+    .${n}::after{
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: -6px;
+      left: 50%;
+      width: 8px;
+      height: 8px;
+      transform: rotate(45deg);
+      border-bottom: 1px solid #aaaaaa;
+      border-right: 1px solid #aaaaaa;
+      background: #fff;
+    }
+  </style>
+  <div class="${r}">
+    <div class="${n}">HI!</div>
+
+  </div>
+<div>
+`, e = "assistant-robot-input", c = "assistant-robot-btn", T = '<div class="assistant-robot-chartbox', O = `">
+<style>
+  .assistant-robot-chartbox{
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .assistant-robot-input{
+    flex: 1;
+    min-width: 200px;
+    background: rgba(0,0,0,0);
+    border: 1px solid #aaaaaa;
+  }
+  .assistant-robot-btn{
+    flex: 0 0 auto;
+  }
+</style>
+<input class="${e}" type="text" />
+<button class="${c}">ask</button>
+</div>`;
+var l = /* @__PURE__ */ ((t) => (t[t.loading = 1] = "loading", t[t.ready = 2] = "ready", t[t.error = 3] = "error", t))(l || {});
+const u = 50, m = 2e3;
+function d() {
+  return /iPhone|iPad|iPod/i.test(navigator.userAgent);
+}
+function p() {
+  return /Android/i.test(navigator.userAgent);
+}
+function I() {
+  return p() || d();
+}
+function g(t) {
+  return new DOMParser().parseFromString(t, "text/html").body.firstElementChild;
+}
+function y(t) {
+  if (!Array.isArray(t) || t.length === 0)
+    return null;
+  let s = -1 / 0, i = null;
+  for (let a = 0; a < t.length; a++) {
+    const o = t[a];
+    o && typeof o.score == "number" && o.score > s && (s = o.score, i = o);
+  }
+  return i;
+}
+export {
+  n as A,
+  _ as C,
+  l as E,
+  h as M,
+  u as O,
+  m as R,
+  b as T,
+  A as V,
+  f as a,
+  T as b,
+  O as c,
+  c as d,
+  e,
+  x as f,
+  r as g,
+  y as h,
+  I as i,
+  g as p
+};

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Answer } from "@tensorflow-models/qna/dist/question_and_answer";
+export declare function isiOS(): boolean;
+export declare function isAndroid(): boolean;
+export declare function isMobile(): boolean;
+export declare function parseHTML(htmlString: string): Element | null;
+export declare function findHighestScoreItem(data: Answer[]): Answer | null;

package/index.d.ts

@@ -0,0 +1,3 @@
+declare module '*.glb?url' {
+  export default  string
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assistant-robot",
-  "version": "0.0.1-alpha",
+  "version": "0.0.1",
   "description": "An assistant widget, have a 3D robot which can interact with user, have a simple LLM which can chat with user.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -21,15 +21,24 @@
     "three": "^0.158.0"
   },
   "devDependencies": {
+    "@types/three": "^0.159.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
+    "eslint": "^8.55.0",
+    "typescript": "^5.3.2",
     "vite": "^5.0.4"
   },
   "scripts": {
     "dev": "vite example",
-    "build": "vite build --minify=false",
+    "build": "vite build && tsc",
+    "lint": "eslint . --ext ts --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "keywords": [
     "assistant",
+    "robot",
+    "web-component",
+    "html",
     "LLM",
     "AI",
     "3D",
@@ -37,5 +46,5 @@
     "UI"
   ],
   "author": "ymrdf",
-  "license": "ISC"
+  "license": "MIT"
 }

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Node",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "emitDeclarationOnly": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "declaration": true,    // Ensure this option is set to true
+    "outDir": "dist"        // Specify your output directory
+  },
+  "include": ["index.d.ts","src/**/*.ts"]
+}

package/dist/utils-1rt7_Dvg.js

@@ -1,153 +0,0 @@
-"use strict";
-const TARGET_FPS = 60;
-const MODEL_CONFIG = {
-  position: [0, 0, 0],
-  rotation: [0, Math.PI, 0]
-};
-const MODEL_SCENE_CONFIG = {
-  backgroundColor: 0,
-  backgroundAlpha: 0,
-  camera: {
-    fov: 50,
-    near: 0.1,
-    far: 10,
-    position: [0, 0, 2],
-    lookAt: [0, 0, 0]
-  },
-  ambientLight: {
-    color: 16777215,
-    intensity: 0.5
-  },
-  directionalLight: {
-    color: 16777215,
-    intensity: 2,
-    position: [10, 10, 0]
-  }
-};
-const VIDEO_SIZE = {
-  big: { width: 640, height: 480 },
-  small: { width: 360, height: 270 }
-};
-const ASSISTANT_MODEL_CONTAINER_CLASS = "assistant-robot-model-container";
-const ASSISTANT_TIP_CONTAINER = "assistant_tip_container";
-const CONTAINER_HEAD = `<div class="assistant-robot-container `;
-const CONTAINER_BODY = `">
-  <style>
-    .assistant-robot-container{
-      width: 100%;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-    }
-    .${ASSISTANT_MODEL_CONTAINER_CLASS}{
-      flex: 1;
-      position:relative;
-      width:100%;
-    }
-    .${ASSISTANT_TIP_CONTAINER}{
-      position: absolute;
-      top: 2px;
-      left: 50%;
-      min-width: 100px;
-      border: 1px solid #aaaaaa;
-      border-radius: 6px;
-      background: #fff;
-      transform: translate(-50%);
-      padding: 12px 20px;
-      text-align: center;
-    }
-    .${ASSISTANT_TIP_CONTAINER}::after{
-      content: '';
-      display: block;
-      position: absolute;
-      bottom: -6px;
-      left: 50%;
-      width: 8px;
-      height: 8px;
-      transform: rotate(45deg);
-      border-bottom: 1px solid #aaaaaa;
-      border-right: 1px solid #aaaaaa;
-      background: #fff;
-    }
-  </style>
-  <div class="${ASSISTANT_MODEL_CONTAINER_CLASS}">
-    <div class="${ASSISTANT_TIP_CONTAINER}">HI!</div>
-
-  </div>
-<div>
-`;
-const ROBOT_CHAT_INPUT_CLASS = "assistant-robot-input";
-const ROBOT_CHAT_BTN_CLASS = "assistant-robot-btn";
-const ROBOT_CHAT_BOX_HEAD = '<div class="assistant-robot-chartbox';
-const ROBOT_CHAT_BOX_BODY = `">
-<style>
-  .assistant-robot-chartbox{
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .assistant-robot-input{
-    flex: 1;
-    min-width: 200px;
-    background: rgba(0,0,0,0);
-    border: 1px solid #aaaaaa;
-  }
-  .assistant-robot-btn{
-    flex: 0 0 auto;
-  }
-</style>
-<input class="${ROBOT_CHAT_INPUT_CLASS}" type="text" />
-<button class="${ROBOT_CHAT_BTN_CLASS}">ask</button>
-</div>`;
-const LanguageModelStatus = {
-  loading: 1,
-  ready: 2,
-  error: 3
-};
-function isiOS() {
-  return /iPhone|iPad|iPod/i.test(navigator.userAgent);
-}
-function isAndroid() {
-  return /Android/i.test(navigator.userAgent);
-}
-function isMobile() {
-  return isAndroid() || isiOS();
-}
-function parseHTML(htmlString) {
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(htmlString, "text/html");
-  return doc.body.firstElementChild;
-}
-function findHighestScoreItem(data) {
-  if (!Array.isArray(data) || data.length === 0) {
-    return null;
-  }
-  let maxScore = -Infinity;
-  let maxScoreItem = null;
-  for (let i = 0; i < data.length; i++) {
-    const currentItem = data[i];
-    if (currentItem && typeof currentItem.score === "number") {
-      if (currentItem.score > maxScore) {
-        maxScore = currentItem.score;
-        maxScoreItem = currentItem;
-      }
-    }
-  }
-  return maxScoreItem;
-}
-exports.ASSISTANT_MODEL_CONTAINER_CLASS = ASSISTANT_MODEL_CONTAINER_CLASS;
-exports.ASSISTANT_TIP_CONTAINER = ASSISTANT_TIP_CONTAINER;
-exports.CONTAINER_BODY = CONTAINER_BODY;
-exports.CONTAINER_HEAD = CONTAINER_HEAD;
-exports.LanguageModelStatus = LanguageModelStatus;
-exports.MODEL_CONFIG = MODEL_CONFIG;
-exports.MODEL_SCENE_CONFIG = MODEL_SCENE_CONFIG;
-exports.ROBOT_CHAT_BOX_BODY = ROBOT_CHAT_BOX_BODY;
-exports.ROBOT_CHAT_BOX_HEAD = ROBOT_CHAT_BOX_HEAD;
-exports.ROBOT_CHAT_BTN_CLASS = ROBOT_CHAT_BTN_CLASS;
-exports.ROBOT_CHAT_INPUT_CLASS = ROBOT_CHAT_INPUT_CLASS;
-exports.TARGET_FPS = TARGET_FPS;
-exports.VIDEO_SIZE = VIDEO_SIZE;
-exports.findHighestScoreItem = findHighestScoreItem;
-exports.isMobile = isMobile;
-exports.parseHTML = parseHTML;

package/dist/utils-7giLo_Tq.mjs

@@ -1,154 +0,0 @@
-const TARGET_FPS = 60;
-const MODEL_CONFIG = {
-  position: [0, 0, 0],
-  rotation: [0, Math.PI, 0]
-};
-const MODEL_SCENE_CONFIG = {
-  backgroundColor: 0,
-  backgroundAlpha: 0,
-  camera: {
-    fov: 50,
-    near: 0.1,
-    far: 10,
-    position: [0, 0, 2],
-    lookAt: [0, 0, 0]
-  },
-  ambientLight: {
-    color: 16777215,
-    intensity: 0.5
-  },
-  directionalLight: {
-    color: 16777215,
-    intensity: 2,
-    position: [10, 10, 0]
-  }
-};
-const VIDEO_SIZE = {
-  big: { width: 640, height: 480 },
-  small: { width: 360, height: 270 }
-};
-const ASSISTANT_MODEL_CONTAINER_CLASS = "assistant-robot-model-container";
-const ASSISTANT_TIP_CONTAINER = "assistant_tip_container";
-const CONTAINER_HEAD = `<div class="assistant-robot-container `;
-const CONTAINER_BODY = `">
-  <style>
-    .assistant-robot-container{
-      width: 100%;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-    }
-    .${ASSISTANT_MODEL_CONTAINER_CLASS}{
-      flex: 1;
-      position:relative;
-      width:100%;
-    }
-    .${ASSISTANT_TIP_CONTAINER}{
-      position: absolute;
-      top: 2px;
-      left: 50%;
-      min-width: 100px;
-      border: 1px solid #aaaaaa;
-      border-radius: 6px;
-      background: #fff;
-      transform: translate(-50%);
-      padding: 12px 20px;
-      text-align: center;
-    }
-    .${ASSISTANT_TIP_CONTAINER}::after{
-      content: '';
-      display: block;
-      position: absolute;
-      bottom: -6px;
-      left: 50%;
-      width: 8px;
-      height: 8px;
-      transform: rotate(45deg);
-      border-bottom: 1px solid #aaaaaa;
-      border-right: 1px solid #aaaaaa;
-      background: #fff;
-    }
-  </style>
-  <div class="${ASSISTANT_MODEL_CONTAINER_CLASS}">
-    <div class="${ASSISTANT_TIP_CONTAINER}">HI!</div>
-
-  </div>
-<div>
-`;
-const ROBOT_CHAT_INPUT_CLASS = "assistant-robot-input";
-const ROBOT_CHAT_BTN_CLASS = "assistant-robot-btn";
-const ROBOT_CHAT_BOX_HEAD = '<div class="assistant-robot-chartbox';
-const ROBOT_CHAT_BOX_BODY = `">
-<style>
-  .assistant-robot-chartbox{
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .assistant-robot-input{
-    flex: 1;
-    min-width: 200px;
-    background: rgba(0,0,0,0);
-    border: 1px solid #aaaaaa;
-  }
-  .assistant-robot-btn{
-    flex: 0 0 auto;
-  }
-</style>
-<input class="${ROBOT_CHAT_INPUT_CLASS}" type="text" />
-<button class="${ROBOT_CHAT_BTN_CLASS}">ask</button>
-</div>`;
-const LanguageModelStatus = {
-  loading: 1,
-  ready: 2,
-  error: 3
-};
-function isiOS() {
-  return /iPhone|iPad|iPod/i.test(navigator.userAgent);
-}
-function isAndroid() {
-  return /Android/i.test(navigator.userAgent);
-}
-function isMobile() {
-  return isAndroid() || isiOS();
-}
-function parseHTML(htmlString) {
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(htmlString, "text/html");
-  return doc.body.firstElementChild;
-}
-function findHighestScoreItem(data) {
-  if (!Array.isArray(data) || data.length === 0) {
-    return null;
-  }
-  let maxScore = -Infinity;
-  let maxScoreItem = null;
-  for (let i = 0; i < data.length; i++) {
-    const currentItem = data[i];
-    if (currentItem && typeof currentItem.score === "number") {
-      if (currentItem.score > maxScore) {
-        maxScore = currentItem.score;
-        maxScoreItem = currentItem;
-      }
-    }
-  }
-  return maxScoreItem;
-}
-export {
-  ASSISTANT_TIP_CONTAINER as A,
-  CONTAINER_HEAD as C,
-  LanguageModelStatus as L,
-  MODEL_SCENE_CONFIG as M,
-  ROBOT_CHAT_BOX_HEAD as R,
-  TARGET_FPS as T,
-  VIDEO_SIZE as V,
-  MODEL_CONFIG as a,
-  ROBOT_CHAT_BOX_BODY as b,
-  ROBOT_CHAT_BTN_CLASS as c,
-  ROBOT_CHAT_INPUT_CLASS as d,
-  CONTAINER_BODY as e,
-  ASSISTANT_MODEL_CONTAINER_CLASS as f,
-  findHighestScoreItem as g,
-  isMobile as i,
-  parseHTML as p
-};