@blockslides/extension-add-slide-button 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,43 @@
+import { Extension } from '@blockslides/core';
+import { EditorView } from 'prosemirror-view';
+
+interface AddSlideButtonOptions {
+    /**
+     * Whether to inject CSS styles for the button.
+     * @default true
+     */
+    injectCSS?: boolean;
+    /**
+     * Nonce for Content Security Policy.
+     * @default undefined
+     */
+    injectNonce?: string;
+    /**
+     * Custom CSS styles for the button element.
+     * These will override or extend the default theme styles.
+     * Supports both camelCase (React) and kebab-case (Vue/CSS) property names.
+     * @default {}
+     * @example { backgroundColor: '#000', color: '#fff' } // React/camelCase
+     * @example { 'background-color': '#000', 'color': '#fff' } // Vue/kebab-case
+     */
+    buttonStyle: Record<string, string>;
+    /**
+     * Button content - can be text, HTML, icon, emoji, etc.
+     * @default '+'
+     * @example '+' | 'Add Slide' | '➕' | '<svg>...</svg>'
+     */
+    content: string;
+    /**
+     * Custom click handler for the button.
+     * If not provided, will insert a new slide at the clicked position.
+     */
+    onClick: ((params: {
+        slideIndex: number;
+        position: number;
+        view: EditorView;
+        event: MouseEvent;
+    }) => void) | null;
+}
+declare const AddSlideButton: Extension<AddSlideButtonOptions, any>;
+
+export { AddSlideButton, type AddSlideButtonOptions, AddSlideButton as default };

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+import { Extension } from '@blockslides/core';
+import { EditorView } from 'prosemirror-view';
+
+interface AddSlideButtonOptions {
+    /**
+     * Whether to inject CSS styles for the button.
+     * @default true
+     */
+    injectCSS?: boolean;
+    /**
+     * Nonce for Content Security Policy.
+     * @default undefined
+     */
+    injectNonce?: string;
+    /**
+     * Custom CSS styles for the button element.
+     * These will override or extend the default theme styles.
+     * Supports both camelCase (React) and kebab-case (Vue/CSS) property names.
+     * @default {}
+     * @example { backgroundColor: '#000', color: '#fff' } // React/camelCase
+     * @example { 'background-color': '#000', 'color': '#fff' } // Vue/kebab-case
+     */
+    buttonStyle: Record<string, string>;
+    /**
+     * Button content - can be text, HTML, icon, emoji, etc.
+     * @default '+'
+     * @example '+' | 'Add Slide' | '➕' | '<svg>...</svg>'
+     */
+    content: string;
+    /**
+     * Custom click handler for the button.
+     * If not provided, will insert a new slide at the clicked position.
+     */
+    onClick: ((params: {
+        slideIndex: number;
+        position: number;
+        view: EditorView;
+        event: MouseEvent;
+    }) => void) | null;
+}
+declare const AddSlideButton: Extension<AddSlideButtonOptions, any>;
+
+export { AddSlideButton, type AddSlideButtonOptions, AddSlideButton as default };