Skip to content

Commit 41ad5d4

Browse files
RomikMakavanaRomikMakavana
committed
Add initial project setup with routing, environment configuration, and Tiptap editor integration
1 parent 883a057 commit 41ad5d4

14 files changed

+474
-353
lines changed

‎.env.example

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# VITE_PUBLIC_URL=/tiptap-pagination/

‎docs/404.html

Lines changed: 0 additions & 14 deletions
This file was deleted.

‎docs/assets/index-CJhRFwYJ.js

Lines changed: 0 additions & 303 deletions
This file was deleted.

‎docs/assets/index-DQufaxD9.js

Lines changed: 323 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/assets/index-DjRgL7FD.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/assets/index-WEm_1m1E.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" type="image/svg+xml" href="/tiptap-pagination/vite.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Admin Demo</title>
8-
<script type="module" crossorigin src="/assets/index-CJhRFwYJ.js"></script>
9-
<link rel="stylesheet" crossorigin href="/assets/index-WEm_1m1E.css">
8+
<script type="module" crossorigin src="/tiptap-pagination/assets/index-DQufaxD9.js"></script>
9+
<link rel="stylesheet" crossorigin href="/tiptap-pagination/assets/index-DjRgL7FD.css">
1010
</head>
1111
<body>
1212
<div id="root"></div>

‎package-lock.json

Lines changed: 43 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
"@tiptap/starter-kit": "^2.12.0",
2424
"class-variance-authority": "^0.7.1",
2525
"clsx": "^2.1.1",
26+
"framer-motion": "^12.12.1",
2627
"lucide-react": "^0.503.0",
2728
"react": "^19.0.0",
2829
"react-dom": "^19.0.0",
@@ -48,5 +49,4 @@
4849
},
4950
"author": "Romik Makavana",
5051
"license": "MIT"
51-
5252
}

‎src/App.tsx

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,30 @@
1+
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
12
import './App.css';
2-
import TiptapEditor from "./ui/tiptap-editor";
3-
3+
// Import your components/pages
4+
import { Loader } from 'lucide-react';
5+
import { Suspense } from 'react';
6+
import { cn } from './lib/utils';
7+
import Home from './pages/Home';
8+
import { AnimatePresence } from 'framer-motion';
9+
import { BASE_PATH } from './lib/config';
410
function App() {
511
return (
6-
<div className="max-w-4xl mx-auto px-2">
7-
<TiptapEditor />
8-
</div>
12+
<><Suspense fallback={<LoadingSpinner />}>
13+
<Router basename={BASE_PATH}>
14+
<AnimatePresence mode="wait">
15+
<Routes >
16+
<Route path='*' element={<Home />} />
17+
</Routes>
18+
</AnimatePresence>
19+
</Router>
20+
</Suspense></>
921
);
1022
}
1123

24+
export const LoadingSpinner = ({ className }: { className?: string }) => {
25+
return <div className="flex justify-center items-center w-full h-screen">
26+
<Loader className={cn("animate-spin w-15 h-15", className)} />
27+
</div>;
28+
};
29+
1230
export default App;

0 commit comments

Comments
 (0)