refactor: follow kebab-case file naming convention

package.json

@@ -36,6 +36,7 @@
     "@minko-fe/prettier-config": "^2.2.2",
     "@minko-fe/tsconfig": "latest",
     "eslint": "^8.57.0",
+    "npm-run-all2": "^6.2.0",
     "nyc": "^15.1.0",
     "prettier-plugin-astro": "^0.13.0",
     "prettier-plugin-tailwindcss": "^0.5.14",

packages/istanbul-widget/package.json

@@ -52,7 +52,9 @@
     "build": "tsup",
     "vite": "vite",
     "report": "NODE_ENV=production REPORT=true vite build --mode production",
-    "lint": "eslint . --fix",
+    "lint": "run-p type-check eslint",
+    "type-check": "tsc --noEmit",
+    "eslint": "eslint . --fix",
     "preview": "vite preview"
   },
   "peerDependencies": {
@@ -106,6 +108,7 @@
     "tailwindcss-rem-to-px": "^0.1.0",
     "tsup-plugin-bundleless": "^0.3.2",
     "tsup-plugin-css-legacy": "^0.0.1",
+    "typescript": "^5.4.5",
     "vite": "^5.2.11"
   }
 }

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

@@ -4,7 +4,7 @@ import { type DragOptions, useDraggable } from '@neodrag/react'
 import { type PropsWithChildren, memo, useEffect, useRef, useState } from 'react'
 import { cn } from '@/components/utils'
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
-import Context from '../Context'
+import Context from '../context'
 import { type Position } from '../options.interface'
 
 type DraggableProps = PropsWithChildren<{

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

@@ -1,14 +1,14 @@
 import { isArray, isFunction, isObject, merge, set } from '@minko-fe/lodash-pro'
 import { type ConsolaInstance, LogLevels, createConsola } from 'consola/browser'
-import { ButtonGroupPlugin } from '@/plugins/button-group/ButtonGroupPlugin'
-import { ReportPlugin } from '@/plugins/report/ReportPlugin'
-import { SettingPlugin } from '@/plugins/setting/SettingPlugin'
+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 Context from './context'
 import { type IstanbulWidgetOptions, type PluginName, type PluginType } from './options.interface'
-import { IstanbulWidgetPlugin } from './plugin/IstanbulWidgetPlugin'
-import { IstanbulWidgetReactPlugin } from './plugin/IstanbulWidgetReactPlugin'
+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'
 

packages/istanbul-widget/src/core/IstanbulWidget.tsx → packages/istanbul-widget/src/core/istanbul-widget.tsx

@@ -3,8 +3,8 @@ import { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger } f
 import { Toaster } from '@/components/ui/toaster'
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
 import { $ } from '@/utils/query'
-import Context from './Context'
-import Draggable from './components/Draggable'
+import Draggable from './components/draggable'
+import Context from './context'
 import { type Position } from './options.interface'
 
 function IstanbulWidgetComponent() {

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

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

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

@@ -1,7 +1,7 @@
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
-import Context, { type InitialWidgetProps } from './Context'
-import IstanbulWidgetComponent from './IstanbulWidget'
+import Context, { type InitialWidgetProps } from './context'
 import { reactdomRender, reactdomUnmount } from './dom/react-render'
+import IstanbulWidgetComponent from './istanbul-widget'
 import { type PluginType } from './options.interface'
 
 export type CompInstance = {

packages/istanbul-widget/src/plugins/button-group/ButtonGroupPlugin.ts → packages/istanbul-widget/src/plugins/button-group/button-group-plugin.ts

@@ -1,5 +1,5 @@
-import { IstanbulWidgetReactPlugin } from '@/core/plugin/IstanbulWidgetReactPlugin'
-import ButtonGroup, { type ButtonGroupProps } from './ButtonGroup'
+import { IstanbulWidgetReactPlugin } from '@/core/plugin/istanbul-widget-react-plugin'
+import ButtonGroup, { type ButtonGroupProps } from './button-group'
 
 export class ButtonGroupPlugin extends IstanbulWidgetReactPlugin<ButtonGroupProps> {
   constructor(id: string, name: string, renderProps: ButtonGroupProps) {

packages/istanbul-widget/src/plugins/button-group/ButtonGroup.tsx → packages/istanbul-widget/src/plugins/button-group/button-group.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react'
 import { Button } from '@/components/ui/button'
-import Context from '@/core/Context'
+import Context from '@/core/context'
 import { type ButtonGroupOptions } from '@/core/options.interface'
 
 export type ButtonGroupProps = {

packages/istanbul-widget/src/plugins/report/Report.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react'
 import { Button } from '@/components/ui/button'
-import Context from '../../core/Context'
+import Context from '../../core/context'
 
 function Report() {
   const { plugin, reportFn } = Context.usePicker(['plugin', 'reportFn'])

packages/istanbul-widget/src/plugins/report/ReportPlugin.ts → packages/istanbul-widget/src/plugins/report/report-plugin.ts

@@ -1,5 +1,5 @@
-import { IstanbulWidgetReactPlugin } from '@/core/plugin/IstanbulWidgetReactPlugin'
-import Report from './Report'
+import { IstanbulWidgetReactPlugin } from '@/core/plugin/istanbul-widget-react-plugin'
+import Report from './report'
 
 export class ReportPlugin extends IstanbulWidgetReactPlugin {
   constructor(id: string, name: string, renderProps = {}) {

packages/istanbul-widget/src/plugins/setting/Setting.tsx

@@ -19,7 +19,7 @@ import { Label } from '@/components/ui/label'
 import { Switch } from '@/components/ui/switch'
 import { useToast } from '@/components/ui/use-toast'
 import { ISTANBUL_WIDGET_ID } from '@/utils/const'
-import Context from '../../core/Context'
+import Context from '../../core/context'
 
 type Config = {
   reporter: string

packages/istanbul-widget/src/plugins/setting/SettingPlugin.ts → packages/istanbul-widget/src/plugins/setting/setting-plugin.ts

@@ -1,5 +1,5 @@
-import { IstanbulWidgetReactPlugin } from '@/core/plugin/IstanbulWidgetReactPlugin'
-import Setting from './Setting'
+import { IstanbulWidgetReactPlugin } from '@/core/plugin/istanbul-widget-react-plugin'
+import Setting from './setting'
 
 export class SettingPlugin extends IstanbulWidgetReactPlugin {
   constructor(id: string, name: string, renderProps = {}) {