milestone: publish alpha version (#637)

- document folder
- full-text search
- blob storage
- basic edgeless support

Co-authored-by: tzhangchi <terry.zhangchi@outlook.com>
Co-authored-by: QiShaoXuan <qishaoxuan777@gmail.com>
Co-authored-by: DiamondThree <diamond.shx@gmail.com>
Co-authored-by: MingLiang Wang <mingliangwang0o0@gmail.com>
Co-authored-by: JimmFly <yangjinfei001@gmail.com>
Co-authored-by: Yifeng Wang <doodlewind@toeverything.info>
Co-authored-by: Himself65 <himself65@outlook.com>
Co-authored-by: lawvs <18554747+lawvs@users.noreply.github.com>
Co-authored-by: Qi <474021214@qq.com>

packages/app/src/components/workspace-layout/index.tsx

@@ -0,0 +1,35 @@
+import HelpIsland from '@/components/help-island';
+import { WorkSpaceSliderBar } from '@/components/workspace-slider-bar';
+import { useRouter } from 'next/router';
+import { StyledPage, StyledWrapper } from './styles';
+import { PropsWithChildren } from 'react';
+import useEnsureWorkspace from '@/hooks/use-ensure-workspace';
+import { PageLoading } from '@/components/loading';
+
+export const WorkspaceDefender = ({ children }: PropsWithChildren) => {
+  const { workspaceLoaded } = useEnsureWorkspace();
+  return <>{workspaceLoaded ? children : <PageLoading />}</>;
+};
+
+export const WorkspaceLayout = ({ children }: PropsWithChildren) => {
+  const router = useRouter();
+
+  return (
+    <StyledPage>
+      <WorkSpaceSliderBar />
+      <StyledWrapper>
+        {children}
+        <HelpIsland showList={router.query.pageId ? undefined : ['contact']} />
+      </StyledWrapper>
+    </StyledPage>
+  );
+};
+
+export const Layout = ({ children }: PropsWithChildren) => {
+  return (
+    <WorkspaceDefender>
+      <WorkspaceLayout>{children}</WorkspaceLayout>
+    </WorkspaceDefender>
+  );
+};
+export default Layout;

packages/app/src/components/workspace-layout/styles.ts

@@ -0,0 +1,18 @@
+import { styled } from '@/styles';
+
+export const StyledPage = styled('div')(({ theme }) => {
+  return {
+    height: '100vh',
+    backgroundColor: theme.colors.pageBackground,
+    transition: 'background-color .5s',
+    display: 'flex',
+    flexGrow: '1',
+  };
+});
+
+export const StyledWrapper = styled('div')(() => {
+  return {
+    flexGrow: 1,
+    position: 'relative',
+  };
+});