da71acb431
Phase 1: Rich Text Editor with Code Syntax Highlighting - Add TipTap CodeBlock extension with lowlight for syntax highlighting - Support multiple languages (JavaScript, TypeScript, Python, Java, C++, HTML, CSS, JSON) - Add copy-to-clipboard button on code blocks - Add line numbers display with CSS - Replace textarea with RichTextEditor in CurriculumEditor - Add DOMPurify sanitization in Bootcamp display - Add dark theme syntax highlighting styles Phase 2: Admin Curriculum Management Page - Create dedicated ProductCurriculum page at /admin/products/:id/curriculum - Three-column layout: Modules (3) | Lessons (5) | Editor (4) - Full-page UX with drag-and-drop reordering - Add "Manage Curriculum" button for bootcamp products in AdminProducts - Breadcrumb navigation back to products Phase 3: Product-Level Video Source Toggle - Add youtube_url and embed_code columns to bootcamp_lessons table - Add video_source and video_source_config columns to products table - Update ProductCurriculum with separate YouTube URL and Embed Code fields - Create smart VideoPlayer component in Bootcamp.tsx - Support YouTube ↔ Embed switching with smart fallback - Show "Konten tidak tersedia" warning when no video configured - Maintain backward compatibility with existing video_url field 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
100 lines
3.3 KiB
JSON
100 lines
3.3 KiB
JSON
{
|
|
"name": "vite_react_shadcn_ts",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"build:dev": "vite build --mode development",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@hookform/resolvers": "^3.10.0",
|
|
"@radix-ui/react-accordion": "^1.2.11",
|
|
"@radix-ui/react-alert-dialog": "^1.1.14",
|
|
"@radix-ui/react-aspect-ratio": "^1.1.7",
|
|
"@radix-ui/react-avatar": "^1.1.10",
|
|
"@radix-ui/react-checkbox": "^1.3.2",
|
|
"@radix-ui/react-collapsible": "^1.1.11",
|
|
"@radix-ui/react-context-menu": "^2.2.15",
|
|
"@radix-ui/react-dialog": "^1.1.14",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.15",
|
|
"@radix-ui/react-hover-card": "^1.1.14",
|
|
"@radix-ui/react-label": "^2.1.7",
|
|
"@radix-ui/react-menubar": "^1.1.15",
|
|
"@radix-ui/react-navigation-menu": "^1.2.13",
|
|
"@radix-ui/react-popover": "^1.1.14",
|
|
"@radix-ui/react-progress": "^1.1.7",
|
|
"@radix-ui/react-radio-group": "^1.3.7",
|
|
"@radix-ui/react-scroll-area": "^1.2.9",
|
|
"@radix-ui/react-select": "^2.2.5",
|
|
"@radix-ui/react-separator": "^1.1.7",
|
|
"@radix-ui/react-slider": "^1.3.5",
|
|
"@radix-ui/react-slot": "^1.2.3",
|
|
"@radix-ui/react-switch": "^1.2.5",
|
|
"@radix-ui/react-tabs": "^1.1.12",
|
|
"@radix-ui/react-toast": "^1.2.14",
|
|
"@radix-ui/react-toggle": "^1.1.9",
|
|
"@radix-ui/react-toggle-group": "^1.1.10",
|
|
"@radix-ui/react-tooltip": "^1.2.7",
|
|
"@supabase/supabase-js": "^2.88.0",
|
|
"@tanstack/react-query": "^5.83.0",
|
|
"@tiptap/extension-code-block-lowlight": "^3.14.0",
|
|
"@tiptap/extension-image": "^3.13.0",
|
|
"@tiptap/extension-link": "^3.13.0",
|
|
"@tiptap/extension-placeholder": "^3.13.0",
|
|
"@tiptap/extension-table": "^3.14.0",
|
|
"@tiptap/extension-table-cell": "^3.14.0",
|
|
"@tiptap/extension-table-header": "^3.14.0",
|
|
"@tiptap/extension-table-row": "^3.14.0",
|
|
"@tiptap/extension-text-align": "^3.14.0",
|
|
"@tiptap/react": "^3.13.0",
|
|
"@tiptap/starter-kit": "^3.13.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^3.6.0",
|
|
"dompurify": "^3.3.1",
|
|
"embla-carousel-react": "^8.6.0",
|
|
"input-otp": "^1.4.2",
|
|
"lowlight": "^3.3.0",
|
|
"lucide-react": "^0.462.0",
|
|
"next-themes": "^0.3.0",
|
|
"qrcode.react": "^4.2.0",
|
|
"react": "^18.3.1",
|
|
"react-day-picker": "^8.10.1",
|
|
"react-dom": "^18.3.1",
|
|
"react-hook-form": "^7.61.1",
|
|
"react-resizable-panels": "^2.1.9",
|
|
"react-router-dom": "^6.30.1",
|
|
"recharts": "^2.15.4",
|
|
"sonner": "^1.7.4",
|
|
"tailwind-merge": "^2.6.0",
|
|
"tailwindcss-animate": "^1.0.7",
|
|
"tiptap-extension-resize-image": "^1.3.2",
|
|
"vaul": "^0.9.9",
|
|
"zod": "^3.25.76"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.32.0",
|
|
"@tailwindcss/typography": "^0.5.16",
|
|
"@types/node": "^22.16.5",
|
|
"@types/react": "^18.3.23",
|
|
"@types/react-dom": "^18.3.7",
|
|
"@vitejs/plugin-react-swc": "^3.11.0",
|
|
"autoprefixer": "^10.4.21",
|
|
"eslint": "^9.32.0",
|
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
"eslint-plugin-react-refresh": "^0.4.20",
|
|
"globals": "^15.15.0",
|
|
"lovable-tagger": "^1.1.13",
|
|
"postcss": "^8.5.6",
|
|
"tailwindcss": "^3.4.17",
|
|
"typescript": "^5.8.3",
|
|
"typescript-eslint": "^8.38.0",
|
|
"vite": "^5.4.19"
|
|
}
|
|
}
|