@flexiui/svelte-rich-text 0.0.52 → 0.0.54

package/dist/RichText.svelte

@@ -1,67 +1,69 @@
-<script lang="ts">
-  import {
-    Mathematics,
-    migrateMathStrings,
-  } from "@tiptap/extension-mathematics";
-
-  import { HEADINGS, rgbToHex } from "./utils";
-  import "./styles.css";
-  import "katex/dist/katex.min.css";
-
-  import { onMount, onDestroy } from "svelte";
-  import type { Readable } from "svelte/store";
-
-  import {
-    createEditor,
-    Editor,
-    EditorContent,
-    BubbleMenu,
-  } from "svelte-tiptap";
-
-  import { computePosition, offset, autoUpdate } from "@floating-ui/dom";
-  import { getRichTextExtensions } from "./getExtensions";
-  import { CellSelection } from "prosemirror-tables";
-
-  declare interface Props {
-    id?: string;
-    className?: string;
-    editable?: boolean;
-    content?: string | {type: string, content: any[]} | null;
-    customExtensions?: any[];
-    editorEvents?: {
-      onTransaction?: (params: any) => void;
-      onBeforeCreate?: (params: any) => void;
-      onCreate?: (params: any) => void;
-      onUpdate: (params: any) => void;
-      onFocus?: (params: any) => void;
-      onBlur?: (params: any) => void;
-      onDestroy?: (params: any) => void;
-      onDrop?: (params: any) => void;
-      onDelete?: (params: any) => void;
-      onContentError?: (params: any) => void;
-      onSelectionUpdate?: (params: any) => void;
-      onPaste?: (params: any) => void;
-    };
-    config?: {
-      editorAccentColor?: string;
-      editorBgColor?: string;
-      editorRadius?: string;
-      toolbarStickyPosition?: number;
-      toolbarZIndex?: number;
-      toolbarBgColor?: string;
-      toolbarTextColor?: string;
-      toolbarPadding?: string;
-      toolbarGap?: string;
-      docMaxWidth?: string;
-      docPadding?: string;
-      docBg?: string;
-      docMarginInline?: string;
-      docMarginBlock?: string;
-      docRadius?: string;
-      docTextColor?: string;
-      buttonStyle?: "accent-soft" | "accent-solid";
-    };
-  }
+<script lang="ts">
+  import {
+    Mathematics,
+    migrateMathStrings,
+  } from "@tiptap/extension-mathematics";
+
+  import { HEADINGS, rgbToHex } from "./utils";
+  import "./styles.css";
+  import "katex/dist/katex.min.css";
+
+  import { onMount, onDestroy } from "svelte";
+  import type { Readable } from "svelte/store";
+
+  import {
+    createEditor,
+    Editor,
+    EditorContent,
+    BubbleMenu,
+  } from "svelte-tiptap";
+
+  import { computePosition, offset, autoUpdate } from "@floating-ui/dom";
+  import { getRichTextExtensions } from "./getExtensions";
+  import { CellSelection } from "prosemirror-tables";
+
+  export interface Props {
+    id?: string;
+    className?: string;
+    editable?: boolean;
+    content?: string | {type: string, content: any[]} | null;
+    customExtensions?: any[];
+    editorEvents?: {
+      onTransaction?: (params: any) => void;
+      onBeforeCreate?: (params: any) => void;
+      onCreate?: (params: any) => void;
+      onUpdate: (params: any) => void;
+      onFocus?: (params: any) => void;
+      onBlur?: (params: any) => void;
+      onDestroy?: (params: any) => void;
+      onDrop?: (params: any) => void;
+      onDelete?: (params: any) => void;
+      onContentError?: (params: any) => void;
+      onSelectionUpdate?: (params: any) => void;
+      onPaste?: (params: any) => void;
+    };
+    config?: {
+      editorAccentColor?: string;
+      editorBgColor?: string;
+      editorRadius?: string;
+      toolbarStickyPosition?: number;
+      toolbarZIndex?: number;
+      toolbarBgColor?: string;
+      toolbarTextColor?: string;
+      toolbarPadding?: string;
+      toolbarGap?: string;
+      docMaxWidth?: string;
+      docPadding?: string;
+      docBg?: string;
+      docMarginInline?: string;
+      docMarginBlock?: string;
+      docRadius?: string;
+      docTextColor?: string;
+      buttonStyle?: "accent-soft" | "accent-solid";
+    };
+  }
+
+  export type RichTextProps = Props;
 
   let {
     id = "fl-rich-text-editor",

package/dist/RichText.svelte.d.ts

@@ -1,6 +1,50 @@
 import { SvelteComponentTyped } from "svelte";
 import "./styles.css";
 import "katex/dist/katex.min.css";
+export interface Props {
+    id?: string;
+    className?: string;
+    editable?: boolean;
+    content?: string | {
+        type: string;
+        content: any[];
+    } | null;
+    customExtensions?: any[];
+    editorEvents?: {
+        onTransaction?: (params: any) => void;
+        onBeforeCreate?: (params: any) => void;
+        onCreate?: (params: any) => void;
+        onUpdate: (params: any) => void;
+        onFocus?: (params: any) => void;
+        onBlur?: (params: any) => void;
+        onDestroy?: (params: any) => void;
+        onDrop?: (params: any) => void;
+        onDelete?: (params: any) => void;
+        onContentError?: (params: any) => void;
+        onSelectionUpdate?: (params: any) => void;
+        onPaste?: (params: any) => void;
+    };
+    config?: {
+        editorAccentColor?: string;
+        editorBgColor?: string;
+        editorRadius?: string;
+        toolbarStickyPosition?: number;
+        toolbarZIndex?: number;
+        toolbarBgColor?: string;
+        toolbarTextColor?: string;
+        toolbarPadding?: string;
+        toolbarGap?: string;
+        docMaxWidth?: string;
+        docPadding?: string;
+        docBg?: string;
+        docMarginInline?: string;
+        docMarginBlock?: string;
+        docRadius?: string;
+        docTextColor?: string;
+        buttonStyle?: "accent-soft" | "accent-solid";
+    };
+}
+export type RichTextProps = Props;
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -8,9 +52,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type RichTextProps = typeof __propDef.props;
+type RichTextProps_ = typeof __propDef.props;
 export type RichTextEvents = typeof __propDef.events;
 export type RichTextSlots = typeof __propDef.slots;
-export default class RichText extends SvelteComponentTyped<RichTextProps, RichTextEvents, RichTextSlots> {
+export default class RichText extends SvelteComponentTyped<RichTextProps_, RichTextEvents, RichTextSlots> {
 }
 export {};

package/dist/extensions/AudioPlayer.svelte

@@ -45,18 +45,22 @@
 
   id = id + "-" + Math.random().toString(36).substring(2, 15);
 
-  audioAttributes.set({
-    bgColor,
-    textColor,
-    borderRadius,
-    accentColor,
-    accentColorPaused,
-    playBtnBgColor,
-    playBtnTextColor,
-    colorPlay,
-    maxWidth,
+  audioAttributes.subscribe((value) => {
+    console.log({ value });
   });
 
+  // audioAttributes.set({
+  //   bgColor,
+  //   textColor,
+  //   borderRadius,
+  //   accentColor,
+  //   accentColorPaused,
+  //   playBtnBgColor,
+  //   playBtnTextColor,
+  //   colorPlay,
+  //   maxWidth,
+  // });
+
   function formatTime(seconds: number) {
     if (isNaN(seconds) || seconds < 0) return "0:00";
 
@@ -308,10 +312,10 @@ class="audio-player"
 {id} 
 class:playing
 style={`
-  ${(bgColor || $audioAttributes.bgColor) && `--player-bg-color: ${rewrite ? bgColor : $audioAttributes.bgColor};`}
+  ${bgColor && `--player-bg-color: ${rewrite ? bgColor : $audioAttributes.bgColor || bgColor};`}
   ${playBtnBgColor && `--player-play-btn-bg: ${playBtnBgColor};`}
   ${playBtnTextColor && `--player-play-btn-color: ${playBtnTextColor};`}
-  ${`--player-primary-color: ${rewrite ? accentColor : $audioAttributes.accentColor};`}
+  ${`--player-primary-color: ${rewrite ? accentColor : $audioAttributes.accentColor || accentColor};`}
   ${accentColorPaused && `--player-progress-default-bg: ${accentColorPaused};`}
   ${textColor && `--player-text-color: ${textColor};`}
   ${borderRadius && `--player-border-radius: ${borderRadius};`}

package/dist/renderRichText.d.ts

@@ -1,7 +1,6 @@
-interface RenderOptions {
+export interface RenderOptions {
     json: any;
     customExtensions?: any[];
     customNodeMapping?: any;
 }
 export declare function renderHTMLFromJSON({ json, customExtensions, customNodeMapping }: RenderOptions): string;
-export {};

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="svelte" />
+import type { Props } from './RichText.svelte';
+
+declare module "*.svelte" {
+  interface $$Props extends Props {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flexiui/svelte-rich-text",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "description": "A lightweight and flexible rich text editor component for Svelte",
   "keywords": [
     "svelte",