Spaces:

hologramicon
/

3d

Paused

App Files Files Community

hologramicon commited on Nov 13, 2025

Commit

1b5663e

verified ·

1 Parent(s): 0c39f90

Upload 19 files

Browse files

Files changed (19) hide show

.gitignore +4 -0
Dockerfile +19 -8
client/index.html +12 -0
client/package.json +23 -0
client/src/App.tsx +3 -0
client/src/api.ts +4 -0
client/src/main.tsx +5 -0
client/src/scene/Scene.tsx +108 -0
client/src/styles.css +2 -0
client/tsconfig.json +11 -0
docker-compose.yml +8 -0
package.json +7 -7
server/.env.example +5 -0
server/package.json +22 -0
server/src/index.ts +11 -0
server/src/routes/api.ts +16 -0
server/src/services/gemini.ts +13 -0
server/src/services/hf.ts +11 -0
server/tsconfig.json +12 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,4 @@

+node_modules
+dist
+.env
+.vscode

Dockerfile CHANGED Viewed

@@ -1,13 +1,24 @@
-FROM node:20-alpine
 WORKDIR /app
-COPY package.json ./
-COPY package-lock.json ./
-RUN npm install --production
 COPY . .
-RUN npm run build
 EXPOSE 4000
-CMD ["node", "dist/index.js"]

+FROM node:20-alpine AS deps
 WORKDIR /app
+COPY package.json .
+COPY server/package.json ./server/package.json
+COPY client/package.json ./client/package.json
+RUN apk add --no-cache git
+RUN cd server && npm install
+RUN cd ../client && npm install
+FROM node:20-alpine AS builder
+WORKDIR /app
 COPY . .
+RUN cd client && npm run build
+RUN cd server && npm run build
+FROM node:20-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+COPY --from=builder /app/server/dist ./server/dist
+COPY --from=builder /app/client/dist ./client/dist
+COPY server/package.json ./server/package.json
+RUN cd server && npm install --production
 EXPOSE 4000
+CMD ["node","server/dist/index.js"]

client/index.html ADDED Viewed

	@@ -0,0 +1,12 @@

+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Neuro Galaxies</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

client/package.json ADDED Viewed

	@@ -0,0 +1,23 @@

+{
+  "name": "neuro-client",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "three": "^0.152.2"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.0",
+    "vite": "^5.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.11"
+  }
+}

client/src/App.tsx ADDED Viewed

	@@ -0,0 +1,3 @@

+import React from 'react'
+import Scene from './scene/Scene'
+export default function App(){ return <Scene/> }

client/src/api.ts ADDED Viewed

	@@ -0,0 +1,4 @@

+export async function generate(prompt:string){
+  const res = await fetch('/api/generate',{ method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ prompt }) })
+  return res.json()
+}

client/src/main.tsx ADDED Viewed

	@@ -0,0 +1,5 @@

+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App'
+import './styles.css'
+createRoot(document.getElementById('root')!).render(<App />)

client/src/scene/Scene.tsx ADDED Viewed

	@@ -0,0 +1,108 @@

+import React, { useEffect, useRef, useState } from 'react'
+import * as THREE from 'three'
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
+export default function Scene(): JSX.Element {
+  const mountRef = useRef<HTMLDivElement|null>(null)
+  const [ready,setReady] = useState(false)
+  useEffect(()=>{
+    const container = mountRef.current!
+    const scene = new THREE.Scene()
+    const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000)
+    camera.position.set(0,0,20)
+    const renderer = new THREE.WebGLRenderer({ antialias:true })
+    renderer.setSize(window.innerWidth, window.innerHeight)
+    renderer.setPixelRatio(window.devicePixelRatio)
+    container.appendChild(renderer.domElement)
+    const controls = new OrbitControls(camera, renderer.domElement)
+    controls.enableDamping = true
+    const ambient = new THREE.AmbientLight(0xffffff,0.7); scene.add(ambient)
+    const dir = new THREE.DirectionalLight(0xffffff,0.6); dir.position.set(5,10,7.5); scene.add(dir)
+    const group = new THREE.Group(); scene.add(group)
+    // comet particles system
+    const trails: {mesh:THREE.Mesh, life:number}[] = []
+    function addComet(word:string){
+      const geom = new THREE.SphereGeometry(0.12,8,8)
+      const mat = new THREE.MeshStandardMaterial({ color: new THREE.Color(`hsl(${Math.random()*360},80%,60%)`), emissive:0x111111 })
+      const m = new THREE.Mesh(geom, mat)
+      m.position.set((Math.random()-0.5)*30, (Math.random()-0.5)*20, (Math.random()-0.5)*30)
+      (m.userData as any).vel = new THREE.Vector3((Math.random()-0.5)*0.6, (Math.random()-0.5)*0.6, (Math.random()-0.5)*0.6)
+      (m.userData as any).word = word
+      group.add(m)
+      trails.push({mesh:m, life:120})
+    }
+    // text labels as sprites
+    const spriteMaterial = new THREE.SpriteMaterial({ color: 0xffffff })
+    function addLabel(text:string, pos:THREE.Vector3){
+      const canvas = document.createElement('canvas')
+      canvas.width = 256; canvas.height = 64
+      const ctx = canvas.getContext('2d')!
+      ctx.fillStyle = 'rgba(255,255,255,0.9)'; ctx.font = '30px sans-serif'
+      ctx.fillText(text, 8,40)
+      const tex = new THREE.CanvasTexture(canvas)
+      const mat = new THREE.SpriteMaterial({ map:tex, transparent:true })
+      const sp = new THREE.Sprite(mat)
+      sp.scale.set(4,1,1); sp.position.copy(pos)
+      (sp.userData as any).isLabel = true
+      group.add(sp)
+    }
+    // generate initial galaxy nodes from demo algorithm
+    function spawnGalaxy(topic:string, origin:THREE.Vector3){
+      const mainCount = Math.max(3, Math.min(12, Math.floor(Math.random()*10)))
+      for(let i=0;i<mainCount;i++){
+        const theta = Math.random()*Math.PI*2
+        const r = 6 + Math.random()*6
+        const x = origin.x + Math.cos(theta)*r
+        const y = origin.y + (Math.random()-0.5)*4
+        const z = origin.z + Math.sin(theta)*r
+        const node = new THREE.Mesh(new THREE.SphereGeometry(0.25,10,10), new THREE.MeshStandardMaterial({ color: new THREE.Color(`hsl(${(i/mainCount)*360},80%,60%)`) }))
+        node.position.set(x,y,z)
+        group.add(node)
+        addLabel('n'+i, node.position.clone().add(new THREE.Vector3(0.6,0.6,0)))
+        // create comets passing near node
+        if(Math.random()<0.6){
+          addComet('⭐')
+        }
+      }
+    }
+    // add a root
+    const root = new THREE.Mesh(new THREE.SphereGeometry(0.5,16,16), new THREE.MeshStandardMaterial({ color: 0x66ffcc }))
+    root.position.set(0,0,0); group.add(root); addLabel('ROOT', root.position.clone().add(new THREE.Vector3(0,1,0)))
+    spawnGalaxy('example', new THREE.Vector3(0,0,0))
+    // comet update and trail rendering (simple)
+    const trailGroup = new THREE.Group(); scene.add(trailGroup)
+    function animate(){
+      requestAnimationFrame(animate)
+      controls.update()
+      // update comets
+      for(let i=trails.length-1;i>=0;i--){
+        const t = trails[i]
+        t.mesh.position.add((t.mesh.userData as any).vel)
+        t.life -= 1
+        // spawn small fading dots to simulate trail
+        const dot = new THREE.Mesh(new THREE.SphereGeometry(0.04,6,6), new THREE.MeshBasicMaterial({ color: (t.mesh.material as any).color, transparent:true, opacity:0.6 }))
+        dot.position.copy(t.mesh.position)
+        trailGroup.add(dot)
+        // fade dots
+        setTimeout(()=>{ try{ trailGroup.remove(dot); dot.geometry.dispose(); (dot.material as any).dispose() }catch(e){} }, 900)
+        if(t.life<=0){
+          try{ group.remove(t.mesh); t.mesh.geometry.dispose(); (t.mesh.material as any).dispose() }catch(e){}
+          trails.splice(i,1)
+        }
+      }
+      renderer.render(scene, camera)
+    }
+    animate()
+    const onResize = ()=>{ camera.aspect = window.innerWidth/window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight) }
+    window.addEventListener('resize', onResize)
+    setReady(true)
+    return ()=>{
+      window.removeEventListener('resize', onResize)
+      try{ container.removeChild(renderer.domElement) }catch(e){}
+    }
+  },[])
+  return <div style={{width:'100vw',height:'100vh',position:'relative'}} ref={mountRef}>
+    <div style={{position:'absolute',left:20,top:20,zIndex:3,background:'rgba(10,10,10,0.6)',padding:12,borderRadius:8}}>
+      <input id="topic" placeholder="hashtag or topic" style={{width:300}} />
+    </div>
+  </div>
+}

client/src/styles.css ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ :root{--bg:#0b1020}
2	+ html,body,#root{height:100%;margin:0;background:var(--bg);color:#fff;font-family:Inter,system-ui}

client/tsconfig.json ADDED Viewed

	@@ -0,0 +1,11 @@

+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "moduleResolution": "Node",
+    "strict": true,
+    "esModuleInterop": true
+  },
+  "include": ["src"]
+}

docker-compose.yml ADDED Viewed

	@@ -0,0 +1,8 @@

+version: '3.8'
+services:
+  app:
+    build: .
+    env_file:
+      - server/.env.example
+    ports:
+      - "4000:4000"

package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
-  "name": "hf-react-node-starter",
   "private": true,
-  "workspaces": ["client", "server"],
   "scripts": {
-    "dev": "concurrently \"pnpm --filter client dev\" \"pnpm --filter server dev\"",
-    "install:all": "pnpm install --recursive"
   },
-  "devDependencies": {
-    "concurrently": "^8.2.0"
-  }
 }

 {
+  "name": "neuro-galaxy-monorepo",
   "private": true,
+  "workspaces": [
+    "client",
+    "server"
+  ],
   "scripts": {
+    "start": "echo use workspace scripts"
   },
+  "devDependencies": {}
 }

server/.env.example ADDED Viewed

	@@ -0,0 +1,5 @@

+HF_API_KEY=
+GEMINI_API_KEY=
+MODEL_PROVIDER=hf
+PORT=4000
+FIREBASE_SERVICE_ACCOUNT=

server/package.json ADDED Viewed

	@@ -0,0 +1,22 @@

+{
+  "name": "neuro-server",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "ts-node-dev --respawn --transpile-only src/index.ts",
+    "build": "tsc -p .",
+    "start": "node dist/index.js"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
+    "node-fetch": "^3.4.2"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.0",
+    "ts-node-dev": "^2.0.0",
+    "@types/node": "^20.5.6",
+    "@types/express": "^4.17.21"
+  }
+}

server/src/index.ts ADDED Viewed

	@@ -0,0 +1,11 @@

+import express from 'express'
+import cors from 'cors'
+import dotenv from 'dotenv'
+import apiRouter from './routes/api.js'
+dotenv.config()
+const app = express()
+app.use(cors())
+app.use(express.json())
+app.use('/api', apiRouter)
+const port = Number(process.env.PORT||4000)
+app.listen(port, ()=>{ console.log('server listening', port) })

server/src/routes/api.ts ADDED Viewed

	@@ -0,0 +1,16 @@

+import { Router } from 'express'
+import { proxyHF } from '../services/hf.js'
+import { proxyGemini } from '../services/gemini.js'
+const router = Router()
+router.post('/generate', async (req, res) => {
+  const { prompt } = req.body
+  if (!prompt) return res.status(400).json({ error: 'prompt required' })
+  try {
+    const provider = process.env.MODEL_PROVIDER || 'hf'
+    const out = provider === 'gemini' ? await proxyGemini(prompt) : await proxyHF(prompt)
+    res.json({ output: out })
+  } catch (e) {
+    res.status(500).json({ error: String(e) })
+  }
+})
+export default router

server/src/services/gemini.ts ADDED Viewed

	@@ -0,0 +1,13 @@

+import fetch from 'node-fetch'
+const KEY = process.env.GEMINI_API_KEY
+const BASE = 'https://generativelanguage.googleapis.com/v1beta2/models'
+export async function proxyGemini(prompt:string){
+  if(!KEY) throw new Error('GEMINI_API_KEY missing')
+  const model = process.env.GEMINI_MODEL||'models/text-bison-001'
+  const url = `${BASE}/${model}:generate`
+  const res = await fetch(url, { method:'POST', headers: { Authorization:`Bearer ${KEY}`, 'Content-Type':'application/json' }, body: JSON.stringify({ prompt }) })
+  const j = await res.json()
+  if(j?.candidates?.[0]?.content) return j.candidates[0].content
+  if(j?.outputText) return j.outputText
+  return JSON.stringify(j)
+}

server/src/services/hf.ts ADDED Viewed

	@@ -0,0 +1,11 @@

+import fetch from 'node-fetch'
+const KEY = process.env.HF_API_KEY
+const MODEL = process.env.HF_DEFAULT_MODEL || 'gpt2'
+const URL = `https://api-inference.huggingface.co/models/${MODEL}`
+export async function proxyHF(prompt:string){
+  if(!KEY) throw new Error('HF_API_KEY missing')
+  const r = await fetch(URL, { method: 'POST', headers: { Authorization: `Bearer ${KEY}`, 'Content-Type':'application/json' }, body: JSON.stringify({ inputs: prompt }) })
+  const j = await r.json()
+  if(Array.isArray(j) && j[0]?.generated_text) return j[0].generated_text
+  return j.generated_text || JSON.stringify(j)
+}

server/tsconfig.json ADDED Viewed

	@@ -0,0 +1,12 @@

+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "module": "ESNext",
+    "target": "ES2022",
+    "moduleResolution": "Node",
+    "strict": true,
+    "esModuleInterop": true
+  },
+  "include": ["src"]
+}