rimelight-components 2.0.60 → 2.0.63

package/dist/module.json

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

package/dist/module.mjs

@@ -2,10 +2,9 @@ import { addTemplate, defineNuxtModule, createResolver, addComponentsDir, addImp
 import { defu } from 'defu';
 import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
-export * from '../dist/runtime/types/index.js';
 
 const name = "rimelight-components";
-const version = "2.0.60";
+const version = "2.0.63";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

package/dist/runtime/app.config.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    rimelightComponents: {};
+};
+export default _default;

package/dist/runtime/app.config.js

@@ -0,0 +1,4 @@
+import { defineAppConfig } from "#imports";
+export default defineAppConfig({
+  rimelightComponents: {}
+});

package/dist/runtime/components/blocks/BlockEditRenderer.d.vue.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 type __VLS_Props = {
     blocks: Block[];
 };

package/dist/runtime/components/blocks/BlockEditRenderer.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 type __VLS_Props = {
     blocks: Block[];
 };

package/dist/runtime/components/blocks/BlockEditor.d.vue.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 export interface BlockEditorProps {
     historyLimit?: number;
 }

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

@@ -16,7 +16,7 @@ const {
   redo,
   canUndo,
   canRedo
-} = useBlockEditor(blocks, historyLimit);
+} = useBlockEditor(blocks, { maxHistorySize: historyLimit });
 provide("block-editor-api", {
   removeBlock,
   moveBlock,

package/dist/runtime/components/blocks/BlockEditor.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 export interface BlockEditorProps {
     historyLimit?: number;
 }

package/dist/runtime/components/blocks/BlockViewRenderer.d.vue.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 type __VLS_Props = {
     blocks: Block[];
 };

package/dist/runtime/components/blocks/BlockViewRenderer.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Block } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
 type __VLS_Props = {
     blocks: Block[];
 };

package/dist/runtime/components/blocks/TOC.d.vue.ts

@@ -1,5 +1,5 @@
-import type { Block } from "../../types/blocks.js";
-import type { HeadingLevel } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
+import type { HeadingLevel } from "../../types/blocks";
 export interface TOCItem {
     id: string;
     title: string;

package/dist/runtime/components/blocks/TOC.vue.d.ts

@@ -1,5 +1,5 @@
-import type { Block } from "../../types/blocks.js";
-import type { HeadingLevel } from "../../types/blocks.js";
+import type { Block } from "../../types/blocks";
+import type { HeadingLevel } from "../../types/blocks";
 export interface TOCItem {
     id: string;
     title: string;

package/dist/runtime/components/blocks/TextRenderer.d.vue.ts

@@ -1,4 +1,4 @@
-import { type RichTextContent } from "../../types/blocks.js";
+import { type RichTextContent } from "../../types/blocks";
 type __VLS_Props = {
     content: RichTextContent;
 };

package/dist/runtime/components/blocks/TextRenderer.vue.d.ts

@@ -1,4 +1,4 @@
-import { type RichTextContent } from "../../types/blocks.js";
+import { type RichTextContent } from "../../types/blocks";
 type __VLS_Props = {
     content: RichTextContent;
 };

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

@@ -1,4 +1,4 @@
-import type { ParagraphBlockProps } from "../../../types/blocks.js";
+import type { ParagraphBlockProps } from "../../../types/blocks";
 type __VLS_Props = ParagraphBlockProps & {
     id: string;
 };

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

@@ -1,4 +1,4 @@
-import type { ParagraphBlockProps } from "../../../types/blocks.js";
+import type { ParagraphBlockProps } from "../../../types/blocks";
 type __VLS_Props = ParagraphBlockProps & {
     id: string;
 };

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

@@ -1,4 +1,4 @@
-import type { SectionBlockProps } from "../../../types/blocks.js";
+import type { SectionBlockProps } from "../../../types/blocks";
 type __VLS_Props = SectionBlockProps & {
     id: string;
 };

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

@@ -1,4 +1,4 @@
-import type { SectionBlockProps } from "../../../types/blocks.js";
+import type { SectionBlockProps } from "../../../types/blocks";
 type __VLS_Props = SectionBlockProps & {
     id: string;
 };

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

@@ -1,4 +1,4 @@
-import type { TestBlockProps } from "../../../types/blocks.js";
+import type { TestBlockProps } from "../../../types/blocks";
 type __VLS_Props = TestBlockProps & {
     id: string;
 };

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

@@ -1,4 +1,4 @@
-import type { TestBlockProps } from "../../../types/blocks.js";
+import type { TestBlockProps } from "../../../types/blocks";
 type __VLS_Props = TestBlockProps & {
     id: string;
 };

package/dist/runtime/components/content/Section.vue

@@ -2,7 +2,7 @@
 import { useRoute } from "#imports";
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
-import { useToast } from "#imports";
+import { useToast } from "@nuxt/ui/composables";
 import { tv } from "tailwind-variants";
 import { slugify } from "../../utils";
 const { copy } = useClipboard();

package/dist/runtime/components/page/PageEditor.d.vue.ts

@@ -1,4 +1,4 @@
-import type { Page } from "../../types/pages.js";
+import type { Page } from "../../types/pages";
 interface Props {
     isSaving: boolean;
 }
@@ -13,12 +13,24 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Page) => any;
+    "update:modelValue": (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 } & {
-    save: (value: Page) => any;
+    save: (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSave?: ((value: Page) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: Page) => any) | undefined;
+    onSave?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/page/PageEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, useTemplateRef } from "vue";
 import { usePageEditor } from "../../composables/usePageEditor";
-const page = defineModel({ type: Object, ...{ required: true } });
+const page = defineModel({ type: null, ...{ required: true } });
 const { undo, redo, canUndo, canRedo, captureSnapshot } = usePageEditor(page);
 const emit = defineEmits(["save"]);
 const handleSave = () => {

package/dist/runtime/components/page/PageEditor.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Page } from "../../types/pages.js";
+import type { Page } from "../../types/pages";
 interface Props {
     isSaving: boolean;
 }
@@ -13,12 +13,24 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Page) => any;
+    "update:modelValue": (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 } & {
-    save: (value: Page) => any;
+    save: (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSave?: ((value: Page) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: Page) => any) | undefined;
+    onSave?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/page/PagePropertiesEditor.d.vue.ts

@@ -1,11 +1,17 @@
-import { type Page } from '../../types/pages.js';
+import { type Page } from '../../types/pages';
 type __VLS_ModelProps = {
     modelValue: Page;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Page) => any;
+    "update:modelValue": (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Page) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/page/PagePropertiesEditor.vue

@@ -1,10 +1,14 @@
 <script setup>
 import { computed } from "vue";
-import { PAGE_SCHEMAS } from "../../types/pages";
-const page = defineModel({ type: Object, ...{ required: true } });
+import { useAppConfig } from "#imports";
+import { useI18n } from "vue-i18n";
+import {} from "../../types/pages";
+const page = defineModel({ type: null, ...{ required: true } });
+const appConfig = useAppConfig();
+const locale = useI18n().locale;
 const properties = computed(() => page.value.properties);
 const groups = computed(() => {
-  return PAGE_SCHEMAS[page.value.type] || [];
+  return page.value.properties;
 });
 const isFieldVisible = (fieldSchema) => {
   if (!fieldSchema.visibleIf) return true;
@@ -26,46 +30,46 @@ const getSortedFields = (fields) => {
       </UBadge>
     </div>
 
-    <div v-for="group in groups" :key="group.id" class="space-y-4">
+    <div v-for="(group, groupId) in groups" :key="groupId" class="space-y-4">
       <div class="flex items-center gap-3">
         <span class="text-[10px] font-bold uppercase tracking-widest text-primary">
-          {{ group.label }}
+          {{ group.label[locale] }}
         </span>
         <div class="h-px flex-1 bg-border/50"></div>
       </div>
 
       <div class="grid gap-y-4 px-1">
-        <template v-for="[key, schema] in getSortedFields(group.fields)" :key="key">
+        <template v-for="[fieldKey, schema] in getSortedFields(group.fields)" :key="fieldKey">
 
           <UFormField
             v-if="isFieldVisible(schema)"
             :label="schema.label"
-            :name="key"
+            :name="fieldKey"
           >
             <UInput
               v-if="schema.type === 'text'"
-              v-model="properties[key]"
+              v-model="properties[groupId].fields[fieldKey].value[locale]"
               variant="subtle"
               placeholder="..."
             />
 
             <UInput
               v-else-if="schema.type === 'number'"
-              v-model.number="properties[key]"
+              v-model.number="properties[groupId].fields[fieldKey].value"
               type="number"
               variant="subtle"
             />
 
             <USelect
               v-else-if="schema.type === 'enum'"
-              v-model="properties[key]"
+              v-model="properties[groupId].fields[fieldKey].value"
               :items="schema.options || []"
               variant="subtle"
             />
 
             <UInputMenu
               v-else-if="schema.type === 'text-array'"
-              v-model="properties[key]"
+              v-model="properties[groupId].fields[fieldKey].value[locale]"
               multiple
               creatable
               variant="subtle"
@@ -74,7 +78,7 @@ const getSortedFields = (fields) => {
 
             <UInput
               v-else-if="schema.type === 'page'"
-              v-model="properties[key]"
+              v-model="properties[groupId].fields[fieldKey].value"
               icon="lucide:link-2"
               variant="subtle"
               :placeholder="`Select ${schema.allowedPageTypes?.join('/')}`"

package/dist/runtime/components/page/PagePropertiesEditor.vue.d.ts

@@ -1,11 +1,17 @@
-import { type Page } from '../../types/pages.js';
+import { type Page } from '../../types/pages';
 type __VLS_ModelProps = {
     modelValue: Page;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Page) => any;
+    "update:modelValue": (value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Page) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        type: "Default";
+        properties: import("../../types").BasePageProperties;
+    } & import("../../types").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/page/PagePropertiesRenderer.d.vue.ts

@@ -1,4 +1,4 @@
-import { type Page } from '../../types/pages.js';
+import { type Page } from '../../types/pages';
 type __VLS_Props = {
     modelValue: Page;
 };

package/dist/runtime/components/page/PagePropertiesRenderer.vue

@@ -1,17 +1,19 @@
 <script setup>
 import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { useI18n } from "vue-i18n";
 import {
-  PAGE_SCHEMAS
 } from "../../types/pages";
 const props = defineProps({
-  modelValue: { type: Object, required: true }
+  modelValue: { type: null, required: true }
 });
+const appConfig = useAppConfig();
+const locale = useI18n().locale;
 const properties = computed(() => props.modelValue.properties);
 const displayGroups = computed(() => {
-  const allGroups = PAGE_SCHEMAS[props.modelValue.type] || [];
-  return allGroups.map((group) => {
-    const visibleFields = Object.entries(group.fields).filter(([key, schema]) => {
-      const value = properties.value[key];
+  return Object.entries(properties.value || {}).map(([groupId, group]) => {
+    const visibleFields = Object.entries(group.fields || {}).filter(([fieldKey, schema]) => {
+      const value = schema.type === "text" || schema.type === "text-array" ? schema.value?.[locale.value] : schema.value;
       const isVisible = !schema.visibleIf || schema.visibleIf(props.modelValue.properties);
       if (!isVisible) return false;
       if (Array.isArray(value)) return value.length > 0;
@@ -19,6 +21,7 @@ const displayGroups = computed(() => {
     }).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0));
     return {
       ...group,
+      groupId,
       visibleFields
     };
   }).filter((group) => group.visibleFields.length > 0);
@@ -32,19 +35,19 @@ const displayGroups = computed(() => {
         {{ props.modelValue.type }}
       </div>
       <h2 class="text-xl font-serif font-bold italic text-foreground">
-        {{ properties.name || props.modelValue.slug }}
+        {{ properties.name?.value?.[locale] || props.modelValue.slug }}
       </h2>
     </div>
 
-    <div v-for="group in displayGroups" :key="group.id" class="border-b last:border-b-0 border-border/40">
+    <div v-for="group in displayGroups" :key="group.groupId" class="border-b last:border-b-0 border-border/40">
       <div class="bg-muted/30 px-3 py-1.5 text-[10px] font-black text-primary uppercase tracking-tighter border-b border-border/10">
-        {{ group.label }}
+        {{ group.label[locale] }}
       </div>
 
       <dl class="p-3 space-y-2.5">
         <div
-          v-for="[key, schema] in group.visibleFields"
-          :key="key"
+          v-for="[fieldKey, schema] in group.visibleFields"
+          :key="fieldKey"
           class="grid grid-cols-3 gap-x-3 items-baseline"
         >
           <dt class="text-[11px] font-semibold text-muted-foreground leading-tight">
@@ -53,18 +56,22 @@ const displayGroups = computed(() => {
 
           <dd class="text-xs col-span-2 text-foreground leading-snug">
             <div v-if="schema.type === 'text-array'" class="flex flex-wrap gap-1">
-              <template v-for="(item, index) in properties[key]" :key="index">
+              <template v-for="(item, index) in properties[group.groupId].fields[fieldKey].value[locale]" :key="index">
                 <span class="font-medium">{{ item }}</span>
-                <span v-if="index < properties[key].length - 1" class="text-muted-foreground/50">, </span>
+                <span v-if="index < properties[group.groupId].fields[fieldKey].value[locale].length - 1" class="text-muted-foreground/50">, </span>
               </template>
             </div>
 
             <span v-else-if="schema.type === 'page'" class="text-primary font-bold hover:underline cursor-pointer">
-              {{ properties[key] }}
+              {{ properties[group.groupId].fields[fieldKey].value }}
+            </span>
+
+            <span v-else-if="schema.type === 'text'" class="font-medium">
+              {{ properties[group.groupId].fields[fieldKey].value[locale] }}
             </span>
 
             <span v-else class="font-medium">
-              {{ properties[key] }}
+              {{ properties[group.groupId].fields[fieldKey].value }}
             </span>
           </dd>
         </div>
@@ -75,16 +82,17 @@ const displayGroups = computed(() => {
       <div class="flex flex-wrap gap-1.5">
         <UBadge
           v-for="tag in props.modelValue.tags"
-          :key="tag"
+          :key="String(tag[locale])"
           variant="subtle"
           size="sm"
           color="neutral"
           class="text-[9px] font-bold uppercase tracking-tight"
         >
-          #{{ tag }}
+          #{{ tag[locale] }}
         </UBadge>
       </div>
     </div>
+
   </div>
 </template>
 

package/dist/runtime/components/page/PagePropertiesRenderer.vue.d.ts

@@ -1,4 +1,4 @@
-import { type Page } from '../../types/pages.js';
+import { type Page } from '../../types/pages';
 type __VLS_Props = {
     modelValue: Page;
 };

package/dist/runtime/components/swatches/ColorSwatch.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
-import { useToast } from "#imports";
+import { useToast } from "@nuxt/ui/composables";
 const { copy } = useClipboard();
 const toast = useToast();
 const { name, hex, rgb, hsl, oklch, cmyk } = defineProps({

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

@@ -0,0 +1,3 @@
+export * from "./useDateRange";
+export * from "./usePageEditor";
+export * from "./useBlockEditor";

package/dist/runtime/composables/index.js

@@ -0,0 +1,3 @@
+export * from "./useDateRange.js";
+export * from "./usePageEditor.js";
+export * from "./useBlockEditor.js";