@depup/base44__vite-plugin 1.0.4-depup.0

package/dist/error-overlay-plugin.js

@@ -0,0 +1,15 @@
+import { errorOverlayCode } from "./ErrorOverlay.js";
+export function errorOverlayPlugin() {
+    return {
+        name: "error-overlay",
+        apply: (config) => config.mode === "development",
+        transform(code, id, opts = {}) {
+            if (opts?.ssr)
+                return;
+            if (!id.includes("vite/dist/client/client.mjs"))
+                return;
+            return code.replace("class ErrorOverlay", errorOverlayCode + "\nclass OldErrorOverlay");
+        },
+    };
+}
+//# sourceMappingURL=error-overlay-plugin.js.map

package/dist/error-overlay-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-overlay-plugin.js","sourceRoot":"","sources":["../src/error-overlay-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,MAAM,UAAU,kBAAkB;IAChC,OAAO;QACL,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,aAAa;QAChD,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,EAAE;YAC3B,IAAI,IAAI,EAAE,GAAG;gBAAE,OAAO;YAEtB,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,6BAA6B,CAAC;gBAAE,OAAO;YAExD,OAAO,IAAI,CAAC,OAAO,CACjB,oBAAoB,EACpB,gBAAgB,GAAG,yBAAyB,CAC7C,CAAC;QACJ,CAAC;KACQ,CAAC;AACd,CAAC"}

package/dist/html-injections-plugin.d.ts

@@ -0,0 +1,8 @@
+import type { Plugin } from "vite";
+export declare function htmlInjectionsPlugin({ hmrNotifier, navigationNotifier, visualEditAgent, analyticsTracker, }: {
+    hmrNotifier: boolean;
+    navigationNotifier: boolean;
+    visualEditAgent: boolean;
+    analyticsTracker: boolean;
+}): Plugin;
+//# sourceMappingURL=html-injections-plugin.d.ts.map

package/dist/html-injections-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-injections-plugin.d.ts","sourceRoot":"","sources":["../src/html-injections-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAqB,MAAM,MAAM,CAAC;AAyEtD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,EAAE;IACD,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,GAiFM,MAAM,CACZ"}

package/dist/html-injections-plugin.js

@@ -0,0 +1,132 @@
+import { loadEnv } from "vite";
+const ANALYTICS_TRACKER_SCRIPT = `
+if (window.self === window.top) {
+  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;
+    if (!appId) return;
+    fetch(\`/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 = {
+    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",
+    },
+    analyticsTracker: {
+        injectTo: "head",
+        mode: "production",
+        inlineContent: ANALYTICS_TRACKER_SCRIPT,
+    },
+};
+export function htmlInjectionsPlugin({ hmrNotifier, navigationNotifier, visualEditAgent, analyticsTracker, }) {
+    const enabledInjections = {
+        unhandledErrors: true,
+        sandboxMount: true,
+        hmrNotifier,
+        navigationNotifier,
+        analyticsTracker,
+    };
+    let resolvedEnv = {};
+    return {
+        name: "html-injections",
+        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]) => {
+                    // 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,
+                    };
+                });
+                // Visual edit agent — loaded via dynamic import to support
+                // local dev iteration with ?sandbox-bridge=local
+                if (currentMode === "dev" && visualEditAgent) {
+                    const dist = "/node_modules/@base44/vite-plugin/dist";
+                    tags.push({
+                        tag: "script",
+                        attrs: { type: "module" },
+                        children: [
+                            `if (window.self !== window.top) {`,
+                            `  const mode = new URLSearchParams(location.search).get("sandbox-bridge");`,
+                            `  const url = mode === "local"`,
+                            `    ? "https://localhost:3201/index.mjs"`,
+                            `    : "${dist}/statics/index.mjs";`,
+                            `  import(url)`,
+                            `    .then(mod => { if (typeof mod.setupVisualEditAgent === "function") mod.setupVisualEditAgent(); })`,
+                            `    .catch(e => console.error("[visual-edit-agent] Failed to load:", e));`,
+                            `}`,
+                        ].join("\n"),
+                        injectTo: "body",
+                    });
+                }
+                return tags;
+            },
+        },
+    };
+}
+//# sourceMappingURL=html-injections-plugin.js.map

package/dist/html-injections-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-injections-plugin.js","sourceRoot":"","sources":["../src/html-injections-plugin.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from "vite";
+export default function vitePlugin(opts?: {
+    legacySDKImports?: boolean;
+    hmrNotifier?: boolean;
+    navigationNotifier?: boolean;
+    visualEditAgent?: boolean;
+    analyticsTracker?: boolean;
+}): Plugin<any>[];
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAc,MAAM,MAAM,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,IAAI,GAAE;IACJ,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,iBAgNP"}

package/dist/index.js

@@ -0,0 +1,158 @@
+import { loadEnv } from "vite";
+import { errorOverlayPlugin } from "./error-overlay-plugin.js";
+import { visualEditPlugin } from "./visual-edit-plugin.js";
+import { filterPackagesInProject } from "./utils.js";
+import { htmlInjectionsPlugin } from "./html-injections-plugin.js";
+const isRunningInSandbox = !!process.env.MODAL_SANDBOX_ID;
+export default function vitePlugin(opts = {}) {
+    const { legacySDKImports = false, hmrNotifier = false, navigationNotifier = false, visualEditAgent = false, analyticsTracker = false, } = opts;
+    return [
+        {
+            name: "base44",
+            config: ({ mode, root = process.cwd() }) => {
+                const env = loadEnv(mode ?? "development", root, "");
+                return {
+                    resolve: {
+                        alias: {
+                            "@/": "/src/",
+                        },
+                    },
+                    ...(legacySDKImports
+                        ? {
+                            define: {
+                                "process.env.VITE_BASE44_APP_ID": JSON.stringify(env.VITE_BASE44_APP_ID),
+                                "process.env.VITE_BASE44_BACKEND_URL": JSON.stringify(env.VITE_BASE44_BACKEND_URL),
+                            },
+                        }
+                        : {}),
+                    ...(isRunningInSandbox
+                        ? {
+                            server: {
+                                cors: true,
+                                host: "0.0.0.0", // Bind to all interfaces for container access
+                                port: 5173,
+                                strictPort: true,
+                                // Allow all hosts - essential for Modal tunnel URLs
+                                allowedHosts: true,
+                                watch: {
+                                    // Enable polling for better file change detection in containers
+                                    usePolling: true,
+                                    interval: 100, // Check every 100ms for responsive HMR
+                                    // Wait for file writes to complete before triggering HMR
+                                    awaitWriteFinish: {
+                                        stabilityThreshold: 150,
+                                        pollInterval: 50,
+                                    },
+                                },
+                            },
+                            build: {
+                                rollupOptions: {
+                                    onwarn(warning, warn) {
+                                        // Treat import errors as fatal errors
+                                        if (warning.code === "UNRESOLVED_IMPORT" ||
+                                            warning.code === "MISSING_EXPORT") {
+                                            throw new Error(`Build failed: ${warning.message}`);
+                                        }
+                                        // Use default for other warnings
+                                        warn(warning);
+                                    },
+                                },
+                            },
+                        }
+                        : (() => {
+                            if (env.VITE_BASE44_APP_BASE_URL) {
+                                console.log(`[base44] Proxy enabled: /api -> ${env.VITE_BASE44_APP_BASE_URL}`);
+                                return {
+                                    server: {
+                                        proxy: {
+                                            "/api": {
+                                                target: env.VITE_BASE44_APP_BASE_URL,
+                                                changeOrigin: true,
+                                            },
+                                        },
+                                    },
+                                };
+                            }
+                            console.log("[base44] Proxy not enabled (VITE_BASE44_APP_BASE_URL not set)");
+                            return {};
+                        })()),
+                    optimizeDeps: {
+                        ...(isRunningInSandbox
+                            ? {
+                                include: filterPackagesInProject([
+                                    "react",
+                                    "react-dom",
+                                    "framer-motion",
+                                    "lodash",
+                                    "moment",
+                                    "react-quill",
+                                ], root),
+                            }
+                            : {}),
+                        esbuildOptions: {
+                            loader: {
+                                ".js": "jsx",
+                            },
+                        },
+                    },
+                };
+            },
+            async resolveId(source, importer, options) {
+                // only resolve imports in the legacy SDK if they are not in an HTML file
+                // because we might have pages that include /integrations, /functions, etc.
+                if (legacySDKImports && !importer?.endsWith(".html")) {
+                    const existingResolution = await this.resolve(source, importer, options);
+                    if (existingResolution) {
+                        return existingResolution;
+                    }
+                    // in legacy apps, the AI sometimes imports components from the Layout with `../`
+                    // which breaks when monving to the vite template, so this solved it by
+                    // resolving the path to the components folder
+                    if (importer?.endsWith("/src/Layout.jsx") &&
+                        source.startsWith("../components")) {
+                        return this.resolve(source.replace(/^..\/components/, "@/components"), importer, options);
+                    }
+                    // Handle imports of Layout.js or Layout.jsx from pages directory
+                    if (importer?.includes("/pages") &&
+                        (source.toLowerCase().endsWith("layout.jsx") ||
+                            source.toLowerCase().endsWith("layout.js"))) {
+                        return this.resolve("@/Layout.jsx", importer, options);
+                    }
+                    if (source.includes("/entities")) {
+                        return this.resolve("@base44/vite-plugin/compat/entities.cjs", importer, options);
+                    }
+                    if (source.includes("/functions")) {
+                        return this.resolve("@base44/vite-plugin/compat/functions.cjs", importer, options);
+                    }
+                    if (source.includes("/integrations")) {
+                        return this.resolve("@base44/vite-plugin/compat/integrations.cjs", importer, options);
+                    }
+                    if (source.includes("/agents")) {
+                        return this.resolve("@base44/vite-plugin/compat/agents.cjs", importer, options);
+                    }
+                }
+                return null;
+            },
+        },
+        ...(isRunningInSandbox
+            ? [
+                {
+                    name: "iframe-hmr",
+                    configureServer(server) {
+                        server.middlewares.use((req, res, next) => {
+                            // Allow iframe embedding
+                            res.setHeader("X-Frame-Options", "ALLOWALL");
+                            res.setHeader("Content-Security-Policy", "frame-ancestors *;");
+                            next();
+                        });
+                    },
+                },
+                errorOverlayPlugin(),
+                visualEditPlugin(),
+            ]
+            : []),
+        // HTML injections - handles both dev (sandbox) and production injections
+        htmlInjectionsPlugin({ hmrNotifier, navigationNotifier, visualEditAgent, analyticsTracker }),
+    ];
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/injections/layer-dropdown/consts.d.ts

@@ -0,0 +1,20 @@
+/** Style constants for the layer dropdown UI */
+export declare const DROPDOWN_CONTAINER_STYLES: Record<string, string>;
+export declare const DROPDOWN_ITEM_BASE_STYLES: Record<string, string>;
+export declare const DROPDOWN_ITEM_ACTIVE_COLOR = "#526cff";
+export declare const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
+export declare const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
+export declare const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
+export declare const DEPTH_INDENT_PX = 10;
+/** SVG chevron shown when dropdown is collapsed (click to expand) */
+export declare const CHEVRON_COLLAPSED = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" style=\"vertical-align:middle;margin-left:4px\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/></svg>";
+/** SVG chevron shown when dropdown is expanded (click to collapse) */
+export declare const CHEVRON_EXPANDED = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" style=\"vertical-align:middle;margin-left:4px\"><path d=\"M18 15l-6-6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/></svg>";
+export declare const CHEVRON_ATTR = "data-chevron";
+export declare const BASE_PADDING_PX = 12;
+export declare const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
+/** Max instrumented ancestors to show above the selected element */
+export declare const MAX_PARENT_DEPTH = 2;
+/** Max instrumented depth levels to show below the selected element */
+export declare const MAX_CHILD_DEPTH = 2;
+//# sourceMappingURL=consts.d.ts.map

package/dist/injections/layer-dropdown/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,gCAAgC,QAAQ,CAAC;AAEtD,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,oMAAoL,CAAC;AACnN,sEAAsE;AACtE,eAAO,MAAM,gBAAgB,uMAAuL,CAAC;AAErN,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,eAAe,IAAI,CAAC"}

package/dist/injections/layer-dropdown/consts.js

@@ -0,0 +1,41 @@
+/** Style constants for the layer dropdown UI */
+export const DROPDOWN_CONTAINER_STYLES = {
+    position: "absolute",
+    backgroundColor: "#ffffff",
+    border: "1px solid #e2e8f0",
+    borderRadius: "6px",
+    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+    fontSize: "12px",
+    minWidth: "120px",
+    maxHeight: "200px",
+    overflowY: "auto",
+    zIndex: "10001",
+    padding: "4px 0",
+    pointerEvents: "auto",
+};
+export const DROPDOWN_ITEM_BASE_STYLES = {
+    padding: "4px 12px",
+    cursor: "pointer",
+    color: "#334155",
+    backgroundColor: "transparent",
+    whiteSpace: "nowrap",
+    lineHeight: "1.5",
+    fontWeight: "400",
+};
+export const DROPDOWN_ITEM_ACTIVE_COLOR = "#526cff";
+export const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
+export const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
+export const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
+export const DEPTH_INDENT_PX = 10;
+/** SVG chevron shown when dropdown is collapsed (click to expand) */
+export const CHEVRON_COLLAPSED = `<svg width="12" height="12" viewBox="0 0 24 24" style="vertical-align:middle;margin-left:4px"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
+/** SVG chevron shown when dropdown is expanded (click to collapse) */
+export const CHEVRON_EXPANDED = `<svg width="12" height="12" viewBox="0 0 24 24" style="vertical-align:middle;margin-left:4px"><path d="M18 15l-6-6-6 6" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
+export const CHEVRON_ATTR = "data-chevron";
+export const BASE_PADDING_PX = 12;
+export const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
+/** Max instrumented ancestors to show above the selected element */
+export const MAX_PARENT_DEPTH = 2;
+/** Max instrumented depth levels to show below the selected element */
+export const MAX_CHILD_DEPTH = 2;
+//# sourceMappingURL=consts.js.map

package/dist/injections/layer-dropdown/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,gCAAgC;IAC3C,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,qEAAqE;AACrE,MAAM,CAAC,MAAM,iBAAiB,GAAG,iLAAiL,CAAC;AACnN,sEAAsE;AACtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,oLAAoL,CAAC;AAErN,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,uEAAuE;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC"}

package/dist/injections/layer-dropdown/controller.d.ts

@@ -0,0 +1,4 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import type { LayerControllerConfig, LayerController } from "./types.js";
+export declare function createLayerController(config: LayerControllerConfig): LayerController;
+//# sourceMappingURL=controller.d.ts.map

package/dist/injections/layer-dropdown/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAUpE,OAAO,KAAK,EAAa,qBAAqB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,GAAG,eAAe,CAgGpF"}

package/dist/injections/layer-dropdown/controller.js

@@ -0,0 +1,88 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import { getElementSelectorId } from "../utils.js";
+import { buildLayerChain } from "./utils.js";
+import { enhanceLabelWithChevron, showDropdown, closeDropdown, isDropdownOpen, } from "./dropdown-ui.js";
+export function createLayerController(config) {
+    let layerPreviewOverlay = null;
+    let escapeHandler = null;
+    let dropdownSourceLayer = null;
+    const clearLayerPreview = () => {
+        if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {
+            layerPreviewOverlay.remove();
+        }
+        layerPreviewOverlay = null;
+    };
+    const showLayerPreview = (layer) => {
+        clearLayerPreview();
+        if (getElementSelectorId(layer.element) === config.getSelectedElementId())
+            return;
+        layerPreviewOverlay = config.createPreviewOverlay(layer.element);
+    };
+    const selectLayer = (layer) => {
+        clearLayerPreview();
+        closeDropdown();
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        dropdownSourceLayer = null;
+        const firstOverlay = config.selectElement(layer.element);
+        attachToOverlay(firstOverlay, layer.element);
+    };
+    const restoreSelection = () => {
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        if (dropdownSourceLayer) {
+            selectLayer(dropdownSourceLayer);
+            dropdownSourceLayer = null;
+        }
+    };
+    const handleLabelClick = (e, label, element, layers, currentId) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (isDropdownOpen()) {
+            closeDropdown();
+            restoreSelection();
+        }
+        else {
+            dropdownSourceLayer = {
+                element,
+                tagName: element.tagName.toLowerCase(),
+                selectorId: currentId,
+            };
+            config.onDeselect();
+            escapeHandler = (ev) => {
+                if (ev.key === "Escape") {
+                    ev.stopPropagation();
+                    closeDropdown();
+                    restoreSelection();
+                }
+            };
+            document.addEventListener("keydown", escapeHandler, true);
+            showDropdown(label, layers, element, { onSelect: selectLayer, onHover: showLayerPreview, onHoverEnd: clearLayerPreview });
+        }
+    };
+    const attachToOverlay = (overlay, element) => {
+        if (!overlay)
+            return;
+        const label = overlay.querySelector("div");
+        if (!label)
+            return;
+        const layers = buildLayerChain(element);
+        if (layers.length <= 1)
+            return;
+        const currentId = getElementSelectorId(element);
+        enhanceLabelWithChevron(label);
+        label.addEventListener("click", (e) => {
+            handleLabelClick(e, label, element, layers, currentId);
+        });
+    };
+    const cleanup = () => {
+        clearLayerPreview();
+        closeDropdown();
+    };
+    return { attachToOverlay, cleanup };
+}
+//# sourceMappingURL=controller.js.map

package/dist/injections/layer-dropdown/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"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"}

package/dist/injections/layer-dropdown/dropdown-ui.d.ts

@@ -0,0 +1,13 @@
+/** Dropdown UI component for layer navigation */
+import type { LayerInfo, DropdownCallbacks } from "./types.js";
+/** Create the dropdown DOM element with layer items */
+export declare function createDropdownElement(layers: LayerInfo[], currentElement: Element | null, callbacks: DropdownCallbacks): HTMLDivElement;
+/** Add chevron indicator and pointer-events to the label */
+export declare function enhanceLabelWithChevron(label: HTMLDivElement): void;
+/** Show the dropdown below the label element */
+export declare function showDropdown(label: HTMLDivElement, layers: LayerInfo[], currentElement: Element | null, callbacks: DropdownCallbacks): void;
+/** Close the active dropdown and clean up listeners */
+export declare function closeDropdown(): void;
+/** Check if a dropdown is currently visible */
+export declare function isDropdownOpen(): boolean;
+//# sourceMappingURL=dropdown-ui.d.ts.map

package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-ui.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAiBjD,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAgD/D,uDAAuD;AACvD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,EAAE,EACnB,cAAc,EAAE,OAAO,GAAG,IAAI,EAC9B,SAAS,EAAE,iBAAiB,GAC3B,cAAc,CAYhB;AAED,4DAA4D;AAC5D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAiBnE;AAkED,gDAAgD;AAChD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,SAAS,EAAE,EACnB,cAAc,EAAE,OAAO,GAAG,IAAI,EAC9B,SAAS,EAAE,iBAAiB,GAC3B,IAAI,CAiCN;AAED,uDAAuD;AACvD,wBAAgB,aAAa,IAAI,IAAI,CA0BpC;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,IAAI,OAAO,CAExC"}