Mediawiki settings

.gitignore

@@ -36,3 +36,4 @@ yarn-error.log*
 next-env.d.ts
 
 .env
+.wrangler

next.config.js

@@ -1,13 +1,35 @@
-/** @type {import('next').NextConfig} */
+// import { setupDevPlatform } from '@cloudflare/next-on-pages/next-dev';
 
+/** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',
   reactStrictMode: false,
-  swcMinify: true,
   trailingSlash: true,
   images: {
     unoptimized: true,
   },
-};
+}
+
+// if (process.env.NODE_ENV === 'development') {
+//   setupDevPlatform(nextConfig);
+// }
+
+// export default nextConfig;
+
+// module.exports = nextConfig;
+
+// const withBundleAnalyzer = require('@next/bundle-analyzer')({
+//   enabled: process.env.ANALYZE === 'true',
+// })
+
+// const nextConfig = withBundleAnalyzer({
+//   // distDir: 'out',
+//   output: 'export',
+//   reactStrictMode: false,
+//   swcMinify: true,
+//   trailingSlash: true,
+//   images: {
+//     unoptimized: true,
+//   },
+// })
 
-module.exports = nextConfig;
+module.exports = nextConfig;

package.json

@@ -11,21 +11,17 @@
     "lint:strict": "eslint --max-warnings=0 src",
     "test": "jest",
     "coverage": "jest --coverage",
-    "export": "next export",
     "format": "prettier --check --ignore-path .gitignore .",
-    "format:fix": "prettier --write --ignore-path .gitignore ."
+    "format:fix": "prettier --write --ignore-path .gitignore .",
+    "pages:build": "npx @cloudflare/next-on-pages",
+    "preview": "npm run pages:build && wrangler pages dev",
+    "deploy": "npm run pages:build && wrangler pages deploy"
   },
   "dependencies": {
     "@amplitude/analytics-browser": "^1.9.4",
     "@date-io/date-fns": "^2.17.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@fortawesome/fontawesome-svg-core": "^6.2.0",
-    "@fortawesome/free-brands-svg-icons": "^6.2.0",
-    "@fortawesome/free-regular-svg-icons": "^6.2.0",
-    "@fortawesome/free-solid-svg-icons": "^6.2.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
     "@mui/lab": "^5.0.0-alpha.121",
     "@mui/material": "^5.11.6",
     "@mui/x-date-pickers": "^6.18.6",
@@ -36,8 +32,6 @@
     "@types/node": "18.11.9",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "3d-force-graph-vr": "^2.2.2",
-    "aframe": "^1.4.2",
     "axios": "^1.2.2",
     "clsx": "^1.2.1",
     "d3-force": "^3.0.0",
@@ -48,6 +42,7 @@
     "eslint-plugin-react": "^7.32.0",
     "highcharts": "^11.4.1",
     "highcharts-react-official": "^3.2.1",
+    "jotai": "^2.12.3",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
@@ -58,23 +53,25 @@
     "papaparse": "^5.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-force-graph": "^1.43.0",
     "react-force-graph-2d": "^1.25.0",
     "react-helmet-async": "^1.3.0",
+    "react-hook-form": "^7.55.0",
     "react-hotjar": "^5.5.0",
     "react-icons": "^4.11.0",
-    "react-modern-calendar-datepicker": "^3.1.6",
     "react-router-dom": "^6.4.3",
     "react-timezone-select": "^1.3.2",
     "react-toastify": "^9.1.1",
     "sharp": "^0.33.5",
     "timezones-list": "^3.0.1",
-    "typescript": "^5.6.3",
+    "typescript": "^5.6.0",
     "viem": "^2.21.40",
     "wagmi": "^2.12.25",
     "zustand": "^4.3.1"
   },
   "devDependencies": {
+    "@cloudflare/next-on-pages": "^1.13.12",
+    "@next/bundle-analyzer": "^15.3.2",
+    "@tailwindcss/typography": "^0.5.16",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
@@ -86,6 +83,7 @@
     "@typescript-eslint/parser": "^7.0.2",
     "autoprefixer": "^10.4.13",
     "babel-jest": "^29.5.0",
+    "daisyui": "4.12.24",
     "eslint": "^8.56.0",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-unused-imports": "^3.1.0",
@@ -98,4 +96,4 @@
     "react-test-renderer": "^18.2.0",
     "tailwindcss": "^3.2.2"
   }
-}
+}

src/pages/agent/index.tsx → src/app/dashboard/agent/page.tsx

@@ -1,15 +1,15 @@
-import { FaRobot } from "react-icons/fa";
+'use client';
+
+import { FaRobot } from "react-icons/fa6";
 
 import { Chat } from "@/components/chat/Chat";
 import SEO from "@/components/global/SEO";
 
-import { defaultLayout } from "@/layouts/defaultLayout";
-
-function Index() {
+export default function AgentPage() {
   return (
     <>
       <SEO titleTemplate="Agent" />
-      <div className="flex flex-col gap-4 bg-gray-100 w-full h-screen p-8">
+      <div className="flex flex-col gap-4 bg-gray-100 w-full p-8 overflow-y-auto">
         <div className="flex flex-col gap-4">
           <h1 className="text-3xl font-bold text-center flex items-center justify-center gap-2">
             <FaRobot className="inline-block mr-2" />
@@ -21,8 +21,4 @@ function Index() {
       </div >
     </>
   );
-}
-
-Index.pageLayout = defaultLayout;
-
-export default Index;
+}

src/app/dashboard/community-guardian/page.tsx

@@ -0,0 +1,62 @@
+'use client'
+
+import { useRouter } from "next/navigation"
+import { FaDiscord, FaTelegram } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6"
+
+import { MODULE_CONTEXT } from "@/constants/ModuleContext"
+
+export default function CommunityGuardianPage() {
+  const router = useRouter()
+
+  // TODO: rename to community-guardian
+  const data = MODULE_CONTEXT.find(module => module.name === 'violationDetection')
+
+  if (!data || data === undefined) {
+    router.push('/dashboard')
+  }
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex items-center gap-2">
+        {data && <data.icon size={24} className="text-secondary" />}
+        <h1 className="text-2xl font-semibold">{data?.title}</h1>
+      </div>
+      <p className="text-md text-gray-400">
+        Neutral, AI-powered Code of Conduct enforcement for safer, healthier communities.
+      </p>
+
+      <div className="flex flex-col gap-4 w-full md:w-1/2">
+
+        <p className="text-sm leading-relaxed">Community Guardian helps maintain respectful and inclusive conversations by detecting potential Code of Conduct violations and flagging them early.</p>
+
+        <p className="text-sm leading-relaxed">This module is currently in beta and access is limited.</p>
+
+        <p className="text-sm leading-relaxed">We're working with selected communities to fine-tune detection, alerts, and recommendations. If you're interested in early access or want to learn more, reach out to us on:</p>
+
+        <ul className="flex flex-col gap-2 text-sm">
+          <li className="w-fit">
+            <a href="https://discord.gg/QNJGeZeT" target="_blank" className="text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-2" rel="noreferrer">
+              <FaDiscord />
+              <span>Discord</span>
+            </a>
+          </li>
+          <li className="w-fit">
+            <a href="https://x.com/together_crew" target="_blank" className="text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-2" rel="noreferrer">
+              <FaXTwitter />
+              <span>Twitter</span>
+            </a>
+          </li>
+          <li className="w-fit">
+            <a href="https://t.me/k_bc0" target="_blank" className="text-blue-500 hover:text-blue-600 hover:underline flex items-center gap-2" rel="noreferrer">
+              <FaTelegram />
+              <span>Telegram</span>
+            </a>
+          </li>
+        </ul>
+
+      </div>
+    </div >
+
+  )
+}

src/app/dashboard/layout.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+import ProtectedRoute from "@/components/auth/ProtectedRoute";
+import Breadcrumbs from "@/components/layouts/Breadcrumbs";
+import DashboardLayout from "@/components/layouts/DashboardLayout";
+
+import { TokenProvider } from "@/context/TokenContext";
+
+const queryClient = new QueryClient();
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+
+
+  return (
+    <ProtectedRoute>
+      <QueryClientProvider client={queryClient}>
+        <TokenProvider>
+          <DashboardLayout>
+            <Breadcrumbs />
+            {children}
+          </DashboardLayout>
+        </TokenProvider>
+      </QueryClientProvider>
+    </ProtectedRoute>
+  )
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import { FaHome } from "react-icons/fa";
+
+import SEO from "@/components/global/SEO";
+import ModuleList from "@/components/home/modules/ModuleList";
+import PlatformList from "@/components/home/platforms/PlatformList";
+
+export default function Page() {
+
+  return (
+    <>
+      <SEO title="Home" />
+      <div className="flex flex-col gap-6 sm:gap-8">
+        <h1 className="text-2xl font-semibold flex items-center gap-2">
+          <FaHome className="text-secondary" />
+          <span>Dashboard</span>
+        </h1>
+        {/* <OnlyAdminWarning /> */}
+        <div className="flex flex-col md:flex-row gap-6 md:gap-8">
+          <div className="flex-1">
+            <PlatformList />
+          </div>
+          <div className="flex-1">
+            <ModuleList />
+          </div>
+        </div >
+      </div>
+
+    </ >
+  );
+}

src/app/dashboard/settings/layout.tsx

@@ -0,0 +1,6 @@
+// src/app/dashboard/settings/layout.tsx
+'use client'
+
+export default function SettingsLayout({ children }: { children: React.ReactNode }) {
+  return children
+}

src/app/dashboard/settings/mediawiki/[id]/edit/page.tsx

@@ -0,0 +1,32 @@
+'use client'
+
+export const runtime = 'edge';
+
+import { useQuery } from "@tanstack/react-query";
+import { useParams } from "next/navigation";
+
+import MediaWikiForm from "@/components/mediawiki/Form";
+
+import { axiosInstance } from "@/axiosInstance";
+import { IPlatformProps } from "@/utils/interfaces";
+
+export default function MediaWikiEditPage() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  const { data } = useQuery({
+    queryKey: ["platform", id],
+    queryFn: () => axiosInstance.get(`/platforms/${id}`),
+  })
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex justify-between">
+        <h1 className="text-2xl font-bold">Edit MediaWiki</h1>
+      </div>
+      <div className="bg-base-100 p-8 rounded-lg">
+        {data && <MediaWikiForm edit={data.data as unknown as IPlatformProps} />}
+      </div>
+    </div>
+  );
+}

src/app/dashboard/settings/mediawiki/[id]/page.tsx

@@ -0,0 +1,29 @@
+'use client'
+
+export const runtime = 'edge';
+
+import { useQuery } from "@tanstack/react-query";
+import { useParams } from "next/navigation";
+
+import { axiosInstance } from "@/axiosInstance";
+
+export default function MediaWikiPage() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  const { data } = useQuery({
+    queryKey: ["platform", id],
+    queryFn: () => axiosInstance.get(`/platforms/${id}`),
+  })
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex justify-between">
+        <h1 className="text-2xl font-bold">MediaWiki</h1>
+      </div>
+      <div className="bg-base-100 p-8 rounded-lg">
+
+      </div>
+    </div>
+  )
+}

src/app/dashboard/settings/mediawiki/new/page.tsx

@@ -0,0 +1,16 @@
+'use client'
+
+import MediaWikiForm from "@/components/mediawiki/Form";
+
+export default function MediaWikiNewPage() {
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex justify-between">
+        <h1 className="text-2xl font-bold">New MediaWiki</h1>
+      </div>
+      <div className="bg-base-100 p-8 rounded-lg">
+        <MediaWikiForm />
+      </div>
+    </div>
+  );
+}