rimelight-components 2.0.36 → 2.0.38

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "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.36";
+const version = "2.0.38";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

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

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

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

@@ -0,0 +1,16 @@
+<script setup>
+const { variant, children, to, target } = defineProps({
+  variant: { type: String, required: true },
+  children: { type: Array, required: true },
+  to: { type: String, required: false },
+  target: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div class="p-8 bg-error-500">
+  <RCCallout :variant="variant" :to="to" :target="target">
+    <RCBlockRenderer :blocks="children" />
+  </RCCallout>
+  </div>
+</template>

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

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

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

@@ -1,8 +1,4 @@
-import type { SectionBlockProps } from "~~/src/runtime/types/blocks";
-type __VLS_Props = {
-    blockProps: SectionBlockProps;
-    blockId: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -2,63 +2,66 @@
 import { computed, inject } from "vue";
 import { slugify } from "../../../utils";
 const props = defineProps({
-  blockProps: { type: Object, required: true },
-  blockId: { type: String, required: true }
+  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 }
 });
-const headingId = computed(() => props.blockProps.title ? slugify(props.blockProps.title) : void 0);
-const updateTitle = (event) => {
-  props.blockProps.title = event.target.value;
-};
-const updateDescription = (event) => {
-  props.blockProps.description = event.target.value;
-};
+const headingId = computed(() => props.title ? slugify(props.title) : void 0);
 const { removeBlock } = inject("blockEditorMutators", {
   removeBlock: (id) => console.warn(`removeBlock not implemented for ${id}`)
 });
 const handleRemove = () => {
   removeBlock(props.blockId);
 };
-const childrenBlocks = computed(() => props.blockProps.children || []);
+const childrenBlocks = computed(() => props.children || []);
 </script>
 
 <template>
-  <div class="block-editor-container relative border-2 border-dashed border-primary-200 p-4 rounded-lg bg-primary-50/50 group">
-
-    <div class="absolute -translate-x-1/2 z-10 opacity-0 group-hover:opacity-100 transition-opacity flex gap-2">
-      <UButton icon="lucide:trash-2" variant="solid"  size="sm" @click="handleRemove" />
+  <div
+    class="block-editor-container group relative rounded-lg border-2 border-dashed border-primary-200 bg-primary-50/50 p-4"
+  >
+    <div
+      class="absolute z-10 flex -translate-x-1/2 gap-2 opacity-0 transition-opacity group-hover:opacity-100"
+    >
+      <UButton
+        icon="lucide:trash-2"
+        variant="solid"
+        size="sm"
+        @click="handleRemove"
+      />
     </div>
 
     <RCSection
-      :level="props.blockProps.level"
-      :title="props.blockProps.title"
-      :description="props.blockProps.description"
+      :level="level"
+      :title="title"
+      :description="description"
       :id="headingId"
       is-editing
     >
       <template #title>
         <input
-          :value="props.blockProps.title"
-          @input="updateTitle"
-          :class="`text-${props.blockProps.level === 1 ? '3xl' : 'xl'} font-bold w-full focus:outline-none bg-transparent pointer-events-auto`"
+          :value="title"
+          :class="`text-${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="props.blockProps.description !== void 0"
-          :value="props.blockProps.description"
-          @input="updateDescription"
-          class="text-md text-muted w-full resize-none focus:outline-none bg-transparent pointer-events-auto"
+          v-if="description !== void 0"
+          :value="description"
+          class="text-md pointer-events-auto w-full resize-none bg-transparent text-muted focus:outline-none"
           placeholder="Optional description..."
           rows="2"
         />
       </template>
 
       <div class="mt-4">
-        <RCBlockEditorRenderer :blocks="childrenBlocks" />
+        <RCEditorBlockRenderer :blocks="childrenBlocks" />
       </div>
-
     </RCSection>
   </div>
 </template>

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

@@ -1,8 +1,4 @@
-import type { SectionBlockProps } from "~~/src/runtime/types/blocks";
-type __VLS_Props = {
-    blockProps: SectionBlockProps;
-    blockId: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,6 +22,12 @@ 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;
 }

package/package.json

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