MCAL-36: Drop Next.js (#44)

* chore(burma-calendar): update config * reactor: drop next js * refactor: change placeholder of app logo * refactor: move styles to the root level * refactor: pages dir and naming convention
myanmarcyberyouths · Oct 29, 2023 · 77cdb95 · 77cdb95
1 parent 7c93154
commit 77cdb95
Show file tree

Hide file tree

Showing 23 changed files with 1,016 additions and 316 deletions.
diff --git a/apps/myanmar_calendar/index.html b/apps/myanmar_calendar/index.html
@@ -0,0 +1,32 @@
+<!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>mCal - The first Cross Myanmar Calendar</title>
+    <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1"
+    />
+    <title>Myanmar Calendar - First digital calendar of Myanmar</title>
+    <meta
+            name="title"
+            content="Myanmar Calendar - Myanmar's first digital calendar "
+    />
+    <meta name="description"
+          content="Myanmar Calendar is a feature-rich calendar app that seamlessly combines the functionality of Gregorian and Myanmar calendars, catering to users who follow both systems. It supports multiple languages, including Myanmar, Mon, English, Tai, and Karen, ensuring a user-friendly experience for individuals from diverse linguistic backgrounds."/>
+    <meta name="keywords" content="myanmar-calendar, caleadar, burma calendar, burmese calendar"/>
+    <meta name="robots" content="index, follow"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="language" content="English"/>
+    <meta name="revisit-after" content="1 days"/>
+    <meta name="author" content="Aung Myat Moe"/>
+    <meta content="width=device-width, initial-scale=1" name="viewport"/>
+    <meta name="robots" content="all"/>
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="/src/main.tsx"></script>
+</body>
+</html>
diff --git a/apps/myanmar_calendar/next-env.d.ts b/apps/myanmar_calendar/next-env.d.ts
diff --git a/apps/myanmar_calendar/next.config.js b/apps/myanmar_calendar/next.config.js
diff --git a/apps/myanmar_calendar/package.json b/apps/myanmar_calendar/package.json
@@ -4,15 +4,16 @@
   "version": "1.0.0",
   "scripts": {
     "tauri": "tauri",
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
+    "dev": "vite dev",
+    "build": "vite build",
+    "start": "vite start",
     "lint": "next lint"
   },
   "devDependencies": {
     "@tauri-apps/cli": "^1.4.0",
     "@types/node": "20.1.1",
     "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.14",
     "autoprefixer": "^10.4.14",
     "burma-calendar": "workspace:*",
     "eslint": "8.40.0",
@@ -33,6 +34,7 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@reduxjs/toolkit": "^1.9.6",
     "@vercel/analytics": "^1.0.1",
+    "@vitejs/plugin-react": "^4.1.0",
     "burma-calendar": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
@@ -45,6 +47,7 @@
     "react-icons": "^4.11.0",
     "react-redux": "^8.1.3",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.6"
+    "tailwindcss-animate": "^1.0.6",
+    "vite": "^4.5.0"
   }
 }
diff --git a/apps/myanmar_calendar/src-tauri/tauri.conf.json b/apps/myanmar_calendar/src-tauri/tauri.conf.json
@@ -2,8 +2,8 @@
   "build": {
     "beforeBuildCommand": "npm run build",
     "beforeDevCommand": "npm run dev",
-    "devPath": "http://localhost:3000",
-    "distDir": "../out",
+    "devPath": "http://localhost:5173",
+    "distDir": "../dist",
     "withGlobalTauri": true
   },
   "package": {

diff --git a/apps/myanmar_calendar/src/App.tsx b/apps/myanmar_calendar/src/App.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import MyanmarCalendar2 from "@/components/MyanmarCalendar2";
+import {Provider} from "react-redux";
+import {store} from "@/store";
+import AppSetupProvider from "@/components/providers/AppSetupProvider";
+import {Analytics} from "@vercel/analytics/react";
+
+
+const Home = () => {
+    return (
+        <>
+            <Analytics/>
+            <Provider store={store}>
+                <AppSetupProvider>
+                    <MyanmarCalendar2/>
+                </AppSetupProvider>
+            </Provider>
+        </>
+    );
+};
+
+export default Home;
diff --git a/apps/myanmar_calendar/src/assets/styles/globals.css b/apps/myanmar_calendar/src/assets/styles/globals.css
diff --git a/apps/myanmar_calendar/src/assets/styles/index.css b/apps/myanmar_calendar/src/assets/styles/index.css
diff --git a/apps/myanmar_calendar/src/components/layouts/Navbar/Navbar.tsx b/apps/myanmar_calendar/src/components/layouts/Navbar/Navbar.tsx
@@ -8,7 +8,7 @@ import CalendarSlider from "./CalendarSlider";
 import CalendarModeSelectBox from "./CalendarModeSelectBox";
 import ActiveDateIndicator from "./ActiveDateIndicator";
 import SidebarToggleBtn from "@/components/ui/buttons/SidebarToggleBtn";
-import LogoLong from "@/components/ui/logos/LogoLong";
+import AppLogo from "@/components/ui/logos/AppLogo";
 
 function Navbar() {
   return (
@@ -18,7 +18,7 @@ function Navbar() {
           <IoMdMenu size={28} />
         </SidebarToggleBtn>
         <div className="hidden lg2:block">
-          <LogoLong />
+          <AppLogo />
         </div>
       </div>
       <div className="h-full flex-1 flex items-center justify-between px-3">

diff --git a/apps/myanmar_calendar/src/components/layouts/Sidebar/Sidebar.tsx b/apps/myanmar_calendar/src/components/layouts/Sidebar/Sidebar.tsx
@@ -3,7 +3,7 @@ import { cn } from "@/lib/utils";
 import { CalendarLanguageSelectBox } from "./LanguageSelectBox";
 import { useDispatch, useSelector } from "react-redux";
 import { RootState } from "@/store";
-import LogoLong from "@/components/ui/logos/LogoLong";
+import AppLogo from "@/components/ui/logos/AppLogo";
 import SidebarToggleBtn from "@/components/ui/buttons/SidebarToggleBtn";
 import { BsArrowLeftShort } from "react-icons/bs";
 import useOnClickOutside from "@/hooks/useOnClickOutside";
@@ -33,7 +33,7 @@ function Sidebar() {
           !enterMobileMode && `${sidebarOpen ? "w-[19rem] xl:w-sidebar-w" : "w-0"}`
         )}>
         <div className="xl:hidden h-nav-h w-[90%] xl:w-[16rem] flex justify-between items-center flex-shrink-0 pl-1">
-          <LogoLong />
+          <AppLogo />
           <SidebarToggleBtn>
             <BsArrowLeftShort size={30} />
           </SidebarToggleBtn>

diff --git a/apps/myanmar_calendar/src/components/ui/logos/AppLogo.tsx b/apps/myanmar_calendar/src/components/ui/logos/AppLogo.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import {BsCalendar2Check} from "react-icons/bs";
+
+function AppLogo() {
+    return (
+        <div className="flex items-center gap-3">
+            <h1 className="text-[1.8rem] text-gray-500">mCal</h1>
+
+            {/* Hidden markups */}
+            <h2 className="hidden">Myanmar Calendar</h2>
+            <h2 className="hidden">မြန်မာ ပြက္ကဒိန်</h2>
+            <h2 className="hidden">မြန်မာပြက္ကဒိန်</h2>
+        </div>
+    );
+}
+
+export default AppLogo;
diff --git a/apps/myanmar_calendar/src/components/ui/logos/LogoLong.tsx b/apps/myanmar_calendar/src/components/ui/logos/LogoLong.tsx