@base44-preview/vite-plugin 0.2.20-pr.27.c07198f → 0.2.20-pr.33.42f673d

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@base44-preview/vite-plugin",
-  "version": "0.2.20-pr.27.c07198f",
+  "version": "0.2.20-pr.33.42f673d",
   "description": "The Vite plugin for base44 based applications",
   "type": "module",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js",
-    "./bridge": "./dist/bridge.js",
     "./compat/*": "./compat/*"
   },
   "files": [
@@ -16,20 +15,15 @@
   ],
   "scripts": {
     "build": "tsc",
-    "build:bridge": "tsup",
     "validate-exports": "node scripts/validate-exports.mjs",
-    "prepublishOnly": "rm -rf ./dist && npm run build && npm run build:bridge && npm run validate-exports",
-    "dev": "node dev-server.js",
+    "prepublishOnly": "rm -rf ./dist && npm run build && npm run validate-exports",
     "test:unit": "vitest run"
   },
   "devDependencies": {
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0",
     "@types/node": "^24.6.2",
-    "cors": "^2.8.5",
-    "express": "^4.21.2",
     "jsdom": "^26.0.0",
-    "tsup": "^8.1.0",
     "typescript": "^5.9.3",
     "vite": "^7.1.9",
     "vitest": "^3.0.0"

package/src/html-injections-plugin.ts

@@ -1,51 +1,149 @@
-import type { Plugin } from "vite";
+import type { Plugin, HtmlTagDescriptor } from "vite";
+import { loadEnv } from "vite";
 
-interface HtmlInjectionOptions {
-  hmrNotifier: boolean;
-  navigationNotifier: boolean;
-  visualEditAgent: boolean;
+type Injection = {
+  /** Script src path for dev mode (served from node_modules) */
+  src?: string;
+  injectTo: "head" | "body";
+  mode: "dev" | "production";
+  /** Inline content for production builds (src paths don't work in built output) */
+  inlineContent?: string;
+};
+
+const ANALYTICS_TRACKER_SCRIPT = `
+let lastPath = "";
+function getPageNameFromPath(path) {
+  const segments = path.split("/").filter(Boolean);
+  return segments[0] || null;
+}
+function trackPageView() {
+  const path = window.location.pathname;
+  if (path === lastPath) return;
+  lastPath = path;
+  const pageName = getPageNameFromPath(path) || "home";
+  const appId = import.meta.env.VITE_BASE44_APP_ID;
+  const serverUrl = import.meta.env.VITE_BASE44_BACKEND_URL || "";
+  if (!appId) return;
+  fetch(\`\${serverUrl}/app-logs/\${appId}/log-user-in-app/\${pageName}\`, {
+    method: "POST",
+  }).catch(() => {});
 }
+const originalPushState = history.pushState.bind(history);
+history.pushState = function (...args) {
+  originalPushState(...args);
+  trackPageView();
+};
+const originalReplaceState = history.replaceState.bind(history);
+history.replaceState = function (...args) {
+  originalReplaceState(...args);
+  trackPageView();
+};
+window.addEventListener("popstate", trackPageView);
+trackPageView();
+`;
+
+const INJECTIONS: Record<string, Injection> = {
+  unhandledErrors: {
+    src: "/node_modules/@base44/vite-plugin/dist/injections/unhandled-errors-handlers.js",
+    injectTo: "head",
+    mode: "dev",
+  },
+  sandboxMount: {
+    src: "/node_modules/@base44/vite-plugin/dist/injections/sandbox-mount-observer.js",
+    injectTo: "body",
+    mode: "dev",
+  },
+  hmrNotifier: {
+    src: "/node_modules/@base44/vite-plugin/dist/injections/sandbox-hmr-notifier.js",
+    injectTo: "head",
+    mode: "dev",
+  },
+  navigationNotifier: {
+    src: "/node_modules/@base44/vite-plugin/dist/injections/navigation-notifier.js",
+    injectTo: "head",
+    mode: "dev",
+  },
+  visualEditAgent: {
+    src: "/node_modules/@base44/vite-plugin/dist/injections/visual-edit-agent.js",
+    injectTo: "body",
+    mode: "dev",
+  },
+  analyticsTracker: {
+    injectTo: "head",
+    mode: "production",
+    inlineContent: ANALYTICS_TRACKER_SCRIPT,
+  },
+};
 
 export function htmlInjectionsPlugin({
   hmrNotifier,
   navigationNotifier,
   visualEditAgent,
-}: HtmlInjectionOptions): Plugin {
+  analyticsTracker,
+}: {
+  hmrNotifier: boolean;
+  navigationNotifier: boolean;
+  visualEditAgent: boolean;
+  analyticsTracker: boolean;
+}) {
+  const enabledInjections: Record<string, boolean> = {
+    unhandledErrors: true,
+    sandboxMount: true,
+    hmrNotifier,
+    navigationNotifier,
+    visualEditAgent,
+    analyticsTracker,
+  };
+
+  let resolvedEnv: Record<string, string> = {};
+
   return {
     name: "html-injections",
-    apply: (config) => config.mode !== "production",
-
-    transformIndexHtml() {
-      const options = JSON.stringify({
-        hmrNotifier,
-        navigationNotifier,
-        visualEditAgent,
-        unhandledErrors: true,
-        mountObserver: true,
-      });
-      return [
-        {
-          tag: "script",
-          attrs: { type: "module" },
-          children: [
-            `if (window.self !== window.top) {`,
-            `  (async () => {`,
-            `    try {`,
-            `      const mode = new URLSearchParams(location.search).get("sandbox-bridge");`,
-            `      const url = mode === "local"`,
-            `        ? "https://localhost:3201/index.mjs"`,
-            `        : "/node_modules/@base44/vite-plugin/dist/statics/index.mjs";`,
-            `      const mod = await import(url);`,
-            `      if (typeof mod.init === "function") mod.init(${options}, import.meta.hot);`,
-            `    } catch (e) {`,
-            `      console.error("[sandbox-bridge] Failed to load:", e);`,
-            `    }`,
-            `  })();`,
-            `}`,
-          ].join("\n"),
-          injectTo: "head",
-        },
-      ];
+    configResolved(config) {
+      // Capture env vars for use in transformIndexHtml
+      // loadEnv gets all env vars including VITE_ prefixed ones
+      resolvedEnv = loadEnv(config.mode, config.root, "");
     },
-  };
+    transformIndexHtml: {
+      handler(_html, ctx) {
+        const currentMode = ctx.server ? "dev" : "production";
+
+        const tags = Object.entries(INJECTIONS)
+          .filter(
+            ([key, injection]) =>
+              enabledInjections[key] && injection.mode === currentMode
+          )
+          .map(([, injection]): HtmlTagDescriptor => {
+            // Production injections use inline content (src paths don't work in built output)
+            if (injection.inlineContent) {
+              // Replace import.meta.env references with actual values
+              // Vite doesn't replace these in inline script content
+              let content = injection.inlineContent;
+              content = content.replace(
+                /import\.meta\.env\.(\w+)/g,
+                (_, envKey) => JSON.stringify(resolvedEnv[envKey] ?? "")
+              );
+
+              return {
+                tag: "script",
+                attrs: { type: "module" },
+                children: content,
+                injectTo: injection.injectTo,
+              };
+            }
+            // Dev injections use src path (served from node_modules)
+            return {
+              tag: "script",
+              attrs: {
+                src: injection.src,
+                type: "module",
+              },
+              injectTo: injection.injectTo,
+            };
+          });
+
+        return tags;
+      },
+    },
+  } as Plugin;
 }

package/src/index.ts

@@ -13,6 +13,7 @@ export default function vitePlugin(
     hmrNotifier?: boolean;
     navigationNotifier?: boolean;
     visualEditAgent?: boolean;
+    analyticsTracker?: boolean;
   } = {}
 ) {
   const {
@@ -20,6 +21,7 @@ export default function vitePlugin(
     hmrNotifier = false,
     navigationNotifier = false,
     visualEditAgent = false,
+    analyticsTracker = false,
   } = opts;
 
   return [
@@ -215,8 +217,9 @@ export default function vitePlugin(
           } as Plugin,
           errorOverlayPlugin(),
           visualEditPlugin(),
-          htmlInjectionsPlugin({ hmrNotifier, navigationNotifier, visualEditAgent }),
         ]
       : []),
+    // HTML injections - handles both dev (sandbox) and production injections
+    htmlInjectionsPlugin({ hmrNotifier, navigationNotifier, visualEditAgent, analyticsTracker }),
   ];
 }

package/src/injections/navigation-notifier.ts

@@ -1,5 +1,4 @@
-/** Intercept pushState / replaceState / popstate and notify the parent of URL changes. */
-export function setupNavigationNotifier() {
+if (window.self !== window.top) {
   let lastUrl = window.location.href;
 
   function notifyNavigation() {

package/src/injections/sandbox-hmr-notifier.ts

@@ -1,9 +1,8 @@
-/** Forward Vite HMR lifecycle events (beforeUpdate / afterUpdate) to the parent window. */
-export function setupHmrNotifier(hmr: { on(event: string, cb: (...args: any[]) => void): void }) {
-  hmr.on("vite:beforeUpdate", () => {
+if (import.meta.hot) {
+  import.meta.hot.on("vite:beforeUpdate", () => {
     window.parent?.postMessage({ type: "sandbox:beforeUpdate" }, "*");
   });
-  hmr.on("vite:afterUpdate", () => {
+  import.meta.hot.on("vite:afterUpdate", () => {
     window.parent?.postMessage({ type: "sandbox:afterUpdate" }, "*");
   });
 }

package/src/injections/sandbox-mount-observer.ts

@@ -1,5 +1,5 @@
-/** Observe DOM mutations and notify the parent when instrumented elements are mounted or unmounted. */
-export function setupMountObserver() {
+
+if (window.self !== window.top) {
   const observer = new MutationObserver((mutations) => {
     const nodesAdded = mutations.some(
       (mutation) => mutation.addedNodes.length > 0

package/src/injections/unhandled-errors-handlers.ts

@@ -1,97 +1,93 @@
-/** Register global error and unhandled-rejection listeners that report to the parent window. */
+/// <reference types="vite/client" />
 
-const ERROR_SUPPRESSION_TIMEOUT = 10000;
+window.removeEventListener("unhandledrejection", handleUnhandledRejection);
+window.removeEventListener("error", handleWindowError);
 
-export function setupUnhandledErrors(hmr?: { on(event: string, cb: (...args: any[]) => void): void }) {
-  window.removeEventListener("unhandledrejection", handleUnhandledRejection);
-  window.removeEventListener("error", handleWindowError);
+window.addEventListener("unhandledrejection", handleUnhandledRejection);
+window.addEventListener("error", handleWindowError);
 
-  window.addEventListener("unhandledrejection", handleUnhandledRejection);
-  window.addEventListener("error", handleWindowError);
+let shouldPropagateErrors = true;
+let suppressionTimer: ReturnType<typeof setTimeout> | null = null;
 
-  let shouldPropagateErrors = true;
-  let suppressionTimer: ReturnType<typeof setTimeout> | null = null;
+if (import.meta.hot) {
+  import.meta.hot.on("vite:beforeUpdate", () => {
+    shouldPropagateErrors = false;
 
-  if (hmr) {
-    hmr.on("vite:beforeUpdate", () => {
-      shouldPropagateErrors = false;
-
-      if (suppressionTimer) {
-        clearTimeout(suppressionTimer);
-      }
-
-      suppressionTimer = setTimeout(() => {
-        shouldPropagateErrors = true;
-        suppressionTimer = null;
-      }, ERROR_SUPPRESSION_TIMEOUT);
-    });
-    hmr.on("vite:beforeFullReload", () => {
-      shouldPropagateErrors = false;
-      if (suppressionTimer) {
-        clearTimeout(suppressionTimer);
-        suppressionTimer = null;
-      }
-    });
-  }
+    if (suppressionTimer) {
+      clearTimeout(suppressionTimer);
+    }
 
-  function onAppError({
-    title,
-    details,
-    componentName,
-    originalError,
-  }: {
-    title: string;
-    details: string;
-    componentName: string;
-    originalError: any;
-  }) {
-    if (originalError?.response?.status === 402 || !shouldPropagateErrors) {
-      return;
+    suppressionTimer = setTimeout(() => {
+      shouldPropagateErrors = true;
+      suppressionTimer = null;
+    }, import.meta.env.VITE_HMR_ERROR_SUPPRESSION_DELAY ?? 10000);
+  });
+  import.meta.hot.on("vite:beforeFullReload", () => {
+    shouldPropagateErrors = false;
+    if (suppressionTimer) {
+      clearTimeout(suppressionTimer);
+      suppressionTimer = null;
     }
-    window.parent?.postMessage(
-      {
-        type: "app_error",
-        error: {
-          title: title.toString(),
-          details: details?.toString(),
-          componentName: componentName?.toString(),
-          stack: originalError?.stack?.toString(),
-        },
-      },
-      "*"
-    );
-  }
+  });
+}
 
-  function handleUnhandledRejection(event: any) {
-    const stack = event.reason.stack;
-    // extract function name from "at X (eval" where x is the function name
-    const functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
-    const msg = functionName
-      ? `Error in ${functionName}: ${event.reason.toString()}`
-      : event.reason.toString();
-    onAppError({
-      title: msg,
-      details: event.reason.toString(),
-      componentName: functionName,
-      originalError: event.reason,
-    });
+function onAppError({
+  title,
+  details,
+  componentName,
+  originalError,
+}: {
+  title: string;
+  details: string;
+  componentName: string;
+  originalError: any;
+}) {
+  if (originalError?.response?.status === 402 || !shouldPropagateErrors) {
+    return;
   }
+  window.parent?.postMessage(
+    {
+      type: "app_error",
+      error: {
+        title: title.toString(),
+        details: details?.toString(),
+        componentName: componentName?.toString(),
+        stack: originalError?.stack?.toString(),
+      },
+    },
+    "*"
+  );
+}
 
-  function handleWindowError(event: any) {
-    const stack = event.error?.stack;
-    let functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
-    if (functionName === "eval") {
-      functionName = null;
-    }
+function handleUnhandledRejection(event: any) {
+  const stack = event.reason.stack;
+  // extract function name from "at X (eval" where x is the function name
+  const functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
+  const msg = functionName
+    ? `Error in ${functionName}: ${event.reason.toString()}`
+    : event.reason.toString();
+  onAppError({
+    title: msg,
+    details: event.reason.toString(),
+    componentName: functionName,
+    originalError: event.reason,
+  });
+}
 
-    const msg = functionName
-      ? `in ${functionName}: ${event.error.toString()}`
-      : event.error.toString();
-    onAppError({
-      title: msg,
-      details: event.error.toString(),
-      componentName: functionName,
-      originalError: event.error,
-    });
+function handleWindowError(event: any) {
+  const stack = event.error?.stack;
+  let functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
+  if (functionName === "eval") {
+    functionName = null;
   }
+
+  const msg = functionName
+    ? `in ${functionName}: ${event.error.toString()}`
+    : event.error.toString();
+  onAppError({
+    title: msg,
+    details: event.error.toString(),
+    componentName: functionName,
+    originalError: event.error,
+  });
 }

package/src/injections/visual-edit-agent.ts

@@ -1,6 +1,6 @@
 import { findElementsById, updateElementClasses } from "./utils.js";
 
-export function setupVisualEditAgent() {
+if (window.self !== window.top) {
   // State variables (replacing React useState/useRef)
   let isVisualEditMode = false;
   let isPopoverDragging = false;
@@ -558,4 +558,4 @@ export function setupVisualEditAgent() {
 
   // Send ready message to parent
   window.parent.postMessage({ type: "visual-edit-agent-ready" }, "*");
-}
+}

package/README.md

@@ -1,93 +0,0 @@
-# @base44/vite-plugin
-
-Vite plugin for Base44 applications running in sandboxed iframes. Provides error tracking, HMR notifications, visual editing, navigation tracking, and legacy SDK compatibility.
-
-## Installation
-
-```bash
-npm install @base44/vite-plugin
-```
-
-## Usage
-
-```ts
-// vite.config.ts
-import base44 from "@base44/vite-plugin";
-
-export default {
-  plugins: [
-    base44({
-      legacySDKImports: false,
-      hmrNotifier: true,
-      navigationNotifier: true,
-      visualEditAgent: true,
-    }),
-  ],
-};
-```
-
-### Options
-
-| Option               | Type      | Default | Description                                         |
-| -------------------- | --------- | ------- | --------------------------------------------------- |
-| `legacySDKImports`   | `boolean` | `false` | Enable legacy SDK import resolution via compat layer |
-| `hmrNotifier`        | `boolean` | `false` | Notify parent window of HMR update lifecycle         |
-| `navigationNotifier` | `boolean` | `false` | Track URL changes and notify parent window           |
-| `visualEditAgent`    | `boolean` | `false` | Enable interactive visual element editing            |
-
-## Architecture
-
-### Plugin Composition
-
-The plugin registers four sub-plugins when running in a sandbox (`MODAL_SANDBOX_ID` is set):
-
-1. **base44** — Core configuration: path aliases (`@/` → `/src/`), environment variables, dependency optimization, and legacy SDK import resolution.
-2. **iframe-hmr** — Sets CORS and `frame-ancestors` headers to allow iframe embedding.
-3. **error-overlay** — Replaces Vite's default error overlay with a custom one that reports errors to the parent window.
-4. **html-injections** — Injects the sandbox bridge script into the HTML.
-
-Outside a sandbox, only the core plugin runs (with optional API proxy support via `VITE_BASE44_APP_BASE_URL`).
-
-### Sandbox Bridge
-
-The bridge (`src/bridge.ts`) is a single ES module that consolidates all sandbox-side features. Instead of injecting multiple individual `<script>` tags, the HTML injections plugin injects one inline script that dynamically imports the bridge and calls `init()` with the configured options.
-
-The bridge conditionally sets up:
-
-- **Error handlers** — Global `error` and `unhandledrejection` listeners that report to the parent via `postMessage`.
-- **Mount observer** — `MutationObserver` that detects when instrumented elements (`data-source-location`) are rendered.
-- **HMR notifier** — Forwards Vite's `beforeUpdate`/`afterUpdate` events to the parent.
-- **Navigation notifier** — Intercepts `pushState`, `replaceState`, and `popstate` to track URL changes.
-- **Visual edit agent** — Overlay system for selecting and editing elements with source location awareness.
-
-### Local Development
-
-For developing the bridge itself, you can load it from a local dev server instead of the installed package:
-
-1. Generate local HTTPS certificates:
-   ```bash
-   mkcert localhost
-   ```
-
-2. Start the dev server (with optional watch mode):
-   ```bash
-   npm run dev       # serve dist/statics/ on https://localhost:3201
-   npm run dev -- -w # same, with auto-rebuild on changes
-   ```
-
-3. Add `?sandbox-bridge=local` to your app's URL to load the bridge from `localhost:3201` instead of `node_modules`.
-
-### Legacy SDK Compatibility
-
-When `legacySDKImports` is enabled, imports of `/entities`, `/functions`, `/integrations`, and `/agents` are resolved to compatibility modules in `compat/`. These use `Proxy` objects to route calls to the Base44 SDK client.
-
-## Building
-
-```bash
-npm run build          # TypeScript compilation (plugin)
-npm run build:bridge   # tsup bundle (bridge ES module for browsers)
-```
-
-## License
-
-MIT

package/dist/bridge.d.ts

@@ -1,20 +0,0 @@
-/**
- * Sandbox bridge entry point — dynamically imported by the inline script
- * injected via html-injections-plugin. Conditionally initialises each
- * sandbox-side feature based on the supplied options.
- */
-/**
- * Initialise the sandbox bridge. Called once from the injected inline script.
- * @param options  Feature flags — each defaults to enabled unless explicitly disabled.
- * @param hmr      Vite's HMR client (`import.meta.hot`), passed only in dev mode.
- */
-export declare function init(options?: {
-    unhandledErrors?: boolean;
-    mountObserver?: boolean;
-    hmrNotifier?: boolean;
-    navigationNotifier?: boolean;
-    visualEditAgent?: boolean;
-}, hmr?: {
-    on(event: string, cb: (...args: any[]) => void): void;
-}): void;
-//# sourceMappingURL=bridge.d.ts.map

package/dist/bridge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH;;;;GAIG;AACH,wBAAgB,IAAI,CAClB,OAAO,GAAE;IACP,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,EACN,GAAG,CAAC,EAAE;IAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAA;CAAE,QAWhE"}

package/dist/bridge.js

@@ -1,33 +0,0 @@
-/**
- * Sandbox bridge entry point — dynamically imported by the inline script
- * injected via html-injections-plugin. Conditionally initialises each
- * sandbox-side feature based on the supplied options.
- */
-import { setupUnhandledErrors } from "./injections/unhandled-errors-handlers.js";
-import { setupHmrNotifier } from "./injections/sandbox-hmr-notifier.js";
-import { setupMountObserver } from "./injections/sandbox-mount-observer.js";
-import { setupNavigationNotifier } from "./injections/navigation-notifier.js";
-import { setupVisualEditAgent } from "./injections/visual-edit-agent.js";
-/**
- * Initialise the sandbox bridge. Called once from the injected inline script.
- * @param options  Feature flags — each defaults to enabled unless explicitly disabled.
- * @param hmr      Vite's HMR client (`import.meta.hot`), passed only in dev mode.
- */
-export function init(options = {}, hmr) {
-    if (window.self === window.top)
-        return;
-    if (globalThis.__sandboxBridgeInitialized)
-        return;
-    globalThis.__sandboxBridgeInitialized = true;
-    if (options.unhandledErrors !== false)
-        setupUnhandledErrors(hmr);
-    if (options.mountObserver !== false)
-        setupMountObserver();
-    if (options.hmrNotifier && hmr)
-        setupHmrNotifier(hmr);
-    if (options.navigationNotifier)
-        setupNavigationNotifier();
-    if (options.visualEditAgent)
-        setupVisualEditAgent();
-}
-//# sourceMappingURL=bridge.js.map

package/dist/bridge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAClB,UAMI,EAAE,EACN,GAA+D;IAE/D,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,GAAG;QAAE,OAAO;IACvC,IAAK,UAAkB,CAAC,0BAA0B;QAAE,OAAO;IAC1D,UAAkB,CAAC,0BAA0B,GAAG,IAAI,CAAC;IAEtD,IAAI,OAAO,CAAC,eAAe,KAAK,KAAK;QAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;IACjE,IAAI,OAAO,CAAC,aAAa,KAAK,KAAK;QAAE,kBAAkB,EAAE,CAAC;IAC1D,IAAI,OAAO,CAAC,WAAW,IAAI,GAAG;QAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtD,IAAI,OAAO,CAAC,kBAAkB;QAAE,uBAAuB,EAAE,CAAC;IAC1D,IAAI,OAAO,CAAC,eAAe;QAAE,oBAAoB,EAAE,CAAC;AACtD,CAAC"}

package/dist/statics/index.mjs

@@ -1,2 +0,0 @@
-function I(r){window.removeEventListener("unhandledrejection",a),window.removeEventListener("error",f),window.addEventListener("unhandledrejection",a),window.addEventListener("error",f);let d=!0,p=null;r&&(r.on("vite:beforeUpdate",()=>{d=!1,p&&clearTimeout(p),p=setTimeout(()=>{d=!0,p=null},1e4)}),r.on("vite:beforeFullReload",()=>{d=!1,p&&(clearTimeout(p),p=null)}));function g({title:s,details:w,componentName:u,originalError:m}){m?.response?.status===402||!d||window.parent?.postMessage({type:"app_error",error:{title:s.toString(),details:w?.toString(),componentName:u?.toString(),stack:m?.stack?.toString()}},"*")}function a(s){let u=s.reason.stack.match(/at\s+(\w+)\s+\(eval/)?.[1],m=u?`Error in ${u}: ${s.reason.toString()}`:s.reason.toString();g({title:m,details:s.reason.toString(),componentName:u,originalError:s.reason})}function f(s){let u=(s.error?.stack).match(/at\s+(\w+)\s+\(eval/)?.[1];u==="eval"&&(u=null);let m=u?`in ${u}: ${s.error.toString()}`:s.error.toString();g({title:m,details:s.error.toString(),componentName:u,originalError:s.error})}}function x(r){r.on("vite:beforeUpdate",()=>{window.parent?.postMessage({type:"sandbox:beforeUpdate"},"*")}),r.on("vite:afterUpdate",()=>{window.parent?.postMessage({type:"sandbox:afterUpdate"},"*")})}function O(){new MutationObserver(d=>{let p=d.some(a=>a.addedNodes.length>0),g=d.some(a=>a.removedNodes.length>0);(p||g)&&(document.body.querySelectorAll("[data-source-location], [data-dynamic-content]").length>0?window.parent?.postMessage({type:"sandbox:onMounted"},"*"):window.parent?.postMessage({type:"sandbox:onUnmounted"},"*"))}).observe(document.body,{childList:!0,subtree:!0})}function k(){let r=window.location.href;function d(){let a=window.location.href;a!==r&&(r=a,window.parent?.postMessage({type:"app_changed_url",url:a},"*"))}let p=history.pushState.bind(history);history.pushState=function(...a){p(...a),d()};let g=history.replaceState.bind(history);history.replaceState=function(...a){g(...a),d()},window.addEventListener("popstate",d),window.parent?.postMessage({type:"app_changed_url",url:window.location.href},"*")}function E(r){if(!r)return[];let d=Array.from(document.querySelectorAll(`[data-source-location="${r}"]`));return d.length>0?d:Array.from(document.querySelectorAll(`[data-visual-selector-id="${r}"]`))}function C(r,d){r.forEach(p=>{p.setAttribute("class",d)})}function A(){let r=!1,d=!1,p=!1,g=[],a=[],f=[],s=null,w=(n=!1)=>{let e=document.createElement("div");return e.style.position="absolute",e.style.pointerEvents="none",e.style.transition="all 0.1s ease-in-out",e.style.zIndex="9999",n?e.style.border="2px solid #2563EB":(e.style.border="2px solid #95a5fc",e.style.backgroundColor="rgba(99, 102, 241, 0.05)"),e},u=(n,e,t=!1)=>{if(!e||!r)return;e.offsetWidth;let o=e.getBoundingClientRect();n.style.top=`${o.top+window.scrollY}px`,n.style.left=`${o.left+window.scrollX}px`,n.style.width=`${o.width}px`,n.style.height=`${o.height}px`;let i=n.querySelector("div");i||(i=document.createElement("div"),i.textContent=e.tagName.toLowerCase(),i.style.position="absolute",i.style.top="-27px",i.style.left="-2px",i.style.padding="2px 8px",i.style.fontSize="11px",i.style.fontWeight=t?"500":"400",i.style.color=t?"#ffffff":"#526cff",i.style.backgroundColor=t?"#526cff":"#DBEAFE",i.style.borderRadius="3px",i.style.minWidth="24px",i.style.textAlign="center",n.appendChild(i))},m=()=>{g.forEach(n=>{n&&n.parentNode&&n.remove()}),g=[],f=[]},N=n=>{if(!r||d)return;let e=n.target;if(p){m();return}if(e.tagName.toLowerCase()==="path"){m();return}let t=e.closest("[data-source-location], [data-visual-selector-id]");if(!t){m();return}let l=t,o=l.dataset.sourceLocation||l.dataset.visualSelectorId;if(s===o){m();return}let i=E(o||null);m(),i.forEach(c=>{let h=w(!1);document.body.appendChild(h),g.push(h),u(h,c)}),f=i},M=()=>{d||m()},S=n=>{if(!r)return;let e=n.target;if(p){n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(e.tagName.toLowerCase()==="path")return;n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation();let t=e.closest("[data-source-location], [data-visual-selector-id]");if(!t)return;let l=t,o=l.dataset.sourceLocation||l.dataset.visualSelectorId;a.forEach(v=>{v&&v.parentNode&&v.remove()}),a=[],E(o||null).forEach(v=>{let L=w(!0);document.body.appendChild(L),a.push(L),u(L,v,!0)}),s=o||null,m();let c=t.getBoundingClientRect(),h={top:c.top,left:c.left,right:c.right,bottom:c.bottom,width:c.width,height:c.height,centerX:c.left+c.width/2,centerY:c.top+c.height/2},y=t,_={type:"element-selected",tagName:t.tagName,classes:y.className?.baseVal||t.className||"",visualSelectorId:o,content:t.innerText,dataSourceLocation:l.dataset.sourceLocation,isDynamicContent:l.dataset.dynamicContent==="true",linenumber:l.dataset.linenumber,filename:l.dataset.filename,position:h};window.parent.postMessage(_,"*")},H=()=>{a.forEach(n=>{n&&n.parentNode&&n.remove()}),a=[],s=null},R=(n,e)=>{let t=E(n);t.length!==0&&(C(t,e),setTimeout(()=>{s===n&&a.forEach((l,o)=>{o<t.length&&u(l,t[o])}),f.length>0&&f[0]?.dataset?.visualSelectorId===n&&g.forEach((i,c)=>{c<f.length&&u(i,f[c])})},50))},D=(n,e)=>{let t=E(n);t.length!==0&&(t.forEach(l=>{l.innerText=e}),setTimeout(()=>{s===n&&a.forEach((l,o)=>{o<t.length&&u(l,t[o])})},50))},U=n=>{r=n,n?(document.body.style.cursor="crosshair",document.addEventListener("mouseover",N),document.addEventListener("mouseout",M),document.addEventListener("click",S,!0)):(m(),a.forEach(e=>{e&&e.parentNode&&e.remove()}),a=[],f=[],s=null,document.body.style.cursor="default",document.removeEventListener("mouseover",N),document.removeEventListener("mouseout",M),document.removeEventListener("click",S,!0))},T=()=>{if(s){let n=E(s);if(n.length>0){let t=n[0].getBoundingClientRect(),l=window.innerHeight,o=window.innerWidth,i=t.top<l&&t.bottom>0&&t.left<o&&t.right>0,c={top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height,centerX:t.left+t.width/2,centerY:t.top+t.height/2};window.parent.postMessage({type:"element-position-update",position:c,isInViewport:i,visualSelectorId:s},"*")}}},P=n=>{let e=n.data;switch(e.type){case"toggle-visual-edit-mode":U(e.data.enabled);break;case"update-classes":e.data&&e.data.classes!==void 0?R(e.data.visualSelectorId,e.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",e);break;case"unselect-element":H();break;case"refresh-page":window.location.reload();break;case"update-content":e.data&&e.data.content!==void 0?D(e.data.visualSelectorId,e.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",e);break;case"request-element-position":if(s){let t=E(s);if(t.length>0){let o=t[0].getBoundingClientRect(),i=window.innerHeight,c=window.innerWidth,h=o.top<i&&o.bottom>0&&o.left<c&&o.right>0,y={top:o.top,left:o.left,right:o.right,bottom:o.bottom,width:o.width,height:o.height,centerX:o.left+o.width/2,centerY:o.top+o.height/2};window.parent.postMessage({type:"element-position-update",position:y,isInViewport:h,visualSelectorId:s},"*")}}break;case"popover-drag-state":e.data&&e.data.isDragging!==void 0&&(d=e.data.isDragging,e.data.isDragging&&m());break;case"dropdown-state":e.data&&e.data.isOpen!==void 0&&(p=e.data.isOpen,e.data.isOpen&&m());break;default:break}},b=()=>{if(s){let n=E(s);a.forEach((e,t)=>{t<n.length&&u(e,n[t])})}f.length>0&&g.forEach((n,e)=>{e<f.length&&u(n,f[e])})};document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((n,e)=>{let t=n,l=`visual-id-${t.dataset.filename}-${t.dataset.linenumber}-${e}`;t.dataset.visualSelectorId=l});let V=new MutationObserver(n=>{n.some(t=>{let l=i=>{if(i.nodeType===Node.ELEMENT_NODE){let c=i;if(c.dataset&&c.dataset.visualSelectorId)return!0;for(let h=0;h<c.children.length;h++)if(l(c.children[h]))return!0}return!1};return t.type==="attributes"&&(t.attributeName==="style"||t.attributeName==="class"||t.attributeName==="width"||t.attributeName==="height")&&l(t.target)})&&setTimeout(b,50)});window.addEventListener("message",P),window.addEventListener("scroll",T,!0),document.addEventListener("scroll",T,!0),window.addEventListener("resize",b),window.addEventListener("scroll",b),V.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}function Z(r={},d){window.self!==window.top&&(globalThis.__sandboxBridgeInitialized||(globalThis.__sandboxBridgeInitialized=!0,r.unhandledErrors!==!1&&I(d),r.mountObserver!==!1&&O(),r.hmrNotifier&&d&&x(d),r.navigationNotifier&&k(),r.visualEditAgent&&A()))}export{Z as init};
-//# sourceMappingURL=index.mjs.map