build: perform TypeCheck for all packages (#2573)

Co-authored-by: himself65 <himself65@outlook.com>
Co-authored-by: Peng Xiao <pengxiao@outlook.com>

packages/component/.storybook/preview.tsx

@@ -32,9 +32,9 @@ export const globalTypes = {
   },
 };
 
-const createI18nDecorator = ({ options } = { options: {} }) => {
-  const i18n = createI18n(options);
-  const withI18n = (Story, context) => {
+const createI18nDecorator = () => {
+  const i18n = createI18n();
+  const withI18n = (Story: any, context: any) => {
     const locale = context.globals.locale;
     useEffect(() => {
       i18n.changeLanguage(locale);

packages/component/src/components/app-sidebar/menu-item/index.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 
 import * as styles from './index.css';
 
-interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
   icon?: React.ReactElement;
   active?: boolean;
   disabled?: boolean;
@@ -14,7 +14,9 @@ interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
   onCollapsedChange?: (collapsed: boolean) => void;
 }
 
-interface MenuLinkItemProps extends MenuItemProps, Pick<LinkProps, 'href'> {}
+export interface MenuLinkItemProps
+  extends MenuItemProps,
+    Pick<LinkProps, 'href'> {}
 
 export const MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(
   (

packages/component/src/components/page-list/__tests__/filter.spec.tsx

@@ -30,7 +30,7 @@ const mockVariableMap = (vars: Partial<VariableMap>): VariableMap => {
   return {
     Created: 0,
     Updated: 0,
-    Favorite: false,
+    'Is Favourited': false,
     ...vars,
   };
 };
@@ -103,10 +103,10 @@ describe('eval filter', () => {
   test('is', async () => {
     const is = filterMatcher.findData(v => v.name === 'is');
     assertExists(is);
-    const filter1 = filter(is, ref('Favorite'), [false]);
-    const filter2 = filter(is, ref('Favorite'), [true]);
+    const filter1 = filter(is, ref('Is Favourited'), [false]);
+    const filter2 = filter(is, ref('Is Favourited'), [true]);
     const varMap = mockVariableMap({
-      Favorite: true,
+      'Is Favourited': true,
     });
     expect(filterByFilterList([filter1], varMap)).toBe(false);
     expect(filterByFilterList([filter2], varMap)).toBe(true);
@@ -118,7 +118,9 @@ describe('render filter', () => {
     const is = filterMatcher.match(tBoolean.create());
     assertExists(is);
     const Wrapper = () => {
-      const [value, onChange] = useState(filter(is, ref('Favorite'), [true]));
+      const [value, onChange] = useState(
+        filter(is, ref('Is Favourited'), [true])
+      );
       return <Condition value={value} onChange={onChange} />;
     };
     const result = render(<Wrapper />);

packages/component/src/ui/breadcrumbs/index.ts

@@ -1,9 +1,14 @@
+import type { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
+import type { ComponentType } from 'react';
 
 import { styled } from '../../styles';
 
-export const Breadcrumbs = styled(MuiBreadcrumbs)(() => {
+const StyledMuiBreadcrumbs = styled(MuiBreadcrumbs)(() => {
   return {
     color: 'var(--affine-text-primary-color)',
   };
 });
+
+export const Breadcrumbs: ComponentType<BreadcrumbsProps> =
+  StyledMuiBreadcrumbs;

packages/component/tsconfig.json

@@ -1,9 +1,34 @@
 {
   "extends": "../../tsconfig.json",
-  "include": ["./src", "./.storybook/*.ts"],
+  "include": [
+    "./src/**/*.ts",
+    "./src/**/*.tsx",
+    "./src/**/*.json",
+    "../workspace/src",
+    "../../apps/electron/layers/**/src"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": false,
+    "outDir": "lib"
+  },
+  "exclude": ["lib"],
   "references": [
+    {
+      "path": "../debug"
+    },
+    {
+      "path": "../i18n"
+    },
+    {
+      "path": "../jotai"
+    },
+    {
+      "path": "../hooks"
+    },
     {
       "path": "./tsconfig.node.json"
-    }
+    },
+    { "path": "../../tests/fixtures" }
   ]
 }

packages/component/tsconfig.node.json

@@ -1,11 +1,16 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
     "jsx": "react-jsx",
     "moduleResolution": "Node",
     "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "noEmit": false,
+    "outDir": "lib/.storybook"
   },
-  "include": [".storybook/**/*"]
+  "include": [".storybook/**/*"],
+  "exclude": ["lib"],
+  "references": [{ "path": "../i18n" }]
 }