@innovastudio/contentbuilder 1.5.211 → 1.5.213

package/index.d.ts

@@ -9,6 +9,13 @@ interface ContentBuilderOptions {
     imageQuality?: number;
     maxZoom?: number;
     elementSelection?: boolean;
+    /** Paste mode. 
+     * 'auto' (default): content adopts the destination block,
+     *  keeping semantic inline marks (bold/italic/underline/strike/link/code/
+     *  sub-sup) and dropping presentational styling
+     * 'text': plain text. 
+     * 'html': HTML with styles. 
+     * 'html-without-styles': HTML, inline styles dropped, classes kept. */
     paste?: string;
     snippetJSON?: object;
     screenMode?: string;
@@ -31,6 +38,23 @@ interface ContentBuilderOptions {
     assetPath?: string;
     fontAssetPath?: string;
     fontPath?: string;
+
+    /** Replaces the built-in font list of the Text panel's font picker. */
+    fonts?: FontEntry[] | null;
+    /** Adds fonts to the font list. Use this for fonts your users upload. */
+    customFonts?: FontEntry[];
+    /**
+     * How the font picker shows each font: drawn in the font itself ('font',
+     * the default), the thumbnails shipped in fontAssetPath ('image', which
+     * needs no internet connection), or plain text ('none').
+     */
+    fontPreview?: 'font' | 'image' | 'none';
+    /**
+     * Where 'font' previews are fetched from. Defaults to Google's CSS2
+     * endpoint; any Google Fonts compatible service works.
+     */
+    fontPreviewUrl?: string;
+
     snippetModal?: boolean;
     snippetModalLeft?: boolean;
     snippetData?: string;
@@ -61,7 +85,7 @@ interface ContentBuilderOptions {
     onVideoUpload?: () => void;
     audioHandler?: string;
     onAudioUpload?: () => void;
-    colors?: any[]; 
+    colors?: any[];
     builderMode?: string;
     rowTool?: string;
     rowcolOutline?: boolean;
@@ -94,6 +118,16 @@ interface ContentBuilderOptions {
     onImageSettingClick?: () => void;
     onImageEditClick?: () => void;
     setCropperConfig?: () => void;
+    /** @deprecated 'crop' opens the older crop-only dialog. It will be removed. */
+    imageEditor?: string;
+    /** LUT library for the image editor's look reel: entries, { category: entries }, or a URL to a JSON file. */
+    imageEditorPresets?: string | any[] | Record<string, any[]> | null;
+    /** Encoder quality (0-1) used when the image editor saves. Default 0.92. */
+    imageEditorQuality?: number;
+    /** Show the image editor's "My looks" section (save & re-apply a treatment). Default false. */
+    imageEditorMyLooks?: boolean;
+    /** Show the image editor's "Load .cube…" button (load a LUT from the user's computer). Default false. */
+    imageEditorLoadCube?: boolean;
     imageEmbed?: boolean;
     imageselect?: string;
     fileselect?: string;
@@ -147,7 +181,9 @@ interface ContentBuilderOptions {
     toolbarAddSnippetButton?: boolean;    
     animateModal?: boolean;
     defaultFontSizes?: any[]; 
-    fontSizeClassValues?: any[]; 
+    fontSizeClassValues?: any[];
+    /** Box-shadow presets shown as a swatch grid in the element panel's Shadow tab. */
+    shadowTemplates?: string[]; 
     gradientcolors?: any[]; 
     elementEditor?: boolean; 
     customval?: string;
@@ -172,6 +208,10 @@ interface ContentBuilderOptions {
     pageSizes?: any[]; 
     maxEmbedImageWidth?: number;
     zoom?: number;
+    /** Default position of the plugin settings modal. Default 'center'. */
+    pluginSettingsPosition?: 'center' | 'right' | 'left' | { top?: string | number; left?: string | number; right?: string | number; bottom?: string | number };
+    /** Default position of the button editor modal. Default 'center'. */
+    buttonEditorPosition?: 'center' | 'right' | 'left' | { top?: string | number; left?: string | number; right?: string | number; bottom?: string | number };
     useLightbox?: boolean;
     lightboxArrow?: boolean;
     imageRenameOnEdit?: boolean;
@@ -188,6 +228,10 @@ interface ContentBuilderOptions {
     leadingPreset?: any[]; 
     cssClasses?: object;
     useCssClasses?: boolean;
+    /** When the caret is in text with no selection, apply formatting (bold,
+     *  size, color, …) to the nearest element the caret is in — e.g. restyle a
+     *  whole heading without selecting it. Default true. */
+    caretFormatting?: boolean;
     useButtonPlugin?: boolean;
     enableDragResize?: boolean;
     simpleTextSettings?: boolean; 
@@ -235,9 +279,33 @@ interface ContentBuilderOptions {
     clearChatSettings?: boolean;
     defaultChatSettings?: Record<string, any>;
     demoMode?: boolean;
-    demoConversations?: any[]; 
+    demoConversations?: any[];
     startCodeChat?: boolean;
 
+    //-- Code Chat: vision / attachments
+    /** Let files be attached to a chat message. Off by default: the attach
+     *  button is hidden and drag-and-drop and paste are not accepted. */
+    chatAttachments?: boolean;
+    /** Legacy attachment handling: extract text from Office/text files and
+     *  transcode images before sending, instead of passing files through
+     *  natively. Off by default. */
+    convertAttachments?: boolean;
+    /** Explicit override of which code models accept image input. When omitted,
+     *  capability comes from a model entry's own `accepts` list, then family
+     *  heuristics. */
+    visionCapableCodeModels?: string[];
+    /** Same as visionCapableCodeModels, for the chat model list. */
+    visionCapableChatModels?: string[];
+    /** Per-provider image model lists. Only the active provider's list is used,
+     *  and the provider suffix is matched case-insensitively. An entry is
+     *  `{ id, label, sizes?, size_param?, output_format?, output_param?,
+     *  size_auto?, image_input?, edit? }`; a Fal entry adds
+     *  `edit: { id, image_param, image_max?, ...overrides }` naming the model id
+     *  used when reference images ride along. */
+    imageModels_Fal?: any[];
+    imageModels_OpenRouter?: any[];
+    imageModels_OpenAI?: any[];
+
     //-- Asset Manager
     listFilesUrl?: string;
     listFoldersUrl?: string;
@@ -282,6 +350,21 @@ interface ContentBuilderOptions {
     generateMediaUrl_Fal?: string;
     checkRequestStatusUrl_Fal?: string;
     getResultUrl_Fal?: string;
+    /** OpenRouter image provider (defaultImageGenerationProvider: 'openrouter').
+     *  Same three-step request/status/result contract as the _Fal endpoints,
+     *  including reference-image features (restyle / edit existing photos),
+     *  which all three providers serve. */
+    generateMediaUrl_OpenRouter?: string;
+    checkRequestStatusUrl_OpenRouter?: string;
+    getResultUrl_OpenRouter?: string;
+    /** OpenAI image provider (defaultImageGenerationProvider: 'openai').
+     *  The same three-step request/status/result contract as the _Fal and
+     *  _OpenRouter endpoints, including reference-image features (an entry with
+     *  image_input: true routes to /v1/images/edits). Distinct from the older
+     *  one-shot generateMediaUrl_OpenAI_CreateImage(Edit) below. */
+    generateMediaUrl_OpenAI?: string;
+    checkRequestStatusUrl_OpenAI?: string;
+    getResultUrl_OpenAI?: string;
     minimizeImageUrl?: string;
     cleanup?: string;
     generateMediaUrl_OpenAI_CreateImage?: string;
@@ -299,6 +382,38 @@ interface ContentBuilderOptions {
     //---
 }
 
+/** Options for builder.modal(). Only `html` is required. */
+interface ModalOptions {
+    /** Title bar text. Omit for a bare dialog with a floating close button. */
+    title?: string;
+    /** The content of the dialog: plain markup, no shell needed. */
+    html: string;
+    /** 320 (px) or any CSS length, e.g. '40rem'. */
+    width?: number | string;
+    /** Overrides the body padding. Skipped automatically if your own outermost
+     *  element already sets padding inline. */
+    padding?: string;
+    /** Default: true. */
+    closeButton?: boolean;
+    /** Default: true. Applies to the title bar. */
+    draggable?: boolean;
+    /** Extra class on the shell, so you can style it from your own CSS. */
+    className?: string;
+    overlayStay?: boolean;
+    onOpen?: (modal: ModalHandle) => void;
+    onClose?: (modal: ModalHandle) => void;
+}
+
+/** What builder.modal() returns. */
+interface ModalHandle {
+    /** The dialog element. */
+    el: HTMLElement;
+    /** The content wrapper - query your own markup from here. */
+    body: HTMLElement;
+    open(): ModalHandle;
+    close(): ModalHandle;
+}
+
 declare class ContentBuilder {
     constructor(options?: ContentBuilderOptions);
 
@@ -312,6 +427,10 @@ declare class ContentBuilder {
     saveImages(handler?: string, onComplete?: () => void, onBase64Upload?: () => void): void;
     applyBehavior(): void;
     applyBehaviorOn(element: HTMLElement): void;
+    /** Paint a colour-swatch button (`.cb-colorbtn`): reflect the colour on the
+     *  swatch's inner `<span>` and toggle its empty (checkerboard) state. Public
+     *  counterpart to `colorPicker` for external swatches. Pass '' to clear. */
+    paintColorButton(btn: HTMLElement, value: string): void;
     viewConfig(): void;
     setUIColor(mode: string, csslink?: string): void;
     viewHtml(): void;
@@ -329,10 +448,120 @@ declare class ContentBuilder {
     openAIAssistant(): void;
     closeAIAssistant(): void;
     saveForUndo(): void;
+    /**
+     * Translate a source string through the configured language map
+     * (`opts.lang`, populated from the global `_txt` when a language file is
+     * loaded). Returns the translation, or the string itself when there's no
+     * entry. Safe to call outside the editor — e.g. to localize the title of a
+     * custom toolbar button added with `addButton`.
+     */
+    out(text: string): string;
+    /**
+     * Convert the current text selection into an inline plugin instance
+     * (e.g. wrap selected text in a tooltip/footnote span). Wire a toolbar
+     * button (addButton) that calls this; the framework restores the RTE
+     * selection, wraps it, stamps data-cb-type, mounts via the runtime, and
+     * optionally opens the plugin's content editor. Returns the created element,
+     * or null when there is no usable selection.
+     */
+    convertSelectionToPlugin(
+        pluginName: string,
+        config?: {
+            create?: (selectedText: string, doc: Document) => HTMLElement;
+            attributes?: Record<string, string>;
+            className?: string;
+            tag?: string;
+            openEditor?: boolean;
+        }
+    ): HTMLElement | null;
+    /**
+     * Create a rich-text editor (Inscribe) inside a plugin settings panel — a
+     * modern, execCommand-free replacement for a raw contenteditable. Returns the
+     * Inscribe instance (toggle/apply/link/list/setBlock/getHTML/setHTML/on/…).
+     * Lifecycle is framework-managed: every editor is torn down when the plugin
+     * settings panel rebuilds or closes, so multiple editors per panel are safe.
+     */
+    createPanelEditor(
+        el: HTMLElement,
+        opts?: { onChange?: () => void; inscribe?: Record<string, any> }
+    ): any;
+    /** Destroy every editor created by createPanelEditor (framework-managed). */
+    destroyPanelEditors(): void;
+    /**
+     * Convert an inline plugin (a span[data-cb-type], e.g. a tooltip) back to
+     * plain text: cleanly unmount it and unwrap it, keeping its text. Undoable.
+     */
+    convertPluginToText(element: HTMLElement): boolean;
+    /**
+     * Toggle a highlight (marker) background on the current text selection —
+     * apply it, or remove it if the selection is already highlighted.
+     */
+    toggleHighlight(color?: string): void;
     selectAsset(s: string, f?: boolean): void;
+    /**
+     * Show a file: images and video open in the editor's lightbox, anything
+     * else (pdf, audio, archives) opens in a new tab. Also available inside a
+     * page opened by the editor as window.parent.previewAsset(url).
+     */
+    previewAsset(url: string): void;
     hideModal(modal?: HTMLElement): void;
+
+    /**
+     * Build a dialog from plain content. The shell, title bar, close button,
+     * aria attributes, padding and drag wiring are supplied for you:
+     *
+     *     const wc = builder.modal({ title: 'Word Count', width: 320, html: '<div>…</div>' });
+     *     wc.open();
+     */
+    modal(options: ModalOptions): ModalHandle;
+
+    /**
+     * Page Preview. Opens previewURL in a fullscreen frame with a width ruler,
+     * so a layout can be checked at any width without leaving the editor.
+     * Does nothing when previewURL is unset.
+     *
+     * Distinct from openPreview(), which opens Live Preview, the small floating
+     * window. Both remain available.
+     */
+    openPagePreview(): void;
+
+    /** Insert markup into the editor's container (#_cbhtml), so .is-modal and
+     *  friends style it as they style the built-in dialogs. */
+    addHtml(html: string): void;
+    /** Append a stylesheet to the page's <head>. */
+    addCss(css: string): void;
+    showModal(
+        modal: HTMLElement,
+        overlayStay?: boolean,
+        cancelCallback?: () => void,
+        animated?: boolean,
+        overflowHidden?: boolean
+    ): void;
+    /** Insert the modal if it is not there yet, show it, and wire dragging. */
+    createModal(
+        modal: HTMLElement,
+        selector: string,
+        overlayStay?: boolean,
+        cancelCallback?: () => void,
+        animated?: boolean,
+        overflowHidden?: boolean
+    ): HTMLElement;
+    /** Make anything matching the selector draggable by that element. */
+    draggable(selector: string): void;
+    showSidePanel(panel: HTMLElement): void;
+    hideSidePanel(panel: HTMLElement): void;
+    getScriptPath(): string;
     closeAsset(): void;
     addBlock(html: string, blockContainer?: HTMLElement): void;
+    /**
+     * Register a custom button on the text-selection (RTE) toolbar. `pluginName`
+     * matches a `data-plugin` placeholder produced by listing the name in the
+     * `buttons` option; `html` is the button markup (include that
+     * `data-plugin="<name>"`), `selector` finds it, and `exec` runs on click.
+     */
+    addButton(pluginName: string, html: string, selector: string, exec: (e: MouseEvent) => void): void;
+    /** Same as `addButton`, but for the element (block) toolbar. */
+    addButton2(pluginName: string, html: string, selector: string, exec: (e: MouseEvent) => void): void;
     addPage(box?: HTMLElement): void;
     setPageSize(s?: string): void;
     openPageOptions(): void;

package/package.json

@@ -1,22 +1,24 @@
 {
-  "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.211",
+  "name": "@innovastudio/contentbuilder",
+  "version": "1.5.213",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",
   "files": [
     "public/contentbuilder",
+    "!public/contentbuilder/plugins",
+    "!public/contentbuilder/config.js",
     "index.d.ts"
   ],
   "scripts": {
     "build": "rollup -c",
     "start": "concurrently \"node server.js\" \"webpack serve --config webpack.config.js\"",
-    "scss": "sass --no-source-map src/scss/contentbuilder.scss:public/contentbuilder/contentbuilder.css src/scss/themes/dark.scss:public/contentbuilder/themes/dark.css src/scss/themes/colored-blue.scss:public/contentbuilder/themes/colored-blue.css src/scss/themes/colored-blue6.scss:public/contentbuilder/themes/colored-blue6.css src/scss/themes/colored-darkblue.scss:public/contentbuilder/themes/colored-darkblue.css src/scss/themes/colored-green.scss:public/contentbuilder/themes/colored-green.css src/scss/themes/colored-orange.scss:public/contentbuilder/themes/colored-orange.css src/scss/themes/colored-magenta.scss:public/contentbuilder/themes/colored-magenta.css src/scss/themes/colored-purple.scss:public/contentbuilder/themes/colored-purple.css src/scss/themes/colored-pink.scss:public/contentbuilder/themes/colored-pink.css src/scss/themes/colored-red.scss:public/contentbuilder/themes/colored-red.css src/scss/themes/colored-yellow.scss:public/contentbuilder/themes/colored-yellow.css src/scss/themes/colored-green4.scss:public/contentbuilder/themes/colored-green4.css src/scss/themes/colored-dark.scss:public/contentbuilder/themes/colored-dark.css src/scss/themes/light-blue.scss:public/contentbuilder/themes/light-blue.css src/scss/themes/light-pink.scss:public/contentbuilder/themes/light-pink.css src/scss/themes/light-purple.scss:public/contentbuilder/themes/light-purple.css src/scss/themes/light-red.scss:public/contentbuilder/themes/light-red.css src/scss/themes/light-yellow.scss:public/contentbuilder/themes/light-yellow.css src/scss/themes/light-green.scss:public/contentbuilder/themes/light-green.css src/scss/themes/light-cyan.scss:public/contentbuilder/themes/light-cyan.css src/scss/themes/light-blue2.scss:public/contentbuilder/themes/light-blue2.css src/scss/themes/light-pink2.scss:public/contentbuilder/themes/light-pink2.css src/scss/themes/light-purple2.scss:public/contentbuilder/themes/light-purple2.css src/scss/themes/light-blue3.scss:public/contentbuilder/themes/light-blue3.css src/scss/themes/light-yellow2.scss:public/contentbuilder/themes/light-yellow2.css src/scss/themes/light-gray3.scss:public/contentbuilder/themes/light-gray3.css src/scss/themes/light-gray2.scss:public/contentbuilder/themes/light-gray2.css src/scss/themes/light-gray.scss:public/contentbuilder/themes/light-gray.css src/scss/themes/colored-blue2.scss:public/contentbuilder/themes/colored-blue2.css src/scss/themes/colored-blue4.scss:public/contentbuilder/themes/colored-blue4.css src/scss/themes/colored-blue3.scss:public/contentbuilder/themes/colored-blue3.css src/scss/themes/colored-blue5.scss:public/contentbuilder/themes/colored-blue5.css src/scss/themes/colored-pink3.scss:public/contentbuilder/themes/colored-pink3.css src/scss/themes/colored-purple2.scss:public/contentbuilder/themes/colored-purple2.css src/scss/themes/colored-yellow2.scss:public/contentbuilder/themes/colored-yellow2.css src/scss/themes/colored-red3.scss:public/contentbuilder/themes/colored-red3.css src/scss/themes/colored-green2.scss:public/contentbuilder/themes/colored-green2.css src/scss/themes/colored-green3.scss:public/contentbuilder/themes/colored-green3.css src/scss/themes/colored-pink2.scss:public/contentbuilder/themes/colored-pink2.css src/scss/themes/colored-orange2.scss:public/contentbuilder/themes/colored-orange2.css src/scss/themes/colored-red2.scss:public/contentbuilder/themes/colored-red2.css src/scss/themes/colored-gray.scss:public/contentbuilder/themes/colored-gray.css src/scss/themes/dark-blue.scss:public/contentbuilder/themes/dark-blue.css src/scss/themes/dark-blue2.scss:public/contentbuilder/themes/dark-blue2.css src/scss/themes/dark-purple.scss:public/contentbuilder/themes/dark-purple.css src/scss/themes/dark-pink.scss:public/contentbuilder/themes/dark-pink.css src/scss/themes/dark-blue3.scss:public/contentbuilder/themes/dark-blue3.css src/scss/themes/dark-gray.scss:public/contentbuilder/themes/dark-gray.css src/scss/themes/dark-red.scss:public/contentbuilder/themes/dark-red.css  src/scss/themes/colored-red4.scss:public/contentbuilder/themes/colored-red4.css src/scss/themes/colored-blue7.scss:public/contentbuilder/themes/colored-blue7.css src/scss/themes/colored-pink4.scss:public/contentbuilder/themes/colored-pink4.css  src/scss/themes/colored-blue8.scss:public/contentbuilder/themes/colored-blue8.css src/scss/themes/colored-green5.scss:public/contentbuilder/themes/colored-green5.css src/scss/themes/colored-orange3.scss:public/contentbuilder/themes/colored-orange3.css src/scss/themes/colored-red5.scss:public/contentbuilder/themes/colored-red5.css  ",
+    "scss": "sass --no-source-map src/scss/contentbuilder.scss:public/contentbuilder/contentbuilder.css src/scss/themes/colored-blue.scss:public/contentbuilder/themes/colored-blue.css src/scss/themes/colored-blue6.scss:public/contentbuilder/themes/colored-blue6.css src/scss/themes/colored-darkblue.scss:public/contentbuilder/themes/colored-darkblue.css src/scss/themes/colored-green.scss:public/contentbuilder/themes/colored-green.css src/scss/themes/colored-orange.scss:public/contentbuilder/themes/colored-orange.css src/scss/themes/colored-magenta.scss:public/contentbuilder/themes/colored-magenta.css src/scss/themes/colored-purple.scss:public/contentbuilder/themes/colored-purple.css src/scss/themes/colored-pink.scss:public/contentbuilder/themes/colored-pink.css src/scss/themes/colored-red.scss:public/contentbuilder/themes/colored-red.css src/scss/themes/colored-yellow.scss:public/contentbuilder/themes/colored-yellow.css src/scss/themes/colored-green4.scss:public/contentbuilder/themes/colored-green4.css src/scss/themes/colored-dark.scss:public/contentbuilder/themes/colored-dark.css src/scss/themes/light-blue.scss:public/contentbuilder/themes/light-blue.css src/scss/themes/light-pink.scss:public/contentbuilder/themes/light-pink.css src/scss/themes/light-purple.scss:public/contentbuilder/themes/light-purple.css src/scss/themes/light-red.scss:public/contentbuilder/themes/light-red.css src/scss/themes/light-yellow.scss:public/contentbuilder/themes/light-yellow.css src/scss/themes/light-green.scss:public/contentbuilder/themes/light-green.css src/scss/themes/light-cyan.scss:public/contentbuilder/themes/light-cyan.css src/scss/themes/light-blue2.scss:public/contentbuilder/themes/light-blue2.css src/scss/themes/light-pink2.scss:public/contentbuilder/themes/light-pink2.css src/scss/themes/light-purple2.scss:public/contentbuilder/themes/light-purple2.css src/scss/themes/light-blue3.scss:public/contentbuilder/themes/light-blue3.css src/scss/themes/light-yellow2.scss:public/contentbuilder/themes/light-yellow2.css src/scss/themes/light-gray3.scss:public/contentbuilder/themes/light-gray3.css src/scss/themes/light-gray2.scss:public/contentbuilder/themes/light-gray2.css src/scss/themes/light-gray.scss:public/contentbuilder/themes/light-gray.css src/scss/themes/colored-blue2.scss:public/contentbuilder/themes/colored-blue2.css src/scss/themes/colored-blue4.scss:public/contentbuilder/themes/colored-blue4.css src/scss/themes/colored-blue3.scss:public/contentbuilder/themes/colored-blue3.css src/scss/themes/colored-blue5.scss:public/contentbuilder/themes/colored-blue5.css src/scss/themes/colored-pink3.scss:public/contentbuilder/themes/colored-pink3.css src/scss/themes/colored-purple2.scss:public/contentbuilder/themes/colored-purple2.css src/scss/themes/colored-yellow2.scss:public/contentbuilder/themes/colored-yellow2.css src/scss/themes/colored-red3.scss:public/contentbuilder/themes/colored-red3.css src/scss/themes/colored-green2.scss:public/contentbuilder/themes/colored-green2.css src/scss/themes/colored-green3.scss:public/contentbuilder/themes/colored-green3.css src/scss/themes/colored-pink2.scss:public/contentbuilder/themes/colored-pink2.css src/scss/themes/colored-orange2.scss:public/contentbuilder/themes/colored-orange2.css src/scss/themes/colored-red2.scss:public/contentbuilder/themes/colored-red2.css src/scss/themes/colored-gray.scss:public/contentbuilder/themes/colored-gray.css src/scss/themes/dark-blue.scss:public/contentbuilder/themes/dark-blue.css src/scss/themes/dark-blue2.scss:public/contentbuilder/themes/dark-blue2.css src/scss/themes/dark-purple.scss:public/contentbuilder/themes/dark-purple.css src/scss/themes/dark-pink.scss:public/contentbuilder/themes/dark-pink.css src/scss/themes/dark-blue3.scss:public/contentbuilder/themes/dark-blue3.css src/scss/themes/dark-gray.scss:public/contentbuilder/themes/dark-gray.css src/scss/themes/dark-red.scss:public/contentbuilder/themes/dark-red.css  src/scss/themes/colored-red4.scss:public/contentbuilder/themes/colored-red4.css src/scss/themes/colored-blue7.scss:public/contentbuilder/themes/colored-blue7.css src/scss/themes/colored-pink4.scss:public/contentbuilder/themes/colored-pink4.css  src/scss/themes/colored-blue8.scss:public/contentbuilder/themes/colored-blue8.css src/scss/themes/colored-green5.scss:public/contentbuilder/themes/colored-green5.css src/scss/themes/colored-orange3.scss:public/contentbuilder/themes/colored-orange3.css src/scss/themes/colored-red5.scss:public/contentbuilder/themes/colored-red5.css src/scss/themes/colored-cyan.scss:public/contentbuilder/themes/colored-cyan.css src/scss/themes/colored-yellow3.scss:public/contentbuilder/themes/colored-yellow3.css  ",
     "serve": "webpack serve --config webpack.config.js",
     "build-old": "webpack --config webpack.prod.config.js",
     "scss2": "sass --watch --no-source-map src/scss/contentbuilder.scss public/contentbuilder/contentbuilder.css",
-    "scss3": "sass --watch --no-source-map  src/scss/content.scss:public/contentbuilder/content.css"
+    "test": "node src/contentbuilder/test/tabletool.test.mjs"
   },
   "keywords": [],
   "author": "",
@@ -27,7 +29,6 @@
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-transform-runtime": "^7.18.2",
     "@babel/preset-env": "^7.15.6",
-    "@deepgram/sdk": "^2.3.0",
     "@fal-ai/client": "^1.4.0",
     "@google/genai": "^0.12.0",
     "@rollup/plugin-babel": "^5.3.0",
@@ -44,9 +45,11 @@
     "express": "^4.17.1",
     "express-session": "^1.17.2",
     "formidable-serverless": "^1.1.1",
+    "jsdom": "^29.1.1",
     "mini-css-extract-plugin": "^2.3.0",
     "multer": "^1.4.5-lts.1",
     "openai": "^4.96.2",
+    "playwright": "^1.62.1",
     "rollup": "^2.57.0",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.42.1",
@@ -60,13 +63,9 @@
   },
   "dependencies": {
     "@monaco-editor/loader": "^1.6.1",
-    "blueimp-load-image": "^5.16.0",
     "cropperjs": "^1.5.12",
     "js-beautify": "^1.14.0",
     "marked": "^17.0.0",
-    "moveable": "^0.30.0",
-    "nanopop": "^2.4.2",
-    "sortablejs": "^1.15.2",
-    "string-similarity-js": "^2.1.4"
+    "sortablejs": "^1.15.2"
   }
 }