chore: migrate appflowy.io to appflowy.com (#29)

deploy/server.ts

@@ -9,7 +9,7 @@ import { fetch } from 'bun';
 const distDir = path.join(__dirname, 'dist');
 const indexPath = path.join(distDir, 'index.html');
 const baseURL = process.env.AF_BASE_URL as string;
-const defaultSite = 'https://appflowy.io';
+const defaultSite = 'https://appflowy.com';
 
 const setOrUpdateMetaTag = ($: CheerioAPI, selector: string, attribute: string, content: string) => {
   if ($(selector).length === 0) {

src/@types/translations/en.json

@@ -2991,7 +2991,7 @@
       "second": "Unlimited pages & blocks",
       "three": "5 GB storage",
       "four": "Intelligent search",
-      "five": "20 AI responses",
+      "five": "10 AI responses",
       "six": "Mobile app",
       "seven": "Real-time collaboration"
     },

src/application/session/sign_in.ts

@@ -14,7 +14,7 @@ export const AUTH_CALLBACK_PATH = '/auth/callback';
 export const AUTH_CALLBACK_URL = `${window.location.origin}${AUTH_CALLBACK_PATH}`;
 
 export function withSignIn() {
-  return function (
+  return function(
     // eslint-disable-next-line
     _target: any,
     _propertyKey: string,
@@ -23,14 +23,14 @@ export function withSignIn() {
     const originalMethod = descriptor.value;
 
     // eslint-disable-next-line
-    descriptor.value = async function (args: { redirectTo: string }) {
+    descriptor.value = async function(args: { redirectTo: string }) {
       const redirectTo = args.redirectTo;
 
       saveRedirectTo(redirectTo);
 
       try {
         await originalMethod.apply(this, [args]);
-      } catch (e) {
+      } catch(e) {
         console.error(e);
         return Promise.reject(e);
       }
@@ -43,8 +43,15 @@ export function withSignIn() {
 export function afterAuth() {
   const redirectTo = getRedirectTo();
 
-  if (redirectTo) {
+  if(redirectTo) {
     clearRedirectTo();
-    window.location.href = decodeURIComponent(redirectTo);
+    const url = new URL(decodeURIComponent(redirectTo));
+    const pathname = url.pathname;
+
+    if(pathname === '/' || !pathname) {
+      url.pathname = '/app';
+    }
+
+    window.location.href = url.toString();
   }
 }

src/components/_shared/appflowy-power/AppFlowyPower.tsx

@@ -20,7 +20,7 @@ function AppFlowyPower ({
 
       <div
         onClick={() => {
-          window.open('https://appflowy.io', '_blank');
+          window.open('https://appflowy.com', '_blank');
         }}
         style={{
           width,

src/components/_shared/help/Help.tsx

@@ -72,7 +72,7 @@ export default function Help () {
             <Button
               component={'a'}
               target="_blank"
-              href={'https://www.appflowy.io/what-is-new'}
+              href={'https://www.appflowy.com/what-is-new'}
               className={'justify-start'}
               color={'inherit'}
               startIcon={<WhatsNewIcon />}

src/components/_shared/mobile-topbar/MobileMore.tsx

@@ -23,7 +23,7 @@ function MobileMore ({
         label: t('template.label'),
         icon: <TemplateIcon />,
         onClick: () => {
-          window.open('https://appflowy.io/templates', '_blank');
+          window.open('https://appflowy.com/templates', '_blank');
         },
       },
       {

src/components/app/SideBarBottom.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from 'react-router-dom';
 import { ReactComponent as TrashIcon } from '@/assets/trash.svg';
 import { QuickNote } from '@/components/quick-note';
 
-function SideBarBottom () {
+function SideBarBottom() {
   const { t } = useTranslation();
   const navigate = useNavigate();
 
@@ -22,7 +22,7 @@ function SideBarBottom () {
           <IconButton
             size={'small'}
             onClick={() => {
-              window.open('https://appflowy.io/templates', '_blank');
+              window.open(`${window.location.origin}/templates`, '_blank');
             }}
           >
             <TemplateIcon />

src/components/app/share/TemplatePanel.tsx

@@ -12,21 +12,21 @@ import { useTranslation } from 'react-i18next';
 import { ReactComponent as DeleteIcon } from '@/assets/trash.svg';
 import { ReactComponent as EditIcon } from '@/assets/edit.svg';
 
-function TemplatePanel ({ viewId }: { viewId: string }) {
+function TemplatePanel({ viewId }: { viewId: string }) {
   const view = useAppView(viewId);
   const service = useService();
   const [loading, setLoading] = React.useState(false);
   const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
   const [template, setTemplateInfo] = React.useState<Template>();
-  const loadTemplateInfo = useCallback(async () => {
+  const loadTemplateInfo = useCallback(async() => {
-    if (!service || !view?.view_id) return;
+    if(!service || !view?.view_id) return;
     setLoading(true);
     try {
       const res = await service.getTemplateById(view?.view_id);
 
       setTemplateInfo(res);
       // eslint-disable-next-line
-    } catch (e: any) {
+    } catch(e: any) {
       // do nothing
     } finally {
       setLoading(false);
@@ -38,9 +38,9 @@ function TemplatePanel ({ viewId }: { viewId: string }) {
   } = useLoadPublishInfo(viewId);
 
   const url = useMemo(() => {
-    const origin = import.meta.env.AF_BASE_URL?.includes('test') ? 'https://test.appflowy.io' : 'https://appflowy.io';
+    const templateUrl = `${window.location.origin}/templates`;
 
-    return template ? `${origin}/templates/${slugify(template.categories[0].name)}/${template.view_id}` : '';
+    return template ? `${templateUrl}/${slugify(template.categories[0].name)}/${template.view_id}` : '';
   }, [template]);
 
   useEffect(() => {

src/components/as-template/AsTemplate.tsx

@@ -15,7 +15,7 @@ import './template.scss';
 import { slugify } from '@/components/as-template/utils';
 import { ReactComponent as WebsiteIcon } from '@/assets/website.svg';
 
-function AsTemplate ({
+function AsTemplate({
   viewName,
   viewUrl,
   viewId,
@@ -37,8 +37,8 @@ function AsTemplate ({
     loading,
   } = useLoadTemplate(viewId);
 
-  const handleSubmit = useCallback(async (data: AsTemplateFormValue) => {
+  const handleSubmit = useCallback(async(data: AsTemplateFormValue) => {
-    if (!service || !selectedCreatorId || selectedCategoryIds.length === 0) return;
+    if(!service || !selectedCreatorId || selectedCategoryIds.length === 0) return;
     const formData: UploadTemplatePayload = {
       ...data,
       view_id: viewId,
@@ -50,7 +50,7 @@ function AsTemplate ({
     };
 
     try {
-      if (template) {
+      if(template) {
         await service?.updateTemplate(template.view_id, formData);
       } else {
         await service?.createTemplate(formData);
@@ -59,7 +59,7 @@ function AsTemplate ({
       await loadTemplate();
 
       notify.success('Template saved successfully');
-    } catch (error) {
+    } catch(error) {
       // eslint-disable-next-line
       // @ts-ignore
       notify.error(error.toString());
@@ -73,7 +73,7 @@ function AsTemplate ({
   }, [loadTemplate]);
 
   useEffect(() => {
-    if (!template) return;
+    if(!template) return;
     setSelectedCategoryIds(template.categories.map((category) => category.id));
     setSelectedCreatorId(template.creator.id);
     setIsNewTemplate(template.is_new_template);
@@ -81,7 +81,7 @@ function AsTemplate ({
   }, [template]);
 
   const defaultValue = useMemo(() => {
-    if (!template) return {
+    if(!template) return {
       name: viewName,
       description: '',
       about: '',
@@ -104,10 +104,11 @@ function AsTemplate ({
           startIcon={<WebsiteIcon />}
           variant={'text'}
           onClick={() => {
-            const origin = import.meta.env.AF_BASE_URL?.includes('test') ? 'https://test.appflowy.io' : 'https://appflowy.io';
+            const templateUrl = `${window.location.origin}/templates`;
 
-            window.open(`${origin}/templates/${slugify(template.categories[0].name)}/${template.view_id}`);
+            window.open(`${templateUrl}/${slugify(template.categories[0].name)}/${template.view_id}`);
-          }} color={'primary'}
+          }}
+          color={'primary'}
         >{t('template.viewTemplate')}</Button>}
         <div className={'flex items-center gap-2'}>
           {template && <Button
@@ -124,7 +125,9 @@ function AsTemplate ({
           <Button
             onClick={() => {
               submitRef.current?.click();
-            }} variant={'contained'} color={'primary'}
+            }}
+            variant={'contained'}
+            color={'primary'}
           >
             {t('button.save')}
           </Button>
@@ -133,11 +136,15 @@ function AsTemplate ({
       </div>
       <div className={'flex-1 flex gap-20 overflow-hidden'}>
         <Paper className={'w-full h-full flex-1 flex justify-center overflow-hidden'}>
-          <AFScroller className={'w-full h-full flex justify-center'} overflowXHidden>
+          <AFScroller
+            className={'w-full h-full flex justify-center'}
+            overflowXHidden
+          >
             {loading ?
               <CircularProgress /> :
               <AsTemplateForm
-                defaultValues={defaultValue} viewUrl={viewUrl}
+                defaultValues={defaultValue}
+                viewUrl={viewUrl}
                 onSubmit={handleSubmit}
                 ref={submitRef}
                 defaultRelatedTemplates={template?.related_templates}
@@ -146,8 +153,14 @@ function AsTemplate ({
           </AFScroller>
         </Paper>
         <div className={'w-[25%] flex flex-col gap-4'}>
-          <Categories value={selectedCategoryIds} onChange={setSelectedCategoryIds} />
+          <Categories
-          <Creator value={selectedCreatorId} onChange={setSelectedCreatorId} />
+            value={selectedCategoryIds}
+            onChange={setSelectedCategoryIds}
+          />
+          <Creator
+            value={selectedCreatorId}
+            onChange={setSelectedCreatorId}
+          />
           <div className={'flex gap-2 items-center'}>
             <InputLabel>{t('template.isNewTemplate')}</InputLabel>
             <Switch

src/components/editor/plugins/withPasted.ts

@@ -37,10 +37,9 @@ export const withPasted = (editor: ReactEditor) => {
 
         if (isUrl) {
           const isAppFlowyLinkUrl = isURL(text, {
-            host_whitelist: ['localhost', 'appflowy.com', 'test.appflowy.com', 'beta.appflowy.com'],
+            host_whitelist: [window.location.hostname],
           });
 
-          console.log('isAppFlowyLinkUrl', isAppFlowyLinkUrl);
           if (isAppFlowyLinkUrl) {
             const url = new URL(text);
             const blockId = url.searchParams.get('blockId');

src/components/error/NotFound.tsx

@@ -35,7 +35,7 @@ const NotFound = () => {
         <div className={'flex items-center px-2 max-sm:flex-col mt-4 w-full gap-4 justify-between'}>
           <Button
             component={Link}
-            to="https://appflowy.io/download"
+            to="https://appflowy.com/download"
             variant="contained"
             color="primary"
             className={'flex-1 py-3 px-4 max-sm:w-full rounded-[8px] max-md:text-base text-[20px] font-medium'}

src/components/login/Login.tsx

@@ -28,7 +28,7 @@ export function Login ({ redirectTo }: { redirectTo: string }) {
       >
         <span>{t('web.signInAgreement')} </span>
         <a
-          href={'https://appflowy.io/terms'}
+          href={'https://appflowy.com/terms'}
           target={'_blank'}
           className={'text-fill-default underline'}
         >
@@ -36,7 +36,7 @@ export function Login ({ redirectTo }: { redirectTo: string }) {
         </a>{' '}
         {t('web.and')}{' '}
         <a
-          href={'https://appflowy.io/privacy'}
+          href={'https://appflowy.com/privacy'}
           target={'_blank'}
           className={'text-fill-default underline'}
         >

src/components/login/LoginAuth.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { ReactComponent as ErrorIcon } from '@/assets/error.svg';
 
-function LoginAuth () {
+function LoginAuth() {
   const service = useContext(AFConfigContext)?.service;
   const [loading, setLoading] = useState<boolean>(false);
   const [modalOpened, setModalOpened] = useState(false);
@@ -16,13 +16,13 @@ function LoginAuth () {
   const openLoginModal = useContext(AFConfigContext)?.openLoginModal;
 
   useEffect(() => {
-    void (async () => {
+    void (async() => {
       setLoading(true);
       setError(null);
       try {
         await service?.loginAuth(window.location.href);
         // eslint-disable-next-line
-      } catch (e: any) {
+      } catch(e: any) {
         setError(e.message);
         setModalOpened(true);
       } finally {
@@ -51,7 +51,7 @@ function LoginAuth () {
       closable={false}
       cancelText={t('button.backToHome')}
       onOk={() => {
-        openLoginModal?.(getRedirectTo() || window.location.origin);
+        openLoginModal?.(getRedirectTo() || `${window.location.origin}/app`);
       }}
       okText={t('button.tryAgain')}
       title={<div className={'text-left font-bold flex gap-2 items-center'}>

src/utils/open_schema.ts

@@ -112,8 +112,8 @@ export function openOrDownload (schema?: string) {
   const os = getOS();
 
   if (os === 'ios' || os === 'android') {
-    const universalLink = 'https://appflowy.io/download';
+    const universalLink = 'https://appflowy.com/download';
-    const intentUrl = `intent://appflowy.io/download#Intent;` +
+    const intentUrl = `intent://appflowy.com/download#Intent;` +
       'scheme=https;' +
       'package=io.appflowy.app;' +
       `S.browser_fallback_url=${encodeURIComponent(androidDownloadLink)};` +

src/utils/url.ts

@@ -2,14 +2,14 @@ import isURL from 'validator/lib/isURL';
 import isIP from 'validator/lib/isIP';
 import isFQDN from 'validator/lib/isFQDN';
 
-export const downloadPage = 'https://appflowy.io/download';
+export const downloadPage = 'https://appflowy.com/download';
 
 export const openAppFlowySchema = 'appflowy-flutter://';
 
 export const iosDownloadLink = 'https://apps.apple.com/app/appflowy/id6457261352';
 export const androidDownloadLink = 'https://play.google.com/store/apps/details?id=io.appflowy.appflowy';
 
-export const desktopDownloadLink = 'https://appflowy.io/download/#pop';
+export const desktopDownloadLink = 'https://appflowy.com/download/#pop';
 
 export function isValidUrl(input: string) {
   return isURL(input, { require_protocol: true, require_host: false });