fix(web-report): modified the report generation command to fix the report generation failure (#20)

* chore: update report logic

* chore: update report logic

* chore: update report logic

* chore: update report logic

Author: zhoushaw

packages/midscene/src/utils.ts

@@ -79,7 +79,7 @@ export function writeDumpFile(opts: {
     if (!gitIgnoreContent.includes(`${logDirName}/`)) {
       writeFileSync(
         gitIgnorePath,
-        `${gitIgnoreContent}\n# MidScene.js dump files\n${logDirName}/midscene-report\n${logDirName}/dump-logger\n`,
+        `${gitIgnoreContent}\n# MidScene.js dump files\n${logDirName}/report\n${logDirName}/dump-logger\n`,
         'utf-8',
       );
     }

packages/midscene/tests/ai-model/inspector/test-data/online_order/input.png

@@ -9,12 +9,19 @@ export default defineConfig({
       react: path.resolve(__dirname, 'node_modules/react'),
       'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
     },
+    mainEntryName: 'index',
   },
   runtime: {
     router: true,
   },
+  html: {
+    disableHtmlFolder: true,
+  },
   output: {
     disableSourceMap: false,
+    distPath: {
+      html: '.',
+    },
   },
   plugins: [
     appTools({

packages/midscene/tests/ai-model/inspector/test-data/online_order/output.png

@@ -4,7 +4,7 @@
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
-    "build": "MODERNJS_DEPLOY=node modern deploy",
+    "build": "modern build",
     "start": "modern start",
     "serve": "modern serve",
     "new": "modern new",
@@ -13,7 +13,6 @@
   },
   "files": [
     "dist",
-    ".output",
     "README.md"
   ],
   "engines": {

packages/midscene/tests/ai-model/inspector/test-data/online_order/output_without_text.png

@@ -172,7 +172,7 @@ export function Home() {
   const [testDataList, setTestDataJson] = useState<Array<TestData>>([]);
   const [isLoading, setLoading] = useState<any>(true);
   useEffect(() => {
-    fetch('/test-data-list.json')
+    fetch('/public/test-data-list.json')
       .then((response) => {
         if (!response.ok) {
           throw new Error(`HTTP error! Status: ${response.status}`);

packages/midscene/tests/ai-model/inspector/test-data/online_order/resize-output.png

@@ -15,7 +15,7 @@ export function Report() {
   const dumpId = searchParams.get('dumpId')?.toString() || '';
 
   useEffect(() => {
-    fetch(`/${dumpId}`)
+    fetch(`/public/${dumpId}`)
       .then((response) => {
         if (!response.ok) {
           throw new Error(`HTTP error! Status: ${response.status}`);

packages/visualizer-report/modern.config.ts

@@ -1,4 +1,4 @@
 
 # MidScene.js dump files
-midscene_run/midscene-report
+midscene_run/report
 midscene_run/dump