@amaster.ai/vite-plugins 1.1.0-beta.6 → 1.1.0-beta.61

package/dist/index.cjs

@@ -1,30 +1,110 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var crypto=require('crypto'),m=require('fs'),w=require('path'),url=require('url'),R=require('process');var _documentCurrentScript=typeof document!=='undefined'?document.currentScript:null;function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var w__default=/*#__PURE__*/_interopDefault(w);var R__default=/*#__PURE__*/_interopDefault(R);function E(r,e){let t=`${r}:${e}`;return crypto.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 h(){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 c=i.index,d=i.index+i[0].length;if(!x.has(a))continue;let u=d,p=!1,f=!1;for(;u<e.length&&!p;)e[u]===">"&&(p=!0,e.substring(c,u).includes("data-node-component-id")&&(f=!0)),u++;f||s.push({index:c,tag:a,tagEndIndex:d});}let l=e;for(let a=s.length-1;a>=0;a--){let c=s[a];if(!c)continue;let{index:d,tagEndIndex:u}=c,p=E(t,d),f=l.substring(0,u),y=l.substring(u);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;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var m=require('fs'),d=require('path'),C=require('process'),S=require('fs/promises');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var d__default=/*#__PURE__*/_interopDefault(d);var C__default=/*#__PURE__*/_interopDefault(C);var S__default=/*#__PURE__*/_interopDefault(S);var R="@amaster/bridge-monitor",x="\0"+R;function A(){return '<script type="module" src="/@id/@amaster/bridge-monitor"></script>'}function L(r){return `
+// Bridge monitor module - handles all bridge logic
+const SOURCE_KEY = Symbol.for("__jsxSource__");
+const SESSION_KEY = "${r}";
+
+// Expose minimal API for external bridge script
+window.__AMASTER_BRIDGE__ = {
+  getSourceInfo: (element) => element?.[SOURCE_KEY],
+  getSourceMap: () => window.sourceElementMap,
+  postToParent: (type, data) => {
+    window.parent.postMessage({ type, data, key: SESSION_KEY }, "*");
+  },
+  isDev: true,
+};
+
+// Listen for HMR updates
+if (import.meta.hot) {
+  import.meta.hot.on('vite:afterUpdate', (payload) => {
+    // Dispatch custom event for bridge.js to listen
+    window.dispatchEvent(new CustomEvent('amaster:hmr-update', {
+      detail: {
+        updates: payload?.updates || []
       }
+    }));
+  });
+}
+
+// Import and monitor Tailwind config
+(async () => {
+  try {
+    const tailwindConfig = await import('@amaster/tailwind-config');
+    let config = tailwindConfig.default;
+    const onUpdate = tailwindConfig.onUpdate;
+    
+    if (!config) {
+      return;
+    }
+    
+    const sendConfig = (type, newConfig) => {
+      config = newConfig || config;
+      const serializableConfig = JSON.parse(JSON.stringify(config));
+      
+      // Dispatch event for bridge.js to handle
+      window.dispatchEvent(new CustomEvent('amaster:tailwind-config', {
+        detail: {
+          type: type,
+          config: serializableConfig
+        }
+      }));
+    };
+    
+    // Send initial config
+    sendConfig('loaded');
+    
+    // Listen for bridge ready event and resend config
+    window.addEventListener('amaster:bridge-ready', () => {
+      sendConfig('loaded');
+    });
+    
+    // Listen for config updates
+    if (onUpdate) {
+      onUpdate((newConfig) => {
+        sendConfig('updated', newConfig);
+      });
     }
-  } else if(noJumpOut && element.tagName === "A") {
-    e.preventDefault();
+  } catch (e) {
+    // Silently fail if tailwind config is not available
+  }
+})();
+
+// Listen for bridge script URL from platform
+window.addEventListener("message", (event) => {
+  const { type, data, key } = event.data;
+  
+  if (key !== SESSION_KEY) {
+    return;
+  }
+  
+  if (type === "amaster.loadBridge" && data?.scriptContent) {
+    // Create blob URL from script content
+    const blob = new Blob([data.scriptContent], { type: 'application/javascript' });
+    const blobUrl = URL.createObjectURL(blob);
+    
+    const script = document.createElement("script");
+    script.src = blobUrl;
+    script.onload = () => {
+      URL.revokeObjectURL(blobUrl);
+    };
+    script.onerror = () => {
+      URL.revokeObjectURL(blobUrl);
+    };
+    document.head.appendChild(script);
   }
 });
-</script>`;function C(){try{let r=url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))),e=w.dirname(r),t=w.resolve(e,"../dist/bridge.bridge.js");return `<script>
-${m.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}
+
+window.addEventListener("DOMContentLoaded", () => {
+  window.__AMASTER_BRIDGE__?.postToParent("amaster.bridge.initialized", {});
+});
+
+export default {};
+`}function O(){let r=false;return {name:"vite-plugin-editor-bridge",configResolved(n){r=n.command==="serve";},resolveId(n){if(n===R)return x},load(n){if(n===x){let e=process.env.VITE_AMASTER_KEY||"";return L(e)}},transformIndexHtml(n){if(!r)return n;let e=A();return n.replace("</body>",`${e}</body>`)}}}function T(r){let n=false,e=r?.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(e))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 P(){let r="",n=`
 <script>
 (function() {
   'use strict';
@@ -32,6 +112,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 +127,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 +245,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,403 +795,235 @@ if (typeof window !== 'undefined') {
   
   originalConsole.log('[BrowserLogs] Log collection started');
 })();
-</script>`;return {name:"vite-plugin-browser-logs",configResolved(t){let n=t.root||R__default.default.cwd();r=w__default.default.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__default.default.dirname(r);m__default.default.existsSync(a)||m__default.default.mkdirSync(a,{recursive:!0}),m__default.default.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 r=`
-<script>
-(function() {
-  'use strict';
+</script>`;return {name:"vite-plugin-browser-logs",configResolved(e){let t=C__default.default.env.WORKSPACE_DIR;if(t)r=d__default.default.join(t,"browser.log");else {let o=e.root||C__default.default.cwd();for(;o!==d__default.default.dirname(o)&&!m__default.default.existsSync(d__default.default.join(o,"package.json"));)o=d__default.default.dirname(o);r=d__default.default.join(o,"browser.log");}},configureServer(e){e.middlewares.use((t,o,l)=>{if(t.url==="/__browser__"&&t.method==="POST"){let i=t.headers.origin||"*",u="";t.on("data",c=>{u+=c.toString();}),t.on("end",()=>{try{let c=d__default.default.dirname(r);m__default.default.existsSync(c)||m__default.default.mkdirSync(c,{recursive:!0}),m__default.default.appendFileSync(r,`${u}
+`,"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(c){console.error("[BrowserLogs] Write error:",c),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(c)}));}});}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:",r);},transformIndexHtml(e){return e.replace(/<head([^>]*)>/i,`<head$1>${n}`)}}}var j=`
+import * as React from "react";
+import * as ReactJSXDevRuntime from "react/jsx-dev-runtime";
 
-  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;
-  // \u6291\u5236 location.reload \u540E\u7684\u6700\u5927\u7A97\u53E3\u671F\uFF08ms\uFF09\uFF0C\u8D85\u65F6\u540E\u6267\u884C soft-reload \u6062\u590D HMR
-  var RELOAD_SUPPRESS_WINDOW = 5000;
-  // soft-reload \u5EF6\u8FDF\uFF08ms\uFF09
-  var SOFT_RELOAD_DELAY = 300;
+const _jsxDEV = ReactJSXDevRuntime.jsxDEV;
+export const Fragment = ReactJSXDevRuntime.Fragment;
 
-  // ============================================
-  // \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 location.reload
-    suppressingReload: false,
-    // \u6291\u5236 reload \u7684\u5B9A\u65F6\u5668
-    suppressReloadTimer: null,
-    // \u5DF2\u62E6\u622A\u7684 reload \u6B21\u6570\uFF08\u7528\u4E8E\u8C03\u8BD5\uFF09
-    suppressedReloadCount: 0
-  };
+const SOURCE_KEY = Symbol.for("__jsxSource__");
+const PROJECT_ROOT = "";
 
-  // ============================================
-  // \u65E5\u5FD7\u5DE5\u5177
-  // ============================================
-  function log() {
-    var args = [PLUGIN_TAG];
-    for (var i = 0; i < arguments.length; i++) {
-      args.push(arguments[i]);
-    }
-    console.debug.apply(console, args);
-  }
-
-  // ============================================
-  // \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;
-    }
-    if (state.suppressReloadTimer) {
-      clearTimeout(state.suppressReloadTimer);
-      state.suppressReloadTimer = null;
-    }
-  }
-
-  // ============================================
-  // \u91CD\u7F6E\u72B6\u6001
-  // ============================================
-  function resetState() {
-    state.detectingReloadType = false;
-    state.isServerRestart = false;
-    state.waitingForReconnect = false;
-    state.suppressingReload = false;
-    state.suppressedReloadCount = 0;
-    clearAllTimers();
+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;
+};
 
-  // ============================================
-  // \u6267\u884C\u771F\u6B63\u7684 full-reload
-  // ============================================
-  function executeFullReload() {
-    log('Executing full-reload');
-    resetState();
-    originalLocationReload.call(window.location);
-  }
+// Global map to track elements by source location
+const sourceElementMap = new Map();
+window.sourceElementMap = sourceElementMap;
 
-  // ============================================
-  // 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);
-  }
-
-  // ============================================
-  // \u62E6\u622A location.reload
-  // Vite \u5BA2\u6237\u7AEF\u5728 HTTP ping \u6210\u529F\u540E\u4F1A\u76F4\u63A5\u8C03\u7528 location.reload()
-  // \u6211\u4EEC\u9700\u8981\u5728\u670D\u52A1\u5668\u91CD\u542F\u671F\u95F4\u62E6\u622A\u8FD9\u4E2A\u8C03\u7528
-  // ============================================
-  var originalLocationReload = window.location.reload.bind(window.location);
-
-  try {
-    Object.defineProperty(window.location, 'reload', {
-      value: function smartReloadInterceptedReload() {
-        if (state.suppressingReload || state.waitingForReconnect || state.isServerRestart) {
-          state.suppressedReloadCount++;
-          log('Suppressed location.reload() during server restart (count: ' + state.suppressedReloadCount + ')');
-
-          // \u9632\u6296\uFF1A\u6BCF\u6B21\u88AB\u8C03\u7528\u90FD\u91CD\u7F6E\u5B9A\u65F6\u5668
-          if (state.suppressReloadTimer) {
-            clearTimeout(state.suppressReloadTimer);
-          }
-          state.suppressReloadTimer = setTimeout(function() {
-            if (state.suppressingReload || state.isServerRestart) {
-              log('Reload suppress window expired, performing soft-reload');
-              scheduleSoftReload();
-            }
-          }, RELOAD_SUPPRESS_WINDOW);
-
-          return;
-        }
-        return originalLocationReload.call(window.location);
-      },
-      writable: true,
-      configurable: true
-    });
-    log('location.reload intercepted via defineProperty');
-  } catch (e) {
-    // \u67D0\u4E9B\u6D4F\u89C8\u5668\u73AF\u5883\u53EF\u80FD\u4E0D\u5141\u8BB8\u4FEE\u6539 location.reload
-    // \u6B64\u65F6\u63D2\u4EF6\u7684 WebSocket \u6D88\u606F\u62E6\u622A\u4ECD\u7136\u6709\u6548\uFF0C\u53EA\u662F\u65E0\u6CD5\u62E6\u622A Vite \u7684 HTTP ping \u540E\u7684 reload
-    log('Failed to intercept location.reload (plugin will have limited effectiveness):', e.message);
-  }
-
-  // ============================================
-  // \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;
+function getSourceKey(sourceInfo) {
+  return \`\${cleanFileName(sourceInfo.fileName)}:\${sourceInfo.lineNumber}:\${sourceInfo.columnNumber}\`;
+}
 
-    if (state.reloadTimer) {
-      clearTimeout(state.reloadTimer);
-      state.reloadTimer = null;
+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;
+      }
     }
-
-    // \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);
+    if (refs.size === 0) {
+      sourceElementMap.delete(key);
     }
-    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 (!state.wsIntercepted && 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('/components/') || 
+                        fileName.includes('/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;
+    const originalRef = props?.ref;
 
-      // \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 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 v(){let r=false,n="";return {name:"vite-plugin-jsx-source-tagger",enforce:"pre",configResolved(e){r=e.command==="serve",n=e.root;},resolveId(e,t){return r&&e==="react/jsx-dev-runtime"&&!t?.includes("\0jsx-source")?"\0jsx-source/jsx-dev-runtime":null},load(e){return r&&e==="\0jsx-source/jsx-dev-runtime"?j.replace('const PROJECT_ROOT = "";',`const PROJECT_ROOT = ${JSON.stringify(n)};`):null}}}function _(r){let n="",e=false,t=null,o=null,l=r?.configPath||"./tailwind.config.ts",i="@amaster/tailwind-config",u="\0"+i,c=async()=>{let a=d__default.default.resolve(n,l);try{return await S__default.default.access(a),a}catch{if(l.endsWith(".ts")){let s=a.replace(/\.ts$/,".js");try{return await S__default.default.access(s),s}catch{return null}}else if(l.endsWith(".js")){let s=a.replace(/\.js$/,".ts");try{return await S__default.default.access(s),s}catch{return null}}return null}},h=async a=>{try{let s=await c();if(!s)return null;if(a){let E=await a.ssrLoadModule(s);return t=E.default||E,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,e=a.command==="serve";},async buildStart(){e&&await h();},resolveId(a){if(a===i)return u},async load(a){if(a===u)return await h(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>`;return {name:"vite-plugin-smart-reload",enforce:"pre",apply:"serve",transformIndexHtml(e){return e.replace(/<head([^>]*)>/i,`<head$1>${r}`)}}}function v(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){e&&(o=a,(async()=>{try{let s=await c();s&&a.watcher.add(s);}catch{}})());},async handleHotUpdate({file:a,server:s}){let p=await c();if(!p||d__default.default.normalize(a)!==d__default.default.normalize(p))return;let f=s.moduleGraph.getModuleById(p);f&&s.moduleGraph.invalidateModule(f),await h(s);let g=s.moduleGraph.getModuleById(u);return g?(s.moduleGraph.invalidateModule(g),[g]):[]}}}function b(r={}){let{designWidth:n=375,maxWidth:e=750,baseFontSize:t=12,minRootSize:o=12,maxRootSize:l=24}=r;return {name:"vite-plugin-taro-style-adapter",apply:"serve",transformIndexHtml(i){let u=`
 <script data-taro-flexible="true">
 (function() {
-  var designWidth = ${e};
-  var maxWidth = ${t};
-  var baseFontSize = ${n};
+  var designWidth = ${n};
+  var maxWidth = ${e};
+  var baseFontSize = ${t};
   var minRootSize = ${o};
-  var maxRootSize = ${i};
+  var maxRootSize = ${l};
   
   function setRootFontSize() {
     var docEl = document.documentElement;
@@ -1135,7 +1057,7 @@ if (typeof window !== 'undefined') {
   document.addEventListener('DOMContentLoaded', setRootFontSize);
 })();
 </script>
-`;return s.replace("</head>",`${l}
+`;return i.replace("</head>",`${u}
 <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 {
@@ -1181,5 +1103,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 D(){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 q(r={}){let e=[v(r.styleAdapter),{name:"dev-postcss-rpx2px-plugin",apply:"serve",config(t){R__default.default.env.TARO_ENV==="h5"&&typeof t.css?.postcss=="object"&&t.css?.postcss.plugins?.unshift(g());}},h(),S(),b(),_()];return R__default.default.env.WORKSPACE_GIT_REPO&&e.push(T()),e}exports.componentIdPlugin=h;exports.default=q;exports.editorBridgePlugin=S;exports.injectAmasterEnv=D;exports.injectTaroEnv=W;exports.routesExposePlugin=b;exports.rpx2pxPlugin=g;exports.smartReloadPlugin=_;exports.taroStyleAdapterPlugin=v;//# sourceMappingURL=index.cjs.map
+</head>`)}}}function y(r={}){let{ratio:n=2}=r;return {postcssPlugin:"postcss-rpx2px",Declaration(e){e.value?.includes("rpx")&&(e.value=e.value.replace(/(-?\d*\.?\d+)rpx/gi,(t,o)=>{let l=parseFloat(o)/n;return l===0?"0":`${l}px`}));}}}y.postcss=true;function k(r={}){let{additional:n=[],autoInjectTaroApp:e=true,autoInjectVite:t=true}=r,o={},l=new Set(n);return e&&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 u=process.env[i]||"";o[`process.env.${i}`]=JSON.stringify(u);}),o}function D(){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 N(r={}){let n=r.isTaro??C__default.default.env.TARO_ENV==="h5",e=[O(),T()];return r.jsxSourceTagger!==false&&e.push(v()),r.tailwindConfigSync!==false&&e.push(_({configPath:r.tailwindConfigPath})),n&&(e.unshift(b(r.styleAdapter)),e.unshift({name:"dev-postcss-rpx2px-plugin",apply:"serve",config(t){typeof t.css?.postcss=="object"&&t.css?.postcss.plugins?.unshift(y());}})),C__default.default.env.WORKSPACE_GIT_REPO&&e.push(P()),e}exports.default=N;exports.editorBridgePlugin=O;exports.injectAmasterEnv=D;exports.injectTaroEnv=k;exports.jsxSourceTaggerPlugin=v;exports.routesExposePlugin=T;exports.rpx2pxPlugin=y;exports.tailwindConfigSyncPlugin=_;exports.taroStyleAdapterPlugin=b;//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map