@clepit/core 0.2.0-beta.322

package/dist/utils/dialogs/css.d.ts

@@ -0,0 +1,3 @@
+export declare const stylesKey = "clepit-dialogs-styles";
+export declare const style = "\n/* Dialog Overlay */\n/* A native <dialog>. showModal() puts it in the top layer and paints a real\n * ::backdrop, so the full-screen scrim, the z-index and the manual centring are\n * the browser's job now. The non-modal branch below keeps the old flex overlay\n * for a DOM without showModal, where the element is an ordinary block. */\n.clepit-dialog-overlay {\n  border: none;\n  padding: 0;\n  background: transparent;\n  max-width: none;\n  max-height: none;\n}\n\n.clepit-dialog-overlay[open] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.clepit-dialog-overlay::backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(2px);\n}\n\n/* Fallback: no showModal, so the element is not in the top layer and paints no\n * backdrop of its own. */\n.clepit-dialog-overlay:not([open]) {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  backdrop-filter: blur(2px);\n}\n\n/* Dialog Container */\n.clepit-dialog {\n  background: var(--clepit-bg);\n  border-radius: 8px;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n  padding: 24px;\n  min-width: 400px;\n  max-width: 500px;\n  max-height: 80vh;\n  overflow-y: auto;\n  position: relative;\n  transform: scale(0.95);\n  opacity: 0;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.clepit-dialog--hidden {\n  transform: scale(0.95);\n  opacity: 0;\n}\n\n.clepit-dialog:not(.clepit-dialog--hidden) {\n  transform: scale(1);\n  opacity: 1;\n}\n\n/* Dialog Title */\n.clepit-dialog-title {\n  margin: 0 0 20px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--clepit-text);\n  text-align: center;\n}\n\n/* Dialog Group */\n.clepit-dialog-group {\n  margin-bottom: 16px;\n}\n\n/* Dialog Label */\n.clepit-dialog-label {\n  display: block;\n  margin-bottom: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--clepit-text);\n}\n\n/* Dialog Input */\n.clepit-dialog-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid var(--clepit-border);\n  border-radius: 6px;\n  font-size: 14px;\n  color: var(--clepit-text);\n  background: var(--clepit-bg);\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  box-sizing: border-box;\n}\n\n.clepit-dialog-input:focus {\n  outline: none;\n  border-color: var(--clepit-primary);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.clepit-dialog-input::placeholder {\n  color: var(--clepit-text-subtle);\n}\n\n/* Dialog Buttons */\n.clepit-dialog-buttons {\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n  margin-top: 24px;\n}\n\n/* Dialog Button */\n.clepit-dialog-button {\n  padding: 10px 20px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  min-width: 80px;\n}\n\n.clepit-dialog-button--cancel {\n  background: var(--clepit-surface);\n  color: var(--clepit-text);\n  border: 1px solid var(--clepit-border);\n}\n\n.clepit-dialog-button--cancel:hover {\n  background: var(--clepit-border);\n  border-color: var(--clepit-text-subtle);\n}\n\n.clepit-dialog-button--save {\n  background: var(--clepit-primary);\n  color: white;\n}\n\n.clepit-dialog-button--save:hover {\n  background: var(--clepit-primary);\n}\n\n.clepit-dialog-button--save:disabled {\n  background: var(--clepit-text-subtle);\n  cursor: not-allowed;\n}\n\n/* Responsive */\n@media (max-width: 640px) {\n  .clepit-dialog {\n    min-width: 320px;\n    max-width: 90vw;\n    margin: 20px;\n  }\n\n  .clepit-dialog-buttons {\n    flex-direction: column;\n  }\n\n  .clepit-dialog-button {\n    width: 100%;\n  }\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/utils/dom.d.ts

@@ -0,0 +1,20 @@
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, className?: string, attributes?: Record<string, string>): HTMLElementTagNameMap[K];
+export declare function createTextElement(text: string, className?: string): HTMLElement;
+export declare function setContentEditable(element: HTMLElement, editable: boolean): void;
+export declare function getSelection(): Selection | null;
+export declare function getRange(): Range | null;
+export declare function setRange(range: Range): void;
+export declare function createRange(): Range;
+export declare function getCaretPosition(element: HTMLElement): number;
+export declare function setCaretPosition(element: HTMLElement, position: number): void;
+export declare function generateId(): string;
+export declare function generateElementId(containerId: string, suffix: string): string;
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
+export declare function throttle<T extends (...args: any[]) => any>(func: T, limit: number): (...args: Parameters<T>) => void;
+export declare function isEmptyHtml(html?: string): boolean;
+/**
+ * Sanitizes HTML content to remove dangerous elements while preserving inline formatting
+ */
+export declare function sanitizeHtml(html?: string): string;
+export declare function isCaretAtBoundary(element: HTMLElement, direction: 'left' | 'right'): boolean;
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/icons.d.ts

@@ -0,0 +1,7 @@
+export declare const EDIT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 20h9\"/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"/></svg>";
+export declare const PREVIEW_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>";
+export declare const JSON_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14,2 14,8 20,8\"/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/><polyline points=\"10,9 9,9 8,9\"/></svg>";
+export declare const COPY_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>";
+export declare const DOWNLOAD_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7,10 12,15 17,10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>";
+export declare const CLEAR_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h18\"/><path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\"/><path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\"/><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\"/><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\"/></svg>";
+//# sourceMappingURL=icons.d.ts.map

package/dist/utils/platform.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Platform detection and keyboard symbol utilities
+ */
+export type Platform = 'mac' | 'windows' | 'linux' | 'unknown';
+/**
+ * Detect the user's operating system
+ */
+export declare function detectPlatform(): Platform;
+/**
+ * Get the command/control key symbol for the current platform
+ */
+export declare function getCmdSymbol(): string;
+/**
+ * Get the shift key symbol for the current platform
+ */
+export declare function getShiftSymbol(): string;
+/**
+ * Get the option/alt key symbol for the current platform
+ */
+export declare function getOptionSymbol(): string;
+/**
+ * Get the backspace key symbol for the current platform
+ */
+export declare function getBackspaceSymbol(): string;
+/**
+ * Get the delete key symbol for the current platform
+ */
+export declare function getDeleteSymbol(): string;
+/**
+ * Get the arrow key symbols
+ */
+export declare function getArrowSymbols(): {
+    down: string;
+    left: string;
+    right: string;
+    up: string;
+};
+/**
+ * Format a keyboard shortcut for display
+ */
+export declare function formatShortcut(keys: string[]): string;
+/**
+ * Common shortcut builders
+ */
+export declare const Shortcuts: {
+    cmd: (key: string) => string;
+    cmdA: () => string;
+    cmdArrow: (direction: "up" | "down" | "left" | "right") => string;
+    cmdB: () => string;
+    cmdBackspace: () => string;
+    cmdC: () => string;
+    cmdD: () => string;
+    cmdDelete: () => string;
+    cmdF: () => string;
+    cmdG: () => string;
+    cmdH: () => string;
+    cmdI: () => string;
+    cmdJ: () => string;
+    cmdK: () => string;
+    cmdL: () => string;
+    cmdM: () => string;
+    cmdN: () => string;
+    cmdO: () => string;
+    cmdOption: (key: string) => string;
+    cmdP: () => string;
+    cmdQ: () => string;
+    cmdR: () => string;
+    cmdS: () => string;
+    cmdShift: (key: string) => string;
+    cmdShiftArrow: (direction: "up" | "down" | "left" | "right") => string;
+    cmdShiftBackspace: () => string;
+    cmdShiftOption: (key: string) => string;
+    cmdShiftZ: () => string;
+    cmdT: () => string;
+    cmdU: () => string;
+    cmdV: () => string;
+    cmdW: () => string;
+    cmdX: () => string;
+    cmdY: () => string;
+    cmdZ: () => string;
+};
+//# sourceMappingURL=platform.d.ts.map

package/dist/utils/sanitize-html-nodom.d.ts

@@ -0,0 +1,2 @@
+export declare const sanitizeHtmlWithoutDom: (html?: string) => string;
+//# sourceMappingURL=sanitize-html-nodom.d.ts.map

package/dist/utils/switch/css.d.ts

@@ -0,0 +1,3 @@
+export declare const switchStylesKey = "clepit-custom-switch-styles";
+export declare const switchStyle: string;
+//# sourceMappingURL=css.d.ts.map

package/dist/utils/switch/index.d.ts

@@ -0,0 +1,30 @@
+import { EditorClassNames, EditorStyles } from '../../types';
+export interface SwitchConfig {
+    checked?: boolean;
+    onToggle?: (checked: boolean) => void;
+    classNames?: EditorClassNames['switch'];
+    styles?: EditorStyles['switch'];
+    label?: string;
+    id?: string;
+}
+export declare class Switch {
+    /**
+     * Create a switch component
+     * @param config - Switch configuration
+     * @returns HTMLDivElement containing the switch
+     */
+    static create(config?: SwitchConfig): HTMLElement;
+    /**
+     * Get the current state of the switch
+     * @param element - The switch element
+     * @returns boolean indicating if the switch is checked
+     */
+    static getState(element: HTMLElement): boolean;
+    /**
+     * Set the state of a switch
+     * @param element - The switch element
+     * @param checked - Whether the switch should be checked
+     */
+    static setState(element: HTMLElement, checked: boolean): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/tooltip/css.d.ts

@@ -0,0 +1,3 @@
+export declare const tooltipStylesKey = "clepit-inline-tooltip-styles";
+export declare const tooltipStyle = "\n/* Inline Tooltip Container */\n.clepit-inline-tooltip {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/* Tooltip Content */\n.clepit-inline-tooltip-content {\n  background: var(--clepit-text);\n  color: var(--clepit-bg);\n  padding: 6px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n  transform: translateY(8px);\n  transition: transform 0.2s ease-in-out;\n  position: relative;\n}\n\n/* Tooltip Arrow */\n.clepit-inline-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n}\n\n/* Arrow pointing down (when tooltip is above target) */\n.clepit-inline-tooltip-arrow--above {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 6px solid var(--clepit-text);\n}\n\n/* Arrow pointing up (when tooltip is below target) */\n.clepit-inline-tooltip-arrow--below {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid var(--clepit-text);\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/utils/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { EditorClassNames, EditorStyles } from '../../types';
+export type TooltipPosition = 'above' | 'below';
+export declare function attachTooltip(target: HTMLElement, text: string, position?: TooltipPosition, classNames?: EditorClassNames['tooltips'], styles?: EditorStyles['tooltips']): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/url.d.ts

@@ -0,0 +1,52 @@
+/**
+ * URL detection and validation utilities for the editor
+ */
+export interface URLInfo {
+    isUrl: boolean;
+    isImage: boolean;
+    isVideo: boolean;
+    isYouTube: boolean;
+    isVimeo: boolean;
+    url: string;
+}
+/**
+ * Check if a string is a valid URL
+ */
+export declare function isValidUrl(text: string): boolean;
+/**
+ * Check if a URL is an image based on file extension
+ */
+export declare function isImageUrl(url: string): boolean;
+/**
+ * Check if a URL is a video based on file extension
+ */
+export declare function isVideoUrl(url: string): boolean;
+/**
+ * Check if a URL is a YouTube video
+ */
+export declare function isYouTubeUrl(url: string): boolean;
+/**
+ * Check if a URL is a Vimeo video
+ */
+export declare function isVimeoUrl(url: string): boolean;
+/**
+ * Extract YouTube video ID from URL
+ */
+export declare function extractYouTubeId(url: string): string | null;
+/**
+ * Extract Vimeo video ID from URL
+ */
+export declare function extractVimeoId(url: string): string | null;
+/**
+ * Convert YouTube URL to embed URL
+ */
+export declare function convertYouTubeToEmbed(url: string): string | null;
+/**
+ * Convert Vimeo URL to embed URL
+ */
+export declare function convertVimeoToEmbed(url: string): string | null;
+/**
+ * Analyze a text string to determine if it's a URL and what type
+ */
+export declare function analyzeUrl(text: string): URLInfo;
+//# sourceMappingURL=url.d.ts.map

package/package.json

@@ -0,0 +1,66 @@
+{
+  "author": "Bomdisoft",
+  "dependencies": {},
+  "description": "A block-style editor with built-in plugins and renderer",
+  "devDependencies": {
+    "@bomdisoft/store": "0.0.0",
+    "@bomdisoft/typescript-config": "0.0.0",
+    "@happy-dom/global-registrator": "^20.10.3",
+    "@types/bun": "^1.3.14",
+    "terser": "^5.48.0",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "CHANGELOG.md",
+    "LICENSE",
+    "README.md"
+  ],
+  "homepage": "https://clepit.com",
+  "keywords": [
+    "editor",
+    "block-editor",
+    "wysiwyg",
+    "typescript",
+    "react",
+    "vue",
+    "vanilla",
+    "json",
+    "framework-agnostic"
+  ],
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "name": "@clepit/core",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "check": "biome check",
+    "dev": "vite",
+    "format": "biome format --write",
+    "lint": "biome lint && bun run scripts/check-draw-paths.ts",
+    "lint:draw-paths": "bun run scripts/check-draw-paths.ts",
+    "lint:fix": "biome lint --fix",
+    "lint:fix:unsafe": "biome lint --fix --unsafe",
+    "preview": "vite preview",
+    "test": "bun test test --isolate --pass-with-no-tests && bun run scripts/draw-without-a-browser.ts",
+    "test:coverage": "bun test test --isolate --coverage --pass-with-no-tests",
+    "test:nodom": "bun run scripts/draw-without-a-browser.ts",
+    "test:unit": "bun test test --isolate --pass-with-no-tests && bun run scripts/draw-without-a-browser.ts",
+    "test:watch": "bun test test --isolate --watch --pass-with-no-tests",
+    "typecheck": "tsc --noEmit -p tsconfig.typecheck.json"
+  },
+  "types": "dist/index.d.ts",
+  "version": "0.2.0-beta.322"
+}