fix(api): support importmaps, fix #1840

Author: Akryum

packages/api/src/api/api.ts

@@ -1,8 +1,8 @@
-import { ComponentBounds, Hookable } from './hooks'
-import { Context } from './context'
-import { ComponentInstance, ComponentState, StateBase } from './component'
-import { App } from './app'
-import { ID } from './util'
+import type { ComponentBounds, Hookable } from './hooks.js'
+import type { Context } from './context.js'
+import type { ComponentInstance, ComponentState, StateBase } from './component.js'
+import type { App } from './app.js'
+import type { ID } from './util.js'
 
 export interface DevtoolsPluginApi<TSettings> {
   on: Hookable<Context>

packages/api/src/api/component.ts

@@ -1,5 +1,5 @@
-import { InspectorNodeTag } from './api'
-import { ID } from './util'
+import type { InspectorNodeTag } from './api.js'
+import type { ID } from './util.js'
 
 export type ComponentInstance = any // @TODO
 

packages/api/src/api/context.ts

@@ -1,4 +1,4 @@
-import { AppRecord } from './api'
+import type { AppRecord } from './api.js'
 
 export interface Context {
   currentTab: string

packages/api/src/api/hooks.ts

@@ -1,6 +1,6 @@
-import { ComponentTreeNode, InspectedComponentData, ComponentInstance, ComponentDevtoolsOptions } from './component'
-import { App } from './app'
-import { CustomInspectorNode, CustomInspectorState, TimelineEvent } from './api'
+import type { ComponentTreeNode, InspectedComponentData, ComponentInstance, ComponentDevtoolsOptions } from './component.js'
+import type { App } from './app.js'
+import type { CustomInspectorNode, CustomInspectorState, TimelineEvent } from './api.js'
 
 export const enum Hooks {
   TRANSFORM_CALL = 'transformCall',

packages/api/src/api/index.ts

@@ -1,6 +1,6 @@
-export * from './api'
-export * from './app'
-export * from './component'
-export * from './context'
-export * from './hooks'
-export * from './util'
+export * from './api.js'
+export * from './app.js'
+export * from './component.js'
+export * from './context.js'
+export * from './hooks.js'
+export * from './util.js'

packages/api/src/env.ts

@@ -1,5 +1,5 @@
-import { PluginDescriptor, SetupFunction } from '.'
-import { ApiProxy } from './proxy'
+import type { PluginDescriptor, SetupFunction } from './index.js'
+import type { ApiProxy } from './proxy.js'
 
 export interface PluginQueueItem {
   pluginDescriptor: PluginDescriptor

packages/api/src/index.ts

@@ -1,13 +1,13 @@
-import { getTarget, getDevtoolsGlobalHook, isProxyAvailable } from './env'
-import { HOOK_SETUP } from './const'
-import { DevtoolsPluginApi } from './api'
-import { ApiProxy } from './proxy'
-import { PluginDescriptor, ExtractSettingsTypes, PluginSettingsItem } from './plugin'
+import { getTarget, getDevtoolsGlobalHook, isProxyAvailable } from './env.js'
+import { HOOK_SETUP } from './const.js'
+import type { DevtoolsPluginApi } from './api/index.js'
+import { ApiProxy } from './proxy.js'
+import type { PluginDescriptor, ExtractSettingsTypes, PluginSettingsItem } from './plugin.js'
 
-export * from './api'
-export * from './plugin'
-export * from './time'
-export { PluginQueueItem } from './env'
+export * from './api/index.js'
+export * from './plugin.js'
+export * from './time.js'
+export { PluginQueueItem } from './env.js'
 
 // https://github.com/microsoft/TypeScript/issues/30680#issuecomment-752725353
 type Cast<A, B> = A extends B ? A : B

packages/api/src/plugin.ts

@@ -1,4 +1,4 @@
-import { App } from './api'
+import type { App } from './api/index.js'
 
 export interface PluginDescriptor {
   id: string

packages/api/src/proxy.ts

@@ -1,7 +1,7 @@
-import { Context, DevtoolsPluginApi, Hookable } from './api'
-import { PluginDescriptor } from './plugin'
-import { HOOK_PLUGIN_SETTINGS_SET } from './const'
-import { now } from './time'
+import type { Context, DevtoolsPluginApi, Hookable } from './api/index.js'
+import type { PluginDescriptor } from './plugin.js'
+import { HOOK_PLUGIN_SETTINGS_SET } from './const.js'
+import { now } from './time.js'
 
 interface QueueItem {
   method: string