chore: move client folders (#948)

apps/web/src/utils/__tests__/get-is-mobile.spec.ts

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test';
+import { isMobile } from '../get-is-mobile';
+
+test.describe('get-is-mobile', () => {
+  test('get-is-mobile', () => {
+    expect(
+      isMobile(
+        'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1'
+      )
+    ).toBe(true);
+  });
+});

apps/web/src/utils/colors.ts

@@ -0,0 +1,20 @@
+export function stringToColour(str: string) {
+  str = str || 'affine';
+  let colour = '#';
+  let hash = 0;
+  // str to hash
+  for (
+    let i = 0;
+    i < str.length;
+    hash = str.charCodeAt(i++) + ((hash << 5) - hash)
+  );
+
+  // int/hash to hex
+  for (
+    let i = 0;
+    i < 3;
+    colour += ('00' + ((hash >> (i++ * 8)) & 0xff).toString(16)).slice(-2)
+  );
+
+  return colour;
+}

apps/web/src/utils/env.ts

@@ -0,0 +1 @@
+export const isDev = process.env['NODE_ENV'] === 'development';

apps/web/src/utils/get-is-mobile.ts

@@ -0,0 +1,21 @@
+/* eslint-disable no-useless-escape */
+// Inspire by https://stackoverflow.com/a/11381730/8415727
+export function isMobile(userAgent: string) {
+  return !!(
+    /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+      userAgent
+    ) ||
+    /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
+      userAgent.substr(0, 4)
+    )
+  );
+}
+
+export const getIsMobile = function () {
+  return isMobile(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    navigator?.userAgent || navigator?.vendor || (window as any)?.opera
+  );
+};
+
+export default getIsMobile;

apps/web/src/utils/index.ts

@@ -0,0 +1,7 @@
+export { isDev } from './env';
+
+export * from './useragent';
+
+export * from './tools';
+
+export * from './colors';

apps/web/src/utils/print-build-info.ts

@@ -0,0 +1,52 @@
+import getConfig from 'next/config';
+import { isDev } from './env';
+type Config = {
+  BUILD_DATE: string;
+  NODE_ENV: string;
+  PROJECT_NAME: string;
+  EDITOR_VERSION: string;
+  VERSION: string;
+  CI?: string;
+  COMMIT_HASH: string;
+};
+
+const nextConfig = getConfig();
+const publicRuntimeConfig: Config = nextConfig.publicRuntimeConfig;
+
+const printBuildInfo = () => {
+  if (isDev) {
+    return;
+  }
+  console.group('Build info');
+  console.log('Project:', publicRuntimeConfig.PROJECT_NAME);
+  console.log(
+    'Build date:',
+    publicRuntimeConfig.BUILD_DATE
+      ? new Date(publicRuntimeConfig.BUILD_DATE).toLocaleString()
+      : 'Unknown'
+  );
+  console.log(
+    'Environment:',
+    `${publicRuntimeConfig.NODE_ENV}${publicRuntimeConfig.CI ? '(ci)' : ''}`
+  );
+  console.log('Editor Version:', publicRuntimeConfig.EDITOR_VERSION);
+
+  console.log('Version:', publicRuntimeConfig.VERSION);
+  console.log(
+    'AFFiNE is an open source project, you can view its source code on GitHub!'
+  );
+  console.log(
+    `https://github.com/toeverything/AFFiNE/tree/${publicRuntimeConfig.COMMIT_HASH}`
+  );
+  console.groupEnd();
+};
+
+function setWindowEditorVersion() {
+  // when it is not SSR
+  if (typeof window !== 'undefined') {
+    window.__editoVersion = publicRuntimeConfig.EDITOR_VERSION;
+  }
+}
+printBuildInfo();
+setWindowEditorVersion();
+export {};

apps/web/src/utils/tools.ts

@@ -0,0 +1,11 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function debounce(fn: Function, timeout: number) {
+  let timeoutId: any;
+
+  return function (this: any) {
+    clearTimeout(timeoutId);
+    // eslint-disable-next-line prefer-rest-params
+    timeoutId = setTimeout(() => fn.apply(this, arguments), timeout);
+  };
+}

apps/web/src/utils/useragent.ts

@@ -0,0 +1,82 @@
+function getUaHelper() {
+  let uaHelper = null;
+  (function (navigator) {
+    const getUa = () => {
+      const ua = navigator.userAgent;
+      const uas = ua.toLowerCase();
+      const mobile =
+        /mobile|tablet|ip(ad|hone|od)|android/i.test(ua) ||
+        (uas.indexOf('safari') > -1 &&
+          /Mac OS/i.test(ua) &&
+          /Macintosh/i.test(ua));
+      const android =
+        (mobile &&
+          (uas.indexOf('android') > -1 || uas.indexOf('linux') > -1)) ||
+        uas.indexOf('adr') > -1;
+      const ios = mobile && !android && /Mac OS/i.test(ua);
+      const iphone = ios && uas.indexOf('iphone') > -1;
+      const ipad = ios && !iphone;
+      const wx = /MicroMessenger/i.test(ua);
+      const chrome = /CriOS/i.test(ua) || /Chrome/i.test(ua);
+      const tiktok = mobile && /aweme/i.test(ua);
+      const weibo = mobile && /Weibo/i.test(ua);
+      const safari =
+        ios &&
+        !chrome &&
+        !wx &&
+        !weibo &&
+        !tiktok &&
+        /Safari|Macintosh/i.test(ua);
+      const firefox = /Firefox/.test(ua);
+      const win = /windows|win32|win64|wow32|wow64/.test(uas);
+      const linux = /linux/.test(uas);
+      return {
+        ua,
+        mobile,
+        android,
+        ios,
+        wx,
+        chrome,
+        iphone,
+        ipad,
+        safari,
+        tiktok,
+        weibo,
+        win,
+        linux,
+        firefox,
+      };
+    };
+
+    class UaHelper {
+      private uaMap;
+      public isLinux = false;
+      public isMacOs = false;
+      public isSafari = false;
+      public isWindows = false;
+      public isFireFox = false;
+
+      constructor() {
+        this.uaMap = getUa();
+        this.initUaFlags();
+      }
+
+      public checkUseragent(isUseragent: keyof ReturnType<typeof getUa>) {
+        return Boolean(this.uaMap[isUseragent]);
+      }
+
+      private initUaFlags() {
+        this.isLinux = this.checkUseragent('linux');
+        this.isMacOs = this.checkUseragent('ios');
+        this.isSafari = this.checkUseragent('safari');
+        this.isWindows = this.checkUseragent('win');
+        this.isFireFox = this.checkUseragent('firefox');
+      }
+    }
+    uaHelper = new UaHelper();
+  })(navigator);
+
+  return uaHelper;
+}
+
+export { getUaHelper };