refactor(core): new back&forward button base on workbench (#6012)

# feature:

## In Browser:
- hidden back&forward button in sidebar.
- back and forward is equal with `window.history.back()` `window.history.forward()`

## In Desktop:
- Back and forward can be controlled through the sidebar, cmdk, and shortcut keys.
- back and forward act on the currently **active** view.
- buttons change disable&enable style based on current active view history

# Refactor:

Move app-sidebar and app-container from @affine/component to @affine/core
This commit is contained in:
EYHN
2024-03-05 07:01:24 +00:00
parent b06aeb22dd
commit 7c76c25a9c
77 changed files with 625 additions and 349 deletions
@@ -3,16 +3,16 @@ import {
AppSidebarFallback,
appSidebarOpenAtom,
SidebarSwitch,
} from '@affine/component/app-sidebar';
import { AddPageButton } from '@affine/component/app-sidebar';
import { CategoryDivider } from '@affine/component/app-sidebar';
import { navHeaderStyle } from '@affine/component/app-sidebar';
import { MenuLinkItem } from '@affine/component/app-sidebar';
import { QuickSearchInput } from '@affine/component/app-sidebar';
} from '@affine/core/components/app-sidebar';
import { AddPageButton } from '@affine/core/components/app-sidebar';
import { CategoryDivider } from '@affine/core/components/app-sidebar';
import { navHeaderStyle } from '@affine/core/components/app-sidebar';
import { MenuLinkItem } from '@affine/core/components/app-sidebar';
import { QuickSearchInput } from '@affine/core/components/app-sidebar';
import {
SidebarContainer,
SidebarScrollableContainer,
} from '@affine/component/app-sidebar';
} from '@affine/core/components/app-sidebar';
import { DeleteTemporarilyIcon, SettingsIcon } from '@blocksuite/icons';
import type { Meta, StoryFn } from '@storybook/react';
import { useAtom } from 'jotai';
@@ -1,7 +1,7 @@
import {
type AddPageButtonProps,
AppUpdaterButton,
} from '@affine/component/app-sidebar';
} from '@affine/core/components/app-sidebar';
import type { Meta, StoryFn } from '@storybook/react';
import type { PropsWithChildren } from 'react';