Spaces:

mistral-hackaton-2026
/

hackernews_radio

Build error

App Files Files Community

ldidukh commited on Mar 1

Commit

fcbeeae

1 Parent(s): a5efc6c

Fix: load transformers.js from CDN, remove paths option; ignore dist/

Browse files

Files changed (11) hide show

dist/index.html +0 -15
dist/server/app/feed/loading.js +0 -2
dist/server/app/feed/page.js +0 -2
dist/server/app/layout.js +0 -2
dist/server/app/page.js +0 -2
dist/server/image.json +0 -36
dist/server/lib/mistral-summarize.js +0 -2
dist/server/manifest.json +0 -66
dist/server/routes.json +0 -41
src/lib/voxtral-local.ts +21 -16
vite.config.ts +0 -11

dist/index.html DELETED Viewed

@@ -1,15 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>HN Radio - Listen to Hacker News</title>
-  <script type="module" crossorigin src="/assets/index-Dbk3viwN.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-uzjJOG7t.css">
-</head>
-<body class="min-h-screen bg-white-950 text-black-100">
-  <div id="root" />
-</body>
-</html>

dist/server/app/feed/loading.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Built: 2026-03-01T21:17:29.353Z
2	- function e(){return React.createElement(`div`,{className:`max-w-2xl mx-auto px-6 py-8`},React.createElement(`div`,{className:`flex items-center justify-between mb-8 p-4 rounded-2xl bg-white border border-gray-200 animate-pulse`},React.createElement(`div`,{className:`flex items-center gap-3`},React.createElement(`div`,{className:`w-10 h-10 rounded-full bg-gray-200`}),React.createElement(`div`,{className:`space-y-2`},React.createElement(`div`,{className:`h-3 w-24 bg-gray-200 rounded`}),React.createElement(`div`,{className:`h-2 w-32 bg-gray-200 rounded`})))),React.createElement(`div`,{className:`space-y-4`},[1,2,3].map(e=>React.createElement(`div`,{key:e,className:`p-6 rounded-2xl bg-white border border-gray-200 animate-pulse`},React.createElement(`div`,{className:`flex items-center gap-3 mb-4`},React.createElement(`div`,{className:`w-12 h-12 rounded-full bg-gray-200`}),React.createElement(`div`,{className:`space-y-2`},React.createElement(`div`,{className:`h-3 w-28 bg-gray-200 rounded`}),React.createElement(`div`,{className:`h-2 w-40 bg-gray-200 rounded`}))),React.createElement(`div`,{className:`space-y-2`},React.createElement(`div`,{className:`h-3 w-full bg-gray-200 rounded`}),React.createElement(`div`,{className:`h-3 w-full bg-gray-200 rounded`}),React.createElement(`div`,{className:`h-3 w-3/4 bg-gray-200 rounded`}))))))}export{e as default};

dist/server/app/feed/page.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Built: 2026-03-01T21:17:29.364Z
2	- function e(e,t,n){let r=t+`#`+n,i={};Object.defineProperty(i,`$$typeof`,{value:Symbol.for(`react.client.reference`),enumerable:!1}),Object.defineProperty(i,`$$id`,{value:r,enumerable:!1}),Object.defineProperty(i,`$$async`,{value:!1,enumerable:!1});try{globalThis[`~rari`]?.bridge!==void 0&&typeof globalThis[`~rari`].bridge.registerClientReference==`function`&&globalThis[`~rari`].bridge.registerClientReference(r,t,n)}catch(e){console.error(`[rari] Build: Failed to register client reference with Rust bridge:`,e)}return i}const t=e(null,`src/components/HNPostFeed.tsx`,`HNPostFeed`);function n(){return React.createElement(`div`,{className:`max-w-6xl mx-auto px-6 py-4`},React.createElement(t,null))}export{n as default};

dist/server/app/layout.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Built: 2026-03-01T21:17:29.378Z
2	- function e({children:e}){return React.createElement(`div`,{className:`min-h-screen text-gray-900`,style:{backgroundColor:`rgb(255, 240, 194)`}},React.createElement(`nav`,{className:`border-b border-gray-200 bg-white/80 backdrop-blur-sm sticky top-0 z-50`},React.createElement(`div`,{className:`max-w-4xl mx-auto px-6 h-16 flex items-center justify-between`},React.createElement(`a`,{href:`/`,className:`flex items-center gap-3 no-underline`},React.createElement(`div`,{className:`w-10 h-10 rounded-xl bg-gradient-to-br from-orange-500 to-amber-400 flex items-center justify-center`},React.createElement(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`},React.createElement(`path`,{d:`M9 18V5l12-2v13`}),React.createElement(`circle`,{cx:`6`,cy:`18`,r:`3`}),React.createElement(`circle`,{cx:`18`,cy:`16`,r:`3`}))),React.createElement(`span`,{className:`text-xl font-bold text-gray-900`},`HN Radio`)))),React.createElement(`main`,null,e))}const t={title:`HN Radio - Listen to Hacker News`,description:`Transform your Hacker News feed into an audio experience`};export{e as default,t as metadata};

dist/server/app/page.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Built: 2026-03-01T21:17:29.386Z
2	- const e={fontFamily:`'Quivert', sans-serif`};function t(){return React.createElement(`div`,{className:`max-w-4xl mx-auto px-6 py-20`,style:e},React.createElement(`div`,{className:`text-center space-y-8`},React.createElement(`div`,{className:`space-y-4`},React.createElement(`div`,{className:`inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-500/10 border border-orange-500/20 text-orange-600 text-sm font-medium`},React.createElement(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},React.createElement(`polygon`,{points:`11 5 6 9 2 9 2 15 6 15 11 19 11 5`}),React.createElement(`path`,{d:`M15.54 8.46a5 5 0 0 1 0 7.07`}),React.createElement(`path`,{d:`M19.07 4.93a10 10 0 0 1 0 14.14`})),`Audio-first Hacker News`),React.createElement(`h1`,{className:`text-5xl md:text-7xl tracking-tight`},React.createElement(`span`,{className:`text-gray-900`},`Listen to`),React.createElement(`br`,null),React.createElement(`span`,{className:`bg-gradient-to-r from-orange-500 to-amber-400 bg-clip-text text-transparent`},`Hacker News`)),React.createElement(`p`,{className:`text-xl text-gray-500 max-w-2xl mx-auto leading-relaxed`},`Turn top HN stories into a podcast-like experience. Listen hands-free while commuting, exercising, or cooking.`)),React.createElement(`div`,{className:`flex flex-col items-center gap-4`},React.createElement(`a`,{href:`/feed`,className:`inline-flex items-center gap-2 px-8 py-4 rounded-xl bg-gradient-to-r from-orange-500 to-amber-500 hover:from-orange-400 hover:to-amber-400 text-white font-semibold text-lg transition-all shadow-lg shadow-orange-500/25 no-underline`},React.createElement(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`currentColor`},React.createElement(`polygon`,{points:`5 3 19 12 5 21 5 3`})),`Start Listening`),React.createElement(`p`,{className:`text-sm text-gray-400`},`No login required — streams live from the HN API`)),React.createElement(`div`,{className:`grid grid-cols-1 md:grid-cols-3 gap-6 mt-16 text-left`},React.createElement(`div`,{className:`p-6 rounded-2xl bg-white border border-gray-200 shadow-sm`},React.createElement(`div`,{className:`w-12 h-12 rounded-xl bg-orange-500/10 flex items-center justify-center mb-4`},React.createElement(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`#f97316`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},React.createElement(`polyline`,{points:`18 15 12 9 6 15`}))),React.createElement(`h3`,{className:`text-lg font-semibold text-gray-900 mb-2`},`Live Stories`),React.createElement(`p`,{className:`text-gray-500 text-sm`},`Stream top, new, and best stories directly from Hacker News`)),React.createElement(`div`,{className:`p-6 rounded-2xl bg-white border border-gray-200 shadow-sm`},React.createElement(`div`,{className:`w-12 h-12 rounded-xl bg-amber-500/10 flex items-center justify-center mb-4`},React.createElement(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`#f59e0b`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},React.createElement(`path`,{d:`M9 18V5l12-2v13`}),React.createElement(`circle`,{cx:`6`,cy:`18`,r:`3`}),React.createElement(`circle`,{cx:`18`,cy:`16`,r:`3`}))),React.createElement(`h3`,{className:`text-lg font-semibold text-gray-900 mb-2`},`Radio Mode`),React.createElement(`p`,{className:`text-gray-500 text-sm`},`Auto-play through stories like a podcast with adjustable speed`)),React.createElement(`div`,{className:`p-6 rounded-2xl bg-white border border-gray-200 shadow-sm`},React.createElement(`div`,{className:`w-12 h-12 rounded-xl bg-yellow-500/10 flex items-center justify-center mb-4`},React.createElement(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`#eab308`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`},React.createElement(`polygon`,{points:`11 5 6 9 2 9 2 15 6 15 11 19 11 5`}),React.createElement(`path`,{d:`M15.54 8.46a5 5 0 0 1 0 7.07`}))),React.createElement(`h3`,{className:`text-lg font-semibold text-gray-900 mb-2`},`Text to Speech`),React.createElement(`p`,{className:`text-gray-500 text-sm`},`Listen to story summaries read aloud with natural voices`)))))}export{t as default};

dist/server/image.json DELETED Viewed

@@ -1,36 +0,0 @@
-{
-  "remotePatterns": [],
-  "localPatterns": [],
-  "deviceSizes": [
-    640,
-    750,
-    828,
-    1080,
-    1200,
-    1920,
-    2048,
-    3840
-  ],
-  "imageSizes": [
-    16,
-    32,
-    48,
-    64,
-    96,
-    128,
-    256,
-    384
-  ],
-  "formats": [
-    "avif"
-  ],
-  "qualityAllowlist": [
-    25,
-    50,
-    75,
-    100
-  ],
-  "minimumCacheTTL": 60,
-  "maxCacheSize": 104857600,
-  "preoptimizeManifest": []
-}

dist/server/lib/mistral-summarize.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Built: 2026-03-01T21:17:29.340Z
2	- async function e(e,t,n){let r=await fetch(`https://api.mistral.ai/v1/chat/completions`,{method:`POST`,headers:{Authorization:`Bearer ${n}`,"Content-Type":`application/json`},body:JSON.stringify({model:`mistral-small-latest`,messages:[{role:`system`,content:`You summarize articles for audio playback. Write 2–4 natural spoken sentences. No bullet points, no markdown, no special characters. Clean up any HTML artifacts or boilerplate.`},{role:`user`,content:`Title: ${e}\n\n${t}`}],max_tokens:350,temperature:.4})});if(!r.ok){let e=await r.text().catch(()=>r.statusText);throw Error(`Mistral summarize error ${r.status}: ${e}`)}return((await r.json()).choices?.[0]?.message?.content??``).trim()}export{e as summarizeForAudio};

dist/server/manifest.json DELETED Viewed

@@ -1,66 +0,0 @@
-{
-  "components": {
-    "lib/mistral-summarize": {
-      "id": "lib/mistral-summarize",
-      "filePath": "/Users/leonid/Desktop/LinkedinRadio/src/lib/mistral-summarize.ts",
-      "relativePath": "src/lib/mistral-summarize.ts",
-      "bundlePath": "server/lib/mistral-summarize.js",
-      "moduleSpecifier": "file:///Users/leonid/Desktop/LinkedinRadio/dist/server/lib/mistral-summarize.js",
-      "dependencies": [],
-      "hasNodeImports": false
-    },
-    "app/feed/loading": {
-      "id": "app/feed/loading",
-      "filePath": "/Users/leonid/Desktop/LinkedinRadio/src/app/feed/loading.tsx",
-      "relativePath": "src/app/feed/loading.tsx",
-      "bundlePath": "server/app/feed/loading.js",
-      "moduleSpecifier": "file:///Users/leonid/Desktop/LinkedinRadio/dist/server/app/feed/loading.js",
-      "dependencies": [],
-      "hasNodeImports": false
-    },
-    "app/feed/page": {
-      "id": "app/feed/page",
-      "filePath": "/Users/leonid/Desktop/LinkedinRadio/src/app/feed/page.tsx",
-      "relativePath": "src/app/feed/page.tsx",
-      "bundlePath": "server/app/feed/page.js",
-      "moduleSpecifier": "file:///Users/leonid/Desktop/LinkedinRadio/dist/server/app/feed/page.js",
-      "dependencies": [
-        "@/components/HNPostFeed"
-      ],
-      "hasNodeImports": false
-    },
-    "app/layout": {
-      "id": "app/layout",
-      "filePath": "/Users/leonid/Desktop/LinkedinRadio/src/app/layout.tsx",
-      "relativePath": "src/app/layout.tsx",
-      "bundlePath": "server/app/layout.js",
-      "moduleSpecifier": "file:///Users/leonid/Desktop/LinkedinRadio/dist/server/app/layout.js",
-      "dependencies": [],
-      "hasNodeImports": false
-    },
-    "app/page": {
-      "id": "app/page",
-      "filePath": "/Users/leonid/Desktop/LinkedinRadio/src/app/page.tsx",
-      "relativePath": "src/app/page.tsx",
-      "bundlePath": "server/app/page.js",
-      "moduleSpecifier": "file:///Users/leonid/Desktop/LinkedinRadio/dist/server/app/page.js",
-      "dependencies": [],
-      "hasNodeImports": false
-    }
-  },
-  "importMap": {
-    "imports": {
-      "react": "npm:react@19",
-      "react-dom": "npm:react-dom@19",
-      "react/jsx-runtime": "npm:react@19/jsx-runtime",
-      "react/jsx-dev-runtime": "npm:react@19/jsx-dev-runtime",
-      "@/": "file:///Users/leonid/Desktop/LinkedinRadio/src/",
-      "react/jsx-runtime/": "file:///Users/leonid/Desktop/LinkedinRadio/node_modules/react/jsx-runtime.js/",
-      "react/jsx-dev-runtime/": "file:///Users/leonid/Desktop/LinkedinRadio/node_modules/react/jsx-dev-runtime.js/",
-      "react/": "file:///Users/leonid/Desktop/LinkedinRadio/node_modules/react/index.js/",
-      "react-dom/client/": "file:///Users/leonid/Desktop/LinkedinRadio/node_modules/react-dom/client.js/"
-    }
-  },
-  "version": "1.0.0",
-  "buildTime": "2026-03-01T21:17:29.319Z"
-}

dist/server/routes.json DELETED Viewed

@@ -1,41 +0,0 @@
-{
-  "routes": [
-    {
-      "path": "/",
-      "filePath": "page.tsx",
-      "segments": [],
-      "params": [],
-      "isDynamic": false
-    },
-    {
-      "path": "/feed",
-      "filePath": "feed/page.tsx",
-      "segments": [
-        {
-          "type": "static",
-          "value": "feed"
-        }
-      ],
-      "params": [],
-      "isDynamic": false
-    }
-  ],
-  "layouts": [
-    {
-      "path": "/",
-      "filePath": "layout.tsx"
-    }
-  ],
-  "loading": [
-    {
-      "path": "/feed",
-      "filePath": "feed/loading.tsx",
-      "componentId": "loading:/feed"
-    }
-  ],
-  "errors": [],
-  "notFound": [],
-  "apiRoutes": [],
-  "ogImages": [],
-  "generated": "2026-03-01T21:17:27.149Z"
-}

src/lib/voxtral-local.ts CHANGED Viewed

@@ -1,8 +1,6 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-import { VoxtralProcessor, env } from '@huggingface/transformers'
-// Always fetch from HuggingFace Hub, never look for local files
-env.allowLocalModels = false
 const MODEL_ID = 'onnx-community/Voxtral-Mini-3B-2507-ONNX'
@@ -14,13 +12,24 @@ export interface LoadProgress {
   message: string
 }
-// Use `any` for the model to avoid fighting internal-only type requirements
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let _processor: any = null
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let _model: any = null
 let _loadPromise: Promise<void> | null = null
 /** Resample a WebM/any audio blob to a 16 kHz mono Float32Array */
 async function decodeAudioTo16kHz(blob: Blob): Promise<Float32Array> {
   const arrayBuffer = await blob.arrayBuffer()
@@ -59,14 +68,14 @@ export function loadVoxtralLocal(onProgress?: (info: LoadProgress) => void): Pro
     const report = (progress: number, message: string) =>
       onProgress?.({ status: 'loading', progress, message })
-    report(0, 'Loading processor…')
     _processor = await VoxtralProcessor.from_pretrained(MODEL_ID)
     report(5, 'Downloading model weights (this may take several minutes on first run)…')
-    // Dynamically import to avoid top-level type issues with the model class
-    const { VoxtralForConditionalGeneration } = await import('@huggingface/transformers')
     let lastPct = 5
     _model = await VoxtralForConditionalGeneration.from_pretrained(MODEL_ID, {
       dtype: {
@@ -113,7 +122,6 @@ export async function transcribeWithVoxtralLocal(audioBlob: Blob): Promise<strin
   const audio = await decodeAudioTo16kHz(audioBlob)
-  // Multimodal conversation format (runtime supports array content despite TS types)
   const conversation = [
     {
       role: 'user',
@@ -124,8 +132,7 @@ export async function transcribeWithVoxtralLocal(audioBlob: Blob): Promise<strin
     },
   ]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const text = _processor.apply_chat_template(conversation as any, { tokenize: false })
   const inputs = await _processor(text, audio)
   const generated_ids = await _model.generate({
@@ -133,10 +140,8 @@ export async function transcribeWithVoxtralLocal(audioBlob: Blob): Promise<strin
     max_new_tokens: 256,
   })
-  // Strip prompt tokens — keep only newly generated tokens
   const promptLen = inputs.input_ids?.dims?.at(-1) ?? 0
-  const new_tokens = (generated_ids as { slice: (...args: unknown[]) => unknown })
-    .slice(null, [promptLen, null])
   const [transcription] = _processor.batch_decode(new_tokens, { skip_special_tokens: true })
   return transcription.trim()
 }

+// @huggingface/transformers is loaded from CDN at runtime (not bundled)
+// to avoid OOMing the Docker build with its 139 MB package size.
+const HF_CDN = 'https://esm.sh/@huggingface/transformers@3.8.1'
 const MODEL_ID = 'onnx-community/Voxtral-Mini-3B-2507-ONNX'
   message: string
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let _lib: any = null
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let _processor: any = null
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let _model: any = null
 let _loadPromise: Promise<void> | null = null
+/** Lazy-load the CDN module once */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+async function getLib(): Promise<any> {
+  if (_lib) return _lib
+  // @vite-ignore tells rolldown/vite not to try to bundle this URL
+  _lib = await import(/* @vite-ignore */ HF_CDN)
+  _lib.env.allowLocalModels = false
+  return _lib
+}
 /** Resample a WebM/any audio blob to a 16 kHz mono Float32Array */
 async function decodeAudioTo16kHz(blob: Blob): Promise<Float32Array> {
   const arrayBuffer = await blob.arrayBuffer()
     const report = (progress: number, message: string) =>
       onProgress?.({ status: 'loading', progress, message })
+    report(0, 'Loading transformers.js from CDN…')
+    const { VoxtralProcessor, VoxtralForConditionalGeneration } = await getLib()
+    report(2, 'Loading processor…')
     _processor = await VoxtralProcessor.from_pretrained(MODEL_ID)
     report(5, 'Downloading model weights (this may take several minutes on first run)…')
     let lastPct = 5
     _model = await VoxtralForConditionalGeneration.from_pretrained(MODEL_ID, {
       dtype: {
   const audio = await decodeAudioTo16kHz(audioBlob)
   const conversation = [
     {
       role: 'user',
     },
   ]
+  const text = _processor.apply_chat_template(conversation, { tokenize: false })
   const inputs = await _processor(text, audio)
   const generated_ids = await _model.generate({
     max_new_tokens: 256,
   })
   const promptLen = inputs.input_ids?.dims?.at(-1) ?? 0
+  const new_tokens = generated_ids.slice(null, [promptLen, null])
   const [transcription] = _processor.batch_decode(new_tokens, { skip_special_tokens: true })
   return transcription.trim()
 }

vite.config.ts CHANGED Viewed

@@ -21,15 +21,4 @@ export default defineConfig({
       '@': path.resolve(__dirname, 'src'),
     },
   },
-  build: {
-    rollupOptions: {
-      external: ['@huggingface/transformers'],
-      output: {
-        // Load the package from CDN at runtime instead of bundling it
-        paths: {
-          '@huggingface/transformers': 'https://esm.sh/@huggingface/transformers@3.8.1',
-        },
-      },
-    },
-  },
 })

       '@': path.resolve(__dirname, 'src'),
     },
   },
 })