chore: release

package.json

@@ -34,7 +34,7 @@
     "@changesets/cli": "^2.27.12",
     "@commitlint/cli": "^19.7.1",
     "@minko-fe/commitlint-config": "^2.1.2",
-    "@minko-fe/eslint-config": "^4.1.1",
+    "@minko-fe/eslint-config": "^4.1.3",
     "@minko-fe/prettier-config": "^2.2.3",
     "@minko-fe/tsconfig": "latest",
     "eslint": "^9.20.1",

packages/istanbul-widget/CHANGELOG.md

@@ -1,5 +1,10 @@
 # istanbul-widget
 
+## 1.10.0
+### Minor Changes
+
+- expose context
+
 ## 1.9.2
 ### Patch Changes
 

packages/istanbul-widget/package.json

@@ -1,6 +1,6 @@
 {
   "name": "istanbul-widget",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "收集 istanbul 代码覆盖率的web小组件",
   "type": "module",
   "keywords": [
@@ -40,6 +40,9 @@
       "default": "./dist/istanbul-widget.lib.cjs"
     },
     "./package.json": "./package.json",
+    "./types": {
+      "types": "./types.d.ts"
+    },
     "./*": "./*"
   },
   "sideEffects": [

packages/istanbul-widget/src/components/ui/dialog.tsx

@@ -33,6 +33,7 @@ const DialogContent = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
   <DialogPortal container={document.querySelector(`#${ISTANBUL_WIDGET_ID}`) as HTMLElement}>
+    <DialogDescription />
     <DialogOverlay />
     <DialogPrimitive.Content
       ref={ref}

packages/istanbul-widget/src/components/ui/popover.tsx

@@ -26,7 +26,9 @@ const PopoverContent = React.forwardRef<
         "iw-z-50 iw-w-fit iw-rounded-md iw-border iw-bg-popover iw-text-popover-foreground iw-shadow-md iw-outline-none data-[state=open]:iw-animate-in data-[state=closed]:iw-animate-out data-[state=closed]:iw-fade-out-0 data-[state=open]:iw-fade-in-0 data-[state=closed]:iw-zoom-out-95 data-[state=open]:iw-zoom-in-95 data-[side=bottom]:iw-slide-in-from-top-2 data-[side=left]:iw-slide-in-from-right-2 data-[side=right]:iw-slide-in-from-left-2 data-[side=top]:iw-slide-in-from-bottom-2 data-[state=closed]:iw-hidden",
         className
       )}
+       aria-describedby="popover-description"
       {...props}
+
     />
   </PopoverPrimitive.Portal>
 ))

packages/istanbul-widget/src/core/components/draggable.tsx

@@ -1,5 +1,5 @@
-import { memo, type PropsWithChildren, useEffect, useRef } from 'react'
 import { useDraggable } from '@neodrag/react'
+import { memo, type PropsWithChildren, useEffect, useRef } from 'react'
 import { useLocalStorageState, useMemoizedFn } from 'ahooks'
 import { max } from 'lodash-es'
 import { cn } from '@/components/utils'

packages/istanbul-widget/src/core/context.ts

@@ -1,14 +1,18 @@
 import { useDebounceFn, useLatest, useSetState } from 'ahooks'
 import { createContainer } from 'context-state'
 import { useToast } from '@/components/ui'
-import { IstanbulWidget } from './core'
+import { IstanbulWidget, type widgetReactContext } from './core'
 import { type IstanbulWidgetOptions, type PluginName, type PluginType, type ReportParams } from './options.interface'
 
 export type InitialWidgetProps = IstanbulWidgetOptions & {
   /**
    * 插件
    */
   pluginList: { [id: string]: PluginType }
+  /**
+   * 上传上下文
+   */
+  context: widgetReactContext
 }
 
 function useContext(initialValues: InitialWidgetProps) {
@@ -29,6 +33,7 @@ function useContext(initialValues: InitialWidgetProps) {
 
   const { toast } = useToast()
 
+  const { context } = initialValues
   const { beforeReport, onReport, afterReport } = initialValues.plugin?.report || {}
 
   /**
@@ -74,6 +79,8 @@ function useContext(initialValues: InitialWidgetProps) {
     },
   )
 
+  context.report = reportFn.run
+
   return {
     ...initialValues,
     reportActions,

packages/istanbul-widget/src/core/core.ts

@@ -1,17 +1,29 @@
+import { IstanbulWidgetReactPlugin } from './plugin/istanbul-widget-react-plugin'
 import { type ConsolaInstance, createConsola, LogLevels } from 'consola/browser'
 import { isArray, isFunction, isObject, merge, set } from 'lodash-es'
 import { ButtonGroupPlugin } from '@/plugins/button-group/button-group-plugin'
 import { ReportPlugin } from '@/plugins/report/report-plugin'
 import { SettingPlugin } from '@/plugins/setting/setting-plugin'
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
 import { $ } from '@/utils/query'
-import Context from './context'
 import { type IstanbulWidgetOptions, type PluginName, type PluginType } from './options.interface'
 import { IstanbulWidgetPlugin } from './plugin/istanbul-widget-plugin'
-import { IstanbulWidgetReactPlugin } from './plugin/istanbul-widget-react-plugin'
 import { type CompInstance, render } from './render'
 import '@/styles/global.css'
 
+export type widgetReactContext = {
+  report: (showToast?: boolean) => Promise<void> | undefined
+}
+
+declare global {
+  var __VERSION__: string
+
+  interface Window {
+    __istanbulWidgetAutoReportInterval: number | undefined
+    __coverage__: any | undefined
+  }
+}
+
 export class IstanbulWidget {
   public version: string = __VERSION__
   public isInited: boolean = false
@@ -27,11 +39,12 @@ export class IstanbulWidget {
     },
     defaultPlugins: ['buttonGroup', 'setting'],
   } as IstanbulWidgetOptions
+  public context: widgetReactContext = {} as widgetReactContext
 
-  protected compInstance: CompInstance = {
+  private compInstance: CompInstance = {
     pluginList: {},
   } as CompInstance
-  protected pluginList: { [id: string]: IstanbulWidgetPlugin } = {} // plugin instance
+  private pluginList: { [id: string]: IstanbulWidgetPlugin } = {} // plugin instance
 
   // Export static classes
   public static IstanbulWidgetPlugin: typeof IstanbulWidgetPlugin
@@ -40,8 +53,6 @@ export class IstanbulWidget {
   public static SettingPlugin: typeof SettingPlugin
   public static ButtonGroupPlugin: typeof ButtonGroupPlugin
 
-  public static Context: typeof Context
-
   public static logger: ConsolaInstance
 
   constructor(opts: IstanbulWidgetOptions = {}) {
@@ -111,6 +122,7 @@ export class IstanbulWidget {
         ...this.compInstance,
         ...render({
           target,
+          context: this.context,
           pluginList: {},
           theme: this.option.theme,
           defaultPosition: {
@@ -284,7 +296,7 @@ export class IstanbulWidget {
   }
 
   public static get instance() {
-    return window.__ISTANBUL_WIDGET_INSTANCE
+    return window.__istanbul_widget__
   }
 
   public static set instance(value: IstanbulWidget | undefined) {
@@ -294,7 +306,7 @@ export class IstanbulWidget {
       )
       return
     }
-    window.__ISTANBUL_WIDGET_INSTANCE = value
+    window.__istanbul_widget__ = value
   }
 }
 
@@ -303,5 +315,3 @@ IstanbulWidget.IstanbulWidgetReactPlugin = IstanbulWidgetReactPlugin
 IstanbulWidget.ReportPlugin = ReportPlugin
 IstanbulWidget.SettingPlugin = SettingPlugin
 IstanbulWidget.ButtonGroupPlugin = ButtonGroupPlugin
-
-IstanbulWidget.Context = Context

packages/istanbul-widget/src/core/plugin/istanbul-widget-react-plugin.ts

@@ -1,7 +1,7 @@
+import { reactdomRender, reactdomUnmount } from '../dom/react-render'
 import React from 'react'
 import { $ } from '@/utils/query'
 import { IstanbulWidget } from '../core'
-import { reactdomRender, reactdomUnmount } from '../dom/react-render'
 import { type PluginType } from '../options.interface'
 import { IstanbulWidgetPlugin } from './istanbul-widget-plugin'
 

packages/istanbul-widget/src/core/render.tsx

@@ -1,6 +1,7 @@
+import { reactdomRender, reactdomUnmount } from './dom/react-render'
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
 import Context, { type InitialWidgetProps } from './context'
-import { reactdomRender, reactdomUnmount } from './dom/react-render'
+import { type widgetReactContext } from './core'
 import IstanbulWidgetComponent from './istanbul-widget'
 import { type PluginType } from './options.interface'
 
@@ -15,6 +16,7 @@ export function render({
   ...coreOptions
 }: {
   target: HTMLElement
+  context: widgetReactContext
 } & InitialWidgetProps): Pick<CompInstance, 'destroy' | 'update'> {
   const container = document.createElement('div')
   container.id = ISTANBUL_WIDGET_ID

packages/istanbul-widget/types.d.ts

@@ -0,0 +1,9 @@
+import { type IstanbulWidget } from './src/istanbul-widget'
+
+declare global {
+  interface Window {
+    __istanbul_widget__: IstanbulWidget | undefined
+  }
+}
+
+export {}

packages/vite-plugin-istanbul-widget/CHANGELOG.md

@@ -1,5 +1,15 @@
 # vite-plugin-istanbul-widget
 
+## 1.10.0
+### Minor Changes
+
+- expose context
+
+### Patch Changes
+
+- Updated dependencies
+  - istanbul-widget@1.10.0
+
 ## 1.9.6
 ### Patch Changes
 

packages/vite-plugin-istanbul-widget/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-istanbul-widget",
-  "version": "1.9.6",
+  "version": "1.10.0",
   "description": "集成了 istanbul-widget 和 vite-plugin-istanbul 的vite插件",
   "type": "module",
   "keywords": [

packages/vite-plugin-istanbul-widget/src/index.ts

@@ -8,11 +8,6 @@ import { checkPluginEnabled, ensureArray, getCommitId, resolveOptions, resolveWi
 import { debug } from './utils/debug'
 import { resolvedVirtualModuleId, runtimeId, vmods } from './virtual'
 
-declare global {
-  // eslint-disable-next-line vars-on-top, no-var
-  var __GIT_COMMIT_ID__: string
-}
-
 export function istanbulWidget(opts: VitePluginIstanbulWidgetOptions): any {
   const {
     enabled,

packages/vite-plugin-istanbul-widget/src/types.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="istanbul-widget/types" />
+
 import { type IstanbulWidgetOptions } from 'istanbul-widget'
 import { type IstanbulPluginOptions } from 'vite-plugin-istanbul'
 
@@ -36,3 +38,7 @@ export type VitePluginIstanbulWidgetOptions = {
    */
   istanbulWidgetConfig?: IstanbulWidgetOptions | false
 }
+
+declare global {
+  var __GIT_COMMIT_ID__: string
+}

playground/react-app/package.json

@@ -11,6 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "istanbul-widget": "workspace:*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },