start adding assembly

Author: 0thernet

.cursor/rules/next.mdc

@@ -2,6 +2,8 @@
 description: next app
 globs: next/**
 ---
+- You handle every single error by pattern matching Option/Result types. No exception goes uncaught. 
+- You carefully define React error boundaries with helpful user messages.
 - We use a [next.config.ts](mdc:next/next.config.ts) file
 - When running commands, never "run the app to verify" e.g. `bun run dev`. That is my job.
 - We use `bun`. If you're installing a package, use `bun add <package>` rather than edit [package.json](mdc:next/package.json)
@@ -11,7 +13,6 @@ globs: next/**
 - Always use module path imports, e.g. "@/components/ui/button", "@/hooks/use-toast", etc.
 - Always use Lucide for icons
 - Always use Tailwind for styling, rather than inline styles.
-- Always use `bun:test` for unit tests
 - Always use shadcn for UI components instead of implementing your own
 - Always place server actions inside the same file – inlining the server action is better. But note what you are doing and suggest extracting the action for future reuse if it seems appropriate.
 - When accessing environment variables, use from [env.ts](mdc:next/lib/env.ts) getRequiredEnv.

next/app/page.tsx

@@ -1,11 +1,11 @@
-import MainView from "@/components/main-view";
+import DeepgramView from "@/components/deepgram-view";
 
 const Home = () => {
   return (
     <>
       <div className="h-full overflow-hidden">
         <main className="mx-auto h-full">
-          <MainView />
+          <DeepgramView />
         </main>
       </div>
     </>

next/bun.lock

@@ -19,6 +19,7 @@
         "@upstash/redis": "^1.34.4",
         "@vercel/analytics": "^1.5.0",
         "ai": "^4.1.41",
+        "assemblyai": "^4.9.0",
         "class-variance-authority": "^0.7.1",
         "classnames": "^2.5.1",
         "clsx": "^2.1.1",
@@ -476,6 +477,8 @@
 
     "arraybuffer.prototype.slice": ["arraybuffer.prototype.slice@1.0.4", "", { "dependencies": { "array-buffer-byte-length": "^1.0.1", "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.5", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6", "is-array-buffer": "^3.0.4" } }, "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ=="],
 
+    "assemblyai": ["assemblyai@4.9.0", "", { "dependencies": { "ws": "^8.18.0" } }, "sha512-YUvkVIdMKvMLNQ07zWNma9YWvdSoGZy9RuJ/fB5uceAgDnTL2uo8sAlytkt52hD8DJ61xmZkfO9jkjXl3sZTiw=="],
+
     "ast-types-flow": ["ast-types-flow@0.0.8", "", {}, "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="],
 
     "asynckit": ["asynckit@0.4.0", "", {}, "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="],

next/components/main-view.tsx next/components/deepgram-view.tsx

@@ -1,3 +1,7 @@
+/**
+ * Initial spike implementation with Deepgram, live transcription.
+ * Quality is a bit low.
+ */
 "use client";
 
 import { useEffect, useRef, useState, type JSX } from "react";
@@ -19,7 +23,7 @@ import { CloningView } from "./cloning-view";
 import { LanguageSelect } from "./language-select";
 import { FragmentComponent, type Fragment } from "./fragment";
 
-const MainView: () => JSX.Element = () => {
+const DeepgramView: () => JSX.Element = () => {
   const [inputText, setInputText] = useState("");
   const [fragments, setFragments] = useState<Fragment[]>([]);
   const [isCollecting, setIsCollecting] = useState(true);
@@ -330,4 +334,4 @@ const MainView: () => JSX.Element = () => {
   );
 };
 
-export default MainView;
+export default DeepgramView;

next/package.json

@@ -31,6 +31,7 @@
     "@upstash/redis": "^1.34.4",
     "@vercel/analytics": "^1.5.0",
     "ai": "^4.1.41",
+    "assemblyai": "^4.9.0",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",