rimelight-components 2.0.41 → 2.0.43

package/dist/module.json

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

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

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

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

@@ -1,64 +1,38 @@
 <script setup>
-import { computed, inject } from "vue";
+import { computed } from "vue";
 import { slugify } from "../../../utils";
-const props = defineProps({
-  type: { type: String, required: true },
-  props: { type: Object, required: true },
-  id: { type: String, required: true }
+const { level, title, description, children } = defineProps({
+  level: { type: Number, required: true },
+  title: { type: String, required: true },
+  description: { type: String, required: false },
+  children: { type: Array, required: true }
 });
-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.id);
-};
-const childrenBlocks = computed(() => props.props.children || []);
+const headingId = computed(() => title ? slugify(title) : void 0);
 </script>
 
 <template>
-  <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.props.level"
-      :title="props.props.title"
-      :description="props.props.description"
+  <RCSection
+      :level="level"
+      :title="title"
+      :description="description"
       :id="headingId"
-      is-editing
-    >
-      <template #title>
-        <input
-          :value="props.props.title"
-          :class="`text-${props.props.level === 1 ? '3xl' : 'xl'} pointer-events-auto w-full bg-transparent font-bold focus:outline-none`"
+  >
+    <template #title>
+      <input
+          :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>
 
-      <template #description>
+    <template #description>
         <textarea
-          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"
+            :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">
-        <RCEditorBlockRenderer :blocks="childrenBlocks" />
-      </div>
-    </RCSection>
-  </div>
+    </template>
+    <RCBlockEditor :blocks="children" />
+  </RCSection>
 </template>

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

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

package/package.json

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