@amaster.ai/vite-plugins 1.1.0-beta.8 → 1.1.1

package/dist/index.js

@@ -1,30 +1,11 @@
-import {createHash}from'crypto';import m,{readFileSync}from'fs';import w,{dirname,resolve}from'path';import {fileURLToPath}from'url';import R from'process';function E(r,e){let t=`${r}:${e}`;return createHash("md5").update(t).digest("hex").substring(0,12)}var x=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"]);function v(){let r=false;return {name:"vite-plugin-component-id",enforce:"pre",configResolved(e){r=e.command==="serve";},transform(e,t){if(!r||!/\.(tsx|jsx)$/.test(t)||t.includes("node_modules")||!/<[a-z]/.test(e))return null;try{let n=e,o=/<([a-z][\da-z]*)(?=[\s/>])/g,i,s=[];for(;(i=o.exec(e))!==null;){let a=i[1];if(!a)continue;let u=i.index,d=i.index+i[0].length;if(!x.has(a))continue;let c=d,p=!1,f=!1;for(;c<e.length&&!p;)e[c]===">"&&(p=!0,e.substring(u,c).includes("data-node-component-id")&&(f=!0)),c++;f||s.push({index:u,tag:a,tagEndIndex:d});}let l=e;for(let a=s.length-1;a>=0;a--){let u=s[a];if(!u)continue;let{index:d,tagEndIndex:c}=u,p=E(t,d),f=l.substring(0,c),y=l.substring(c);n=`${f} data-node-component-id="${p}"${y}`,l=n;}return {code:n,map:null}}catch{return null}}}}var L=`<script>
-document.addEventListener("click", (e) => {
-  const element = e.target;
-  const noJumpOut = document.body.classList.contains("forbid-jump-out")
-  if (element.hasAttribute("data-link-href") && !noJumpOut) {
-    const href = element.getAttribute("data-link-href");
-    const target = element.getAttribute("data-link-target");
-    if (href) {
-      if (target === "_blank") {
-        window.open(href, "_blank");
-      } else {
-        window.location.href = href;
-      }
-    }
-  } else if(noJumpOut && element.tagName === "A") {
-    e.preventDefault();
-  }
-});
-</script>`;function C(){try{let r=fileURLToPath(import.meta.url),e=dirname(r),t=resolve(e,"../dist/bridge.bridge.js");return `<script>
-${readFileSync(t,"utf-8")}
-</script>`}catch(r){return console.warn("Failed to read bridge script:",r),""}}function S(){let r=false,e="";return {name:"vite-plugin-editor-bridge",configResolved(t){r=t.command==="serve",r&&(e=C());},transformIndexHtml(t){let o=`${L}${r?e:""}</body>`;return t.replace("</body>",o)}}}function b(r){let e=false,t=r?.routesFilePath||"src/routes.tsx";return {name:"vite-plugin-routes-expose",enforce:"post",configResolved(n){e=n.command==="serve";},transform(n,o){if(!e||!o.endsWith(t))return null;try{return n.includes("window.__APP_ROUTES__")?null:{code:`${n}
+import y,{readFileSync}from'fs';import d,{dirname,resolve}from'path';import {fileURLToPath}from'url';import A from'process';import w from'fs/promises';import k from'@babel/generator';import {parse}from'@babel/parser';import L from'@babel/traverse';var F=fileURLToPath(import.meta.url),U=dirname(F),P="@amaster/bridge-monitor",T="\0"+P,m=null;function z(){if(m)return m;try{let e=resolve(U,"../dist/bridge-module.global.js");return m=readFileSync(e,"utf-8"),m}catch(e){return console.warn("[editor-bridge] Failed to load pre-built bridge module:",e),""}}function W(){return '<script type="module" src="/@id/@amaster/bridge-monitor"></script>'}function X(e){return z().replace(/__SESSION_KEY__/g,e)+`
+export default {};`}function C(){let e=false;return {name:"vite-plugin-editor-bridge",configResolved(n){e=n.command==="serve";},resolveId(n){if(n===P)return T},load(n){if(n===T){let r=process.env.VITE_AMASTER_KEY||"";return X(r)}},transformIndexHtml(n){if(!e)return n;let r=W();return n.replace("</body>",`${r}</body>`)}}}function I(e){let n=false,r=e?.routesFilePath||"src/routes.tsx";return {name:"vite-plugin-routes-expose",enforce:"post",configResolved(t){n=t.command==="serve";},transform(t,o){if(!n||!o.endsWith(r))return null;try{return t.includes("window.__APP_ROUTES__")?null:{code:`${t}
 
 // Development mode: Expose routes to window.__APP_ROUTES__
 if (typeof window !== 'undefined') {
   window.__APP_ROUTES__ = typeof routes !== 'undefined' && Array.isArray(routes) ? routes : [];
 }
-`,map:null}}catch{return null}}}}function T(){let r="",e=`
+`,map:null}}catch{return null}}}}function j(){let e="",n=`
 <script>
 (function() {
   'use strict';
@@ -32,6 +13,9 @@ if (typeof window !== 'undefined') {
   // Log API path (provided by Vite dev server)
   var LOG_API_PATH = '/__browser__';
   
+  // Save original fetch before any interception, used exclusively for log writing
+  var __originalFetch__ = window.fetch.bind(window);
+  
   // Write queue to ensure sequential writes
   var writeQueue = [];
   var isWriting = false;
@@ -44,7 +28,7 @@ if (typeof window !== 'undefined') {
     var entry = writeQueue.shift();
     var logText = JSON.stringify(entry);
     
-    fetch(LOG_API_PATH, {
+    __originalFetch__(LOG_API_PATH, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: logText
@@ -162,12 +146,19 @@ if (typeof window !== 'undefined') {
     };
   }
   
-  // Check if message should be filtered (contains [vite] text)
+  // Keywords to filter from console log collection
+  var FILTERED_CONSOLE_KEYWORDS = ['[vite]', '[BrowserLogs]'];
+  
+  // Check if message should be filtered
   function shouldFilterConsoleLog(args) {
     for (var i = 0; i < args.length; i++) {
       var arg = args[i];
-      if (typeof arg === 'string' && arg.indexOf('[vite]') !== -1) {
-        return true;
+      if (typeof arg === 'string') {
+        for (var j = 0; j < FILTERED_CONSOLE_KEYWORDS.length; j++) {
+          if (arg.indexOf(FILTERED_CONSOLE_KEYWORDS[j]) !== -1) {
+            return true;
+          }
+        }
       }
     }
     return false;
@@ -705,398 +696,234 @@ if (typeof window !== 'undefined') {
   
   originalConsole.log('[BrowserLogs] Log collection started');
 })();
-</script>`;return {name:"vite-plugin-browser-logs",configResolved(t){let n=t.root||R.cwd();r=w.join(n,"browser.log");},configureServer(t){t.middlewares.use((n,o,i)=>{if(n.url==="/__browser__"&&n.method==="POST"){let s=n.headers.origin||"*",l="";n.on("data",a=>{l+=a.toString();}),n.on("end",()=>{try{let a=w.dirname(r);m.existsSync(a)||m.mkdirSync(a,{recursive:!0}),m.appendFileSync(r,`${l}
-`,"utf-8"),o.writeHead(200,{"Content-Type":"application/json","Access-Control-Allow-Origin":s,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type"}),o.end(JSON.stringify({success:!0}));}catch(a){console.error("[BrowserLogs] Write error:",a),o.writeHead(500,{"Content-Type":"application/json","Access-Control-Allow-Origin":s,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type"}),o.end(JSON.stringify({success:false,error:String(a)}));}});}else if(n.url==="/__browser__"&&n.method==="OPTIONS"){let s=n.headers.origin||"*";o.writeHead(204,{"Access-Control-Allow-Origin":s,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type","Access-Control-Max-Age":"86400"}),o.end();}else if(n.url==="/__browser__"){let s=n.headers.origin||"*";o.writeHead(405,{"Content-Type":"application/json","Access-Control-Allow-Origin":s}),o.end(JSON.stringify({error:"Method not allowed"}));}else i();}),console.log("[BrowserLogs] Logs will be written to:",r);},transformIndexHtml(t){return t.replace(/<head([^>]*)>/i,`<head$1>${e}`)}}}function _(){let e=`
-<script>
-(function() {
-  'use strict';
-
-  var PLUGIN_TAG = '[SmartReload]';
-  // full-reload \u540E\u7B49\u5F85 WebSocket \u65AD\u5F00\u7684\u7A97\u53E3\u671F\uFF08ms\uFF09
-  var DISCONNECT_DETECT_WINDOW = 300;
-  // WebSocket \u65AD\u5F00\u540E\u7B49\u5F85\u91CD\u8FDE\u7684\u8D85\u65F6\u65F6\u95F4\uFF08ms\uFF09\uFF0C\u8D85\u65F6\u540E fallback \u5230 full-reload
-  var RECONNECT_TIMEOUT = 5000;
-  // \u91CD\u8FDE\u6210\u529F\u540E\uFF0C\u7B49\u5F85\u662F\u5426\u6709 full-reload/update \u6D88\u606F\u7684\u7A97\u53E3\u671F\uFF08ms\uFF09
-  var POST_RECONNECT_WINDOW = 2000;
-  // soft-reload \u5EF6\u8FDF\uFF08ms\uFF09
-  var SOFT_RELOAD_DELAY = 300;
-
-  // ============================================
-  // \u72B6\u6001\u7BA1\u7406
-  // ============================================
-  var state = {
-    // \u662F\u5426\u5DF2\u7ECF\u62E6\u622A\u4E86 Vite HMR WebSocket
-    wsIntercepted: false,
-    // \u662F\u5426\u6B63\u5728\u7B49\u5F85\u5224\u65AD full-reload \u7C7B\u578B\uFF08300ms \u7A97\u53E3\u671F\uFF09
-    detectingReloadType: false,
-    // \u5EF6\u8FDF\u6267\u884C full-reload \u7684\u5B9A\u65F6\u5668
-    reloadTimer: null,
-    // \u662F\u5426\u6B63\u5728\u7B49\u5F85\u670D\u52A1\u5668\u91CD\u8FDE
-    waitingForReconnect: false,
-    // \u662F\u5426\u662F\u670D\u52A1\u5668\u91CD\u542F\u573A\u666F
-    isServerRestart: false,
-    // \u91CD\u8FDE\u8D85\u65F6\u5B9A\u65F6\u5668
-    reconnectTimeoutTimer: null,
-    // \u91CD\u8FDE\u540E\u7B49\u5F85\u53D8\u66F4\u7684\u5B9A\u65F6\u5668
-    postReconnectTimer: null,
-    // \u662F\u5426\u6B63\u5728\u6291\u5236 fetch ping\uFF08\u963B\u6B62 Vite \u7684 HTTP ping \u89E6\u53D1 reload\uFF09
-    suppressingReload: false,
-    // \u5DF2\u62E6\u622A\u7684 fetch ping \u6B21\u6570\uFF08\u7528\u4E8E\u8C03\u8BD5\uFF09
-    suppressedReloadCount: 0
-  };
+</script>`;return {name:"vite-plugin-browser-logs",configResolved(r){let t=A.env.WORKSPACE_DIR;if(t)e=d.join(t,"browser.log");else {let o=r.root||A.cwd();for(;o!==d.dirname(o)&&!y.existsSync(d.join(o,"package.json"));)o=d.dirname(o);e=d.join(o,"browser.log");}},configureServer(r){r.middlewares.use((t,o,l)=>{if(t.url==="/__browser__"&&t.method==="POST"){let i=t.headers.origin||"*",c="";t.on("data",u=>{c+=u.toString();}),t.on("end",()=>{try{let u=d.dirname(e);y.existsSync(u)||y.mkdirSync(u,{recursive:!0}),y.appendFileSync(e,`${c}
+`,"utf-8"),o.writeHead(200,{"Content-Type":"application/json","Access-Control-Allow-Origin":i,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type"}),o.end(JSON.stringify({success:!0}));}catch(u){console.error("[BrowserLogs] Write error:",u),o.writeHead(500,{"Content-Type":"application/json","Access-Control-Allow-Origin":i,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type"}),o.end(JSON.stringify({success:false,error:String(u)}));}});}else if(t.url==="/__browser__"&&t.method==="OPTIONS"){let i=t.headers.origin||"*";o.writeHead(204,{"Access-Control-Allow-Origin":i,"Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type","Access-Control-Max-Age":"86400"}),o.end();}else if(t.url==="/__browser__"){let i=t.headers.origin||"*";o.writeHead(405,{"Content-Type":"application/json","Access-Control-Allow-Origin":i}),o.end(JSON.stringify({error:"Method not allowed"}));}else l();}),console.log("[BrowserLogs] Logs will be written to:",e);},transformIndexHtml(r){return r.replace(/<head([^>]*)>/i,`<head$1>${n}`)}}}var J=`
+import * as React from "react";
+import * as ReactJSXDevRuntime from "react/jsx-dev-runtime";
 
-  // ============================================
-  // \u65E5\u5FD7\u5DE5\u5177
-  // ============================================
-  function log() {
-    var args = [PLUGIN_TAG];
-    for (var i = 0; i < arguments.length; i++) {
-      args.push(arguments[i]);
-    }
-    console.log.apply(console, args);
-  }
+const _jsxDEV = ReactJSXDevRuntime.jsxDEV;
+export const Fragment = ReactJSXDevRuntime.Fragment;
 
-  // ============================================
-  // \u6E05\u9664\u6240\u6709\u5B9A\u65F6\u5668
-  // ============================================
-  function clearAllTimers() {
-    if (state.reloadTimer) {
-      clearTimeout(state.reloadTimer);
-      state.reloadTimer = null;
-    }
-    if (state.reconnectTimeoutTimer) {
-      clearTimeout(state.reconnectTimeoutTimer);
-      state.reconnectTimeoutTimer = null;
-    }
-    if (state.postReconnectTimer) {
-      clearTimeout(state.postReconnectTimer);
-      state.postReconnectTimer = null;
-    }
-  }
-
-  // ============================================
-  // \u91CD\u7F6E\u72B6\u6001
-  // ============================================
-  function resetState() {
-    state.detectingReloadType = false;
-    state.isServerRestart = false;
-    state.waitingForReconnect = false;
-    state.suppressingReload = false;
-    state.suppressedReloadCount = 0;
-    clearAllTimers();
-  }
-
-  // ============================================
-  // \u6267\u884C\u771F\u6B63\u7684 full-reload
-  // ============================================
-  function executeFullReload() {
-    log('Executing full-reload');
-    resetState();
-    originalLocationReload.call(window.location);
-  }
+const SOURCE_KEY = Symbol.for("__jsxSource__");
+const PROJECT_ROOT = "";
 
-  // ============================================
-  // Soft-reload\uFF1A\u5EF6\u8FDF\u5237\u65B0\uFF0C\u6062\u590D HMR \u8FDE\u63A5
-  // \u5728\u6291\u5236 reload \u540E\uFF0CVite \u5BA2\u6237\u7AEF\u7684 WebSocket \u5DF2\u6B7B\uFF0C
-  // \u9700\u8981\u901A\u8FC7 reload \u6062\u590D HMR\u3002
-  // ============================================
-  function scheduleSoftReload() {
-    log('Scheduling soft-reload to restore HMR connection');
-    setTimeout(function() {
-      resetState();
-      originalLocationReload.call(window.location);
-    }, SOFT_RELOAD_DELAY);
+const cleanFileName = (fileName) => {
+  if (!fileName) return "";
+  // Remove project root prefix to get relative path
+  if (PROJECT_ROOT && fileName.startsWith(PROJECT_ROOT)) {
+    const relative = fileName.slice(PROJECT_ROOT.length);
+    return relative.startsWith("/") ? relative.slice(1) : relative;
   }
+  return fileName;
+};
 
-  // ============================================
-  // \u62E6\u622A location.reload
-  // \u6D4F\u89C8\u5668\u4E0D\u5141\u8BB8\u76F4\u63A5\u4FEE\u6539 location.reload\uFF08Cannot redefine property\uFF09\uFF0C
-  // \u6240\u4EE5\u6211\u4EEC\u901A\u8FC7\u62E6\u622A fetch \u6765\u963B\u6B62 Vite \u7684 HTTP ping \u6210\u529F\uFF0C
-  // \u4ECE\u800C\u963B\u6B62 Vite \u5BA2\u6237\u7AEF\u8C03\u7528 location.reload()\u3002
-  //
-  // Vite \u5BA2\u6237\u7AEF\u5728 WebSocket \u65AD\u5F00\u540E\u4F1A\u901A\u8FC7 fetch ping \u670D\u52A1\u5668\uFF0C
-  // ping \u6210\u529F\u540E\u8C03\u7528 location.reload()\u3002
-  // \u6211\u4EEC\u5728\u670D\u52A1\u5668\u91CD\u542F\u671F\u95F4\u8BA9 ping \u8BF7\u6C42\u8FD4\u56DE\u5931\u8D25\uFF0C
-  // \u8FD9\u6837 Vite \u5BA2\u6237\u7AEF\u4F1A\u4E00\u76F4\u8F6E\u8BE2\u800C\u4E0D\u4F1A\u89E6\u53D1 reload\u3002
-  // \u5F53\u6211\u4EEC\u7684 WebSocket \u91CD\u8FDE\u903B\u8F91\u68C0\u6D4B\u5230\u91CD\u8FDE\u6210\u529F\u540E\uFF0C
-  // \u6062\u590D fetch \u5E76\u7531\u6211\u4EEC\u81EA\u5DF1\u63A7\u5236\u662F\u5426\u9700\u8981 reload\u3002
-  // ============================================
-  var originalLocationReload = window.location.reload.bind(window.location);
-  var originalFetch = window.fetch.bind(window);
+// Global map to track elements by source location
+const sourceElementMap = new Map();
+window.sourceElementMap = sourceElementMap;
 
-  window.fetch = function smartReloadInterceptedFetch(input, init) {
-    // \u53EA\u5728\u670D\u52A1\u5668\u91CD\u542F\u671F\u95F4\u62E6\u622A Vite \u7684 ping \u8BF7\u6C42
-    if (state.suppressingReload || state.waitingForReconnect || state.isServerRestart) {
-      var url = '';
-      if (typeof input === 'string') {
-        url = input;
-      } else if (input instanceof Request) {
-        url = input.url;
-      } else if (input instanceof URL) {
-        url = input.href;
-      }
+function getSourceKey(sourceInfo) {
+  return \`\${cleanFileName(sourceInfo.fileName)}:\${sourceInfo.lineNumber}:\${sourceInfo.columnNumber}\`;
+}
 
-      // Vite \u7684 ping \u8BF7\u6C42\u7279\u5F81\uFF1A\u8BF7\u6C42\u5F53\u524D\u9875\u9762 URL \u6216\u6839\u8DEF\u5F84
-      // Vite 5.x \u4F7F\u7528 fetch(location.href) \u6765 ping
-      var currentOrigin = window.location.origin;
-      if (url === window.location.href || url === currentOrigin + '/' || url.indexOf(currentOrigin + '/__vite_ping') !== -1) {
-        state.suppressedReloadCount++;
-        log('Suppressed fetch ping during server restart: ' + url + ' (count: ' + state.suppressedReloadCount + ')');
-        // \u8FD4\u56DE\u4E00\u4E2A\u5931\u8D25\u7684 response\uFF0C\u8BA9 Vite \u8BA4\u4E3A\u670D\u52A1\u5668\u8FD8\u6CA1\u6062\u590D
-        return Promise.reject(new TypeError('SmartReload: fetch suppressed during server restart'));
+function unregisterElement(node, sourceInfo) {
+  const key = getSourceKey(sourceInfo);
+  const refs = sourceElementMap.get(key);
+  if (refs) {
+    for (const ref of refs) {
+      if (ref.deref() === node) {
+        refs.delete(ref);
+        break;
       }
     }
-    return originalFetch(input, init);
-  };
-  log('fetch intercepted for Vite ping suppression');
-
-  // ============================================
-  // \u8FDB\u5165\u670D\u52A1\u5668\u91CD\u542F\u7B49\u5F85\u6A21\u5F0F
-  // ============================================
-  function enterServerRestartMode(reason) {
-    log('Entering server restart mode:', reason);
-
-    state.isServerRestart = true;
-    state.waitingForReconnect = true;
-    state.suppressingReload = true;
-    state.detectingReloadType = false;
-
-    if (state.reloadTimer) {
-      clearTimeout(state.reloadTimer);
-      state.reloadTimer = null;
+    if (refs.size === 0) {
+      sourceElementMap.delete(key);
     }
-
-    // \u8D85\u65F6\u4FDD\u62A4\uFF1A\u5982\u679C\u6307\u5B9A\u65F6\u95F4\u5185\u65E0\u6CD5\u91CD\u8FDE\uFF0C\u6267\u884C full-reload
-    if (state.reconnectTimeoutTimer) {
-      clearTimeout(state.reconnectTimeoutTimer);
-    }
-    state.reconnectTimeoutTimer = setTimeout(function() {
-      if (state.waitingForReconnect || state.isServerRestart) {
-        log('Reconnect timeout (' + RECONNECT_TIMEOUT + 'ms), performing full-reload as fallback');
-        executeFullReload();
-      }
-    }, RECONNECT_TIMEOUT);
   }
+}
 
-  // ============================================
-  // \u62E6\u622A WebSocket \u6784\u9020\u51FD\u6570
-  // ============================================
-  var OriginalWebSocket = window.WebSocket;
-
-  function isViteHmrWebSocket(url) {
-    if (typeof url !== 'string') return false;
-    // \u53EA\u5339\u914D Vite HMR \u7279\u5F81\u7684 URL
-    return url.includes('/__vite_hmr') || url.includes('?token=');
+function registerElement(node, sourceInfo) {
+  const key = getSourceKey(sourceInfo);
+  if (!sourceElementMap.has(key)) {
+    sourceElementMap.set(key, new Set());
   }
+  sourceElementMap.get(key).add(new WeakRef(node));
+}
 
-  function createWsProxy(ws) {
-    var originalAddEventListener = ws.addEventListener.bind(ws);
-    var originalRemoveEventListener = ws.removeEventListener.bind(ws);
-
-    ws.addEventListener = function(type, listener, options) {
-      if (type === 'message') {
-        var wrappedListener = function(event) {
-          var intercepted = handleWsMessage(event);
-          if (!intercepted) {
-            listener.call(ws, event);
-          }
-        };
-        listener.__smartReloadWrapped__ = wrappedListener;
-        return originalAddEventListener(type, wrappedListener, options);
-      }
-      return originalAddEventListener(type, listener, options);
-    };
+function getTypeName(type) {
+  if (typeof type === "string") return type;
+  if (typeof type === "function") return type.displayName || type.name || "Unknown";
+  if (typeof type === "object" && type !== null) {
+    return type.displayName || type.render?.displayName || type.render?.name || "Unknown";
+  }
+  return "Unknown";
+}
 
-    ws.removeEventListener = function(type, listener, options) {
-      if (type === 'message' && listener.__smartReloadWrapped__) {
-        return originalRemoveEventListener(type, listener.__smartReloadWrapped__, options);
-      }
-      return originalRemoveEventListener(type, listener, options);
+export function jsxDEV(type, props, key, isStatic, source, self) {
+  // For custom components, tag their rendered output
+  if (source?.fileName && typeof type !== "string" && type !== Fragment) {
+    const typeName = getTypeName(type);
+    const fileName = cleanFileName(source.fileName);
+    
+    const jsxSourceInfo = {
+      fileName,
+      lineNumber: source.lineNumber,
+      columnNumber: source.columnNumber,
+      displayName: typeName,
+      isComponent: true,
     };
 
-    var originalOnMessage = null;
-    var onMessageDescriptor = Object.getOwnPropertyDescriptor(WebSocket.prototype, 'onmessage') ||
-                              Object.getOwnPropertyDescriptor(ws, 'onmessage');
-
-    if (onMessageDescriptor) {
-      Object.defineProperty(ws, 'onmessage', {
-        get: function() {
-          return originalOnMessage;
-        },
-        set: function(handler) {
-          originalOnMessage = handler;
-          var wrappedHandler = function(event) {
-            var intercepted = handleWsMessage(event);
-            if (!intercepted && handler) {
-              handler.call(ws, event);
+    const originalRef = props?.ref;
+    
+    // Check if component can safely receive refs
+    // - forwardRef components have $$typeof symbol
+    // - Class components have prototype.isReactComponent
+    // - If there's already a ref, the component expects it
+    const isForwardRef = type.$$typeof === Symbol.for('react.forward_ref');
+    const isClassComponent = typeof type === 'function' && type.prototype?.isReactComponent;
+    const hasExistingRef = originalRef !== undefined;
+    
+    const canReceiveRef = isForwardRef || isClassComponent || hasExistingRef;
+    
+    if (canReceiveRef) {
+      const enhancedProps = {
+        ...props,
+        ref: (node) => {
+          if (node) {
+            const existingSource = node[SOURCE_KEY];
+            if (existingSource) {
+              // \u7EC4\u4EF6\u7EA7\u7684 source \u603B\u662F\u8986\u76D6\u5143\u7D20\u7EA7\u7684 source
+              if (!existingSource.isComponent) {
+                unregisterElement(node, existingSource);
+                node[SOURCE_KEY] = jsxSourceInfo;
+                registerElement(node, jsxSourceInfo);
+              }
+            } else {
+              node[SOURCE_KEY] = jsxSourceInfo;
+              registerElement(node, jsxSourceInfo);
             }
-          };
-          if (onMessageDescriptor.set) {
-            onMessageDescriptor.set.call(ws, wrappedHandler);
+          }
+          if (typeof originalRef === "function") {
+            originalRef(node);
+          } else if (originalRef && typeof originalRef === "object") {
+            originalRef.current = node;
           }
         },
-        configurable: true
-      });
+      };
+      return _jsxDEV(type, enhancedProps, key, isStatic, source, self);
     }
 
-    originalAddEventListener('close', function(event) {
-      handleWsClose(event);
-    });
-
-    originalAddEventListener('open', function() {
-      handleWsOpen();
-    });
-
-    state.wsIntercepted = true;
-    log('Vite HMR WebSocket intercepted');
-
-    return ws;
+    return _jsxDEV(type, props, key, isStatic, source, self);
   }
 
-  window.WebSocket = function SmartReloadWebSocket(url, protocols) {
-    var ws;
-    if (protocols !== undefined) {
-      ws = new OriginalWebSocket(url, protocols);
-    } else {
-      ws = new OriginalWebSocket(url);
-    }
-
-    if (isViteHmrWebSocket(url)) {
-      return createWsProxy(ws);
-    }
-
-    return ws;
-  };
-
-  window.WebSocket.prototype = OriginalWebSocket.prototype;
-  window.WebSocket.CONNECTING = OriginalWebSocket.CONNECTING;
-  window.WebSocket.OPEN = OriginalWebSocket.OPEN;
-  window.WebSocket.CLOSING = OriginalWebSocket.CLOSING;
-  window.WebSocket.CLOSED = OriginalWebSocket.CLOSED;
-
-  // ============================================
-  // WebSocket \u6D88\u606F\u5904\u7406
-  // ============================================
-  function handleWsMessage(event) {
-    var data;
-    try {
-      data = JSON.parse(event.data);
-    } catch (e) {
-      // \u975E JSON \u6D88\u606F\uFF0C\u4E0D\u62E6\u622A
-      return false;
+  // For host elements (div, span, etc.), tag with source info
+  if (source?.fileName && typeof type === "string") {
+    const fileName = cleanFileName(source.fileName);
+    
+    // \u5224\u65AD\u5F53\u524D\u5143\u7D20\u662F\u5426\u5728\u7EC4\u4EF6\u5E93\u4E2D\u5B9A\u4E49
+    const isInLibrary = fileName.includes('src/components/ui/') || 
+                        fileName.includes('node_modules');
+    
+    // \u7EC4\u4EF6\u5E93\u5185\u90E8\u7684\u5143\u7D20\u4E0D\u6807\u8BB0\uFF0C\u4E0D\u652F\u6301\u53EF\u89C6\u5316\u7F16\u8F91
+    if (isInLibrary) {
+      return _jsxDEV(type, props, key, isStatic, source, self);
     }
+    
+    const sourceInfo = {
+      fileName,
+      lineNumber: source.lineNumber,
+      columnNumber: source.columnNumber,
+      displayName: type,
+      isComponent: false, // \u6807\u8BB0\u8FD9\u662F\u5143\u7D20\u7EA7\u522B\u7684 source
+    };
 
-    // \u5904\u7406 full-reload \u6D88\u606F
-    if (data.type === 'full-reload') {
-      // \u5982\u679C\u5DF2\u7ECF\u5728\u670D\u52A1\u5668\u91CD\u542F\u6A21\u5F0F\uFF0C\u62E6\u622A\u6240\u6709 full-reload
-      if (state.isServerRestart) {
-        log('Suppressed full-reload during server restart');
-        return true;
-      }
-
-      log('Intercepted full-reload, path:', data.path || '(none)');
-
-      // \u8FDB\u5165\u68C0\u6D4B\u6A21\u5F0F\uFF1A\u7B49\u5F85\u770B WebSocket \u662F\u5426\u65AD\u5F00
-      state.detectingReloadType = true;
-
-      // \u8BBE\u7F6E\u5B9A\u65F6\u5668\uFF1A\u5982\u679C\u7A97\u53E3\u671F\u5185 WebSocket \u6CA1\u6709\u65AD\u5F00\uFF0C\u8BF4\u660E\u662F\u771F\u6B63\u7684\u6A21\u5757\u53D8\u66F4
-      state.reloadTimer = setTimeout(function() {
-        if (state.detectingReloadType && !state.isServerRestart) {
-          log('WebSocket still connected after ' + DISCONNECT_DETECT_WINDOW + 'ms - real module change, executing reload');
-          state.detectingReloadType = false;
-          executeFullReload();
+    const originalRef = props?.ref;
+
+    const enhancedProps = {
+      ...props,
+      ref: (node) => {
+        if (node) {
+          const existingSource = node[SOURCE_KEY];
+          // \u5982\u679C\u5DF2\u6709 source\uFF0C\u68C0\u67E5\u662F\u5426\u5E94\u8BE5\u4FDD\u7559\u5916\u5C42\u7684
+          if (existingSource) {
+            // \u5982\u679C\u5DF2\u6709\u7684\u662F\u7EC4\u4EF6\u7EA7\u522B\u7684 source\uFF08isComponent: true\uFF09\uFF0C\u4FDD\u7559\u5B83
+            if (existingSource.isComponent) {
+              // \u4E0D\u66F4\u65B0\uFF0C\u4FDD\u7559\u7EC4\u4EF6\u7EA7\u522B\u7684 source
+              if (typeof originalRef === "function") {
+                originalRef(node);
+              } else if (originalRef && typeof originalRef === "object") {
+                originalRef.current = node;
+              }
+              return;
+            }
+            
+            // \u5426\u5219\u6309\u6B63\u5E38\u903B\u8F91\u66F4\u65B0
+            if (getSourceKey(existingSource) !== getSourceKey(sourceInfo)) {
+              unregisterElement(node, existingSource);
+              node[SOURCE_KEY] = sourceInfo;
+              registerElement(node, sourceInfo);
+            }
+          } else {
+            node[SOURCE_KEY] = sourceInfo;
+            registerElement(node, sourceInfo);
+          }
         }
-      }, DISCONNECT_DETECT_WINDOW);
-
-      // \u62E6\u622A\uFF0C\u4E0D\u4F20\u9012\u7ED9 Vite \u5BA2\u6237\u7AEF
-      return true;
-    }
-
-    // \u5904\u7406 connected \u6D88\u606F\uFF08Vite \u670D\u52A1\u5668\u53D1\u9001\u7684\u9996\u6761\u6D88\u606F\uFF09
-    if (data.type === 'connected') {
-      if (state.isServerRestart) {
-        log('Reconnected to Vite server after restart');
-
-        // \u6E05\u9664\u91CD\u8FDE\u8D85\u65F6
-        if (state.reconnectTimeoutTimer) {
-          clearTimeout(state.reconnectTimeoutTimer);
-          state.reconnectTimeoutTimer = null;
+        if (typeof originalRef === "function") {
+          originalRef(node);
+        } else if (originalRef && typeof originalRef === "object") {
+          originalRef.current = node;
         }
-
-        state.waitingForReconnect = false;
-
-        // \u91CD\u8FDE\u540E\u7B49\u5F85\u4E00\u6BB5\u65F6\u95F4\uFF0C\u770B\u662F\u5426\u6709 full-reload \u6216 update \u6D88\u606F
-        // \u5982\u679C\u6CA1\u6709\uFF0C\u8BF4\u660E\u4E0D\u9700\u8981\u5237\u65B0\uFF0C\u4F46\u4ECD\u9700 soft-reload \u6062\u590D HMR
-        state.postReconnectTimer = setTimeout(function() {
-          if (state.isServerRestart) {
-            log('No changes detected after reconnect, performing soft-reload to restore HMR');
-            scheduleSoftReload();
-          }
-        }, POST_RECONNECT_WINDOW);
-      }
-      return false; // \u8BA9 connected \u6D88\u606F\u6B63\u5E38\u4F20\u9012
-    }
-
-    // \u5904\u7406 update \u6D88\u606F\uFF08HMR \u70ED\u66F4\u65B0\uFF09
-    if (data.type === 'update' && state.isServerRestart) {
-      // \u91CD\u8FDE\u540E\u6536\u5230 HMR update\uFF0C\u8BF4\u660E\u6709\u6A21\u5757\u53D8\u66F4
-      // \u8BA9 HMR update \u6B63\u5E38\u5904\u7406
-      log('Received HMR update after reconnect, letting HMR handle it');
-      if (state.postReconnectTimer) {
-        clearTimeout(state.postReconnectTimer);
-        state.postReconnectTimer = null;
-      }
-      // \u6709 HMR update \u8BF4\u660E WebSocket \u662F\u6D3B\u7684\uFF0C\u53EF\u4EE5\u76F4\u63A5\u6062\u590D
-      resetState();
-      return false; // \u8BA9 update \u6D88\u606F\u6B63\u5E38\u4F20\u9012\u7ED9 Vite \u5BA2\u6237\u7AEF\u5904\u7406 HMR
-    }
-
-    return false;
+      },
+    };
+    return _jsxDEV(type, enhancedProps, key, isStatic, source, self);
   }
 
-  // ============================================
-  // WebSocket \u8FDE\u63A5\u4E8B\u4EF6\u5904\u7406
-  // ============================================
-  function handleWsClose(event) {
-    log('WebSocket closed, code:', event.code, 'wasClean:', event.wasClean);
+  return _jsxDEV(type, props, key, isStatic, source, self);
+}
+`;function S(){let e=false,n="";return {name:"vite-plugin-jsx-source-tagger",enforce:"pre",configResolved(r){e=r.command==="serve",n=r.root;},resolveId(r,t){return e&&r==="react/jsx-dev-runtime"&&!t?.includes("\0jsx-source")?"\0jsx-source/jsx-dev-runtime":null},load(r){return e&&r==="\0jsx-source/jsx-dev-runtime"?J.replace('const PROJECT_ROOT = "";',`const PROJECT_ROOT = ${JSON.stringify(n)};`):null}}}function b(e){let n="",r=false,t=null,o=null,l=e?.configPath||"./tailwind.config.ts",i="@amaster/tailwind-config",c="\0"+i,u=async()=>{let a=d.resolve(n,l);try{return await w.access(a),a}catch{if(l.endsWith(".ts")){let s=a.replace(/\.ts$/,".js");try{return await w.access(s),s}catch{return null}}else if(l.endsWith(".js")){let s=a.replace(/\.js$/,".ts");try{return await w.access(s),s}catch{return null}}return null}},v=async a=>{try{let s=await u();if(!s)return null;if(a){let O=await a.ssrLoadModule(s);return t=O.default||O,t}let f=await import(`file://${s}?t=${Date.now()}`);return t=f.default||f,t}catch(s){return console.error("[tailwind-config-sync] Failed to generate config:",s),null}};return {name:"vite-plugin-tailwind-config-sync",configResolved(a){n=a.root,r=a.command==="serve";},async buildStart(){r&&await v();},resolveId(a){if(a===i)return c},async load(a){if(a===c)return await v(o),t?`
+// Use global variable to persist callbacks and current config across HMR updates
+if (!window.__tailwindConfigCallbacks) {
+  window.__tailwindConfigCallbacks = [];
+}
 
-    // \u573A\u666F1\uFF1A\u6536\u5230 full-reload \u540E WebSocket \u65AD\u5F00 \u2192 \u670D\u52A1\u5668\u91CD\u542F
-    if (state.detectingReloadType) {
-      enterServerRestartMode('full-reload followed by disconnect');
-      return;
-    }
+// Always update current config with the latest from server
+let tailwindConfigCurrent = ${JSON.stringify(t)};
 
-    // \u573A\u666F2\uFF1A\u6CA1\u6709 full-reload \u6D88\u606F\uFF0CWebSocket \u76F4\u63A5\u65AD\u5F00
-    // \u53EA\u5728\u975E\u6B63\u5E38\u5173\u95ED\u65F6\u624D\u8FDB\u5165\u91CD\u542F\u6A21\u5F0F\uFF08wasClean === false \u8868\u793A\u975E\u6B63\u5E38\u65AD\u5F00\uFF09
-    if (!state.isServerRestart && !event.wasClean) {
-      enterServerRestartMode('unexpected disconnect (server process killed)');
+if (import.meta.hot) {
+  // Accept self updates
+  import.meta.hot.accept((newModule) => {
+    if (newModule && newModule.default) {
+      // Call all update callbacks with the new config from window
+      window.__tailwindConfigCallbacks.forEach((callback) => {
+        try {
+          // Pass the actual config object, not the Proxy
+          callback(newModule.default);
+        } catch (e) {
+          console.error('[TailwindConfig] Callback error:', e);
+        }
+      });
     }
-  }
-
-  function handleWsOpen() {
-    log('WebSocket opened');
-  }
+  });
+}
 
-  // ============================================
-  // \u66B4\u9732 API \u4F9B\u8C03\u8BD5\u4F7F\u7528
-  // ============================================
-  window.__smartReloadState__ = state;
-  window.__smartReloadForceReload__ = function() {
-    log('Force reload triggered by user');
-    resetState();
-    originalLocationReload.call(window.location);
+export function onUpdate(fn) {
+  window.__tailwindConfigCallbacks.push(fn);
+  return () => { 
+    const index = window.__tailwindConfigCallbacks.indexOf(fn);
+    if (index > -1) {
+      window.__tailwindConfigCallbacks.splice(index, 1);
+    }
   };
+};
+export default tailwindConfigCurrent;
 
-  log('Smart Reload initialized');
-})();
-</script>`.replace(/^\s*<script>\s*/i,"").replace(/\s*<\/script>\s*$/i,"");return {name:"vite-plugin-smart-reload",apply:"serve",transformIndexHtml:{order:"pre",handler(){return [{tag:"script",injectTo:"head-prepend",children:e}]}}}}function h(r={}){let{designWidth:e=375,maxWidth:t=750,baseFontSize:n=12,minRootSize:o=12,maxRootSize:i=24}=r;return {name:"vite-plugin-taro-style-adapter",apply:"serve",transformIndexHtml(s){let l=`
+`:"export default null;"},configureServer(a){r&&(o=a,(async()=>{try{let s=await u();s&&a.watcher.add(s);}catch{}})());},async handleHotUpdate({file:a,server:s}){let p=await u();if(!p||d.normalize(a)!==d.normalize(p))return;let f=s.moduleGraph.getModuleById(p);f&&s.moduleGraph.invalidateModule(f),await v(s);let g=s.moduleGraph.getModuleById(c);return g?(s.moduleGraph.invalidateModule(g),[g]):[]}}}function x(e={}){let{designWidth:n=375,maxWidth:r=750,baseFontSize:t=12,minRootSize:o=12,maxRootSize:l=24}=e;return {name:"vite-plugin-taro-style-adapter",apply:"serve",transformIndexHtml(i){let c=`
 <script data-taro-flexible="true">
 (function() {
-  var designWidth = ${e};
-  var maxWidth = ${t};
-  var baseFontSize = ${n};
+  var designWidth = ${n};
+  var maxWidth = ${r};
+  var baseFontSize = ${t};
   var minRootSize = ${o};
-  var maxRootSize = ${i};
+  var maxRootSize = ${l};
   
   function setRootFontSize() {
     var docEl = document.documentElement;
@@ -1130,7 +957,7 @@ if (typeof window !== 'undefined') {
   document.addEventListener('DOMContentLoaded', setRootFontSize);
 })();
 </script>
-`;return s.replace("</head>",`${l}
+`;return i.replace("</head>",`${c}
 <style data-taro-adapter="true">
   /* \u4EC5 H5 \u751F\u6548\uFF1A\u9690\u85CF Taro \u9875\u9762\u5BB9\u5668\u6EDA\u52A8\u6761\uFF0C\u4F46\u4ECD\u53EF\u6EDA\u52A8 */
   .taro_page {
@@ -1176,5 +1003,5 @@ if (typeof window !== 'undefined') {
     object-fit: contain;
   }
 </style>
-</head>`)}}}function g(r={}){let{ratio:e=2}=r;return {postcssPlugin:"postcss-rpx2px",Declaration(t){t.value.includes("rpx")&&(t.value=t.value.replace(/(-?\d*\.?\d+)rpx/gi,(n,o)=>{let i=parseFloat(o)/e;return i===0?"0":`${i}px`}));}}}g.postcss=true;function W(r={}){let{additional:e=[],autoInjectTaroApp:t=true,autoInjectVite:n=true}=r,o={},i=new Set(e);return t&&Object.keys(process.env).forEach(s=>{s.startsWith("TARO_APP_")&&i.add(s);}),n&&Object.keys(process.env).forEach(s=>{s.startsWith("VITE_")&&i.add(s);}),i.forEach(s=>{let l=process.env[s]||"";o[`process.env.${s}`]=JSON.stringify(l);}),o}function q(){return {"process.env.TARO_APP_API_BASE_URL":JSON.stringify(process.env.TARO_APP_API_BASE_URL||""),"process.env.VITE_API_BASE_URL":JSON.stringify(process.env.VITE_API_BASE_URL||"")}}function D(r={}){let e=[h(r.styleAdapter),{name:"dev-postcss-rpx2px-plugin",apply:"serve",config(t){R.env.TARO_ENV==="h5"&&typeof t.css?.postcss=="object"&&t.css?.postcss.plugins?.unshift(g());}},v(),S(),b(),_()];return R.env.WORKSPACE_GIT_REPO&&e.push(T()),e}export{v as componentIdPlugin,D as default,S as editorBridgePlugin,q as injectAmasterEnv,W as injectTaroEnv,b as routesExposePlugin,g as rpx2pxPlugin,_ as smartReloadPlugin,h as taroStyleAdapterPlugin};//# sourceMappingURL=index.js.map
+</head>`)}}}function h(e={}){let{ratio:n=2}=e;return {postcssPlugin:"postcss-rpx2px",Declaration(r){r.value?.includes("rpx")&&(r.value=r.value.replace(/(-?\d*\.?\d+)rpx/gi,(t,o)=>{let l=parseFloat(o)/n;return l===0?"0":`${l}px`}));}}}h.postcss=true;var $=/(-?\d*\.?\d+)rpx/gi,K=k.default??k,Y=L.default??L;function E(e,n){return e.replace($,(r,t)=>{let o=Number.parseFloat(t)/n;return o===0?"0":`${o}px`})}function G(e,n){if(!e.value.includes("rpx"))return  false;let r=E(e.value,n);return r===e.value?false:(e.value=r,e.extra?.raw&&(e.extra.rawValue=r,e.extra.raw=JSON.stringify(r)),true)}function Q(e,n){let r=e.value.raw;if(!r.includes("rpx"))return  false;let t=E(r,n),o=e.value.cooked==null?void 0:E(e.value.cooked,n);return t===r&&o===e.value.cooked?false:(e.value.raw=t,e.value.cooked=o,true)}function Z(e){return e.name.type==="JSXIdentifier"&&e.name.name==="style"}function ee(e,n){let r=false;return e.traverse({StringLiteral(t){G(t.node,n)&&(r=true);},TemplateElement(t){Q(t.node,n)&&(r=true);}}),r}function D(e,n=2){let r=parse(e,{sourceType:"module",plugins:["jsx","typescript"],errorRecovery:true}),t=false;return Y(r,{JSXAttribute(o){if(!Z(o.node)||o.node.value?.type!=="JSXExpressionContainer")return;let l=o.get("value");l.isJSXExpressionContainer()&&ee(l,n)&&(t=true);}}),t?{changed:true,code:K(r,{retainLines:true,decoratorsBeforeExport:true,jsescOption:{minimal:true}},e).code}:{changed:false,code:e}}function R(e={}){let{ratio:n=2}=e;return {name:"vite-plugin-jsx-inline-style-rpx",enforce:"pre",transform(r,t){if(process.env.TARO_ENV!=="h5"||!/\.[jt]sx($|\?)/.test(t))return null;let o=D(r,n);return o.changed?{code:o.code,map:null}:null}}}function re(e={}){let{additional:n=[],autoInjectTaroApp:r=true,autoInjectVite:t=true}=e,o={},l=new Set(n);return r&&Object.keys(process.env).forEach(i=>{i.startsWith("TARO_APP_")&&l.add(i);}),t&&Object.keys(process.env).forEach(i=>{i.startsWith("VITE_")&&l.add(i);}),l.forEach(i=>{let c=process.env[i]||"";o[`process.env.${i}`]=JSON.stringify(c);}),o}function te(){return {"process.env.TARO_APP_API_BASE_URL":JSON.stringify(process.env.TARO_APP_API_BASE_URL||""),"process.env.VITE_API_BASE_URL":JSON.stringify(process.env.VITE_API_BASE_URL||""),"process.env.API_BASE_URL":JSON.stringify(process.env.API_BASE_URL||"")}}function ne(e={}){let n=e.isTaro??A.env.TARO_ENV==="h5",r=[C(),I()];return e.jsxSourceTagger!==false&&r.push(S()),e.tailwindConfigSync!==false&&r.push(b({configPath:e.tailwindConfigPath})),n&&(r.unshift(R()),r.unshift(x(e.styleAdapter)),r.unshift({name:"dev-postcss-rpx2px-plugin",apply:"serve",config(t){typeof t.css?.postcss=="object"&&t.css?.postcss.plugins?.unshift(h());}})),A.env.WORKSPACE_GIT_REPO&&r.push(j()),r}export{ne as default,C as editorBridgePlugin,te as injectAmasterEnv,re as injectTaroEnv,R as jsxInlineStyleRpxPlugin,S as jsxSourceTaggerPlugin,I as routesExposePlugin,h as rpx2pxPlugin,b as tailwindConfigSyncPlugin,x as taroStyleAdapterPlugin,D as transformJsxInlineStyleRpx};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map