@deshlo/react 0.1.0

package/build/src/GithubPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import { type GitHubBrowserPluginConfig } from "@fdb/plugin-github";
+export interface GithubPluginProps {
+    config?: GitHubBrowserPluginConfig;
+    children: ReactNode;
+}
+export declare function GithubPlugin({ children, config }: GithubPluginProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GithubPlugin.d.ts.map

package/build/src/GithubPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GithubPlugin.d.ts","sourceRoot":"","sources":["../../src/GithubPlugin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAInE"}

package/build/src/GithubPlugin.js

@@ -0,0 +1,11 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GithubPlugin = GithubPlugin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plugin_github_1 = require("@fdb/plugin-github");
+const overlay_plugin_provider_1 = require("./overlay-plugin-provider");
+function GithubPlugin({ children, config }) {
+    const plugin = (0, plugin_github_1.createGitHubBrowserPlugin)(config || {});
+    return (0, jsx_runtime_1.jsx)(overlay_plugin_provider_1.OverlayPluginProvider, { plugin: plugin, children: children });
+}

package/build/src/OverlayGate.d.ts

@@ -0,0 +1,6 @@
+import { type SourceInspectorProps } from "./SourceInspector";
+import { type OverlayGatePanelProps } from "./OverlayGatePanel";
+export interface OverlayGateProps extends Omit<SourceInspectorProps, "children">, OverlayGatePanelProps {
+}
+export default function OverlayGate({ width, ...sourceInspectorProps }: OverlayGateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverlayGate.d.ts.map

package/build/src/OverlayGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGate.d.ts","sourceRoot":"","sources":["../../src/OverlayGate.tsx"],"names":[],"mappings":"AAEA,OAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,EAC5C,qBAAqB;CAAG;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,EAAE,gBAAgB,2CAMvF"}

package/build/src/OverlayGate.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverlayGate;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SourceInspector_1 = __importDefault(require("./SourceInspector"));
+const OverlayGatePanel_1 = __importDefault(require("./OverlayGatePanel"));
+function OverlayGate({ width, ...sourceInspectorProps }) {
+    return ((0, jsx_runtime_1.jsx)(SourceInspector_1.default, { ...sourceInspectorProps, children: (0, jsx_runtime_1.jsx)(OverlayGatePanel_1.default, { width: width }) }));
+}

package/build/src/OverlayGatePanel.d.ts

@@ -0,0 +1,5 @@
+export interface OverlayGatePanelProps {
+    width?: number;
+}
+export default function OverlayGatePanel({ width }: OverlayGatePanelProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=OverlayGatePanel.d.ts.map

package/build/src/OverlayGatePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGatePanel.d.ts","sourceRoot":"","sources":["../../src/OverlayGatePanel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,KAAW,EAAE,EAAE,qBAAqB,kDAgJ9E"}

package/build/src/OverlayGatePanel.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverlayGatePanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const source_inspector_context_1 = require("./source-inspector-context");
+function OverlayGatePanel({ width = 420 }) {
+    const { inspectorEnabled, triggerKey, pluginId, selection, selectionWarning, proposedText, submitting, result, setProposedText, submit, } = (0, source_inspector_context_1.useSourceInspectorContext)();
+    if (!inspectorEnabled) {
+        return null;
+    }
+    const canSubmit = Boolean(selection && proposedText.trim() && !submitting);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: "fixed",
+            right: 12,
+            bottom: 12,
+            zIndex: 9999,
+            width,
+            maxHeight: "80vh",
+            overflowY: "auto",
+            padding: 12,
+            borderRadius: 10,
+            border: "1px solid #f59e0b",
+            background: "rgba(17, 17, 17, 0.96)",
+            color: "#f8fafc",
+            fontSize: 12,
+            lineHeight: 1.45,
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 700, marginBottom: 6 }, children: "Source Inspector" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: ["Hold ", triggerKey.toUpperCase(), " + click to select an element from source."] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: ["Plugin: ", (0, jsx_runtime_1.jsx)("code", { children: pluginId })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 600, marginBottom: 4 }, children: "Selection" }), selection ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Tag: ", (0, jsx_runtime_1.jsx)("code", { children: selection.tagName })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Source: ", (0, jsx_runtime_1.jsx)("code", { children: selection.sourceLoc })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Current text: ", (0, jsx_runtime_1.jsx)("code", { children: selection.selectedText })] })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { opacity: 0.85 }, children: "No valid element selected yet." }))] }), selectionWarning ? ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 8, color: "#fca5a5" }, children: selectionWarning })) : null, selection ? ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: "block", marginBottom: 4, fontWeight: 600 }, children: "Proposed changes" }), (0, jsx_runtime_1.jsx)("textarea", { value: proposedText, onChange: (event) => {
+                            setProposedText(event.target.value);
+                        }, rows: 4, style: {
+                            width: "100%",
+                            resize: "vertical",
+                            padding: 8,
+                            borderRadius: 6,
+                            border: "1px solid #334155",
+                            fontFamily: "inherit",
+                            fontSize: 12,
+                        } })] })) : null, (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: (0, jsx_runtime_1.jsx)("button", { onClick: submit, disabled: !canSubmit, style: {
+                        flex: 1,
+                        padding: "8px 10px",
+                        borderRadius: 6,
+                        border: "1px solid #22c55e",
+                        background: canSubmit ? "#22c55e" : "#475569",
+                        color: "#111827",
+                        fontWeight: 600,
+                        cursor: canSubmit ? "pointer" : "not-allowed",
+                    }, children: submitting ? "Submitting..." : "Submit changes" }) }), result ? ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    borderTop: "1px solid #334155",
+                    paddingTop: 8,
+                    color: result.ok ? "#86efac" : "#fca5a5",
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 700, marginBottom: 4 }, children: result.ok ? "Success" : "Error" }), (0, jsx_runtime_1.jsx)("div", { children: result.message }), result.links && result.links.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 6, display: "flex", flexDirection: "column", gap: 4 }, children: result.links.map((link) => ((0, jsx_runtime_1.jsx)("a", { href: link.url, target: "_blank", rel: "noreferrer", style: { color: "#93c5fd" }, children: link.label }, `${link.label}-${link.url}`))) })) : null] })) : null] }));
+}

package/build/src/SourceInspector.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type OverlaySelection, type OverlaySubmitHandler, type OverlaySubmitResult, type TriggerKey } from "./overlay-plugin";
+export interface SourceInspectorProps {
+    children: ReactNode;
+    enabled?: boolean;
+    attributeName?: string;
+    triggerKey?: TriggerKey;
+    onSubmit?: OverlaySubmitHandler;
+    onSelectionChange?: (selection: OverlaySelection | null) => void;
+    onSubmitStart?: (selection: OverlaySelection) => void;
+    onSubmitComplete?: (result: OverlaySubmitResult, selection: OverlaySelection) => void;
+    onSubmitError?: (result: OverlaySubmitResult, selection: OverlaySelection) => void;
+}
+export default function SourceInspector({ children, enabled, attributeName, triggerKey, onSubmit, onSelectionChange, onSubmitStart, onSubmitComplete, onSubmitError, }: SourceInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SourceInspector.d.ts.map

package/build/src/SourceInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceInspector.d.ts","sourceRoot":"","sources":["../../src/SourceInspector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AA0B1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpF;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAO,EACP,aAAsC,EACtC,UAAgC,EAChC,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,EAAE,oBAAoB,2CA+KtB"}

package/build/src/SourceInspector.js

@@ -0,0 +1,171 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SourceInspector;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const overlay_plugin_1 = require("./overlay-plugin");
+const overlay_plugin_provider_1 = require("./overlay-plugin-provider");
+const source_inspector_context_1 = require("./source-inspector-context");
+const submit_handler_1 = require("./submit-handler");
+const DEFAULT_ATTRIBUTE_NAME = "data-src-loc";
+const DEFAULT_TRIGGER_KEY = "alt";
+function isTriggerPressed(event, triggerKey) {
+    switch (triggerKey) {
+        case "alt":
+            return event.altKey;
+        case "shift":
+            return event.shiftKey;
+        case "meta":
+            return event.metaKey;
+        case "ctrl":
+            return event.ctrlKey;
+        default:
+            return false;
+    }
+}
+function SourceInspector({ children, enabled, attributeName = DEFAULT_ATTRIBUTE_NAME, triggerKey = DEFAULT_TRIGGER_KEY, onSubmit, onSelectionChange, onSubmitStart, onSubmitComplete, onSubmitError, }) {
+    const inspectorEnabled = typeof enabled === "boolean"
+        ? enabled
+        : process.env.NEXT_PUBLIC_SOURCE_INSPECTOR === "1";
+    const wrapperPlugin = (0, overlay_plugin_provider_1.useOverlayPlugin)();
+    const resolvedSubmit = (0, submit_handler_1.resolveSubmitHandler)(wrapperPlugin, onSubmit);
+    const [selection, setSelection] = (0, react_1.useState)(null);
+    const [selectionWarning, setSelectionWarning] = (0, react_1.useState)("");
+    const [proposedText, setProposedTextState] = (0, react_1.useState)("");
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const [result, setResult] = (0, react_1.useState)(null);
+    const highlightedElement = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        onSelectionChange?.(selection);
+    }, [onSelectionChange, selection]);
+    (0, react_1.useEffect)(() => {
+        if (!inspectorEnabled) {
+            return;
+        }
+        const onClick = (event) => {
+            if (!isTriggerPressed(event, triggerKey)) {
+                return;
+            }
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                return;
+            }
+            const element = target.closest(`[${attributeName}]`);
+            if (!element) {
+                return;
+            }
+            const sourceLoc = element.getAttribute(attributeName) || "";
+            if (!sourceLoc) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            if (highlightedElement.current) {
+                highlightedElement.current.style.outline = "";
+            }
+            element.style.outline = "2px solid #f59e0b";
+            highlightedElement.current = element;
+            const selectedText = (0, overlay_plugin_1.normalizeOverlayText)(element.textContent || "");
+            const tagName = element.tagName.toLowerCase();
+            setResult(null);
+            if (!selectedText) {
+                setSelection(null);
+                setProposedTextState("");
+                setSelectionWarning("Selected element has no plain text content. Select an element with direct text.");
+                return;
+            }
+            setSelectionWarning("");
+            setSelection({
+                sourceLoc,
+                tagName,
+                selectedText,
+            });
+            setProposedTextState(selectedText);
+        };
+        window.addEventListener("click", onClick, true);
+        return () => {
+            window.removeEventListener("click", onClick, true);
+            if (highlightedElement.current) {
+                highlightedElement.current.style.outline = "";
+            }
+        };
+    }, [attributeName, inspectorEnabled, triggerKey]);
+    function setProposedText(value) {
+        setProposedTextState(value);
+        setResult(null);
+    }
+    async function submit() {
+        if (!selection) {
+            setResult({
+                ok: false,
+                message: "Select an element with direct text first.",
+            });
+            return;
+        }
+        const trimmedProposedText = proposedText.trim();
+        if (!trimmedProposedText) {
+            setResult({
+                ok: false,
+                message: "Proposed changes cannot be empty.",
+            });
+            return;
+        }
+        const submitHandler = resolvedSubmit.submit;
+        if (!submitHandler) {
+            const missingHandlerResult = {
+                ok: false,
+                message: "PROVIDER_ERROR: No submit handler configured.",
+            };
+            setResult(missingHandlerResult);
+            onSubmitError?.(missingHandlerResult, selection);
+            return;
+        }
+        setSubmitting(true);
+        setResult(null);
+        onSubmitStart?.(selection);
+        const submitInput = (0, overlay_plugin_1.buildOverlaySubmitInput)(selection, trimmedProposedText);
+        try {
+            const submitResult = await submitHandler(submitInput, {
+                host: window.location.host,
+            });
+            setResult(submitResult);
+            if (submitResult.ok) {
+                onSubmitComplete?.(submitResult, selection);
+            }
+            else {
+                onSubmitError?.(submitResult, selection);
+            }
+        }
+        catch (error) {
+            const errorResult = (0, overlay_plugin_1.toOverlayErrorResult)(error);
+            setResult(errorResult);
+            onSubmitError?.(errorResult, selection);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    }
+    const contextValue = (0, react_1.useMemo)(() => ({
+        inspectorEnabled,
+        triggerKey,
+        pluginId: resolvedSubmit.pluginId,
+        selection,
+        selectionWarning,
+        proposedText,
+        submitting,
+        result,
+        setProposedText,
+        submit,
+    }), [
+        inspectorEnabled,
+        triggerKey,
+        resolvedSubmit.pluginId,
+        selection,
+        selectionWarning,
+        proposedText,
+        submitting,
+        result,
+    ]);
+    return (0, jsx_runtime_1.jsx)(source_inspector_context_1.SourceInspectorProvider, { value: contextValue, children: children });
+}

package/build/src/adapters/vite.d.ts

@@ -0,0 +1,15 @@
+import { type SourceInspectorAdapterOptions } from "@deshlo/core";
+export interface SourceInspectorViteOptions extends SourceInspectorAdapterOptions {
+    cwd?: string;
+}
+interface ViteLikePlugin {
+    name: string;
+    enforce?: "pre" | "post";
+    transform: (code: string, id: string) => {
+        code: string;
+        map: unknown;
+    } | null;
+}
+export declare function withSourceInspectorVite(options?: SourceInspectorViteOptions): ViteLikePlugin;
+export {};
+//# sourceMappingURL=vite.d.ts.map

package/build/src/adapters/vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../src/adapters/vite.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,6BAA6B,EACnC,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,0BAA2B,SAAQ,6BAA6B;IAC/E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAWD,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,0BAA+B,GACvC,cAAc,CA2ChB"}

package/build/src/adapters/vite.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withSourceInspectorVite = withSourceInspectorVite;
+const core_1 = require("@deshlo/core");
+function stripQuery(id) {
+    const queryIndex = id.indexOf("?");
+    return queryIndex === -1 ? id : id.slice(0, queryIndex);
+}
+function isInIncludedPath(filePath, includes) {
+    return includes.some((basePath) => filePath === basePath || filePath.startsWith(`${basePath}/`));
+}
+function withSourceInspectorVite(options = {}) {
+    const cwd = options.cwd ?? process.cwd();
+    const includePaths = (0, core_1.resolveIncludePaths)(options.include, cwd);
+    return {
+        name: "source-inspector-vite",
+        enforce: "pre",
+        transform(code, id) {
+            if (!(0, core_1.isSourceInspectorEnabled)(options)) {
+                return null;
+            }
+            const filePath = stripQuery(id);
+            if (!/\.[jt]sx?$/.test(filePath)) {
+                return null;
+            }
+            if (filePath.includes("/node_modules/")) {
+                return null;
+            }
+            if (!isInIncludedPath(filePath, includePaths)) {
+                return null;
+            }
+            const result = (0, core_1.injectSourceAttributes)(code, filePath, {
+                attributeName: options.attributeName,
+                cwd,
+                wrapLooseTextNodes: options.wrapLooseTextNodes,
+                annotateLeafNodesOnly: options.annotateLeafNodesOnly,
+            });
+            if (!result.changed) {
+                return null;
+            }
+            return {
+                code: result.code,
+                map: result.map,
+            };
+        },
+    };
+}

package/build/src/adapters/webpack.d.ts

@@ -0,0 +1,5 @@
+import { type SourceInspectorAdapter, type SourceInspectorAdapterOptions, type WebpackLikeConfig } from "@deshlo/core";
+export declare function withSourceInspectorWebpack<TConfig extends WebpackLikeConfig>(webpackConfig: TConfig, options?: SourceInspectorAdapterOptions): TConfig;
+export declare const webpackAdapter: SourceInspectorAdapter<WebpackLikeConfig>;
+export type { SourceInspectorAdapter, SourceInspectorAdapterOptions, WebpackLikeConfig, } from "@deshlo/core";
+//# sourceMappingURL=webpack.d.ts.map

package/build/src/adapters/webpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../../../src/adapters/webpack.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,6BAA6B,EAClC,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAC;AAEtB,wBAAgB,0BAA0B,CAAC,OAAO,SAAS,iBAAiB,EAC1E,aAAa,EAAE,OAAO,EACtB,OAAO,GAAE,6BAAkC,GAC1C,OAAO,CAMT;AAED,eAAO,MAAM,cAAc,EAAE,sBAAsB,CAAC,iBAAiB,CAGpE,CAAC;AAEF,YAAY,EACV,sBAAsB,EACtB,6BAA6B,EAC7B,iBAAiB,GAClB,MAAM,cAAc,CAAC"}

package/build/src/adapters/webpack.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webpackAdapter = void 0;
+exports.withSourceInspectorWebpack = withSourceInspectorWebpack;
+const core_1 = require("@deshlo/core");
+function withSourceInspectorWebpack(webpackConfig, options = {}) {
+    if (!(0, core_1.isSourceInspectorEnabled)(options)) {
+        return webpackConfig;
+    }
+    return (0, core_1.injectSourceInspectorLoader)(webpackConfig, options);
+}
+exports.webpackAdapter = {
+    id: "webpack",
+    apply: withSourceInspectorWebpack,
+};

package/build/src/github.d.ts

@@ -0,0 +1,3 @@
+export { GithubPlugin, type GithubPluginProps, } from "./plugins/github/GithubPlugin";
+export type { GitHubBrowserPluginConfig } from "@fdb/plugin-github";
+//# sourceMappingURL=github.d.ts.map

package/build/src/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/github.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC"}

package/build/src/github.js

@@ -0,0 +1,6 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GithubPlugin = void 0;
+var GithubPlugin_1 = require("./plugins/github/GithubPlugin");
+Object.defineProperty(exports, "GithubPlugin", { enumerable: true, get: function () { return GithubPlugin_1.GithubPlugin; } });

package/build/src/github.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=github.test.d.ts.map

package/build/src/github.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.test.d.ts","sourceRoot":"","sources":["../../src/github.test.ts"],"names":[],"mappings":""}

package/build/src/github.test.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const vitest_1 = require("vitest");
+const overlay_1 = require("./overlay");
+const github_1 = require("./github");
+(0, vitest_1.describe)("GithubPlugin", () => {
+    (0, vitest_1.it)("wraps children in OverlayPluginProvider", () => {
+        const element = (0, github_1.GithubPlugin)({
+            config: { token: "ghp_test" },
+            children: "child",
+        });
+        (0, vitest_1.expect)((0, react_1.isValidElement)(element)).toBe(true);
+        (0, vitest_1.expect)(element.type).toBe(overlay_1.OverlayPluginProvider);
+        (0, vitest_1.expect)(element.props.plugin.id).toBe("github-browser");
+    });
+});

package/build/src/index.d.ts

@@ -0,0 +1,5 @@
+export { default as OverlayGate } from "./overlay/OverlayGate";
+export type { OverlayGateProps } from "./overlay/OverlayGate";
+export { OverlayPluginProvider, useOverlayPlugin, type OverlayPluginProviderProps, } from "./overlay/overlay-plugin-provider";
+export type { OverlayPlugin, OverlayPluginContext, OverlayResultLink, OverlaySelection, OverlaySubmitHandler, OverlaySubmitInput, OverlaySubmitResult, TriggerKey, } from "./overlay/overlay-plugin";
+//# sourceMappingURL=index.d.ts.map

package/build/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,0BAA0B,GAChC,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,GACX,MAAM,0BAA0B,CAAC"}

package/build/src/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOverlayPlugin = exports.OverlayPluginProvider = exports.OverlayGate = void 0;
+var OverlayGate_1 = require("./overlay/OverlayGate");
+Object.defineProperty(exports, "OverlayGate", { enumerable: true, get: function () { return __importDefault(OverlayGate_1).default; } });
+var overlay_plugin_provider_1 = require("./overlay/overlay-plugin-provider");
+Object.defineProperty(exports, "OverlayPluginProvider", { enumerable: true, get: function () { return overlay_plugin_provider_1.OverlayPluginProvider; } });
+Object.defineProperty(exports, "useOverlayPlugin", { enumerable: true, get: function () { return overlay_plugin_provider_1.useOverlayPlugin; } });

package/build/src/overlay/OverlayGate.d.ts

@@ -0,0 +1,6 @@
+import { type SourceInspectorProps } from "./SourceInspector";
+import { type OverlayGatePanelProps } from "./OverlayGatePanel";
+export interface OverlayGateProps extends Omit<SourceInspectorProps, "children">, OverlayGatePanelProps {
+}
+export default function OverlayGate({ width, ...sourceInspectorProps }: OverlayGateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverlayGate.d.ts.map

package/build/src/overlay/OverlayGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGate.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayGate.tsx"],"names":[],"mappings":"AAEA,OAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,EAC5C,qBAAqB;CAAG;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,oBAAoB,EAAE,EAAE,gBAAgB,2CAMvF"}

package/build/src/overlay/OverlayGate.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverlayGate;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SourceInspector_1 = __importDefault(require("./SourceInspector"));
+const OverlayGatePanel_1 = __importDefault(require("./OverlayGatePanel"));
+function OverlayGate({ width, ...sourceInspectorProps }) {
+    return ((0, jsx_runtime_1.jsx)(SourceInspector_1.default, { ...sourceInspectorProps, children: (0, jsx_runtime_1.jsx)(OverlayGatePanel_1.default, { width: width }) }));
+}

package/build/src/overlay/OverlayGatePanel.d.ts

@@ -0,0 +1,5 @@
+export interface OverlayGatePanelProps {
+    width?: number;
+}
+export default function OverlayGatePanel({ width }: OverlayGatePanelProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=OverlayGatePanel.d.ts.map

package/build/src/overlay/OverlayGatePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayGatePanel.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayGatePanel.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,KAAW,EAAE,EAAE,qBAAqB,kDAmJ9E"}

package/build/src/overlay/OverlayGatePanel.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OverlayGatePanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const source_inspector_context_1 = require("./source-inspector-context");
+function OverlayGatePanel({ width = 420 }) {
+    const { inspectorEnabled, triggerKey, pluginId, selection, selectionWarning, proposedText, submitting, result, setProposedText, submit, } = (0, source_inspector_context_1.useSourceInspectorContext)();
+    if (!inspectorEnabled) {
+        return null;
+    }
+    const canSubmit = Boolean(selection && proposedText.trim() && !submitting);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: "fixed",
+            right: 12,
+            bottom: 12,
+            zIndex: 9999,
+            width,
+            maxHeight: "80vh",
+            overflowY: "auto",
+            padding: 12,
+            borderRadius: 10,
+            border: "1px solid #f59e0b",
+            background: "rgba(17, 17, 17, 0.96)",
+            color: "#f8fafc",
+            fontSize: 12,
+            lineHeight: 1.45,
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 700, marginBottom: 6 }, children: "Source Inspector" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: ["Hold ", triggerKey.toUpperCase(), " + click to select an element from source."] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: ["Plugin: ", (0, jsx_runtime_1.jsx)("code", { children: pluginId })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 600, marginBottom: 4 }, children: "Selection" }), selection ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Tag: ", (0, jsx_runtime_1.jsx)("code", { children: selection.tagName })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Source: ", (0, jsx_runtime_1.jsx)("code", { children: selection.sourceLoc })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Current text: ", (0, jsx_runtime_1.jsx)("code", { children: selection.selectedText })] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Commit: ", (0, jsx_runtime_1.jsx)("code", { children: selection.commitSha || "unknown" })] })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { opacity: 0.85 }, children: "No valid element selected yet." }))] }), selectionWarning ? ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 8, color: "#fca5a5" }, children: selectionWarning })) : null, selection ? ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: 8 }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: "block", marginBottom: 4, fontWeight: 600 }, children: "Proposed changes" }), (0, jsx_runtime_1.jsx)("textarea", { value: proposedText, onChange: (event) => {
+                            setProposedText(event.target.value);
+                        }, rows: 4, style: {
+                            width: "100%",
+                            resize: "vertical",
+                            padding: 8,
+                            borderRadius: 6,
+                            border: "1px solid #334155",
+                            fontFamily: "inherit",
+                            fontSize: 12,
+                        } })] })) : null, (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: (0, jsx_runtime_1.jsx)("button", { onClick: submit, disabled: !canSubmit, style: {
+                        flex: 1,
+                        padding: "8px 10px",
+                        borderRadius: 6,
+                        border: "1px solid #22c55e",
+                        background: canSubmit ? "#22c55e" : "#475569",
+                        color: "#111827",
+                        fontWeight: 600,
+                        cursor: canSubmit ? "pointer" : "not-allowed",
+                    }, children: submitting ? "Submitting..." : "Submit changes" }) }), result ? ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    borderTop: "1px solid #334155",
+                    paddingTop: 8,
+                    color: result.ok ? "#86efac" : "#fca5a5",
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 700, marginBottom: 4 }, children: result.ok ? "Success" : "Error" }), (0, jsx_runtime_1.jsx)("div", { children: result.message }), result.links && result.links.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 6, display: "flex", flexDirection: "column", gap: 4 }, children: result.links.map((link) => ((0, jsx_runtime_1.jsx)("a", { href: link.url, target: "_blank", rel: "noreferrer", style: { color: "#93c5fd" }, children: link.label }, `${link.label}-${link.url}`))) })) : null] })) : null] }));
+}

package/build/src/overlay/SourceInspector.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import { type OverlaySelection, type OverlaySubmitHandler, type OverlaySubmitResult, type TriggerKey } from "./overlay-plugin";
+export interface SourceInspectorProps {
+    children: ReactNode;
+    enabled?: boolean;
+    attributeName?: string;
+    triggerKey?: TriggerKey;
+    onSubmit?: OverlaySubmitHandler;
+    onSelectionChange?: (selection: OverlaySelection | null) => void;
+    onSubmitStart?: (selection: OverlaySelection) => void;
+    onSubmitComplete?: (result: OverlaySubmitResult, selection: OverlaySelection) => void;
+    onSubmitError?: (result: OverlaySubmitResult, selection: OverlaySelection) => void;
+}
+export default function SourceInspector({ children, enabled, attributeName, triggerKey, onSubmit, onSelectionChange, onSubmitStart, onSubmitComplete, onSubmitError, }: SourceInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SourceInspector.d.ts.map

package/build/src/overlay/SourceInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceInspector.d.ts","sourceRoot":"","sources":["../../../src/overlay/SourceInspector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AA2B1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpF;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAO,EACP,aAAsC,EACtC,UAAgC,EAChC,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,EAAE,oBAAoB,2CAiLtB"}