fix(devtools): exports & dist files definition (#4812)

packages/devtools/client/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@modern-js/devtools-client",
   "version": "2.36.0",
-  "main": "./index.js",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -15,6 +14,9 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@modern-js-app/eslint-config": "workspace:*",
     "@modern-js/app-tools": "workspace:*",
@@ -56,6 +58,5 @@
     "valtio": "^1.11.1"
   },
   "dependencies": {
-    "thumbhash": "^0.1.1"
   }
 }

packages/devtools/client/src/routes/overview/page.module.scss

@@ -52,7 +52,7 @@
 
 .info-card {
   flex: 2;
-  min-width: 15rem;
+  min-width: max-content;
 }
 
 .indicate-bar {

packages/devtools/client/src/routes/overview/page.tsx

@@ -66,7 +66,7 @@ const Page: React.FC = () => {
             >
               <img src={srcHeading} style={{ width: '8rem' }} />
               <Flex gap="2">
-                <button type="button">v2.35.1</button>
+                <button type="button">v{store.version}</button>
               </Flex>
               <Text as="p" size="1">
                 Powered by {toolsPackage}@{toolsPackageVer}
@@ -75,7 +75,7 @@ const Page: React.FC = () => {
           </Theme>
         </IndicateCard>
         <IndicateCard className={styles.infoCard}>
-          <Flex justify="between" align="center" height="100%">
+          <Flex justify="between" gap="3" align="center" height="100%">
             <Box>
               <Text color="gray">Visit our website</Text>
               <Flex align="center" asChild>

packages/devtools/kit/package.json

@@ -8,6 +8,9 @@
     "url": "https://github.com/web-infra-dev/modern.js",
     "directory": "packages/cli/plugin-tailwind"
   },
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "keywords": [
     "react",
@@ -49,7 +52,6 @@
     "test": "jest --passWithNoTests"
   },
   "dependencies": {
-    "@geist-ui/core": "^2.3.8",
     "@modern-js/types": "workspace:*",
     "@modern-js/utils": "workspace:*",
     "@radix-ui/themes": "^2.0.0",

packages/devtools/mount/package.json

@@ -16,6 +16,9 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
   },
   "devDependencies": {

packages/devtools/plugin/package.json

@@ -17,8 +17,11 @@
   ],
   "version": "2.36.0",
   "jsnext:source": "./src/index.ts",
-  "types": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "node": {
@@ -39,7 +42,7 @@
   "scripts": {
     "prepublishOnly": "only-allow-pnpm",
     "new": "modern-lib new",
-    "dev": "modern-lib build --watch --no-dts",
+    "dev": "modern-lib build --watch",
     "build": "modern-lib build",
     "test": "jest --passWithNoTests"
   },

packages/devtools/plugin/src/rpc/index.ts

@@ -137,6 +137,7 @@ export const setupClientConnection = async (
       Object.assign(ret.name, def.name);
       Object.assign(ret.packages, def.packages);
       Object.assign(ret.assets, def.assets);
+      Object.assign(ret.announcement, def.announcement);
       return ret;
     },
     echo(content) {