fix: type import (#2715)

(cherry picked from commit 7f2006488e)

apps/electron/layers/preload/preload.d.ts

@@ -1,6 +0,0 @@
-/* eslint-disable @typescript-eslint/consistent-type-imports */
-
-declare interface Window {
-  apis: import('./src/affine-apis').PreloadHandlers;
-  events: import('./src/affine-apis').MainIPCEventMap;
-}

apps/electron/layers/preload/src/affine-apis.ts

@@ -1,26 +1,6 @@
 // NOTE: we will generate preload types from this file
 import { ipcRenderer } from 'electron';
 
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import type {
-  MainIPCEventMap,
-  MainIPCHandlerMap,
-} from '../../main/src/exposed';
-
-type WithoutFirstParameter<T> = T extends (_: any, ...args: infer P) => infer R
-  ? (...args: P) => R
-  : T;
-
-type HandlersMap<N extends keyof MainIPCHandlerMap> = {
-  [K in keyof MainIPCHandlerMap[N]]: WithoutFirstParameter<
-    MainIPCHandlerMap[N][K]
-  >;
-};
-
-export type PreloadHandlers = {
-  [N in keyof MainIPCHandlerMap]: HandlersMap<N>;
-};
-
 type MainExposedMeta = {
   handlers: [namespace: string, handlerNames: string[]][];
   events: [namespace: string, eventNames: string[]][];
@@ -35,7 +15,7 @@ const meta: MainExposedMeta = (() => {
 })();
 
 // main handlers that can be invoked from the renderer process
-const apis: PreloadHandlers = (() => {
+const apis: any = (() => {
   const { handlers: handlersMeta } = meta;
 
   const all = handlersMeta.map(([namespace, functionNames]) => {
@@ -55,7 +35,7 @@ const apis: PreloadHandlers = (() => {
 })();
 
 // main events that can be listened to from the renderer process
-const events: MainIPCEventMap = (() => {
+const events: any = (() => {
   const { events: eventsMeta } = meta;
 
   // NOTE: ui may try to listen to a lot of the same events, so we increase the limit...

apps/electron/tests/fixture.ts

@@ -1,6 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/triple-slash-reference
-/// <reference path="../layers/preload/preload.d.ts" />
-
 /* eslint-disable no-empty-pattern */
 import crypto from 'node:crypto';
 import { join, resolve } from 'node:path';
@@ -45,6 +42,7 @@ export const test = base.extend<{
       });
     }
     const logFilePath = await page.evaluate(async () => {
+      // @ts-expect-error
       return window.apis?.debug.logFilePath();
     });
     // wat for blocksuite to be loaded

apps/electron/tests/workspace.spec.ts

@@ -27,6 +27,7 @@ test('move workspace db file', async ({ page, appInfo, workspace }) => {
 
   // move db file to tmp folder
   await page.evaluate(tmpPath => {
+    // @ts-expect-error
     window.apis?.dialog.setFakeDialogResult({
       filePath: tmpPath,
     });
@@ -61,6 +62,7 @@ test('export then add', async ({ page, appInfo, workspace }) => {
 
   // export db file to tmp folder
   await page.evaluate(tmpPath => {
+    // @ts-expect-error
     window.apis?.dialog.setFakeDialogResult({
       filePath: tmpPath,
     });
@@ -79,6 +81,7 @@ test('export then add', async ({ page, appInfo, workspace }) => {
   await page.getByTestId('add-or-new-workspace').click();
 
   await page.evaluate(tmpPath => {
+    // @ts-expect-error
     window.apis?.dialog.setFakeDialogResult({
       filePath: tmpPath,
     });

apps/web/src/atoms/index.ts

@@ -50,8 +50,10 @@ rootWorkspacesMetadataAtom.onMount = setAtom => {
   }, 0);
 
   if (environment.isDesktop) {
+    // @ts-expect-error
     window.apis?.workspace.list().then(workspaceIDs => {
       if (abortController.signal.aborted) return;
+      // @ts-expect-error
       const newMetadata = workspaceIDs.map(w => ({
         id: w[0],
         flavour: WorkspaceFlavour.LOCAL,
@@ -59,6 +61,7 @@ rootWorkspacesMetadataAtom.onMount = setAtom => {
       setAtom(metadata => {
         return [
           ...metadata,
+          // @ts-expect-error
           ...newMetadata.filter(m => !metadata.find(m2 => m2.id === m.id)),
         ];
       });

apps/web/src/components/affine/create-workspace-modal/index.tsx

@@ -122,6 +122,7 @@ const useDefaultDBLocation = () => {
   const [defaultDBLocation, setDefaultDBLocation] = useState('');
 
   useEffect(() => {
+    // @ts-expect-error
     window.apis?.db.getDefaultStorageLocation().then(dir => {
       setDefaultDBLocation(dir);
     });
@@ -147,6 +148,7 @@ const SetDBLocationContent = ({
     if (result?.filePath) {
       onConfirmLocation(result.filePath);
     } else if (result?.error) {
+      // @ts-expect-error
       toast(t[result.error]());
     }
   };
@@ -277,6 +279,7 @@ export const CreateWorkspaceModal = ({
           setStep('set-syncing-mode');
         } else if (result.error || result.canceled) {
           if (result.error) {
+            // @ts-expect-error
             toast(t[result.error]());
           }
           onClose();

apps/web/src/components/affine/workspace-setting-detail/panel/export/index.tsx

@@ -18,6 +18,7 @@ export const ExportPanel = () => {
           if (id) {
             const result = await window.apis?.dialog.saveDBFileAs(id);
             if (result?.error) {
+              // @ts-expect-error
               toast(t[result.error]());
             } else if (!result?.canceled) {
               toast(t['Export success']());

apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx

@@ -27,9 +27,11 @@ const useShowOpenDBFile = (workspaceId: string) => {
   const [show, setShow] = useState(false);
   useEffect(() => {
     if (window.apis && window.events && environment.isDesktop) {
+      // @ts-expect-error
       window.apis.workspace.getMeta(workspaceId).then(meta => {
         setShow(!!meta.secondaryDBPath);
       });
+      // @ts-expect-error
       return window.events.workspace.onMetaChange(newMeta => {
         if (newMeta.workspaceId === workspaceId) {
           const meta = newMeta.meta;
@@ -73,6 +75,7 @@ export const GeneralPanel: React.FC<PanelProps> = ({
       if (!result?.error && !result?.canceled) {
         toast(t['Move folder success']());
       } else if (result?.error) {
+        // @ts-expect-error
         toast(t[result.error]());
       }
     } catch (err) {