@meituan-nocode/vite-plugin-nocode-compiler 0.4.0 → 0.4.1-beta.2

package/dist/index.cjs

@@ -34,8 +34,8 @@ __export(index_exports, {
   default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
-var import_nocode_compiler_core = require("@meituan-nocode/nocode-compiler-core");
-var fs = __toESM(require("fs"), 1);
+var import_nocode_compiler_core2 = require("@meituan-nocode/nocode-compiler-core");
+var fs2 = __toESM(require("fs"), 1);
 
 // src/utils/index.ts
 var import_path = require("path");
@@ -179,11 +179,12 @@ function readJsonBody(req) {
 }
 
 // package.json
-var version = "0.4.0";
+var version = "0.4.1-beta.2";
 
 // src/design-mode/types.ts
 var SANDBOX_SCRIPT_PATH = "/sandbox-script.js";
 var VIRTUAL_CODE_API_PATH = "/api/virtual-code";
+var SWAP_NODE_API_PATH = "/api/virtual-code/swap";
 var DEFAULT_DESIGN_MODE_OPTIONS = {
   enableVirtualCode: true,
   virtualCodeApiPath: VIRTUAL_CODE_API_PATH,
@@ -194,6 +195,8 @@ var DEFAULT_DESIGN_MODE_OPTIONS = {
 
 // src/design-mode/virtual-code.ts
 var path = __toESM(require("path"), 1);
+var fs = __toESM(require("fs"), 1);
+var import_nocode_compiler_core = require("@meituan-nocode/nocode-compiler-core");
 var virtualCodeMap = /* @__PURE__ */ new Map();
 function matchesDesignModePattern(id, options) {
   const exclude = options.exclude || [];
@@ -221,20 +224,96 @@ function loadVirtualCode(id, options) {
   const relativePath = extractRelativePath(id);
   if (!relativePath) return void 0;
   const code = virtualCodeMap.get(relativePath) || virtualCodeMap.get("/" + relativePath);
-  if (code && options.verbose) {
-    console.log(`[DesignMode] Using virtual code for: ${relativePath}`);
+  if (code) {
+    console.log(`[DesignMode] load hook: using virtual code for "${relativePath}" (${code.length} chars)`);
+  } else if (virtualCodeMap.size > 0) {
+    console.log(`[DesignMode] load hook: NO virtual code for "${relativePath}", map keys: [${Array.from(virtualCodeMap.keys()).join(", ")}]`);
   }
   return code;
 }
+function createSwapNodeMiddleware(server, options, projectRoot) {
+  var _a;
+  const swapApiPath = SWAP_NODE_API_PATH;
+  const verbose = (_a = options.verbose) != null ? _a : false;
+  const compiler = new import_nocode_compiler_core.DesignModeCompiler({ rootPath: projectRoot });
+  return (req, res, next) => {
+    var _a2;
+    if (!((_a2 = req.url) == null ? void 0 : _a2.startsWith(swapApiPath))) {
+      return next();
+    }
+    if (req.method === "OPTIONS") {
+      res.setHeader("Access-Control-Allow-Origin", "*");
+      res.setHeader("Access-Control-Allow-Methods", "POST, OPTIONS");
+      res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+      res.statusCode = 204;
+      res.end();
+      return;
+    }
+    res.setHeader("Content-Type", "application/json");
+    res.setHeader("Access-Control-Allow-Origin", "*");
+    if (req.method !== "POST") {
+      res.statusCode = 405;
+      res.end(JSON.stringify({ error: "Method not allowed" }));
+      return;
+    }
+    let body = "";
+    req.on("data", (chunk) => body += chunk.toString());
+    req.on("end", () => {
+      try {
+        const { filePath, nodeAId, nodeBId } = JSON.parse(body);
+        if (!filePath || !nodeAId || !nodeBId) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ error: "filePath, nodeAId, and nodeBId are required" }));
+          return;
+        }
+        const fullPath = path.resolve(projectRoot, filePath);
+        if (!fs.existsSync(fullPath)) {
+          res.statusCode = 404;
+          res.end(JSON.stringify({ error: `File not found: ${filePath}` }));
+          return;
+        }
+        const cleanCode = fs.readFileSync(fullPath, "utf-8");
+        const result = compiler.swapNodes(cleanCode, fullPath, nodeAId, nodeBId);
+        if (!result) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ error: "Swap failed: nodes not found or not siblings" }));
+          return;
+        }
+        virtualCodeMap.set(filePath, result.dndCode);
+        console.log(`[DnD] virtualCodeMap key: "${filePath}", dndCode length: ${result.dndCode.length}`);
+        fs.writeFileSync(fullPath, result.cleanCode, "utf-8");
+        triggerHmrUpdate(server, fullPath, true);
+        if (verbose) {
+          console.log(`[DnD] Swap completed for: ${filePath}, ${nodeAId} \u2194 ${nodeBId}`);
+        }
+        res.end(
+          JSON.stringify({
+            success: true,
+            cleanCode: result.cleanCode,
+            dndCode: result.dndCode,
+            newSelectedId: result.newSelectedId
+          })
+        );
+      } catch (error) {
+        console.error("[DnD] Swap error:", error);
+        res.statusCode = 500;
+        res.end(JSON.stringify({ error: String(error) }));
+      }
+    });
+  };
+}
 function createVirtualCodeMiddleware(server, options, projectRoot) {
   var _a;
   const apiPath = options.virtualCodeApiPath || VIRTUAL_CODE_API_PATH;
   const verbose = (_a = options.verbose) != null ? _a : false;
   return (req, res, next) => {
-    var _a2;
+    var _a2, _b;
     if (!((_a2 = req.url) == null ? void 0 : _a2.startsWith(apiPath))) {
       return next();
     }
+    if ((_b = req.url) == null ? void 0 : _b.startsWith(SWAP_NODE_API_PATH)) {
+      return next();
+    }
     if (req.method === "OPTIONS") {
       res.setHeader("Access-Control-Allow-Origin", "*");
       res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, OPTIONS");
@@ -430,15 +509,15 @@ function componentCompiler(options = {}) {
     ...DEFAULT_DESIGN_MODE_OPTIONS,
     ...options.designModeOptions
   };
-  const monitorService = new import_nocode_compiler_core.MonitorService({
+  const monitorService = new import_nocode_compiler_core2.MonitorService({
     pluginName: "vite-plugin-nocode-compiler",
     framework: "vite",
     pluginVersion: version
   });
-  monitorService.reportMetrics(import_nocode_compiler_core.MetricType.PLUGIN_USE, 1);
-  const vueCompiler = new import_nocode_compiler_core.VueCompiler(options);
-  const jsxCompiler = new import_nocode_compiler_core.JSXCompiler(options);
-  const designModeCompiler = new import_nocode_compiler_core.DesignModeCompiler(options);
+  monitorService.reportMetrics(import_nocode_compiler_core2.MetricType.PLUGIN_USE, 1);
+  const vueCompiler = new import_nocode_compiler_core2.VueCompiler(options);
+  const jsxCompiler = new import_nocode_compiler_core2.JSXCompiler(options);
+  const designModeCompiler = new import_nocode_compiler_core2.DesignModeCompiler(options);
   let server;
   let pkgRegistry;
   let projectRoot = "";
@@ -456,13 +535,13 @@ function componentCompiler(options = {}) {
       var _a;
       if (command === "serve" && designModeOptions.enableVirtualCode) {
         const root = userConfig.root || process.cwd();
-        if (!(0, import_nocode_compiler_core.detectShadcnProject)(root)) {
+        if (!(0, import_nocode_compiler_core2.detectShadcnProject)(root)) {
           return;
         }
-        console.log(`[DesignMode] Shadcn project detected, adding ${import_nocode_compiler_core.SHADCN_NPM_DEPS.length} deps to optimizeDeps.include`);
+        console.log(`[DesignMode] Shadcn project detected, adding ${import_nocode_compiler_core2.SHADCN_NPM_DEPS.length} deps to optimizeDeps.include`);
         return {
           optimizeDeps: {
-            include: [...Array.isArray((_a = userConfig.optimizeDeps) == null ? void 0 : _a.include) ? userConfig.optimizeDeps.include : [], ...import_nocode_compiler_core.SHADCN_NPM_DEPS]
+            include: [...Array.isArray((_a = userConfig.optimizeDeps) == null ? void 0 : _a.include) ? userConfig.optimizeDeps.include : [], ...import_nocode_compiler_core2.SHADCN_NPM_DEPS]
           }
         };
       }
@@ -475,9 +554,9 @@ function componentCompiler(options = {}) {
      */
     configResolved(config) {
       ensurePluginFirst(config, (error) => monitorService.reportError(error, { scene: "ensurePluginFirst" }));
-      pkgRegistry = new import_nocode_compiler_core.PackageVersionRegistry(config.root);
+      pkgRegistry = new import_nocode_compiler_core2.PackageVersionRegistry(config.root);
       projectRoot = config.root;
-      (0, import_nocode_compiler_core.preloadDependencyVersions)(pkgRegistry);
+      (0, import_nocode_compiler_core2.preloadDependencyVersions)(pkgRegistry);
     },
     /**
      * 配置开发服务器，添加 Override 中间件和设计模式中间件
@@ -497,6 +576,7 @@ function componentCompiler(options = {}) {
       server.middlewares.use(createOverrideMiddleware(server));
       server.middlewares.use(createSandboxScriptMiddleware(designModeOptions));
       if (designModeOptions.enableVirtualCode) {
+        server.middlewares.use(createSwapNodeMiddleware(server, designModeOptions, projectRoot));
         server.middlewares.use(createVirtualCodeMiddleware(server, designModeOptions, projectRoot));
         console.log(`[DesignMode] Virtual code API enabled at ${designModeOptions.virtualCodeApiPath}`);
       }
@@ -508,8 +588,8 @@ function componentCompiler(options = {}) {
      * 兼容 Vite 2.x - 6.x（transformIndexHtml 从 Vite 2 起就支持简单函数形式）
      */
     transformIndexHtml(html) {
-      const metadata = (0, import_nocode_compiler_core.generateBodyMetadata)(pkgRegistry, version);
-      html = (0, import_nocode_compiler_core.injectBodyMetadata)(html, metadata);
+      const metadata = (0, import_nocode_compiler_core2.generateBodyMetadata)(pkgRegistry, version);
+      html = (0, import_nocode_compiler_core2.injectBodyMetadata)(html, metadata);
       html = injectSandboxScript(html);
       return html;
     },
@@ -538,7 +618,7 @@ function componentCompiler(options = {}) {
           code = result.code;
         }
       }
-      const { useJSXCompiler, useVueCompiler } = (0, import_nocode_compiler_core.detectCompileScenario)({
+      const { useJSXCompiler, useVueCompiler } = (0, import_nocode_compiler_core2.detectCompileScenario)({
         filePath,
         query
       });
@@ -546,7 +626,7 @@ function componentCompiler(options = {}) {
         let diskCode;
         if (hasVirtualCode(id)) {
           try {
-            diskCode = fs.readFileSync(filePath, "utf-8");
+            diskCode = fs2.readFileSync(filePath, "utf-8");
           } catch {
           }
         }

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/index.ts
-import { DesignModeCompiler, detectCompileScenario, detectShadcnProject, generateBodyMetadata, injectBodyMetadata, JSXCompiler, MetricType, MonitorService, PackageVersionRegistry, preloadDependencyVersions, SHADCN_NPM_DEPS, VueCompiler } from "@meituan-nocode/nocode-compiler-core";
-import * as fs from "fs";
+import { DesignModeCompiler as DesignModeCompiler2, detectCompileScenario, detectShadcnProject, generateBodyMetadata, injectBodyMetadata, JSXCompiler, MetricType, MonitorService, PackageVersionRegistry, preloadDependencyVersions, SHADCN_NPM_DEPS, VueCompiler } from "@meituan-nocode/nocode-compiler-core";
+import * as fs2 from "fs";
 
 // src/utils/index.ts
 import { normalize, dirname, isAbsolute, join } from "path";
@@ -144,11 +144,12 @@ function readJsonBody(req) {
 }
 
 // package.json
-var version = "0.4.0";
+var version = "0.4.1-beta.2";
 
 // src/design-mode/types.ts
 var SANDBOX_SCRIPT_PATH = "/sandbox-script.js";
 var VIRTUAL_CODE_API_PATH = "/api/virtual-code";
+var SWAP_NODE_API_PATH = "/api/virtual-code/swap";
 var DEFAULT_DESIGN_MODE_OPTIONS = {
   enableVirtualCode: true,
   virtualCodeApiPath: VIRTUAL_CODE_API_PATH,
@@ -159,6 +160,8 @@ var DEFAULT_DESIGN_MODE_OPTIONS = {
 
 // src/design-mode/virtual-code.ts
 import * as path from "path";
+import * as fs from "fs";
+import { DesignModeCompiler } from "@meituan-nocode/nocode-compiler-core";
 var virtualCodeMap = /* @__PURE__ */ new Map();
 function matchesDesignModePattern(id, options) {
   const exclude = options.exclude || [];
@@ -186,20 +189,96 @@ function loadVirtualCode(id, options) {
   const relativePath = extractRelativePath(id);
   if (!relativePath) return void 0;
   const code = virtualCodeMap.get(relativePath) || virtualCodeMap.get("/" + relativePath);
-  if (code && options.verbose) {
-    console.log(`[DesignMode] Using virtual code for: ${relativePath}`);
+  if (code) {
+    console.log(`[DesignMode] load hook: using virtual code for "${relativePath}" (${code.length} chars)`);
+  } else if (virtualCodeMap.size > 0) {
+    console.log(`[DesignMode] load hook: NO virtual code for "${relativePath}", map keys: [${Array.from(virtualCodeMap.keys()).join(", ")}]`);
   }
   return code;
 }
+function createSwapNodeMiddleware(server, options, projectRoot) {
+  var _a;
+  const swapApiPath = SWAP_NODE_API_PATH;
+  const verbose = (_a = options.verbose) != null ? _a : false;
+  const compiler = new DesignModeCompiler({ rootPath: projectRoot });
+  return (req, res, next) => {
+    var _a2;
+    if (!((_a2 = req.url) == null ? void 0 : _a2.startsWith(swapApiPath))) {
+      return next();
+    }
+    if (req.method === "OPTIONS") {
+      res.setHeader("Access-Control-Allow-Origin", "*");
+      res.setHeader("Access-Control-Allow-Methods", "POST, OPTIONS");
+      res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+      res.statusCode = 204;
+      res.end();
+      return;
+    }
+    res.setHeader("Content-Type", "application/json");
+    res.setHeader("Access-Control-Allow-Origin", "*");
+    if (req.method !== "POST") {
+      res.statusCode = 405;
+      res.end(JSON.stringify({ error: "Method not allowed" }));
+      return;
+    }
+    let body = "";
+    req.on("data", (chunk) => body += chunk.toString());
+    req.on("end", () => {
+      try {
+        const { filePath, nodeAId, nodeBId } = JSON.parse(body);
+        if (!filePath || !nodeAId || !nodeBId) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ error: "filePath, nodeAId, and nodeBId are required" }));
+          return;
+        }
+        const fullPath = path.resolve(projectRoot, filePath);
+        if (!fs.existsSync(fullPath)) {
+          res.statusCode = 404;
+          res.end(JSON.stringify({ error: `File not found: ${filePath}` }));
+          return;
+        }
+        const cleanCode = fs.readFileSync(fullPath, "utf-8");
+        const result = compiler.swapNodes(cleanCode, fullPath, nodeAId, nodeBId);
+        if (!result) {
+          res.statusCode = 400;
+          res.end(JSON.stringify({ error: "Swap failed: nodes not found or not siblings" }));
+          return;
+        }
+        virtualCodeMap.set(filePath, result.dndCode);
+        console.log(`[DnD] virtualCodeMap key: "${filePath}", dndCode length: ${result.dndCode.length}`);
+        fs.writeFileSync(fullPath, result.cleanCode, "utf-8");
+        triggerHmrUpdate(server, fullPath, true);
+        if (verbose) {
+          console.log(`[DnD] Swap completed for: ${filePath}, ${nodeAId} \u2194 ${nodeBId}`);
+        }
+        res.end(
+          JSON.stringify({
+            success: true,
+            cleanCode: result.cleanCode,
+            dndCode: result.dndCode,
+            newSelectedId: result.newSelectedId
+          })
+        );
+      } catch (error) {
+        console.error("[DnD] Swap error:", error);
+        res.statusCode = 500;
+        res.end(JSON.stringify({ error: String(error) }));
+      }
+    });
+  };
+}
 function createVirtualCodeMiddleware(server, options, projectRoot) {
   var _a;
   const apiPath = options.virtualCodeApiPath || VIRTUAL_CODE_API_PATH;
   const verbose = (_a = options.verbose) != null ? _a : false;
   return (req, res, next) => {
-    var _a2;
+    var _a2, _b;
     if (!((_a2 = req.url) == null ? void 0 : _a2.startsWith(apiPath))) {
       return next();
     }
+    if ((_b = req.url) == null ? void 0 : _b.startsWith(SWAP_NODE_API_PATH)) {
+      return next();
+    }
     if (req.method === "OPTIONS") {
       res.setHeader("Access-Control-Allow-Origin", "*");
       res.setHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, OPTIONS");
@@ -403,7 +482,7 @@ function componentCompiler(options = {}) {
   monitorService.reportMetrics(MetricType.PLUGIN_USE, 1);
   const vueCompiler = new VueCompiler(options);
   const jsxCompiler = new JSXCompiler(options);
-  const designModeCompiler = new DesignModeCompiler(options);
+  const designModeCompiler = new DesignModeCompiler2(options);
   let server;
   let pkgRegistry;
   let projectRoot = "";
@@ -462,6 +541,7 @@ function componentCompiler(options = {}) {
       server.middlewares.use(createOverrideMiddleware(server));
       server.middlewares.use(createSandboxScriptMiddleware(designModeOptions));
       if (designModeOptions.enableVirtualCode) {
+        server.middlewares.use(createSwapNodeMiddleware(server, designModeOptions, projectRoot));
         server.middlewares.use(createVirtualCodeMiddleware(server, designModeOptions, projectRoot));
         console.log(`[DesignMode] Virtual code API enabled at ${designModeOptions.virtualCodeApiPath}`);
       }
@@ -511,7 +591,7 @@ function componentCompiler(options = {}) {
         let diskCode;
         if (hasVirtualCode(id)) {
           try {
-            diskCode = fs.readFileSync(filePath, "utf-8");
+            diskCode = fs2.readFileSync(filePath, "utf-8");
           } catch {
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meituan-nocode/vite-plugin-nocode-compiler",
-  "version": "0.4.0",
+  "version": "0.4.1-beta.2",
   "description": "Vite plugin for nocode compiler",
   "type": "module",
   "exports": {
@@ -17,7 +17,7 @@
     "dist"
   ],
   "dependencies": {
-    "@meituan-nocode/nocode-compiler-core": "0.2.9-beta.8",
+    "@meituan-nocode/nocode-compiler-core": "0.2.9-beta.9",
     "@meituan-nocode/nocode-design-mode-sandbox-script": "0.1.0-beta.4"
   },
   "devDependencies": {