prism-react-editor/dist/extensions/copy-button/index.js

Lightweight, extensible code editor component for React apps

"use client";
import { useEffect } from "react";
import { k as createTemplate, q as addOverlay, s as setSelection } from "../../local-Cq-4Fajb.js";
import { a as addListener, d as doc } from "../../core-Dm5I6BkG.js";
const createCopyButton = /* @__PURE__ */ createTemplate(
  '<div style=display:flex;align-items:flex-start;justify-content:flex-end><button type=button dir=ltr style=display:none class=pce-copy aria-label=Copy><svg width=1.2em aria-hidden=true viewBox="0 0 16 16" overflow=visible stroke-linecap=round fill=none stroke=currentColor><rect x=4 y=4 width=11 height=11 rx=1 /><path d="m12 2a1 1 0 00-1-1H2A1 1 0 001 2v9a1 1 0 001 1">'
);
const useCopyButton = (editor) => {
  useEffect(() => {
    const container = createCopyButton();
    const btn = container.firstChild;
    addListener(btn, "click", () => {
      btn.setAttribute("aria-label", "Copied!");
      if (!navigator.clipboard?.writeText(editor.extensions.folding?.fullCode ?? editor.value)) {
        editor.textarea.select();
        doc.execCommand("copy");
        setSelection(editor, 0);
      }
    });
    addListener(btn, "pointerenter", () => btn.setAttribute("aria-label", "Copy"));
    addOverlay(editor, container);
    return () => container.remove();
  }, []);
};
export {
  createCopyButton,
  useCopyButton
};
//# sourceMappingURL=index.js.map