rimelight-components 2.0.46 → 2.0.48

package/dist/runtime/components/backgrounds/InteractiveGrid.vue

@@ -1,58 +0,0 @@
-<script setup>
-import { cn } from "../../utils";
-import { ref, computed } from "vue";
-const props = defineProps({
-  className: { type: null, required: false },
-  squaresClassName: { type: null, required: false },
-  width: { type: Number, required: false, default: 40 },
-  height: { type: Number, required: false, default: 40 },
-  squares: { type: Array, required: false, default: () => [24, 24] }
-});
-const horizontal = computed(() => props.squares[0]);
-const vertical = computed(() => props.squares[1]);
-const totalSquares = computed(() => horizontal.value * vertical.value);
-const hoveredSquare = ref(null);
-const gridWidth = computed(() => props.width * horizontal.value);
-const gridHeight = computed(() => props.height * vertical.value);
-function getX(index) {
-  return index % horizontal.value * props.width;
-}
-function getY(index) {
-  return Math.floor(index / horizontal.value) * props.height;
-}
-const svgClass = computed(
-  () => cn(
-    "absolute inset-0 h-full w-full border border-neutral-400/30",
-    props.className
-  )
-);
-function getRectClass(index) {
-  return cn(
-    "stroke-neutral-400/30 transition-all duration-100 ease-in-out [&:not(:hover)]:duration-1000",
-    hoveredSquare.value === index ? "fill-neutral-300/30" : "fill-transparent",
-    props.squaresClassName
-  );
-}
-function handleMouseEnter(index) {
-  hoveredSquare.value = index;
-}
-function handleMouseLeave() {
-  hoveredSquare.value = null;
-}
-</script>
-
-<template>
-  <svg :width="gridWidth" :height="gridHeight" :class="svgClass">
-    <rect
-      v-for="(_, index) in totalSquares"
-      :key="index"
-      :x="getX(index)"
-      :y="getY(index)"
-      :width="width"
-      :height="height"
-      :class="getRectClass(index)"
-      @mouseenter="handleMouseEnter(index)"
-      @mouseleave="handleMouseLeave"
-    />
-  </svg>
-</template>

package/dist/runtime/components/backgrounds/InteractiveGrid.vue.d.ts

@@ -1,11 +0,0 @@
-import { type HTMLAttributes } from "vue";
-interface InteractiveGridPatternProps {
-    className?: HTMLAttributes["class"];
-    squaresClassName?: HTMLAttributes["class"];
-    width?: number;
-    height?: number;
-    squares?: [number, number];
-}
-declare const __VLS_export: import("vue").DefineComponent<InteractiveGridPatternProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InteractiveGridPatternProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/BlockEditor.vue

@@ -1,63 +0,0 @@
-<script setup>
-import { inject, provide } from "vue";
-import { getBlockEditorComponent } from "../../utils/blockMapper";
-const { blocks } = defineProps({
-  blocks: { type: Array, required: true }
-});
-const { removeBlock, moveBlock } = inject("blockEditorMutators", {
-  removeBlock: (id) => console.warn(`[Renderer] removeBlock not provided. Cannot delete block ${id}.`),
-  moveBlock: (id, newIndex) => console.warn(`[Renderer] moveBlock not provided. Cannot move block ${id}.`)
-});
-provide("blockEditorMutators", { removeBlock, moveBlock });
-const getComponent = (block) => {
-  if (!block || !block.type || block.type.length === 0) {
-    console.error(
-      "[EditorBlockRenderer] Block object is missing the critical 'type' field."
-    );
-    return null;
-  }
-  const resolvedComponent = getBlockEditorComponent(block.type);
-  if (!resolvedComponent) {
-    console.error(
-      `[EditorBlockRenderer] Editor component resolution failed for block type: ${block.type}`
-    );
-    return null;
-  }
-  return resolvedComponent;
-};
-</script>
-
-<template>
-  <div class="flex flex-col gap-lg editor-block-renderer">
-    <UEmpty
-        v-if="!blocks || blocks.length === 0"
-        variant="naked"
-        icon="lucide:pencil-line"
-        title="Start adding content blocks."
-        description="There is no content yet. Use the '+' button below to add your first block."
-    />
-    <div v-else class="flex flex-col gap-md ml-10">
-      <template v-for="block in blocks" :key="block.id">
-        <RCBlock v-if="getComponent(block)" :id="block.id">
-          <component
-              :is="getComponent(block)"
-              v-bind="block.props"
-              :is-editing="true"
-              :key="block.id"
-              :type="block.type"
-              class="block-editor-container"
-          />
-        </RCBlock>
-        <template v-else>
-          <UAlert
-            color="warning"
-            variant="subtle"
-            icon="lucide:octagon-alert"
-            title="Editor Rendering Error"
-            :description="`Editor component for type \'${block.type || 'UNKNOWN_OR_MISSING'}\' was not found. Please ensure the block name is correct and the editor component exists in the \'editor\' subdirectory.`"
-          />
-        </template>
-      </template>
-    </div>
-  </div>
-</template>

package/dist/runtime/composables/useBlockContentEditor.d.ts

@@ -1,32 +0,0 @@
-import { type Ref } from "vue";
-import { type Block } from "../types/blocks.js";
-/**
- * Defines the contract for the consuming application's save function.
- * This allows the composable to trigger persistence without knowing the API details.
- * It's assumed the callback will handle the necessary API calls and error handling.
- */
-type SaveCallback = (blocks: Block[]) => Promise<void> | void;
-export interface UseBlockContentEditorOptions {
-    /** The initial array of blocks loaded from the database/API. */
-    initialBlocks: Block[];
-    /** The function the editor calls to persist changes. It is debounced internally. */
-    saveCallback: SaveCallback;
-    /** Optional. The debounce delay in milliseconds (default: 1000ms). */
-    debounceDelay?: number;
-}
-/**
- * Manages the reactive state, updates, and debounced persistence of a block content array.
- * This composable is decoupled from data fetching and specific API endpoints.
- *
- * @param options Configuration object including initial blocks and a save callback.
- */
-export declare const useBlockContentEditor: ({ initialBlocks, saveCallback, debounceDelay, }: UseBlockContentEditorOptions) => {
-    blocks: Ref<Block[], Block[]>;
-    isSaving: Ref<boolean, boolean>;
-    lastSavedAt: Ref<Date | null, Date | null>;
-    hasUnsavedChanges: Ref<boolean, boolean>;
-    addBlock: (newBlock: Block, index?: number) => void;
-    removeBlock: (blockId: string) => void;
-    moveBlock: (blockId: string, newIndex: number) => void;
-};
-export {};

package/dist/runtime/composables/useBlockContentEditor.js

@@ -1,63 +0,0 @@
-import { ref, watch } from "vue";
-import { useDebounceFn } from "@vueuse/core";
-export const useBlockContentEditor = ({
-  initialBlocks,
-  saveCallback,
-  debounceDelay = 1e3
-}) => {
-  const blocks = ref(JSON.parse(JSON.stringify(initialBlocks)));
-  const isSaving = ref(false);
-  const lastSavedAt = ref(null);
-  const hasUnsavedChanges = ref(false);
-  const persistChanges = async (currentBlocks) => {
-    isSaving.value = true;
-    hasUnsavedChanges.value = false;
-    try {
-      await saveCallback(currentBlocks);
-      lastSavedAt.value = /* @__PURE__ */ new Date();
-      console.log("Blocks persisted successfully via callback.");
-    } catch (error) {
-      console.error("[BlockEditor] Error during persistence callback:", error);
-      hasUnsavedChanges.value = true;
-    } finally {
-      isSaving.value = false;
-    }
-  };
-  const debouncedSave = useDebounceFn(() => {
-    persistChanges(JSON.parse(JSON.stringify(blocks.value)));
-  }, debounceDelay);
-  watch(
-    blocks,
-    () => {
-      hasUnsavedChanges.value = true;
-      debouncedSave();
-    },
-    { deep: true }
-    // Crucial: Watch nested changes (e.g., text inside a ParagraphBlock)
-  );
-  const addBlock = (newBlock, index = blocks.value.length) => {
-    blocks.value.splice(index, 0, newBlock);
-  };
-  const removeBlock = (blockId) => {
-    blocks.value = blocks.value.filter((block) => block.id !== blockId);
-  };
-  const moveBlock = (blockId, newIndex) => {
-    const oldIndex = blocks.value.findIndex((block) => block.id === blockId);
-    if (oldIndex === -1) return;
-    const [blockToMove] = blocks.value.splice(oldIndex, 1);
-    blocks.value.splice(newIndex, 0, blockToMove);
-  };
-  return {
-    // Core Data
-    blocks,
-    // The array the EditorBlockRenderer will use
-    // Status
-    isSaving,
-    lastSavedAt,
-    hasUnsavedChanges,
-    // Editor Actions (Mutators)
-    addBlock,
-    removeBlock,
-    moveBlock
-  };
-};