Merge pull request #23 from websitesieutoc/remove-tinymce

remove tinymce from nextjs-template

apps/dashboard/app/[locale]/(custom)/blog/[slug]/edit/BlogEditForm/index.tsx

@@ -15,7 +15,6 @@ import {
 } from '@/components/chakra';
 import { useAuth, useEffect, useRouter, useState, useToast } from '@/hooks';
 import { ChevronDownIcon, ChevronUpIcon } from '@/icons';
-import { TextEditor } from '@/components/client';
 import type { Post } from '@/types';
 import slugify from 'slugify';
 
@@ -165,8 +164,6 @@ export default function BlogEditForm({ data }: BlogEditFormProps) {
           size="sm"
           marginY={1}
         />
-
-        <TextEditor onChange={(text) => setContent(text)} value={content} />
       </Box>
       <Box w="20%">
         <Card>

apps/dashboard/app/[locale]/(custom)/blog/post-management/page.tsx

@@ -20,7 +20,7 @@ import slugify from 'slugify';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useSWR, useAuth, useToast } from '@/hooks';
 import { ChevronDownIcon, ChevronUpIcon } from '@/icons';
-import { PostList, TextEditor } from '@/components/client';
+import { PostList } from '@/components/client';
 import type { Post } from '@/types';
 
 type RequireInputType = {
@@ -190,8 +190,6 @@ export default function BlogEditor() {
             size="sm"
             marginY={1}
           />
-
-          <TextEditor onChange={(text) => setContent(text)} value={content} />
         </Box>
         <Box w="20%">
           <Card>

apps/dashboard/app/[locale]/(default)/dashboard/pages/components/PageForm/index.tsx

@@ -8,7 +8,7 @@ import {
   Input,
   Stack,
 } from '@/components/chakra';
-import { CustomEditable, FormWrapper, TextEditor } from '@/components/client';
+import { CustomEditable, FormWrapper } from '@/components/client';
 import {
   useAuth,
   useEffect,
@@ -182,14 +182,6 @@ export const PageForm = ({
 
         <FormControl id="text-editor" isDisabled={isLoading}>
           <FormLabel>Content</FormLabel>
-          <TextEditor
-            id="text-editor"
-            name="content"
-            value={inputData.content}
-            onChange={(newValue) =>
-              setInputData({ ...inputData, content: newValue })
-            }
-          />
         </FormControl>
         <Flex width="100%" justify="end">
           <Button

apps/dashboard/app/[locale]/(default)/dashboard/posts/components/PostForm/index.tsx

@@ -17,12 +17,7 @@ import {
   TabPanels,
   Tabs,
 } from '@/components/chakra';
-import {
-  CustomEditable,
-  FormWrapper,
-  GoBackButton,
-  TextEditor,
-} from '@/components/client';
+import { CustomEditable, FormWrapper, GoBackButton } from '@/components/client';
 import {
   AddIcon,
   ArrowUpIcon,
@@ -259,14 +254,6 @@ export const PostForm = ({
 
               <FormControl id="text-editor" isDisabled={isLoading}>
                 <FormLabel>Content</FormLabel>
-                <TextEditor
-                  id="text-editor"
-                  name="content"
-                  value={data.content}
-                  onChange={(newValue) =>
-                    setInputData({ ...data, content: newValue })
-                  }
-                />
               </FormControl>
             </Stack>
           </TabPanel>

apps/dashboard/components/client/index.ts

@@ -17,7 +17,6 @@ export * from './Providers';
 export * from './SettingNav';
 export * from './Sidebar';
 export * from './Sidebar';
-export * from './TextEditor';
 export * from './VirtualTable';
 export * from './CookiesProvider';
 export * from './ErrorBoundary';

apps/dashboard/env.example

@@ -13,8 +13,6 @@ POSTGRES_URL_NON_POOLING="${POSTGRES_URL}"
 POSTGRES_URL="postgres://${POSTGRES_USER}:${POSTGRES_PASSWORD}@localhost:5432/${POSTGRES_DB}?schema=public"
 POSTGRES_PRISMA_URL="${POSTGRES_URL}?pgbouncer=true&connect_timeout=15"
 
-NEXT_PUBLIC_API_KEY_TINYMCE=""
-
 EMAIL_SERVER_USER= # your email
 EMAIL_SERVER_PASSWORD= # your password
 EMAIL_SERVER_HOST= #smtp.gmail.com

apps/dashboard/package.json

@@ -25,7 +25,6 @@
     "@next-auth/prisma-adapter": "1.0.7",
     "@prisma/client": "5.4.2",
     "@sieutoc/cake-editor": "workspace:*",
-    "@tinymce/tinymce-react": "4.3.0",
     "@types/negotiator": "0.6.1",
     "@upstash/ratelimit": "0.4.4",
     "@vercel/kv": "0.2.3",
@@ -41,8 +40,8 @@
     "next": "13.5.6",
     "next-auth": "4.24.3",
     "next-client-cookies": "1.0.5",
-    "qs": "6.11.2",
     "nodemailer": "6.9.6",
+    "qs": "6.11.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-fast-compare": "3.2.2",
@@ -52,7 +51,6 @@
     "sanitize-html": "2.11.0",
     "slugify": "1.6.6",
     "swr": "2.2.4",
-    "tinymce": "6.7.1",
     "uuid": "9.0.1"
   },
   "devDependencies": {