chore: backward compact

Author: antfu

packages/core/playground/vite.config.ts

@@ -47,7 +47,7 @@ export default defineConfig({
 
           ctx.docks.register({
             type: 'action',
-            import: ctx.utils.clientEntryFromSimpleFunction(() => {
+            action: ctx.utils.clientEntryFromSimpleFunction(() => {
               // eslint-disable-next-line no-alert
               alert('Hello, world!')
             }),

packages/core/src/node/plugins/server.ts

@@ -36,19 +36,27 @@ export function DevToolsServer(): Plugin {
         for (const dock of docks) {
           const id = `${dock.type}:${dock.id}`
           if (dock.type === 'action') {
-            map.set(id, dock.action)
+            // TODO: backward compatibility, remove later
+            // @ts-expect-error ignore
+            map.set(id, dock.action || dock.import)
           }
           else if (dock.type === 'custom-render') {
             map.set(id, dock.renderer)
           }
           else if (dock.type === 'iframe' && dock.clientScript) {
             map.set(id, dock.clientScript)
           }
+          else if ('import' in dock) {
+            // TODO: backward compatibility, remove later
+            // @ts-expect-error ignore
+            map.set(id, dock.import)
+          }
         }
         return [
           `export const importsMap = {`,
-          ...[...Object.entries(map)]
-            .map(([id, { importFrom, importName }]) => `  ${JSON.stringify(id)}: () => import(${JSON.stringify(importFrom)}).then(r => r[${JSON.stringify(importName)}]),`),
+          ...[...map.entries()]
+            .filter(([, entry]) => entry != null)
+            .map(([id, { importFrom, importName }]) => `  [${JSON.stringify(id)}]: () => import(${JSON.stringify(importFrom)}).then(r => r[${JSON.stringify(importName)}]),`),
           '}',
         ].join('\n')
       }