@bendyline/squisq-editor-react 1.5.1 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -47,9 +47,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "1.4.0",
-    "@bendyline/squisq-formats": "1.3.0",
-    "@bendyline/squisq-react": "1.3.1",
+    "@bendyline/squisq": "1.4.1",
+    "@bendyline/squisq-formats": "1.3.1",
+    "@bendyline/squisq-react": "1.3.2",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@monaco-editor/react": "4.7.0",
     "@tiptap/extension-image": "2.27.2",

package/src/RawEditor.tsx

@@ -7,29 +7,30 @@
  */
 
 import { useRef, useCallback, useEffect } from 'react';
-import Editor, {
-  loader,
-  type OnMount,
-  type OnChange,
-  type BeforeMount,
-} from '@monaco-editor/react';
-import * as monaco from 'monaco-editor';
+import Editor, { type OnMount, type OnChange, type BeforeMount } from '@monaco-editor/react';
+import type * as monaco from 'monaco-editor';
 import { useEditorContext } from './EditorContext';
 import { getAvailableTemplates } from '@bendyline/squisq/doc';
 import { suggestIcons, resolveIcon, iconGlyph } from '@bendyline/squisq/icons';
 import { SQUISQ_MEDIA_MIME, parseSquisqMediaPayload } from './mediaDragMime';
-
-// Use locally installed monaco-editor instead of CDN.
+import { useMonacoLoader } from './useMonacoLoader';
+
+// Monaco is loaded lazily through `useMonacoLoader` (see the hook for the
+// rationale). The type-only `import type * as monaco from 'monaco-editor'`
+// above gives us `monaco.editor.IStandaloneCodeEditor`, `monaco.Range`,
+// etc. for typing without pulling the package into the static module
+// graph — which is the whole point: a consumer importing `JsonEditor` or
+// a type from the package barrel no longer drags ~9MB of language
+// services into the resolver.
 //
-// NOTE: By default this imports the full monaco-editor with all 80+ languages
-// and workers (~9MB). Consumers can dramatically reduce bundle size by aliasing
-// 'monaco-editor' to a slim entry in their bundler config. For example with Vite:
+// Consumers that *do* want the raw editor can still slim the bundle by
+// aliasing `monaco-editor` to a custom entry in their bundler config.
+// For example with Vite:
 //
 //   resolve: { alias: [{ find: /^monaco-editor$/, replacement: './monaco-slim.ts' }] }
 //
-// Where monaco-slim.ts re-exports 'monaco-editor/esm/vs/editor/editor.api' plus
-// only the language contributions needed (e.g. markdown, javascript, etc.).
-loader.config({ monaco });
+// Where monaco-slim.ts re-exports 'monaco-editor/esm/vs/editor/editor.api'
+// plus only the language contributions needed (e.g. markdown, javascript).
 
 // Squisq Monaco themes: same syntax highlighting as vs / vs-dark, but with
 // Monaco's internal gutter (line numbers + folding margin) and overview
@@ -83,6 +84,7 @@ export function RawEditor({
 }: RawEditorProps) {
   const { markdownSource, setMarkdownSource, setMonacoEditor, language, mentionProvider } =
     useEditorContext();
+  const { monaco: monacoNs, ready: monacoReady } = useMonacoLoader();
   const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
   const isExternalUpdate = useRef(false);
   const completionDisposable = useRef<monaco.IDisposable | null>(null);
@@ -439,7 +441,10 @@ export function RawEditor({
   // and weight; the codepoint character is the decoration's content.
   useEffect(() => {
     const editor = editorRef.current;
-    if (!editor) return;
+    // `monacoNs` is read from the lazy loader's state rather than a
+    // top-level import. Re-run when it transitions from null → loaded
+    // so decorations show up the moment monaco is in hand.
+    if (!editor || !monacoNs) return;
     if (language !== 'markdown') return;
     const model = editor.getModel();
     if (!model) return;
@@ -461,7 +466,7 @@ export function RawEditor({
         // glyph as content prepended visually to that position.
         const col = match.index + 1; // Monaco columns are 1-based
         decorations.push({
-          range: new monaco.Range(line, col, line, col),
+          range: new monacoNs.Range(line, col, line, col),
           options: {
             before: {
               content: glyph,
@@ -477,10 +482,36 @@ export function RawEditor({
     } else {
       iconGlyphDecorations.current.set(decorations);
     }
-  }, [markdownSource, language]);
+  }, [markdownSource, language, monacoNs]);
 
   const effectiveTheme = SQUISQ_THEMES[theme] ?? theme;
 
+  // Wait for the lazy monaco namespace + `loader.config()` to settle
+  // before mounting `<Editor>`. Without this gate, the @monaco-editor/
+  // react singleton loader would fall back to its built-in CDN fetch
+  // for any consumer that hasn't aliased monaco-editor — which is the
+  // exact regression the lazy-loading move is meant to avoid.
+  if (!monacoReady) {
+    return (
+      <div
+        className={className}
+        style={{
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          color: 'var(--squisq-editor-muted-foreground, #6a6258)',
+          fontSize: 13,
+        }}
+        data-testid="raw-editor"
+        data-monaco-loading
+      >
+        Loading editor…
+      </div>
+    );
+  }
+
   return (
     <div className={className} style={{ width: '100%', height: '100%' }} data-testid="raw-editor">
       <Editor

package/src/VersionHistoryPanel.tsx

@@ -11,10 +11,67 @@
  * a provider that has `allowVersioning` and a `container`.
  */
 
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties } from 'react';
 import { DiffEditor } from '@monaco-editor/react';
 import type { Version } from '@bendyline/squisq/versions';
 import { useEditorContext } from './EditorContext';
+import { useMonacoLoader } from './useMonacoLoader';
+
+interface LazyDiffEditorProps {
+  original: string;
+  modified: string;
+  theme: 'vs' | 'vs-dark';
+}
+
+const lazyLoadingStyle: CSSProperties = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  height: '100%',
+  color: 'var(--squisq-editor-muted-foreground, #6a6258)',
+  fontSize: 12,
+};
+
+/**
+ * Defers the `<DiffEditor>` mount until the lazy monaco namespace +
+ * `loader.config()` are in place. Without the gate, the
+ * `@monaco-editor/react` singleton loader would fall back to its CDN
+ * default for any consumer that hasn't already mounted `<RawEditor>`.
+ *
+ * This wrapper is what makes `useMonacoLoader` worth using here —
+ * VersionHistoryPanel itself is always present in the toolbar, so
+ * subscribing at its level would defeat the lazy-load. The hook only
+ * fires when a snapshot is actually selected.
+ */
+function LazyDiffEditor({ original, modified, theme }: LazyDiffEditorProps) {
+  const { ready } = useMonacoLoader();
+  if (!ready) {
+    return <div style={lazyLoadingStyle}>Loading diff…</div>;
+  }
+  return (
+    <DiffEditor
+      original={original}
+      modified={modified}
+      language="markdown"
+      theme={theme}
+      options={{
+        readOnly: true,
+        renderSideBySide: true,
+        minimap: { enabled: false },
+        scrollBeyondLastLine: false,
+        wordWrap: 'on',
+        automaticLayout: true,
+        fontSize: 12,
+        lineNumbers: 'off',
+        glyphMargin: false,
+        folding: false,
+        overviewRulerLanes: 0,
+        renderOverviewRuler: false,
+      }}
+    />
+  );
+}
 
 interface PanelState {
   loading: boolean;
@@ -206,25 +263,10 @@ export function VersionHistoryPanel() {
                 </span>
               </div>
               <div className="squisq-version-history-diff-body">
-                <DiffEditor
+                <LazyDiffEditor
                   original={state.selected.content}
                   modified={markdownSource}
-                  language="markdown"
                   theme={diffTheme}
-                  options={{
-                    readOnly: true,
-                    renderSideBySide: true,
-                    minimap: { enabled: false },
-                    scrollBeyondLastLine: false,
-                    wordWrap: 'on',
-                    automaticLayout: true,
-                    fontSize: 12,
-                    lineNumbers: 'off',
-                    glyphMargin: false,
-                    folding: false,
-                    overviewRulerLanes: 0,
-                    renderOverviewRuler: false,
-                  }}
                 />
               </div>
             </div>

package/src/recorder/hooks/useMediaRecorder.ts

@@ -344,7 +344,15 @@ export function useMediaRecorder(options: UseMediaRecorderOptions): UseMediaReco
 
   // Final unmount cleanup — make sure we don't leak the camera light /
   // screen-capture indicator if the component disappears mid-recording.
+  //
+  // `stopResolversRef.current` is captured at effect-run time into a
+  // local. That ref is initialized once at construction and never
+  // reassigned, so the local handle stays a live view onto the same
+  // mutable array — entries pushed by later `stop()` calls still
+  // appear here on cleanup. Capturing keeps `react-hooks/exhaustive-deps`
+  // satisfied without changing the runtime behavior.
   useEffect(() => {
+    const pendingResolvers = stopResolversRef.current;
     return () => {
       const rec = recorderRef.current;
       if (rec && rec.state !== 'inactive') {
@@ -356,7 +364,7 @@ export function useMediaRecorder(options: UseMediaRecorderOptions): UseMediaReco
       }
       releaseStream();
       clearTicker();
-      stopResolversRef.current.splice(0).forEach((resolve) => resolve(null));
+      pendingResolvers.splice(0).forEach((resolve) => resolve(null));
     };
   }, [releaseStream, clearTicker]);
 

package/src/useMonacoLoader.ts

@@ -0,0 +1,83 @@
+/**
+ * useMonacoLoader
+ *
+ * Idempotently dynamic-imports `monaco-editor` and points the
+ * `@monaco-editor/react` singleton loader at the bundled copy. Replaces
+ * the historical top-of-module `import * as monaco from 'monaco-editor';
+ * loader.config({ monaco })` pattern, which forced every consumer of
+ * `@bendyline/squisq-editor-react` — including ones that only import
+ * `JsonEditor` or a type — to drag in monaco's ~9MB worth of language
+ * services and workers at module evaluation time.
+ *
+ * Hosts that want the smallest possible bundle can keep aliasing
+ * `monaco-editor` to a slim entry as before; the behavior is identical
+ * once the dynamic import settles.
+ *
+ * The promise is cached at module scope so the first subscriber
+ * anywhere in the app pays the import cost and every later subscriber
+ * reuses the same settled value.
+ */
+
+import { useEffect, useState } from 'react';
+import { loader } from '@monaco-editor/react';
+
+/** In-flight (or settled) dynamic import shared across all callers. */
+let monacoPromise: Promise<typeof import('monaco-editor')> | null = null;
+
+/** Settled namespace once the promise resolves — read synchronously by mount-time consumers. */
+let monacoNamespace: typeof import('monaco-editor') | null = null;
+
+export interface UseMonacoLoaderResult {
+  /** The monaco namespace once loaded, or `null` while the import is in flight. */
+  monaco: typeof import('monaco-editor') | null;
+  /** Flips to `true` after the import settles. Gate `<Editor>` / `<DiffEditor>` renders on this. */
+  ready: boolean;
+}
+
+/**
+ * Subscribe to the lazy-loaded monaco namespace. The first caller
+ * triggers `import('monaco-editor')` and configures the
+ * `@monaco-editor/react` loader; subsequent callers receive the same
+ * cached value.
+ */
+export function useMonacoLoader(): UseMonacoLoaderResult {
+  const [state, setState] = useState<UseMonacoLoaderResult>(() => ({
+    monaco: monacoNamespace,
+    ready: monacoNamespace !== null,
+  }));
+
+  useEffect(() => {
+    if (state.ready) return;
+    if (!monacoPromise) {
+      // Import the explicit ESM entry file rather than the bare
+      // package specifier `'monaco-editor'`. The package's
+      // `package.json` has no `main` / no `exports` (only `module`),
+      // which trips Vite's strict resolver on both static and
+      // dynamic imports of the bare name. Pointing at the file
+      // directly — the same path monaco's `module` field points at —
+      // turns this into a regular file-path resolve that doesn't
+      // care about the manifest's entry fields. Works identically
+      // in Vite dev / build, vitest's transform pipeline, and any
+      // bundler-using downstream consumer.
+      monacoPromise = (
+        import('monaco-editor/esm/vs/editor/editor.api.js') as unknown as Promise<
+          typeof import('monaco-editor')
+        >
+      ).then((m) => {
+        loader.config({ monaco: m });
+        monacoNamespace = m;
+        return m;
+      });
+    }
+    let cancelled = false;
+    void monacoPromise.then((m) => {
+      if (cancelled) return;
+      setState({ monaco: m, ready: true });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [state.ready]);
+
+  return state;
+}

package/dist/DocumentSettingsDialog.d.ts

@@ -1,26 +0,0 @@
-/**
- * DocumentSettingsDialog
- *
- * Modal editor for the frontmatter values that Squisq currently
- * understands: document title plus the persisted preview keys
- * (`squisq-theme`, `squisq-transform`, `squisq-captions`). Writes back
- * to the same `setFrontmatterValues` channel that `PreviewControls`
- * uses, so any change made here is reflected in the play-mode controls
- * (and vice versa).
- *
- * Title behavior: the placeholder shows the title that
- * `inferDocumentTitle()` would derive from frontmatter or headings.
- * When the user-entered title is empty or equal to the inferred title,
- * the `title:` key is removed from frontmatter — there's no point
- * storing a redundant value.
- */
-export interface DocumentSettingsDialogProps {
-    /** Current markdown source string (frontmatter + body). */
-    markdownSource: string;
-    /** Called with the rewritten source after the user clicks Save. */
-    onSave: (nextSource: string) => void;
-    /** Called when the dialog is dismissed (Cancel, Escape, backdrop click). */
-    onClose: () => void;
-}
-export declare function DocumentSettingsDialog({ markdownSource, onSave, onClose, }: DocumentSettingsDialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DocumentSettingsDialog.d.ts.map

package/dist/DocumentSettingsDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentSettingsDialog.d.ts","sourceRoot":"","sources":["../src/DocumentSettingsDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAuCH,MAAM,WAAW,2BAA2B;IAC1C,2DAA2D;IAC3D,cAAc,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,sBAAsB,CAAC,EACrC,cAAc,EACd,MAAM,EACN,OAAO,GACR,EAAE,2BAA2B,2CAoM7B"}

package/dist/DocumentSettingsDialog.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * DocumentSettingsDialog
- *
- * Modal editor for the frontmatter values that Squisq currently
- * understands: document title plus the persisted preview keys
- * (`squisq-theme`, `squisq-transform`, `squisq-captions`). Writes back
- * to the same `setFrontmatterValues` channel that `PreviewControls`
- * uses, so any change made here is reflected in the play-mode controls
- * (and vice versa).
- *
- * Title behavior: the placeholder shows the title that
- * `inferDocumentTitle()` would derive from frontmatter or headings.
- * When the user-entered title is empty or equal to the inferred title,
- * the `title:` key is removed from frontmatter — there's no point
- * storing a redundant value.
- */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { inferDocumentTitle, parseMarkdown, setFrontmatterValues, } from '@bendyline/squisq/markdown';
-import { getTransformStyleSummaries } from '@bendyline/squisq/transform';
-import { ThemePicker } from './ThemePicker';
-// ── Frontmatter key constants ─────────────────────────────────────
-/** Mirror of `FM_KEYS` in PreviewControls.tsx. Canonical names are the
- *  ones we write; legacy aliases are still read so older docs work. */
-const FM = {
-    theme: { canonical: 'squisq-theme', legacy: 'theme' },
-    transform: { canonical: 'squisq-transform', legacy: 'transform-style' },
-    captions: { canonical: 'squisq-captions', legacy: 'caption-style' },
-};
-function readFm(fm, canonical, legacy) {
-    if (!fm)
-        return '';
-    const v = Object.prototype.hasOwnProperty.call(fm, canonical) ? fm[canonical] : fm[legacy];
-    return typeof v === 'string' ? v : '';
-}
-const CAPTION_OPTIONS = [
-    { key: '', label: 'Default (Standard)' },
-    { key: 'standard', label: 'Standard' },
-    { key: 'social', label: 'Social' },
-];
-// ── Component ─────────────────────────────────────────────────────
-export function DocumentSettingsDialog({ markdownSource, onSave, onClose, }) {
-    // Parse once at open; further edits flow through local form state and
-    // are committed in a single `setFrontmatterValues` call on Save.
-    const parsed = useMemo(() => parseMarkdown(markdownSource), [markdownSource]);
-    const frontmatter = parsed.frontmatter;
-    const inferredTitle = useMemo(() => inferDocumentTitle(parsed), [parsed]);
-    const currentTitle = typeof frontmatter?.title === 'string' ? frontmatter.title : '';
-    const currentTheme = readFm(frontmatter, FM.theme.canonical, FM.theme.legacy);
-    const currentTransform = readFm(frontmatter, FM.transform.canonical, FM.transform.legacy);
-    const currentCaptions = readFm(frontmatter, FM.captions.canonical, FM.captions.legacy);
-    const [title, setTitle] = useState(currentTitle);
-    const [theme, setTheme] = useState(currentTheme);
-    const [transform, setTransform] = useState(currentTransform);
-    const [captions, setCaptions] = useState(currentCaptions);
-    const titleRef = useRef(null);
-    useEffect(() => {
-        titleRef.current?.focus();
-        titleRef.current?.select();
-    }, []);
-    // Esc closes; click on backdrop closes (but not on dialog itself).
-    useEffect(() => {
-        const onKey = (e) => {
-            if (e.key === 'Escape')
-                onClose();
-        };
-        document.addEventListener('keydown', onKey);
-        return () => document.removeEventListener('keydown', onKey);
-    }, [onClose]);
-    const handleBackdrop = useCallback((e) => {
-        if (e.target === e.currentTarget)
-            onClose();
-    }, [onClose]);
-    // Dropdown options — built once per render; cheap.
-    const transformOptions = useMemo(() => [
-        { key: '', label: 'None' },
-        ...getTransformStyleSummaries().map((s) => ({ key: s.id, label: s.name })),
-    ], []);
-    const handleSave = useCallback((e) => {
-        e.preventDefault();
-        const trimmedTitle = title.trim();
-        const titleMatchesInferred = !!inferredTitle && trimmedTitle === inferredTitle;
-        // Empty input OR matches the value we'd infer otherwise → no
-        // explicit title needed in frontmatter.
-        const nextTitle = !trimmedTitle || titleMatchesInferred ? null : trimmedTitle;
-        const updates = {
-            title: nextTitle,
-            [FM.theme.canonical]: theme || null,
-            // Legacy `theme` key would shadow our canonical one — clear it
-            // when the user changes the theme so the canonical write wins.
-            ...(currentTheme && theme !== currentTheme ? { [FM.theme.legacy]: null } : {}),
-            [FM.transform.canonical]: transform || null,
-            ...(currentTransform && transform !== currentTransform
-                ? { [FM.transform.legacy]: null }
-                : {}),
-            [FM.captions.canonical]: captions || null,
-            ...(currentCaptions && captions !== currentCaptions ? { [FM.captions.legacy]: null } : {}),
-        };
-        const nextSource = setFrontmatterValues(markdownSource, updates);
-        onSave(nextSource);
-    }, [
-        title,
-        theme,
-        transform,
-        captions,
-        inferredTitle,
-        markdownSource,
-        currentTheme,
-        currentTransform,
-        currentCaptions,
-        onSave,
-    ]);
-    return (_jsx("div", { className: "squisq-doc-settings-overlay", onMouseDown: handleBackdrop, children: _jsxs("form", { className: "squisq-doc-settings-dialog", onSubmit: handleSave, children: [_jsxs("div", { className: "squisq-doc-settings-header", children: [_jsx("h2", { className: "squisq-doc-settings-title", children: "Document settings" }), _jsx("button", { type: "button", className: "squisq-doc-settings-close", onClick: onClose, "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { className: "squisq-doc-settings-body", children: [_jsxs("div", { className: "squisq-doc-settings-field", children: [_jsx("label", { className: "squisq-doc-settings-label", htmlFor: "squisq-doc-settings-title", children: "Title" }), _jsx("input", { ref: titleRef, id: "squisq-doc-settings-title", type: "text", className: "squisq-doc-settings-input", value: title, onChange: (e) => setTitle(e.target.value), placeholder: inferredTitle ?? 'Document title', spellCheck: true }), inferredTitle ? (_jsxs("span", { className: "squisq-doc-settings-hint", children: ["Defaults to ", _jsx("strong", { children: inferredTitle }), " \u2014 leave blank to use it."] })) : (_jsx("span", { className: "squisq-doc-settings-hint", children: "No title heading found \u2014 set one here or add an H1 to the document." }))] }), _jsxs("div", { className: "squisq-doc-settings-field", children: [_jsx("span", { className: "squisq-doc-settings-label", children: "Theme" }), _jsx(ThemePicker, { value: theme, onChange: setTheme, includeDefault: true, variant: "full", ariaLabel: "Theme" })] }), _jsxs("div", { className: "squisq-doc-settings-field", children: [_jsx("label", { className: "squisq-doc-settings-label", htmlFor: "squisq-doc-settings-transform", children: "Transform" }), _jsx("select", { id: "squisq-doc-settings-transform", className: "squisq-doc-settings-input", value: transform, onChange: (e) => setTransform(e.target.value), children: transformOptions.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) })] }), _jsxs("div", { className: "squisq-doc-settings-field", children: [_jsx("label", { className: "squisq-doc-settings-label", htmlFor: "squisq-doc-settings-captions", children: "Captions" }), _jsx("select", { id: "squisq-doc-settings-captions", className: "squisq-doc-settings-input", value: captions, onChange: (e) => setCaptions(e.target.value), children: CAPTION_OPTIONS.map((o) => (_jsx("option", { value: o.key, children: o.label }, o.key))) })] })] }), _jsxs("div", { className: "squisq-doc-settings-footer", children: [_jsx("button", { type: "button", className: "squisq-doc-settings-btn squisq-doc-settings-btn--secondary", onClick: onClose, children: "Cancel" }), _jsx("button", { type: "submit", className: "squisq-doc-settings-btn squisq-doc-settings-btn--primary", children: "Save" })] })] }) }));
-}
-//# sourceMappingURL=DocumentSettingsDialog.js.map

package/dist/DocumentSettingsDialog.js.map

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

package/dist/DropZoneOverlay.d.ts

@@ -1,24 +0,0 @@
-/**
- * DropZoneOverlay
- *
- * Full-editor overlay that appears when files are dragged over the editor.
- * Shows contextual drop zones depending on the type of files being dragged:
- * - Media files → single "Media" drop zone
- * - Text files → two zones: "Insert" (at cursor) and "Replace" (all content)
- * - Mixed files → all three zones
- */
-import type { DragContentType, UseFileDropResult } from './hooks/useFileDrop';
-export interface DropZoneOverlayProps {
-    /** What kind of content is being dragged */
-    dragContentType: DragContentType;
-    /** Factory that creates event props for a specific drop target */
-    zoneProps: UseFileDropResult['zoneProps'];
-    /** Whether a MediaProvider is available (disables media zone when false) */
-    hasMediaProvider: boolean;
-}
-/**
- * Full-size overlay with contextual drop targets for file uploads.
- * Rendered conditionally by EditorShell when files are dragged over the editor.
- */
-export declare function DropZoneOverlay({ dragContentType, zoneProps, hasMediaProvider, }: DropZoneOverlayProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DropZoneOverlay.d.ts.map

package/dist/DropZoneOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropZoneOverlay.d.ts","sourceRoot":"","sources":["../src/DropZoneOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAc,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1F,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,eAAe,EAAE,eAAe,CAAC;IACjC,kEAAkE;IAClE,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,4EAA4E;IAC5E,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,eAAe,EACf,SAAS,EACT,gBAAgB,GACjB,EAAE,oBAAoB,2CAyCtB"}

package/dist/DropZoneOverlay.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * DropZoneOverlay
- *
- * Full-editor overlay that appears when files are dragged over the editor.
- * Shows contextual drop zones depending on the type of files being dragged:
- * - Media files → single "Media" drop zone
- * - Text files → two zones: "Insert" (at cursor) and "Replace" (all content)
- * - Mixed files → all three zones
- */
-import { useState } from 'react';
-/**
- * Full-size overlay with contextual drop targets for file uploads.
- * Rendered conditionally by EditorShell when files are dragged over the editor.
- */
-export function DropZoneOverlay({ dragContentType, zoneProps, hasMediaProvider, }) {
-    const showMedia = dragContentType === 'media' || dragContentType === 'mixed';
-    const showText = dragContentType === 'text' || dragContentType === 'mixed';
-    return (_jsx("div", { className: "squisq-drop-overlay", children: _jsxs("div", { className: "squisq-drop-overlay-inner", children: [showMedia && (_jsx(DropZone, { target: "media", zoneProps: zoneProps, icon: "\uD83D\uDCF7", label: "Media", description: hasMediaProvider ? 'Add to file bin' : 'No file storage configured', disabled: !hasMediaProvider, variant: "media" })), showText && (_jsxs(_Fragment, { children: [_jsx(DropZone, { target: "insert", zoneProps: zoneProps, icon: "\uD83D\uDCCB", label: "Insert", description: "Insert content at cursor", variant: "insert" }), _jsx(DropZone, { target: "replace", zoneProps: zoneProps, icon: "\uD83D\uDD04", label: "Replace", description: "Replace all editor content", variant: "replace" })] }))] }) }));
-}
-function DropZone({ target, zoneProps, icon, label, description, disabled, variant, }) {
-    const [isHovering, setIsHovering] = useState(false);
-    const props = zoneProps(target);
-    return (_jsxs("div", { className: [
-            'squisq-drop-zone',
-            `squisq-drop-zone--${variant}`,
-            isHovering && !disabled ? 'squisq-drop-zone--active' : '',
-            disabled ? 'squisq-drop-zone--disabled' : '',
-        ]
-            .filter(Boolean)
-            .join(' '), onDragOver: (e) => {
-            if (disabled) {
-                e.preventDefault();
-                return;
-            }
-            props.onDragOver(e);
-        }, onDragEnter: (e) => {
-            e.preventDefault();
-            if (!disabled)
-                setIsHovering(true);
-        }, onDragLeave: (e) => {
-            e.preventDefault();
-            setIsHovering(false);
-        }, onDrop: (e) => {
-            setIsHovering(false);
-            if (disabled) {
-                e.preventDefault();
-                return;
-            }
-            props.onDrop(e);
-        }, children: [_jsx("span", { className: "squisq-drop-zone-icon", children: icon }), _jsx("span", { className: "squisq-drop-zone-label", children: label }), _jsx("span", { className: "squisq-drop-zone-desc", children: description })] }));
-}
-//# sourceMappingURL=DropZoneOverlay.js.map

package/dist/DropZoneOverlay.js.map

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