@placeholderco/placeholder-ui 2.3.0 → 2.4.0

package/dist/display/filetree/FileTree.svelte.d.ts

@@ -71,6 +71,6 @@ export interface FileTreeProps {
     onChange?: (nodes: FileTreeNode[]) => void;
     class?: string;
 }
-declare const FileTree: import("svelte").Component<FileTreeProps, {}, "selectedId" | "nodes">;
+declare const FileTree: import("svelte").Component<FileTreeProps, {}, "nodes" | "selectedId">;
 type FileTree = ReturnType<typeof FileTree>;
 export default FileTree;

package/dist/editors/tiptap/TipTap.svelte

@@ -15,7 +15,14 @@
 	import { TextStyle } from '@tiptap/extension-text-style';
 	import Collaboration from '@tiptap/extension-collaboration';
 	import { CollaborationCaret } from '@tiptap/extension-collaboration-caret';
-	import { Alert, CodeBlockEditor, Div, Span, type CodeBlocksOptions } from './extensions/index.js';
+	import {
+		Alert,
+		ClassAttribute,
+		CodeBlockEditor,
+		Div,
+		Span,
+		type CodeBlocksOptions
+	} from './extensions/index.js';
 	import type { CollaborationConfig } from './collaboration.js';
 	import FormGroup from '../../form/FormGroup.svelte';
 	import LinkActionMenu from './LinkActionMenu.svelte';
@@ -299,6 +306,8 @@
 			Alert,
 			TabHandler,
 			TableKit.configure({ table: { resizable: true } }),
+			// Keep `class` on standard nodes/marks so classes in loaded HTML survive
+			ClassAttribute,
 			...customExtensions
 		];
 

package/dist/editors/tiptap/TipTapBubble.svelte

@@ -15,7 +15,14 @@
 	import { TextStyle } from '@tiptap/extension-text-style';
 	import Collaboration from '@tiptap/extension-collaboration';
 	import { CollaborationCaret } from '@tiptap/extension-collaboration-caret';
-	import { Alert, CodeBlockEditor, Div, Span, type CodeBlocksOptions } from './extensions/index.js';
+	import {
+		Alert,
+		ClassAttribute,
+		CodeBlockEditor,
+		Div,
+		Span,
+		type CodeBlocksOptions
+	} from './extensions/index.js';
 	import type { CollaborationConfig } from './collaboration.js';
 	import FormGroup from '../../form/FormGroup.svelte';
 	import LinkActionMenu from './LinkActionMenu.svelte';
@@ -263,6 +270,8 @@
 			Alert,
 			TabHandler,
 			TableKit.configure({ table: { resizable: true } }),
+			// Keep `class` on standard nodes/marks so classes in loaded HTML survive
+			ClassAttribute,
 			...customExtensions
 		];
 

package/dist/editors/tiptap/extensions/ClassAttribute.d.ts

@@ -0,0 +1,16 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Node and mark types that keep their `class` attribute by default. Types that
+ * already manage `class` themselves (div, span, alert, link) are left alone.
+ */
+export declare const defaultClassAttributeTypes: readonly ["paragraph", "heading", "blockquote", "bulletList", "orderedList", "listItem", "codeBlock", "horizontalRule", "image", "table", "tableRow", "tableHeader", "tableCell", "bold", "italic", "strike", "code", "underline", "subscript", "superscript", "textStyle"];
+export interface ClassAttributeOptions {
+    /** Node and mark type names that should preserve `class` (default: all standard types) */
+    types: string[];
+}
+/**
+ * Preserves the `class` attribute on standard nodes and marks so classes in
+ * loaded or pasted HTML survive the round-trip through the editor instead of
+ * being stripped by the schema.
+ */
+export declare const ClassAttribute: Extension<ClassAttributeOptions, any>;

package/dist/editors/tiptap/extensions/ClassAttribute.js

@@ -0,0 +1,59 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Node and mark types that keep their `class` attribute by default. Types that
+ * already manage `class` themselves (div, span, alert, link) are left alone.
+ */
+export const defaultClassAttributeTypes = [
+    'paragraph',
+    'heading',
+    'blockquote',
+    'bulletList',
+    'orderedList',
+    'listItem',
+    'codeBlock',
+    'horizontalRule',
+    'image',
+    'table',
+    'tableRow',
+    'tableHeader',
+    'tableCell',
+    'bold',
+    'italic',
+    'strike',
+    'code',
+    'underline',
+    'subscript',
+    'superscript',
+    'textStyle'
+];
+/**
+ * Preserves the `class` attribute on standard nodes and marks so classes in
+ * loaded or pasted HTML survive the round-trip through the editor instead of
+ * being stripped by the schema.
+ */
+export const ClassAttribute = Extension.create({
+    name: 'classAttribute',
+    addOptions() {
+        return {
+            types: [...defaultClassAttributeTypes]
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    class: {
+                        default: null,
+                        parseHTML: (element) => element.getAttribute('class') || null,
+                        renderHTML: (attributes) => {
+                            if (!attributes.class)
+                                return {};
+                            return { class: attributes.class };
+                        }
+                    }
+                }
+            }
+        ];
+    }
+});

package/dist/editors/tiptap/extensions/index.d.ts

@@ -1,6 +1,8 @@
 export { Alert } from './Alert.js';
 export { Div } from './Div.js';
 export { Span } from './Span.js';
+export { ClassAttribute, defaultClassAttributeTypes } from './ClassAttribute.js';
+export type { ClassAttributeOptions } from './ClassAttribute.js';
 export { CodeBlockEditor } from './CodeBlockEditor.js';
 export type { CodeBlockEditorOptions, CodeBlocksOptions } from './CodeBlockEditor.js';
 export { codeBlockLanguages, resolveCodeBlockLanguage } from './codeBlockLanguages.js';

package/dist/editors/tiptap/extensions/index.js

@@ -1,5 +1,6 @@
 export { Alert } from './Alert.js';
 export { Div } from './Div.js';
 export { Span } from './Span.js';
+export { ClassAttribute, defaultClassAttributeTypes } from './ClassAttribute.js';
 export { CodeBlockEditor } from './CodeBlockEditor.js';
 export { codeBlockLanguages, resolveCodeBlockLanguage } from './codeBlockLanguages.js';

package/dist/index.d.ts

@@ -114,8 +114,8 @@ export type { TipTapProps, DocumentUploadResult } from './editors/tiptap/TipTap.
 export { default as TipTapBubble } from './editors/tiptap/TipTapBubble.svelte';
 export type { TipTapBubbleProps } from './editors/tiptap/TipTapBubble.svelte';
 export type { CollaborationConfig, CollaborationUser } from './editors/tiptap/collaboration.js';
-export { CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage } from './editors/tiptap/extensions/index.js';
-export type { CodeBlocksOptions, CodeBlockEditorOptions, CodeBlockLanguageDef, CodeBlockLanguageId } from './editors/tiptap/extensions/index.js';
+export { ClassAttribute, defaultClassAttributeTypes, CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage } from './editors/tiptap/extensions/index.js';
+export type { ClassAttributeOptions, CodeBlocksOptions, CodeBlockEditorOptions, CodeBlockLanguageDef, CodeBlockLanguageId } from './editors/tiptap/extensions/index.js';
 export type { AnyExtension } from '@tiptap/core';
 export { editorButtonVariants, editorButtonSizes, editorButtonClass, parseEditorButtonClass } from './editors/tiptap/buttonLink.js';
 export type { EditorButtonVariant, EditorButtonSize, EditorButtonStyle } from './editors/tiptap/buttonLink.js';

package/dist/index.js

@@ -56,7 +56,7 @@ export { default as ColorPicker } from './form/ColorPicker.svelte';
 export { parseColor, parseHex, toHex, formatColor, rgbToHsv, hsvToRgb, rgbToHsl } from './form/ColorPicker.svelte';
 export { default as TipTap } from './editors/tiptap/TipTap.svelte';
 export { default as TipTapBubble } from './editors/tiptap/TipTapBubble.svelte';
-export { CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage } from './editors/tiptap/extensions/index.js';
+export { ClassAttribute, defaultClassAttributeTypes, CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage } from './editors/tiptap/extensions/index.js';
 export { editorButtonVariants, editorButtonSizes, editorButtonClass, parseEditorButtonClass } from './editors/tiptap/buttonLink.js';
 export { default as CodeMirror } from './editors/CodeMirror.svelte';
 export { default as GitCard } from './cards/GitCard.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placeholderco/placeholder-ui",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A modern, customizable Svelte 5 UI component library with comprehensive theming support. Re-brand it with a single config object.",
   "license": "MIT",
   "author": "Placeholderco",