@abraca/nuxt 0.1.0 → 0.2.0

package/dist/runtime/components/ADocumentTree.vue.d.ts

@@ -1,53 +1,18 @@
-import type { AbracadabraLocale } from '../locale.js';
 type __VLS_Props = {
-    showTrash?: boolean;
-    allowFileDrop?: boolean;
-    draggable?: boolean;
+    collapsed?: boolean;
+    editable?: boolean;
     selectedId?: string | null;
-    labels?: Partial<AbracadabraLocale['documentTree']>;
 };
-interface FlatItem {
-    id: string;
-    label: string;
-    type?: string;
-    meta?: Record<string, any>;
-    depth: number;
-    parentId: string | null;
-    order: number;
-    isExpanded: boolean;
-    hasChildren: boolean;
-}
-declare var __VLS_1: {}, __VLS_20: {
-    entry: FlatItem;
-    depth: number;
-    isExpanded: boolean;
-}, __VLS_42: {}, __VLS_85: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
-} & {
-    item?: (props: typeof __VLS_20) => any;
-} & {
-    empty?: (props: typeof __VLS_42) => any;
-} & {
-    footer?: (props: typeof __VLS_85) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (docId: string) => any;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    handleExternalDrop: (e: DragEvent, parentId?: string | null) => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigate: (id: string) => any;
     create: (parentId: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((docId: string) => any) | undefined;
+    onNavigate?: ((id: string) => any) | undefined;
     onCreate?: ((parentId: string | null) => any) | undefined;
 }>, {
-    draggable: boolean;
-    showTrash: boolean;
-    allowFileDrop: boolean;
-    selectedId: string | null;
+    editable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/AEditor.d.vue.ts

@@ -1,3 +1,4 @@
+import type { DocPageMeta } from '../types.js';
 type __VLS_Props = {
     /** Y.Doc ID to load as a child document */
     docId: string;
@@ -15,6 +16,8 @@ type __VLS_Props = {
     showSuggestionMenu?: boolean;
     /** Whether to show the drag handle (plus + grip buttons). Set false to use slot. */
     showDragHandle?: boolean;
+    /** Current document metadata from the doc-tree — written into MetaField storage */
+    docMeta?: DocPageMeta;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -38,11 +41,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     rename: (label: string) => any;
     ready: () => any;
     update: (content: any) => any;
+    updateMeta: (patch: Partial<DocPageMeta>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onRename?: ((label: string) => any) | undefined;
     onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
+    onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;

package/dist/runtime/components/AEditor.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { shallowRef, ref, watch, computed, nextTick } from "vue";
+import { shallowRef, ref, watch, watchEffect, computed, nextTick } from "vue";
 import { useEditor } from "../composables/useEditor";
 import { useEditorToolbar } from "../composables/useEditorToolbar";
 import { useEditorSuggestions } from "../composables/useEditorSuggestions";
@@ -12,11 +12,13 @@ const props = defineProps({
   placeholder: { type: String, required: false },
   showToolbar: { type: Boolean, required: false, default: true },
   showSuggestionMenu: { type: Boolean, required: false, default: true },
-  showDragHandle: { type: Boolean, required: false, default: true }
+  showDragHandle: { type: Boolean, required: false, default: true },
+  docMeta: { type: Object, required: false }
 });
-const emit = defineEmits(["ready", "update", "rename"]);
+const emit = defineEmits(["ready", "update", "rename", "updateMeta"]);
 const model = defineModel({ type: null });
-const { provider, registry } = useNuxtApp().$abracadabra;
+const { doc, provider, registry } = useNuxtApp().$abracadabra;
+const _treeMap = useSyncedMap(doc, "doc-tree");
 const childProvider = shallowRef(null);
 watch(provider, async (prov) => {
   if (!prov || !props.docId) return;
@@ -34,43 +36,96 @@ watch(ready, (val) => {
   if (val) emit("ready");
 });
 const editorRef = ref(null);
-const currentEditor = shallowRef(null);
 const { items: toolbarItems } = useEditorToolbar({ docId: props.docId });
 const { items: suggestionItems } = useEditorSuggestions({ docId: props.docId });
 const dragHandle = useEditorDragHandle();
-const _syncingFromDocLabel = ref(false);
-const _lastEmittedHeader = ref("");
-watch(model, (val) => {
-  if (_syncingFromDocLabel.value) return;
-  if (!val || typeof val !== "object" || !val.content?.length) return;
-  const headerNode = val.content[0];
-  if (headerNode?.type !== "documentHeader") return;
-  const text = (headerNode.content ?? []).map((n) => n.text ?? "").join("");
-  if (text !== _lastEmittedHeader.value) {
-    _lastEmittedHeader.value = text;
-    emit("rename", text || "Untitled");
-  }
+watchEffect(() => {
+  const isReady = ready.value;
+  const editorInstance = editorRef.value;
+  const docMeta = props.docMeta;
+  if (!isReady || !editorInstance) return;
+  const storage = editorInstance.editor?.storage?.metaField;
+  if (!storage) return;
+  storage.pageMeta = docMeta ?? null;
+  storage.updateMeta = (patch) => emit("updateMeta", patch);
 });
-watch(() => props.docLabel, (newLabel) => {
-  if (!newLabel || _syncingFromDocLabel.value) return;
-  const editor = editorRef.value?.editor;
-  if (!editor) return;
-  const first = editor.state.doc.firstChild;
+let syncingFromEditor = false;
+const _lastEmittedHeader = ref("");
+function getHeaderText(ed) {
+  const first = ed.state.doc.firstChild;
+  if (!first || first.type.name !== "documentHeader") return "";
+  return first.textContent;
+}
+function setHeaderText(ed, text) {
+  const first = ed.state.doc.firstChild;
   if (!first || first.type.name !== "documentHeader") return;
-  if (first.textContent === newLabel) return;
-  _syncingFromDocLabel.value = true;
-  const { tr, schema } = editor.state;
+  if (first.textContent === text) return;
+  const { tr, schema } = ed.state;
   const to = 1 + first.content.size;
-  if (newLabel) {
-    tr.replaceWith(1, to, schema.text(newLabel));
+  if (text) {
+    tr.replaceWith(1, to, schema.text(text));
   } else {
     tr.delete(1, to);
   }
-  editor.view.dispatch(tr);
+  ed.view.dispatch(tr);
+}
+function syncHeaderToTree(ed) {
+  const text = getHeaderText(ed);
+  if (text === _lastEmittedHeader.value) return;
+  _lastEmittedHeader.value = text;
+  syncingFromEditor = true;
+  emit("rename", text || "Untitled");
   nextTick(() => {
-    _syncingFromDocLabel.value = false;
+    syncingFromEditor = false;
   });
+}
+watchEffect((onCleanup) => {
+  const ed = editorRef.value?.editor;
+  if (!ed || !ready.value) return;
+  let initialSyncDone = false;
+  function doInitialSync() {
+    if (initialSyncDone) return;
+    initialSyncDone = true;
+    const headerText = getHeaderText(ed);
+    const treeLabel = props.docLabel ?? "";
+    if (headerText !== treeLabel) {
+      const treeMeansEmpty = !treeLabel || treeLabel === "Untitled";
+      const headerMeansEmpty = !headerText;
+      if (treeMeansEmpty && headerMeansEmpty) return;
+      if (!treeMeansEmpty && headerMeansEmpty) {
+        setHeaderText(ed, treeLabel);
+        return;
+      }
+      _lastEmittedHeader.value = headerText;
+      syncingFromEditor = true;
+      emit("rename", headerText);
+      nextTick(() => {
+        syncingFromEditor = false;
+      });
+    }
+  }
+  function onUpdate() {
+    syncHeaderToTree(ed);
+  }
+  nextTick(() => doInitialSync());
+  ed.on("update", onUpdate);
+  onCleanup(() => ed.off("update", onUpdate));
 });
+watch(() => props.docLabel, (newLabel) => {
+  if (syncingFromEditor) return;
+  if (newLabel === _lastEmittedHeader.value) return;
+  if (!_treeMap.lastUpdateLocal.value) return;
+  const ed = editorRef.value?.editor;
+  if (!ed || !ready.value) return;
+  setHeaderText(ed, newLabel || "");
+});
+const editorHandlers = {
+  insertMetaField: {
+    canExecute: () => true,
+    execute: (editor, item) => editor.chain().focus().insertMetaField(item.attrs),
+    isActive: () => false
+  }
+};
 const mentionItems = computed(
   () => registry.getAllMentionProviders().flatMap((p) => p.label ? [p] : [])
 );
@@ -101,6 +156,7 @@ function onPlusClick(e, onClick) {
       :editable="editable"
       :extensions="extensions"
       :starter-kit="{ undoRedo: false, codeBlock: false, document: false }"
+      :handlers="editorHandlers"
       :placeholder="placeholder"
       v-slot="{ editor }"
       @update:model-value="emit('update', $event)"

package/dist/runtime/components/AEditor.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DocPageMeta } from '../types.js';
 type __VLS_Props = {
     /** Y.Doc ID to load as a child document */
     docId: string;
@@ -15,6 +16,8 @@ type __VLS_Props = {
     showSuggestionMenu?: boolean;
     /** Whether to show the drag handle (plus + grip buttons). Set false to use slot. */
     showDragHandle?: boolean;
+    /** Current document metadata from the doc-tree — written into MetaField storage */
+    docMeta?: DocPageMeta;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -38,11 +41,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     rename: (label: string) => any;
     ready: () => any;
     update: (content: any) => any;
+    updateMeta: (patch: Partial<DocPageMeta>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onRename?: ((label: string) => any) | undefined;
     onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
+    onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;

package/dist/runtime/components/AFloatingWindow.vue

@@ -19,7 +19,7 @@ const {
   moveWindow,
   resizeWindow
 } = useWindowManager();
-const win = computed(() => windows.value.get(props.windowId));
+const win = computed(() => windows.get(props.windowId));
 const isAnimatingOut = ref(false);
 const animStyle = ref({});
 watch(() => win.value?.minimized, (minimized, wasMinimized) => {

package/dist/runtime/components/ANodePanel.vue

@@ -379,7 +379,7 @@ const addFieldMenuItems = computed(
 
             <!-- Toggle -->
             <template v-if="field.type === 'toggle'">
-              <UToggle
+              <USwitch
                 :model-value="!!getCustomFieldValue(field)"
                 @update:model-value="setCustomFieldValue(field, $event)"
               />

package/dist/runtime/components/AWindowLayer.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 const { windows } = useWindowManager();
-const windowIds = computed(() => [...windows.value.keys()]);
+const windowIds = computed(() => [...windows.keys()]);
 </script>
 
 <template>

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

@@ -3,6 +3,10 @@ type ConnectionStatusValue = 'disconnected' | 'connecting' | 'connected' | 'offl
 /**
  * Maps connection status + synced state to UI-ready label, color, and icon.
  *
+ * Includes a stabilization delay: when the status flickers between connecting
+ * and disconnected rapidly (server not reachable), waits 4 seconds before
+ * downgrading to "Offline" to avoid UI flashing.
+ *
  * If `status` and `synced` are not provided, reads from `useAbracadabra()` globals.
  *
  * Usage:
@@ -12,6 +16,6 @@ type ConnectionStatusValue = 'disconnected' | 'connecting' | 'connected' | 'offl
 export declare function useConnectionStatus(status?: MaybeRef<ConnectionStatusValue | string | undefined>, synced?: MaybeRef<boolean | undefined>): {
     label: import("vue").ComputedRef<string>;
     color: import("vue").ComputedRef<"success" | "warning" | "error">;
-    icon: import("vue").ComputedRef<"i-lucide-cloud-check" | "i-lucide-cloud-upload" | "i-lucide-cloud" | "i-lucide-cloud-off">;
+    icon: import("vue").ComputedRef<"i-lucide-cloud-check" | "i-lucide-cloud" | "i-lucide-cloud-off">;
 };
 export {};

package/dist/runtime/composables/useConnectionStatus.js

@@ -1,4 +1,4 @@
-import { computed, toValue } from "vue";
+import { computed, ref, toValue, watch } from "vue";
 import { useAbraLocale } from "./useAbraLocale.js";
 import { useAbracadabra } from "./useAbracadabra.js";
 export function useConnectionStatus(status, synced) {
@@ -10,26 +10,51 @@ export function useConnectionStatus(status, synced) {
   });
   const resolvedSynced = computed(() => {
     if (synced !== void 0) return toValue(synced) ?? false;
-    return abra.synced?.value ?? false;
+    const isSynced = abra.synced?.value ?? false;
+    if (isSynced) return true;
+    const isReady = abra.isReady?.value ?? false;
+    const isConnected = abra.status?.value === "connected";
+    return isReady && isConnected;
   });
+  const stableStatus = ref(resolvedStatus.value);
+  let offlineTimer = null;
+  watch(resolvedStatus, (next, prev) => {
+    if (offlineTimer) {
+      clearTimeout(offlineTimer);
+      offlineTimer = null;
+    }
+    if (next === "connected") {
+      stableStatus.value = "connected";
+    } else if (next === "connecting") {
+      stableStatus.value = "connecting";
+    } else if (next === "disconnected" || next === "offline") {
+      if (prev === "connecting" || prev === "connected") {
+        offlineTimer = setTimeout(() => {
+          stableStatus.value = resolvedStatus.value;
+          offlineTimer = null;
+        }, 4e3);
+      } else {
+        stableStatus.value = next;
+      }
+    } else {
+      stableStatus.value = next;
+    }
+  }, { immediate: true });
   const label = computed(() => {
-    const s = resolvedStatus.value;
-    if (s === "connected" && resolvedSynced.value) return locale.connected;
-    if (s === "connected") return locale.syncing;
+    const s = stableStatus.value;
+    if (s === "connected") return locale.connected;
     if (s === "connecting") return locale.connecting;
     return locale.offline;
   });
   const color = computed(() => {
-    const s = resolvedStatus.value;
-    if (s === "connected" && resolvedSynced.value) return "success";
-    if (s === "connected") return "warning";
+    const s = stableStatus.value;
+    if (s === "connected") return "success";
     if (s === "connecting") return "warning";
     return "error";
   });
   const icon = computed(() => {
-    const s = resolvedStatus.value;
-    if (s === "connected" && resolvedSynced.value) return "i-lucide-cloud-check";
-    if (s === "connected") return "i-lucide-cloud-upload";
+    const s = stableStatus.value;
+    if (s === "connected") return "i-lucide-cloud-check";
     if (s === "connecting") return "i-lucide-cloud";
     return "i-lucide-cloud-off";
   });

package/dist/runtime/composables/useEditorSuggestions.js

@@ -1,3 +1,4 @@
+import { META_FIELD_DEFINITIONS } from "../utils/metaFieldDefinitions.js";
 export function useEditorSuggestions(options = {}) {
   const registry = usePluginRegistry();
   const items = computed(() => {
@@ -21,6 +22,15 @@ export function useEditorSuggestions(options = {}) {
         { kind: "table", label: "Table", icon: "i-lucide-table" },
         { kind: "horizontalRule", label: "Divider", icon: "i-lucide-minus" }
       ],
+      [
+        { type: "label", label: "Properties" },
+        ...META_FIELD_DEFINITIONS.map((def) => ({
+          label: def.label,
+          icon: def.icon,
+          kind: "insertMetaField",
+          attrs: def.buildAttrs()
+        }))
+      ],
       [
         { type: "label", label: "Components" },
         { kind: "callout", label: "Callout", icon: "i-lucide-info" },

package/dist/runtime/extensions/meta-field.d.ts

@@ -0,0 +1,16 @@
+import { Node } from '@tiptap/core';
+/**
+ * MetaField — an inline atomic chip node that lives inside documentMeta.
+ *
+ * - inline: true so documentMeta (content: 'inline*') can contain it and the
+ *   cursor can be placed before/after chips, enabling the slash menu.
+ * - atom: true so it renders as a single NodeView unit.
+ * - stopEvent: true so TipTap never intercepts mouse/drag events inside the
+ *   chip (prevents drag-handle hijacking USlider drags etc.).
+ *
+ * Values live in tree meta (Y.Map). The storage.metaField reactive object is
+ * the bridge: AEditor writes to it via watchEffect, MetaFieldView reads it.
+ */
+export declare const MetaField: Node<any, any>;
+export declare function schemaFieldToAttrs(field: any): Record<string, unknown>;
+export declare function userFieldToAttrs(f: any): Record<string, unknown>;

package/dist/runtime/extensions/meta-field.js

@@ -0,0 +1,110 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { reactive } from "vue";
+import MetaFieldView from "./views/MetaFieldView.vue";
+export const MetaField = Node.create({
+  name: "metaField",
+  inline: true,
+  group: "inline",
+  atom: true,
+  selectable: true,
+  addStorage() {
+    return reactive({
+      pageMeta: null,
+      updateMeta: null
+    });
+  },
+  addAttributes() {
+    return {
+      fieldType: { default: "colorPreset" },
+      fieldLabel: { default: "" },
+      userDefined: { default: false },
+      metaKey: { default: "" },
+      startKey: { default: "" },
+      endKey: { default: "" },
+      allDayKey: { default: "" },
+      latKey: { default: "" },
+      lngKey: { default: "" },
+      presets: { default: "[]" },
+      iconOptions: { default: "[]" },
+      options: { default: "[]" },
+      sliderMin: { default: 0 },
+      sliderMax: { default: 100 },
+      sliderStep: { default: 1 },
+      unit: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-type="meta-field"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["span", mergeAttributes(HTMLAttributes, { "data-type": "meta-field" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(MetaFieldView, {
+      // Block ALL events from reaching TipTap — popovers, sliders etc.
+      // handle their own interactions; TipTap must not intercept them.
+      stopEvent: () => true
+    });
+  },
+  addCommands() {
+    return {
+      insertMetaField: (attrs) => ({ state, dispatch }) => {
+        const { doc, tr, schema } = state;
+        const metaFieldType = schema.nodes.metaField;
+        if (!metaFieldType) return false;
+        let metaPos = -1;
+        let metaNode = null;
+        doc.forEach((node, offset) => {
+          if (node.type.name === "documentMeta") {
+            metaPos = offset;
+            metaNode = node;
+          }
+        });
+        if (metaPos === -1) return false;
+        const insertPos = metaPos + 1 + (metaNode?.content.size ?? 0);
+        const newNode = metaFieldType.create(attrs);
+        if (dispatch) dispatch(tr.insert(insertPos, newNode));
+        return true;
+      }
+    };
+  }
+});
+export function schemaFieldToAttrs(field) {
+  const t = field.type;
+  if (t === "datetimerange") return { fieldType: "datetimerange", fieldLabel: field.label ?? "", userDefined: false, startKey: String(field.startKey), endKey: String(field.endKey), allDayKey: String(field.allDayKey ?? "") };
+  if (t === "daterange") return { fieldType: "daterange", fieldLabel: field.label ?? "", userDefined: false, startKey: String(field.startKey), endKey: String(field.endKey) };
+  if (t === "timerange") return { fieldType: "timerange", fieldLabel: field.label ?? "", userDefined: false, startKey: String(field.startKey), endKey: String(field.endKey) };
+  if (t === "datetime") return { fieldType: "datetime", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "date") return { fieldType: "date", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "time") return { fieldType: "time", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "slider") return { fieldType: "slider", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), sliderMin: field.min ?? 0, sliderMax: field.max ?? 100 };
+  if (t === "number") return { fieldType: "number", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), sliderMin: field.min ?? 0, sliderMax: field.max ?? 999999, sliderStep: field.step ?? 1, unit: field.unit ?? "" };
+  if (t === "toggle") return { fieldType: "toggle", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "select") return { fieldType: "select", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), options: JSON.stringify(field.options ?? []) };
+  if (t === "multiselect") return { fieldType: "multiselect", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), options: JSON.stringify(field.options ?? []) };
+  if (t === "url") return { fieldType: "url", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "rating") return { fieldType: "rating", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), sliderMax: field.max ?? 5 };
+  if (t === "tags") return { fieldType: "tags", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), options: JSON.stringify(field.options ?? []) };
+  if (t === "textarea") return { fieldType: "textarea", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "colorPreset") return { fieldType: "colorPreset", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), presets: JSON.stringify(field.presets ?? []) };
+  if (t === "colorPicker") return { fieldType: "colorPicker", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
+  if (t === "location") return { fieldType: "location", fieldLabel: field.label ?? "", userDefined: false, latKey: String(field.latKey), lngKey: String(field.lngKey) };
+  if (t === "icon") return { fieldType: "icon", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), iconOptions: JSON.stringify(field.options ?? []) };
+  return { fieldType: "colorPreset", fieldLabel: "" };
+}
+export function userFieldToAttrs(f) {
+  const base = { fieldType: f.type, fieldLabel: f.label ?? "", userDefined: true };
+  if (f.type === "datetimerange") return { ...base, startKey: f.startKey ?? "", endKey: f.endKey ?? "", allDayKey: f.allDayKey ?? "" };
+  if (f.type === "daterange") return { ...base, startKey: f.startKey ?? "", endKey: f.endKey ?? "" };
+  if (f.type === "timerange") return { ...base, startKey: f.startKey ?? "", endKey: f.endKey ?? "" };
+  if (["datetime", "date", "time", "toggle", "url", "textarea", "colorPicker"].includes(f.type)) return { ...base, metaKey: f.key ?? "" };
+  if (f.type === "slider") return { ...base, metaKey: f.key ?? "", sliderMin: f.min ?? 0, sliderMax: f.max ?? 100 };
+  if (f.type === "number") return { ...base, metaKey: f.key ?? "", sliderMin: f.min ?? 0, sliderMax: f.max ?? 999999, sliderStep: f.step ?? 1, unit: f.unit ?? "" };
+  if (f.type === "rating") return { ...base, metaKey: f.key ?? "", sliderMax: f.max ?? 5 };
+  if (f.type === "colorPreset") return { ...base, metaKey: f.key ?? "", presets: JSON.stringify(f.presets ?? []) };
+  if (["select", "multiselect", "tags"].includes(f.type)) return { ...base, metaKey: f.key ?? "", options: JSON.stringify(f.options ?? []) };
+  if (f.type === "location") return { ...base, latKey: f.latKey ?? "", lngKey: f.lngKey ?? "" };
+  if (f.type === "icon") return { ...base, metaKey: f.key ?? "", iconOptions: JSON.stringify(f.options ?? []) };
+  return base;
+}

package/dist/runtime/extensions/views/MetaFieldView.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;