@tiptap-codeless/core

Core utilities for Tiptap Codeless extensions

📦 Installation

pnpm add @tiptap-codeless/core

🚀 Features

• Clipboard Utilities: copyToClipboard, extractTextFromElement
• Style Injection: injectStyles for runtime CSS injection
• React Hooks: useClickOutside for click-outside detection

📚 Usage

Clipboard

import { copyToClipboard, extractTextFromElement } from '@tiptap-codeless/core';

// Copy text to clipboard
await copyToClipboard('Hello, World!');

// Extract text from DOM element
const text = extractTextFromElement(element, ['.code-content', 'pre']);

Style Injection

import css from './styles.css?inline';
import { injectStyles } from '@tiptap-codeless/core';

injectStyles({
    id: 'my-extension-styles',
    css,
});

React Hooks

import { useClickOutside } from '@tiptap-codeless/core';

function MyComponent() {
  const ref = useClickOutside(() => console.log('Clicked outside!'));

  return <div ref={ref}>Content</div>;
}

📄 License

MIT