Spaces:

Mafia2008
/

slidemap

Paused

Nanny7 commited on Mar 29

Commit

18e394d

1 Parent(s): 425980b

Switch to Vite + React for ultra-fast builds (3 min)

Files changed (13) hide show

.gitignore ADDED Viewed

+# Dependencies
+node_modules/
+.pnp
+.pnp.js
+# Testing
+coverage/
+*.lcov
+# Production builds
+.next/
+out/
+build/
+dist/
+# Misc
+.DS_Store
+*.pem
+.env
+.env.local
+.env.*.local
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+# TypeScript
+*.tsbuildinfo
+next-env.d.ts
+# Qoder
+.qoder/

Dockerfile CHANGED Viewed

@@ -1,31 +1,23 @@
-# Education Platform - HuggingFace Spaces Dockerfile
 FROM node:20-bullseye
-# Set working directory
 WORKDIR /app
 # Copy package files
-COPY package*.json ./
-# Install ALL dependencies (including devDependencies for build)
 RUN npm install
 # Copy source code
 COPY . .
-# Build the application
 RUN npm run build
-# Create data directory for persistent storage
-RUN mkdir -p /data/sessions /data/uploads
-# Expose port (HF Spaces uses port 7860)
 EXPOSE 7860
-# Set environment variables
-ENV NODE_ENV=production
-ENV PORT=7860
-ENV DATA_DIR=/data
-# Start the standalone Next.js application
-CMD ["node", "server.js"]

+# Simple React App with Vite - HuggingFace Spaces
 FROM node:20-bullseye
 WORKDIR /app
 # Copy package files
+COPY package.vite.json ./package.json
+# Install dependencies
 RUN npm install
 # Copy source code
 COPY . .
+# Build the application (very fast)
 RUN npm run build
+# Expose port
 EXPOSE 7860
+# Serve static files
+RUN npm install -g serve
+CMD ["serve", "-s", "dist", "-l", "7860"]

README.md CHANGED Viewed

@@ -8,8 +8,6 @@ app_file: Dockerfile
 pinned: false
 ---
-# Education Platform - HuggingFace Spaces
 ## 🚀 Real-Time Education Platform with SSE Technology
 A complete education platform that works on HuggingFace Spaces with **unlimited scaling**, **auto-reconnection**, and **bidirectional real-time communication**.

 pinned: false
 ---
 ## 🚀 Real-Time Education Platform with SSE Technology
 A complete education platform that works on HuggingFace Spaces with **unlimited scaling**, **auto-reconnection**, and **bidirectional real-time communication**.

index.html ADDED Viewed

+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>SlideMap - Simple Education Platform</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package-lock.json ADDED Viewed

The diff for this file is too large to render. See raw diff

package.vite.json ADDED Viewed

+{
+  "name": "slidemap-simple",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.0",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  }
+}

src/App.css ADDED Viewed

+.App {
+  text-align: center;
+}
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}

src/App.tsx ADDED Viewed

+import './App.css'
+function App() {
+  return (
+    <div className="App">
+      <header className="App-header">
+        <h1>🎓 SlideMap</h1>
+        <p>Simple Education Platform - Coming Soon!</p>
+        <p style={{ marginTop: '2rem', color: '#666' }}>
+          This is a placeholder. Full app coming soon.<br/>
+          Build time: ~3 minutes with Vite ⚡
+        </p>
+      </header>
+    </div>
+  )
+}
+export default App

src/index.css ADDED Viewed

+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

src/main.tsx ADDED Viewed

+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './index.css'
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

tsconfig.node.json ADDED Viewed

+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

tsconfig.vite.json ADDED Viewed

+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

vite.config.js ADDED Viewed

+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'dist',
+  },
+  server: {
+    port: 7860,
+  },
+  preview: {
+    port: 7860,
+  }
+})