Add SaaS structure to Jupiter

.env.example

@@ -17,11 +17,6 @@ CLOUDFLARE_STORAGE_BUCKET_NAME="jupiter-dev"
 
 OPENAI_API_KEY=""
 
-# Panda
-
-PANDAVIDEO_API_KEY=""
-PANDAVIDEO_UPLOAD_FOLDER="91568d19-8f77-40a7-b2c2-dd87502568ee"
-
 # Auth
 
 NEXTAUTH_URL="http://localhost:3000"

.eslintignore

@@ -1,3 +1,4 @@
-next.config.js
 node_modules
-.next
+.next
+.turbo
+.vercel

.gitignore

@@ -1,36 +1,16 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
 
 # misc
 .DS_Store
 *.pem
 
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
 # local env files
 .env
 .env*.local
 
 # vercel
 .vercel
 
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+# turborepo
+.turbo

.vscode/settings.json

@@ -1,19 +1,25 @@
 {
   "cSpell.words": [
     "barberpole",
+    "bunnycdn",
     "cloudflare",
     "eden",
     "elysia",
     "hookform",
     "immer",
     "Immer",
+    "neondatabase",
     "NEXTAUTH",
+    "nextjs",
+    "nivo",
     "openai",
     "PANDAVIDEO",
     "presigner",
     "qstash",
     "QSTASH",
+    "superjson",
     "tanstack",
-    "upstash"
+    "upstash",
+    "webvtt"
   ]
 }

README.md

@@ -1,11 +1,3 @@
-Jupiter is a video upload hub that automates the generation of titles, descriptions and transcripts through AI.
+# Nivo
 
-### To-do
-
-- Whisper JAX
-- New FFMPeg (@ffmpeg/core)
-- Datadog / Sentry
-- DeadLetter queue (manual retry)
-  - store number of retries and if its the last maybe notice somewhere and display a button for manual retry
-- Find possibly typos in transcription based on commit diff
-- Tests please?!
+The all-in-one video solution for online learning.

apps/web/.gitignore

@@ -0,0 +1,39 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# turborepo
+.turbo

apps/web/next.config.mjs

@@ -0,0 +1,43 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  logging: {
+    fetches: {
+      fullUrl: true,
+    },
+  },
+
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+
+  images: {
+    remotePatterns: [
+      { hostname: 'lh3.googleusercontent.com' },
+      { hostname: 'github.com' },
+    ],
+  },
+
+  /**
+   * @param {import('webpack').Configuration} config
+   */
+  webpack: (config) => {
+    /**
+     * Suppress warning about not found modules
+     */
+    config.resolve.fallback = {
+      'aws-crt': false,
+      encoding: false,
+      '@aws-sdk/signature-v4-crt': false,
+      bufferutil: false,
+      'utf-8-validate': false,
+    }
+
+    return config
+  },
+}
+
+export default nextConfig

apps/web/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "@hookform/resolvers": "3.3.4",
+    "@nivo/auth": "workspace:*",
+    "@nivo/bunny": "workspace:*",
+    "@nivo/cloudflare": "workspace:*",
+    "@nivo/dayjs": "workspace:*",
+    "@nivo/drizzle": "workspace:*",
+    "@nivo/env": "workspace:*",
+    "@nivo/ffmpeg": "workspace:*",
+    "@nivo/openai": "workspace:*",
+    "@nivo/qstash": "workspace:*",
+    "@nivo/trpc": "workspace:*",
+    "@nivo/webhooks": "workspace:*",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "1.0.4",
+    "@radix-ui/react-avatar": "1.0.3",
+    "@radix-ui/react-checkbox": "1.0.4",
+    "@radix-ui/react-dialog": "1.0.4",
+    "@radix-ui/react-dropdown-menu": "2.0.5",
+    "@radix-ui/react-hover-card": "1.0.6",
+    "@radix-ui/react-icons": "1.3.0",
+    "@radix-ui/react-label": "2.0.2",
+    "@radix-ui/react-popover": "1.0.6",
+    "@radix-ui/react-progress": "1.0.3",
+    "@radix-ui/react-scroll-area": "1.0.4",
+    "@radix-ui/react-select": "1.2.2",
+    "@radix-ui/react-separator": "1.0.3",
+    "@radix-ui/react-slot": "1.0.2",
+    "@radix-ui/react-switch": "1.0.3",
+    "@radix-ui/react-tabs": "1.0.4",
+    "@radix-ui/react-toast": "1.1.4",
+    "@radix-ui/react-tooltip": "1.0.6",
+    "@tanstack/react-query": "5.18.0",
+    "@trpc/client": "next",
+    "@trpc/react-query": "next",
+    "@trpc/server": "next",
+    "@upstash/kafka": "1.3.5",
+    "ai": "2.1.17",
+    "apexcharts": "^3.45.2",
+    "axios": "1.4.0",
+    "bunnycdn-stream": "^2.2.2",
+    "cmdk": "0.2.0",
+    "drizzle-orm": "^0.29.3",
+    "form-data": "4.0.0",
+    "immer": "10.0.3",
+    "jotai": "2.6.3",
+    "jotai-immer": "0.2.0",
+    "lucide-react": "0.319.0",
+    "next": "14.1.0",
+    "next-themes": "0.2.1",
+    "node-webvtt": "1.9.4",
+    "react": "^18.2.0",
+    "react-apexcharts": "^1.4.1",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "14.2.3",
+    "react-hook-form": "7.49.3",
+    "recharts": "2.11.0",
+    "server-only": "^0.0.1",
+    "superjson": "^2.2.1",
+    "tailwind-merge": "2.2.1",
+    "tailwind-variants": "0.1.20",
+    "zod": "3.22.4"
+  },
+  "devDependencies": {
+    "@types/node": "20.4.0",
+    "@types/react-dom": "18.2.19",
+    "@types/react": "18.2.55",
+    "@types/recharts": "1.8.24",
+    "autoprefixer": "10.4.17",
+    "postcss": "8.4.33",
+    "tailwindcss": "3.4.1",
+    "tailwindcss-animate": "1.0.6",
+    "@nivo/tsconfig": "workspace:*",
+    "@nivo/eslint-config": "workspace:*",
+    "@nivo/prettier": "workspace:*",
+    "typescript": "5.3.3"
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@nivo/eslint-config/next"
+    ]
+  },
+  "prettier": "@nivo/prettier"
+}

src/app/(app)/(dashboard)/page.tsx → apps/web/src/app/(app)/(dashboard)/page.tsx

@@ -1,9 +1,9 @@
 import { Metadata } from 'next'
+import { Suspense } from 'react'
 
+import { Loading } from '@/components/summary/loading'
 import { Storage } from '@/components/summary/storage'
 import { TotalCount } from '@/components/summary/total-count'
-import { ViewsCount } from '@/components/summary/views-count'
-import { env } from '@/env'
 
 export const metadata: Metadata = {
   title: 'Dashboard',
@@ -16,11 +16,12 @@ export default function DashboardPage() {
     <>
       <h2 className="text-3xl font-bold tracking-tight">Dashboard</h2>
       <div className="grid grid-cols-2 gap-4">
-        <TotalCount />
-        <Storage />
-      </div>
-      <div className="grid grid-cols-1">
-        {env.PANDAVIDEO_API_KEY && <ViewsCount />}
+        <Suspense fallback={<Loading />}>
+          <TotalCount />
+        </Suspense>
+        <Suspense fallback={<Loading />}>
+          <Storage />
+        </Suspense>
       </div>
     </>
   )