Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: init @affine/env (#1243)

Browse Source
This commit is contained in:
Himself65
2023-03-01 19:26:55 -06:00
committed by GitHub
parent 71a0951c77
commit 1abab690af
19 changed files with 338 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web/next.config.mjs
View File

@@ -61,6 +61,7 @@ const nextConfig = {
'@affine/component',
'@affine/datacenter',
'@affine/i18n',
'@affine/env',
],
publicRuntimeConfig: {
PROJECT_NAME: process.env.npm_package_name,

1
apps/web/package.json
View File

@@ -11,6 +11,7 @@
"dependencies": {
"@affine/component": "workspace:*",
"@affine/datacenter": "workspace:*",
"@affine/env": "workspace:*",
"@affine/i18n": "workspace:*",
"@blocksuite/blocks": "0.4.1-20230220214107-0a354de",
"@blocksuite/editor": "0.4.1-20230220214107-0a354de",

3
apps/web/src/blocksuite/index.ts
View File

@@ -1,5 +1,6 @@
import { config } from '@affine/env';
import { BlockSuiteWorkspace, Provider } from '../shared';
import { config } from '../shared/env';
import {
createBroadCastChannelProvider,
createIndexedDBProvider,

3
apps/web/src/components/blocksuite/block-suite-editor/index.tsx
View File

@@ -1,3 +1,4 @@
import { config } from '@affine/env';
import { BlockHub } from '@blocksuite/blocks';
import { EditorContainer } from '@blocksuite/editor';
import type { Page } from '@blocksuite/store';
@@ -5,7 +6,6 @@ import { assertExists } from '@blocksuite/store';
import { useEffect, useRef } from 'react';
import { BlockSuiteWorkspace } from '../../../shared';
import { config } from '../../../shared/env';
export type EditorProps = {
blockSuiteWorkspace: BlockSuiteWorkspace;
@@ -81,7 +81,6 @@ export const BlockSuiteEditor = (props: EditorProps) => {
page.resetHistory();
}
}
if (config.exposeInternal) {
globalThis.currentBlockSuiteWorkspace = props.blockSuiteWorkspace;
globalThis.currentPage = page;

35
apps/web/src/components/blocksuite/header/utils.tsx
View File

@@ -1,26 +1,20 @@
import { getEnvironment } from '@affine/env';
import { Trans, useTranslation } from '@affine/i18n';
import React, { useEffect, useState } from 'react';
import { getIsMobile } from '../../../utils/get-is-mobile';
// Inspire by https://stackoverflow.com/a/4900484/8415727
const getChromeVersion = () => {
const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
return raw ? parseInt(raw[2], 10) : false;
};
const getIsChrome = () => {
return (
/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)
);
};
const minimumChromeVersion = 102;
export const shouldShowWarning = () => {
return (
!window.CLIENT_APP &&
!getIsMobile() &&
(!getIsChrome() || getChromeVersion() < minimumChromeVersion)
);
const env = getEnvironment();
if (!env.isBrowser) {
// disable in SSR
return false;
}
if (env.isChrome) {
return env.chromeVersion < minimumChromeVersion;
} else {
return !env.isMobile;
}
};
export const OSWarningMessage: React.FC = () => {
@@ -28,8 +22,11 @@ export const OSWarningMessage: React.FC = () => {
const [notChrome, setNotChrome] = useState(false);
const [notGoodVersion, setNotGoodVersion] = useState(false);
useEffect(() => {
setNotChrome(getIsChrome());
setNotGoodVersion(getChromeVersion() < minimumChromeVersion);
const env = getEnvironment();
setNotChrome(env.isBrowser && !env.isChrome);
setNotGoodVersion(
env.isBrowser && env.isChrome && env.chromeVersion < minimumChromeVersion
);
}, []);
if (notChrome) {
return (

5
apps/web/src/components/pure/quick-search-modal/index.tsx
View File

@@ -1,4 +1,5 @@
import { Modal, ModalWrapper } from '@affine/component';
import { getEnvironment } from '@affine/env';
import { Command } from 'cmdk';
import { NextRouter } from 'next/router';
import React, {
@@ -10,7 +11,6 @@ import React, {
} from 'react';
import { BlockSuiteWorkspace } from '../../../shared';
import { getUaHelper } from '../../../utils/useragent';
import { Footer } from './Footer';
import { Input } from './Input';
import { PublishedResults } from './PublishedResults';
@@ -24,7 +24,8 @@ import {
} from './style';
const isMac = () => {
return getUaHelper().isMacOs;
const env = getEnvironment();
return env.isBrowser && env.isMacOs;
};
export type QuickSearchModalProps = {

5
apps/web/src/components/pure/shortcuts-modal/index.tsx
View File

@@ -3,10 +3,10 @@ import {
MuiClickAwayListener,
MuiSlide,
} from '@affine/component';
import { getEnvironment } from '@affine/env';
import { useTranslation } from '@affine/i18n';
import { useEffect, useState } from 'react';
import { getUaHelper } from '../../../utils/useragent';
import {
useMacKeyboardShortcuts,
useMacMarkdownShortcuts,
@@ -27,7 +27,8 @@ type ModalProps = {
};
const checkIsMac = () => {
return getUaHelper().isMacOs;
const env = getEnvironment();
return env.isBrowser && env.isMacOs;
};
export const ShortcutsModal = ({ open, onClose }: ModalProps) => {

2
apps/web/src/hooks/use-workspaces.ts
View File

@@ -1,4 +1,5 @@
import { Workspace } from '@affine/datacenter';
import { config } from '@affine/env';
import { nanoid } from '@blocksuite/store';
import { useCallback, useMemo, useSyncExternalStore } from 'react';
import useSWR from 'swr';
@@ -10,7 +11,6 @@ import { WorkspacePlugins } from '../plugins';
import { QueryKey } from '../plugins/affine/fetcher';
import { kStoreKey } from '../plugins/local';
import { LocalWorkspace, RemWorkspace, RemWorkspaceFlavour } from '../shared';
import { config } from '../shared/env';
import { createEmptyBlockSuiteWorkspace } from '../utils';
// fixme(himself65): refactor with jotai atom using async

4
apps/web/src/pages/_app.tsx
View File

@@ -1,6 +1,7 @@
import '@blocksuite/editor/themes/affine.css';
import '../styles/globals.css';
import { config, setupGlobal } from '@affine/env';
import { createI18n, I18nextProvider } from '@affine/i18n';
import createCache from '@emotion/cache';
import { CacheProvider } from '@emotion/react';
@@ -20,7 +21,8 @@ import { AffineSWRConfigProvider } from '../providers/AffineSWRConfigProvider';
import { ModalProvider } from '../providers/ModalProvider';
import { ThemeProvider } from '../providers/ThemeProvider';
import { NextPageWithLayout } from '../shared';
import { config } from '../shared/env';
setupGlobal();
type AppPropsWithLayout = AppProps & {
Component: NextPageWithLayout;

2
apps/web/src/plugins/local/index.tsx
View File

@@ -1,3 +1,4 @@
import { config } from '@affine/env';
import { assertEquals, nanoid } from '@blocksuite/store';
import React from 'react';
import { IndexeddbPersistence } from 'y-indexeddb';
@@ -12,7 +13,6 @@ import {
LocalWorkspace,
RemWorkspaceFlavour,
} from '../../shared';
import { config } from '../../shared/env';
import { createEmptyBlockSuiteWorkspace } from '../../utils';
import { WorkspacePlugin } from '..';

3
apps/web/src/shared/apis.ts
View File

@@ -4,8 +4,7 @@ import {
getApis,
GoogleAuth,
} from '@affine/datacenter';
import { config } from './env';
import { config } from '@affine/env';
let prefixUrl = '/';
if (typeof window === 'undefined') {

44
apps/web/src/shared/env.ts
View File

@@ -1,44 +0,0 @@
import getConfig from 'next/config';
import { PublicRuntimeConfig, publicRuntimeConfigSchema } from '../types';
const { publicRuntimeConfig: config } = getConfig() as {
publicRuntimeConfig: PublicRuntimeConfig;
};
publicRuntimeConfigSchema.parse(config);
const printBuildInfo = () => {
console.group('Build info');
console.log('Project:', config.PROJECT_NAME);
console.log(
'Build date:',
config.BUILD_DATE ? new Date(config.BUILD_DATE).toLocaleString() : 'Unknown'
);
console.log('Editor Version:', config.editorVersion);
console.log('Version:', config.gitVersion);
console.log(
'AFFiNE is an open source project, you can view its source code on GitHub!'
);
console.log(`https://github.com/toeverything/AFFiNE/tree/${config.hash}`);
console.groupEnd();
};
function setWindowEditorVersion() {
// @ts-ignore
globalThis.__editoVersion = config.editorVersion;
}
declare global {
// eslint-disable-next-line no-var
var __affineSetupEnv: boolean | undefined;
}
if (typeof window !== 'undefined' && !globalThis.__affineSetupEnv) {
printBuildInfo();
setWindowEditorVersion();
globalThis.__affineSetupEnv = true;
}
export { config };

17
apps/web/src/types/index.ts
View File

@@ -1,17 +0,0 @@
import { z } from 'zod';
export const publicRuntimeConfigSchema = z.object({
PROJECT_NAME: z.string(),
BUILD_DATE: z.string(),
gitVersion: z.string(),
hash: z.string(),
serverAPI: z.string(),
editorVersion: z.string(),
enableIndexedDBProvider: z.boolean(),
enableBroadCastChannelProvider: z.boolean(),
prefetchWorkspace: z.boolean(),
// expose internal api to globalThis, **development only**
exposeInternal: z.boolean(),
});
export type PublicRuntimeConfig = z.infer<typeof publicRuntimeConfigSchema>;

18
apps/web/src/utils/get-is-mobile.ts
View File

@@ -1,18 +0,0 @@
/* 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(
navigator?.userAgent || navigator?.vendor || (window as any)?.opera
);
};

80
apps/web/src/utils/useragent.ts
View File

@@ -1,80 +0,0 @@
export 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;
}