rimelight-components 2.0.40 → 2.0.42

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.40",
+  "version": "2.0.42",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.0.40";
+const version = "2.0.42";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue

@@ -10,7 +10,7 @@ const { variant, children, to, target } = defineProps({
 <template>
   <div class="p-8 bg-error-500">
   <RCCallout :variant="variant" :to="to" :target="target">
-    <RCBlockRenderer :blocks="children" />
+    <RCBlockEditor :blocks="children" />
   </RCCallout>
   </div>
 </template>

package/dist/runtime/components/blocks/editor/SectionBlockEditor.d.vue.ts

@@ -1,4 +1,4 @@
-import type { SectionBlockEditorProps } from "~~/src/runtime/types/blocks";
-declare const __VLS_export: import("vue").DefineComponent<SectionBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { SectionBlock } from "~~/src/runtime/types/blocks";
+declare const __VLS_export: import("vue").DefineComponent<SectionBlock, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionBlock> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue

@@ -2,21 +2,18 @@
 import { computed, inject } from "vue";
 import { slugify } from "../../../utils";
 const props = defineProps({
-  blockId: { type: String, required: true },
-  isFocused: { type: Boolean, required: false },
-  level: { type: Number, required: true },
-  title: { type: String, required: true },
-  description: { type: String, required: false },
-  children: { type: Array, required: true }
+  type: { type: String, required: true },
+  props: { type: Object, required: true },
+  id: { type: String, required: true }
 });
-const headingId = computed(() => props.title ? slugify(props.title) : void 0);
+const headingId = computed(() => props.props.title ? slugify(props.props.title) : void 0);
 const { removeBlock } = inject("blockEditorMutators", {
   removeBlock: (id) => console.warn(`removeBlock not implemented for ${id}`)
 });
 const handleRemove = () => {
-  removeBlock(props.blockId);
+  removeBlock(props.id);
 };
-const childrenBlocks = computed(() => props.children || []);
+const childrenBlocks = computed(() => props.props.children || []);
 </script>
 
 <template>
@@ -35,24 +32,24 @@ const childrenBlocks = computed(() => props.children || []);
     </div>
 
     <RCSection
-      :level="level"
-      :title="title"
-      :description="description"
+      :level="props.props.level"
+      :title="props.props.title"
+      :description="props.props.description"
       :id="headingId"
       is-editing
     >
       <template #title>
         <input
-          :value="title"
-          :class="`text-${level === 1 ? '3xl' : 'xl'} pointer-events-auto w-full bg-transparent font-bold focus:outline-none`"
+          :value="props.props.title"
+          :class="`text-${props.props.level === 1 ? '3xl' : 'xl'} pointer-events-auto w-full bg-transparent font-bold focus:outline-none`"
           placeholder="Enter section title..."
         />
       </template>
 
       <template #description>
         <textarea
-          v-if="description !== void 0"
-          :value="description"
+          v-if="props.props.description !== void 0"
+          :value="props.props.description"
           class="text-md pointer-events-auto w-full resize-none bg-transparent text-muted focus:outline-none"
           placeholder="Optional description..."
           rows="2"
@@ -60,7 +57,7 @@ const childrenBlocks = computed(() => props.children || []);
       </template>
 
       <div class="mt-4">
-        <RCEditorBlockRenderer :blocks="childrenBlocks" />
+        <RCBlockEditor :blocks="childrenBlocks" />
       </div>
     </RCSection>
   </div>

package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SectionBlockEditorProps } from "~~/src/runtime/types/blocks";
-declare const __VLS_export: import("vue").DefineComponent<SectionBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { SectionBlock } from "~~/src/runtime/types/blocks";
+declare const __VLS_export: import("vue").DefineComponent<SectionBlock, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionBlock> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/types/blocks.d.ts

@@ -11,7 +11,7 @@ export type BlockType = "SectionBlock" | "ParagraphBlock" | "CalloutBlock" | "Im
  * Defines the common structure for any content block object.
  * The 'type' must be one of the registered BlockType values.
  */
-export interface BaseContentBlock {
+export interface BaseBlock {
     id: string;
     type: BlockType;
     props: Record<string, any>;
@@ -22,12 +22,6 @@ export interface SectionBlockProps {
     description?: string;
     children: Block[];
 }
-export interface SectionBlockEditorProps extends SectionBlockProps {
-    /** A unique ID used by the editor to track, move, and delete the block. */
-    blockId: string;
-    /** Optional context for editor behavior (e.g., is the block currently focused). */
-    isFocused?: boolean;
-}
 export interface ParagraphBlockProps {
     text: RichTextContent;
 }
@@ -62,35 +56,35 @@ export interface CollapsibleCardBlockProps {
     name?: string;
     children: Block[];
 }
-export interface SectionContentBlock extends BaseContentBlock {
+export interface SectionBlock extends BaseBlock {
     type: "SectionBlock";
     props: SectionBlockProps;
 }
-export interface ParagraphContentBlock extends BaseContentBlock {
+export interface ParagraphContentBlock extends BaseBlock {
     type: "ParagraphBlock";
     props: ParagraphBlockProps;
 }
-export interface CalloutContentBlock extends BaseContentBlock {
+export interface CalloutContentBlock extends BaseBlock {
     type: "CalloutBlock";
     props: CalloutBlockProps;
 }
-export interface ImageContentBlock extends BaseContentBlock {
+export interface ImageContentBlock extends BaseBlock {
     type: "ImageBlock";
     props: ImageBlockProps;
 }
-export interface UnorderedListContentBlock extends BaseContentBlock {
+export interface UnorderedListContentBlock extends BaseBlock {
     type: "UnorderedListBlock";
     props: UnorderedListBlockProps;
 }
-export interface CardBlockContent extends BaseContentBlock {
+export interface CardBlockContent extends BaseBlock {
     type: "CardBlock";
     props: CardBlockProps;
 }
-export interface CollapsibleCardContentBlock extends BaseContentBlock {
+export interface CollapsibleCardContentBlock extends BaseBlock {
     type: "CollapsibleCardBlock";
     props: CollapsibleCardBlockProps;
 }
-export interface QuoteContentBlock extends BaseContentBlock {
+export interface QuoteContentBlock extends BaseBlock {
     type: "QuoteBlock";
     props: QuoteBlockProps;
 }
@@ -98,7 +92,7 @@ export interface QuoteContentBlock extends BaseContentBlock {
  * The full union type for a single block. This allows for type-checking the
  * payload based on the block 'type'.
  */
-export type Block = SectionContentBlock | ParagraphContentBlock | CalloutContentBlock | ImageContentBlock | QuoteContentBlock | UnorderedListContentBlock | CardBlockContent | CollapsibleCardContentBlock;
+export type Block = SectionBlock | ParagraphContentBlock | CalloutContentBlock | ImageContentBlock | QuoteContentBlock | UnorderedListContentBlock | CardBlockContent | CollapsibleCardContentBlock;
 /**
  * Text Rendering Components
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rimelight-components",
   "description": "A component library by Rimelight Entertainment.",
-  "version": "2.0.40",
+  "version": "2.0.42",
   "type": "module",
   "repository": {
     "type": "git",