hume 0.1.0

package/README.md

@@ -0,0 +1 @@
+# Hume AI TypeScript SDK

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "hume",
+  "version": "0.1.0",
+  "description": "Hume AI TypeScript SDK",
+  "main": "src/index.ts",
+  "keywords": [
+    "hume",
+    "ai",
+    "multimodal",
+    "expression",
+    "analysis",
+    "sentiment",
+    "voice",
+    "recognition",
+    "detection",
+    "emotion",
+    "speech",
+    "audio",
+    "vision",
+    "expressive",
+    "embeddings",
+    "communication",
+    "learning"
+  ],
+  "author": "Hume AI Dev",
+  "license": "MIT",
+  "private": false,
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "^17.0.37",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.18",
+    "tailwindcss": "^3.2.1",
+    "typescript": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "scripts": {
+    "build": "tsc"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/src/components/HumeWidget.tsx

@@ -0,0 +1,37 @@
+import { useEffect, useRef } from "react";
+
+interface HumeWidgetProps {
+  width: number;
+  height: number;
+}
+
+export default function HumeWidget(props: HumeWidgetProps) {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (!canvas || !context) {
+      console.log("Missing canvas or canvas context");
+      return;
+    }
+
+    canvas.width = props.width;
+    canvas.height = props.height;
+
+    const radius = 6;
+    const location = { x: canvas.width / 2, y: canvas.height / 2 };
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    context.beginPath();
+    context.arc(location.x, location.y, radius, 0, 2 * Math.PI);
+    context.fillStyle = "#3498db";
+    context.fill();
+  }, []);
+
+  return (
+    <div className="gb-neutral-400">
+      <canvas ref={canvasRef}></canvas>
+      <span>TEST</span>
+    </div>
+  );
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+import HumeWidget from "./components/HumeWidget";
+
+export { HumeWidget };

package/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "isolatedModules": false,
+    "jsx": "react-jsx",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": false,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "target": "es6"
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}