@b10cks/vue 0.10.4 → 0.10.5

package/dist/components/B10cksFallback.vue.d.ts

@@ -0,0 +1,6 @@
+import { IBContent } from '../../../client/src';
+export interface IB10cksFallbackProps {
+    block: IBContent<string> & Record<string, never>;
+}
+declare const _default: import('vue').DefineComponent<IB10cksFallbackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IB10cksFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { Plugin } from 'vue';
+import { default as B10cksFallback } from './components/B10cksFallback.vue';
 export { previewBridge } from './preview-bridge';
 export { B10cksComponentResolverKey, type BlockComponentResolver } from './types';
+export { B10cksFallback };
 export declare const B10cksVue: Plugin;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),f=Symbol("b10cks:resolveBlockComponent"),b={key:1},h=r.defineComponent({__name:"B10cksComponent",props:{block:{}},setup(e,{expose:t}){const s=e,n=r.useTemplateRef("blockRef");t({value:n});const o=r.shallowRef(null),d=r.computed(()=>s.block?.block||null),u=r.inject(f,null);return r.watch(()=>d.value,async a=>{if(!a){o.value=null;return}if(!u){console.error("B10cks: No component resolver found. Make sure you are using @b10cks/nuxt module or have provided a custom resolver."),o.value=null;return}try{o.value=await u(a)}catch(i){console.warn(`Failed to load block component for type "${a}":`,i),o.value=null}},{immediate:!0}),(a,i)=>o.value?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(o.value),r.mergeProps({key:0,ref_key:"blockRef",ref:n},{...a.$props,...a.$attrs}),null,16)):(r.openBlock(),r.createElementBlock("div",b,'Component for block type "'+r.toDisplayString(d.value)+'" not found.',1))}});class c{static instance;eventListeners={};isEnabled=!1;constructor(){this.isEnabled=this.isIframe()}init(){this.isEnabled&&window&&window.addEventListener("message",this.handleMessage)}static getInstance(){return c.instance||(c.instance=new c),c.instance}isInPreviewMode(){return this.isEnabled}isIframe(){return typeof window<"u"&&window.self!==window.top}handleMessage=t=>{if(!t.data||typeof t.data!="object")return;const{type:s,payload:n}=t.data;this.notifyListeners(s,n)};notifyListeners(t,s){const n=this.eventListeners[t];n&&n.forEach(o=>{o(s)})}on(t,s){return this.isEnabled?(this.eventListeners[t]||(this.eventListeners[t]=[]),this.eventListeners[t].push(s),()=>{this.eventListeners[t]=this.eventListeners[t].filter(n=>n!==s)}):()=>{}}selectItem(t){this.isEnabled&&window.parent.postMessage({type:"SELECT_UPDATE",payload:{selectedItem:t}},"*")}updateField(t,s,n){this.isEnabled&&window.parent.postMessage({type:"FIELD_UPDATE",payload:{itemId:t,field:s,value:n}},"*")}destroy(){this.isEnabled&&(window.removeEventListener("message",this.handleMessage),this.isEnabled=!1),this.eventListeners={}}}const l=c.getInstance(),v={mounted(e,t,s){if(!l.isInPreviewMode())return;const{id:n}=t.value;if(!n){console.warn("v-editable directive requires a block with an id");return}e.classList.add("b10cks-preview");const o=i=>{i.preventDefault(),i.stopPropagation(),l.selectItem(n)},d=({selectedItem:i})=>{s.el&&(i===n?(s.el.classList.add("b10cks-selected"),m(e)):s.el.classList.remove("b10cks-selected"))},u=({selectedItem:i})=>{s.el&&(i===n?s.el.classList.add("b10cks-hover"):s.el.classList.remove("b10cks-hover"))},a=({content:i})=>{if(i&&i.id===n){const p=s.ctx;p.parent.attrs.block=i,p.update(),p.props.block=i,p.update()}};e.addEventListener("click",o),l.on("SELECT_UPDATE",d),l.on("HOVER_UPDATE",u),l.on("CONTENT_UPDATE",a),e._editableCleanup=()=>{e.removeEventListener("click",o)}},updated(e,t,s){l.isInPreviewMode()&&t.value!==t.oldValue&&(e._editableCleanup&&e._editableCleanup(),v.mounted(e,t,s))},unmounted(e){l.isInPreviewMode()&&(e._editableCleanup&&(e._editableCleanup(),delete e._editableCleanup),e.classList.remove("b10cks-preview","b10cks-selected"))}};function m(e){e.scrollIntoView&&e.scrollIntoView({behavior:"smooth"})}if(l.isInPreviewMode()){const e=document.createElement("style");e.innerHTML=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),f=Symbol("b10cks:resolveBlockComponent"),m=i.defineComponent({__name:"B10cksFallback",props:{block:{}},setup(e){return(t,n)=>(i.openBlock(),i.createElementBlock("div",null,'Component for block type "'+i.toDisplayString(e.block.block)+'" not found.',1))}}),v=i.defineComponent({__name:"B10cksComponent",props:{block:{}},setup(e,{expose:t}){const n=e,s=i.useTemplateRef("blockRef");t({value:s}),i.inject(f,null);function c(l){return l.split(/[-_]/).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join("").replace(/^([a-z])/,a=>a.toUpperCase())}const u=i.computed(()=>{const l=n.block?.block;if(!l)return null;const a=c(l),o=i.resolveDynamicComponent(a);return typeof o=="string"?(console.warn(`Component "${a}" not found. Make sure it's registered in your components directory.`),m):o});return i.computed(()=>n.block?.block||null),(l,a)=>u.value?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(u.value),i.mergeProps({key:0,ref_key:"blockRef",ref:s},{...l.$props,...l.$attrs}),null,16)):i.createCommentVNode("",!0)}});class d{static instance;eventListeners={};isEnabled=!1;constructor(){this.isEnabled=this.isIframe()}init(){this.isEnabled&&window&&window.addEventListener("message",this.handleMessage)}static getInstance(){return d.instance||(d.instance=new d),d.instance}isInPreviewMode(){return this.isEnabled}isIframe(){return typeof window<"u"&&window.self!==window.top}handleMessage=t=>{if(!t.data||typeof t.data!="object")return;const{type:n,payload:s}=t.data;this.notifyListeners(n,s)};notifyListeners(t,n){const s=this.eventListeners[t];s&&s.forEach(c=>{c(n)})}on(t,n){return this.isEnabled?(this.eventListeners[t]||(this.eventListeners[t]=[]),this.eventListeners[t].push(n),()=>{this.eventListeners[t]=this.eventListeners[t].filter(s=>s!==n)}):()=>{}}selectItem(t){this.isEnabled&&window.parent.postMessage({type:"SELECT_UPDATE",payload:{selectedItem:t}},"*")}updateField(t,n,s){this.isEnabled&&window.parent.postMessage({type:"FIELD_UPDATE",payload:{itemId:t,field:n,value:s}},"*")}destroy(){this.isEnabled&&(window.removeEventListener("message",this.handleMessage),this.isEnabled=!1),this.eventListeners={}}}const r=d.getInstance(),b={mounted(e,t,n){if(!r.isInPreviewMode())return;const{id:s}=t.value;if(!s){console.warn("v-editable directive requires a block with an id");return}e.classList.add("b10cks-preview");const c=o=>{o.preventDefault(),o.stopPropagation(),r.selectItem(s)},u=({selectedItem:o})=>{n.el&&(o===s?(n.el.classList.add("b10cks-selected"),k(e)):n.el.classList.remove("b10cks-selected"))},l=({selectedItem:o})=>{n.el&&(o===s?n.el.classList.add("b10cks-hover"):n.el.classList.remove("b10cks-hover"))},a=({content:o})=>{if(o&&o.id===s){const p=n.ctx;p.parent.attrs.block=o,p.update(),p.props.block=o,p.update()}};e.addEventListener("click",c),r.on("SELECT_UPDATE",u),r.on("HOVER_UPDATE",l),r.on("CONTENT_UPDATE",a),e._editableCleanup=()=>{e.removeEventListener("click",c)}},updated(e,t,n){r.isInPreviewMode()&&t.value!==t.oldValue&&(e._editableCleanup&&e._editableCleanup(),b.mounted(e,t,n))},unmounted(e){r.isInPreviewMode()&&(e._editableCleanup&&(e._editableCleanup(),delete e._editableCleanup),e.classList.remove("b10cks-preview","b10cks-selected"))}};function k(e){e.scrollIntoView&&e.scrollIntoView({behavior:"smooth"})}if(r.isInPreviewMode()){const e=document.createElement("style");e.innerHTML=`
     .b10cks-hover,
     .b10cks-preview:hover {
       outline: 2px dashed rgba(59, 130, 246, 0.5);
@@ -8,5 +8,5 @@
       outline: 2px solid rgb(59, 130, 246) !important;
       outline-offset: 2px;
     }
-  `,document.head.appendChild(e)}const k={mounted(e,t){const{id:s,field:n}=t.value;l.isInPreviewMode()&&(e.setAttribute("contenteditable","true"),e.addEventListener("input",o=>{l.updateField(s,n,o.target.innerText)}))}},w={install(e,t){e.provide("b10cksVueOptions",t),e.directive("editable",v),e.directive("editable-field",k),e.component("B10cksComponent",h)}};exports.B10cksComponentResolverKey=f;exports.B10cksVue=w;exports.previewBridge=l;
+  `,document.head.appendChild(e)}const h={mounted(e,t){const{id:n,field:s}=t.value;r.isInPreviewMode()&&(e.setAttribute("contenteditable","true"),e.addEventListener("input",c=>{r.updateField(n,s,c.target.innerText)}))}},w={install(e,t){e.provide("b10cksVueOptions",t),e.directive("editable",b),e.directive("editable-field",h),e.component("B10cksComponent",v)}};exports.B10cksComponentResolverKey=f;exports.B10cksFallback=m;exports.B10cksVue=w;exports.previewBridge=r;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/types.ts","../src/components/B10cksComponent.vue","../src/preview-bridge.ts","../src/directives/v-editable.ts","../src/directives/v-editable-content.ts","../src/index.ts"],"sourcesContent":["import type { B10cksApiClientOptions } from '@b10cks/client'\nimport type { Component, InjectionKey } from 'vue'\n\nexport interface B10cksVuePluginOptions extends B10cksApiClientOptions {}\n\nexport type BlockComponentResolver = (componentName: string) => Promise<Component>\n\nexport const B10cksComponentResolverKey: InjectionKey<BlockComponentResolver> = Symbol(\n  'b10cks:resolveBlockComponent'\n)\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\nimport { computed, defineAsyncComponent, inject, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport { B10cksComponentResolverKey } from '../types'\n\nconst props = defineProps<{\n  block: IBContent<string> & Record<string, never>\n}>()\n\nconst blockRef = useTemplateRef('blockRef')\ndefineExpose({ value: blockRef })\n\nconst resolvedComponent = shallowRef<ReturnType<typeof defineAsyncComponent> | null>(null)\nconst componentName = computed(() => props.block?.block || null)\n\nconst resolveBlockComponent = inject(B10cksComponentResolverKey, null)\n\nwatch(\n  () => componentName.value,\n  async (newComponentName: string | null) => {\n    if (!newComponentName) {\n      resolvedComponent.value = null\n      return\n    }\n\n    if (!resolveBlockComponent) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.error(\n        'B10cks: No component resolver found. Make sure you are using @b10cks/nuxt module or have provided a custom resolver.'\n      )\n      resolvedComponent.value = null\n      return\n    }\n\n    try {\n      resolvedComponent.value = await resolveBlockComponent(newComponentName)\n    } catch (error) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn(`Failed to load block component for type \"${newComponentName}\":`, error)\n      resolvedComponent.value = null\n    }\n  },\n  { immediate: true }\n)\n</script>\n<template>\n  <component\n    :is=\"resolvedComponent\"\n    v-if=\"resolvedComponent\"\n    ref=\"blockRef\"\n    v-bind=\"{ ...$props, ...$attrs }\"\n  />\n  <div v-else>Component for block type \"{{ componentName }}\" not found.</div>\n</template>\n","export type ContentUpdateEvent = {\n  content: Record<string, unknown>\n}\n\nexport type SelectUpdateEvent = {\n  selectedItem: string\n}\n\nexport type EventType = 'CONTENT_UPDATE' | 'SELECT_UPDATE' | 'HOVER_UPDATE'\n\nexport type EventPayloadMap = {\n  CONTENT_UPDATE: ContentUpdateEvent\n  SELECT_UPDATE: SelectUpdateEvent\n  HOVER_UPDATE: SelectUpdateEvent\n}\n\nexport type BridgeEvent = {\n  type: EventType\n  payload: ContentUpdateEvent | SelectUpdateEvent\n  b10cksId?: string\n}\n\ntype EventCallback<T> = (payload: T) => void\n\nclass PreviewBridge {\n  private static instance: PreviewBridge\n  private eventListeners: {\n    [key in EventType]?: Array<EventCallback<EventPayloadMap[key]>>\n  } = {}\n\n  private isEnabled = false\n\n  private constructor() {\n    this.isEnabled = this.isIframe()\n  }\n\n  public init(): void {\n    if (this.isEnabled && window) {\n      window.addEventListener('message', this.handleMessage)\n    }\n  }\n\n  public static getInstance(): PreviewBridge {\n    if (!PreviewBridge.instance) {\n      PreviewBridge.instance = new PreviewBridge()\n    }\n    return PreviewBridge.instance\n  }\n\n  public isInPreviewMode(): boolean {\n    return this.isEnabled\n  }\n\n  private isIframe(): boolean {\n    return typeof window !== 'undefined' && window.self !== window.top\n  }\n\n  private handleMessage = (event: MessageEvent): void => {\n    if (!event.data || typeof event.data !== 'object') return\n    const { type, payload } = event.data as BridgeEvent\n\n    this.notifyListeners(type as EventType, payload)\n  }\n\n  private notifyListeners<T extends EventType>(type: T, payload: EventPayloadMap[T]): void {\n    const listeners = this.eventListeners[type] as\n      | Array<EventCallback<EventPayloadMap[T]>>\n      | undefined\n\n    if (listeners) {\n      listeners.forEach((listener) => {\n        listener(payload)\n      })\n    }\n  }\n\n  public on<T extends EventType>(\n    eventType: T,\n    callback: EventCallback<EventPayloadMap[T]>\n  ): () => void {\n    if (!this.isEnabled) return () => {}\n\n    if (!this.eventListeners[eventType]) {\n      this.eventListeners[eventType] = []\n    }\n\n    ;(this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>).push(callback)\n\n    return () => {\n      this.eventListeners[eventType] = (\n        this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>\n      ).filter((listener) => listener !== callback) as never\n    }\n  }\n\n  public selectItem(selectedItem: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'SELECT_UPDATE',\n        payload: { selectedItem },\n      },\n      '*'\n    )\n  }\n\n  public updateField(itemId: string, field: string, value: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'FIELD_UPDATE',\n        payload: { itemId, field, value },\n      },\n      '*'\n    )\n  }\n\n  public destroy(): void {\n    if (this.isEnabled) {\n      window.removeEventListener('message', this.handleMessage)\n      this.isEnabled = false\n    }\n    this.eventListeners = {}\n  }\n}\n\nexport const previewBridge = PreviewBridge.getInstance()\n","import type { DirectiveBinding, VNode } from 'vue'\n\nimport type { SelectUpdateEvent } from '../preview-bridge'\n\nimport { previewBridge } from '../preview-bridge'\n\ninterface EditableElement extends HTMLElement {\n  _editableCleanup?: () => void\n}\n\nexport const EditableDirective = {\n  mounted(el: EditableElement, binding: DirectiveBinding, node: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n    const { id: itemId } = binding.value\n\n    if (!itemId) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn('v-editable directive requires a block with an id')\n      return\n    }\n\n    el.classList.add('b10cks-preview')\n\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      previewBridge.selectItem(itemId)\n    }\n\n    const handleSelectionChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-selected')\n        scrollIntoViewIfNeeded(el)\n      } else {\n        node.el.classList.remove('b10cks-selected')\n      }\n    }\n\n    const handleHoverChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-hover')\n      } else {\n        node.el.classList.remove('b10cks-hover')\n      }\n    }\n\n    const handleUpdate = ({ content }: { content: any }) => {\n      if (content && content.id === itemId) {\n        // biome-ignore lint/suspicious/noExplicitAny: use of any to access internal properties\n        const ctx = (node as any).ctx\n        ctx.parent.attrs.block = content\n        ctx.update()\n        ctx.props.block = content\n        ctx.update()\n      }\n    }\n\n    el.addEventListener('click', handleClick)\n    previewBridge.on('SELECT_UPDATE', handleSelectionChange)\n    previewBridge.on('HOVER_UPDATE', handleHoverChange)\n    previewBridge.on('CONTENT_UPDATE', handleUpdate)\n\n    el._editableCleanup = () => {\n      el.removeEventListener('click', handleClick)\n    }\n  },\n\n  updated(el: EditableElement, binding: DirectiveBinding, vnode: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (binding.value !== binding.oldValue) {\n      if (el._editableCleanup) {\n        el._editableCleanup()\n      }\n\n      EditableDirective.mounted(el, binding, vnode)\n    }\n  },\n\n  unmounted(el: EditableElement) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (el._editableCleanup) {\n      el._editableCleanup()\n      delete el._editableCleanup\n    }\n\n    el.classList.remove('b10cks-preview', 'b10cks-selected')\n  },\n}\n\nfunction scrollIntoViewIfNeeded(el: HTMLElement) {\n  if (el.scrollIntoView) {\n    el.scrollIntoView({ behavior: 'smooth' })\n  }\n}\n\nif (previewBridge.isInPreviewMode()) {\n  const style = document.createElement('style')\n  style.innerHTML = `\n    .b10cks-hover,\n    .b10cks-preview:hover {\n      outline: 2px dashed rgba(59, 130, 246, 0.5);\n      outline-offset: 2px;\n    }\n    .b10cks-selected {\n      outline: 2px solid rgb(59, 130, 246) !important;\n      outline-offset: 2px;\n    }\n  `\n  document.head.appendChild(style)\n}\n","import type { Directive, DirectiveBinding } from 'vue'\n\nimport { previewBridge } from '../preview-bridge'\n\nexport const EditableContentDirective: Directive<HTMLElement> = {\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\n    const { id: itemId, field } = binding.value\n    if (!previewBridge.isInPreviewMode()) return\n    el.setAttribute('contenteditable', 'true')\n\n    el.addEventListener('input', (event: Event) => {\n      previewBridge.updateField(itemId, field, (event.target as HTMLInputElement).innerText)\n    })\n  },\n}\n","import type { Plugin } from 'vue'\n\nimport type { B10cksVuePluginOptions } from './types'\n\nimport B10cksComponent from './components/B10cksComponent.vue'\nimport { EditableDirective } from './directives/v-editable'\nimport { EditableContentDirective } from './directives/v-editable-content'\n\nexport { previewBridge } from './preview-bridge'\nexport { B10cksComponentResolverKey, type BlockComponentResolver } from './types'\n\nexport const B10cksVue: Plugin = {\n  install(app, pluginOptions: B10cksVuePluginOptions) {\n    app.provide('b10cksVueOptions', pluginOptions)\n\n    app.directive('editable', EditableDirective)\n    app.directive('editable-field', EditableContentDirective)\n    app.component('B10cksComponent', B10cksComponent)\n  },\n}\n"],"names":["B10cksComponentResolverKey","props","__props","blockRef","useTemplateRef","__expose","resolvedComponent","shallowRef","componentName","computed","resolveBlockComponent","inject","watch","newComponentName","error","_createBlock","_resolveDynamicComponent","_mergeProps","$props","$attrs","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","PreviewBridge","event","type","payload","listeners","listener","eventType","callback","selectedItem","itemId","field","value","previewBridge","EditableDirective","el","binding","node","handleClick","e","handleSelectionChange","scrollIntoViewIfNeeded","handleHoverChange","handleUpdate","content","ctx","vnode","style","EditableContentDirective","B10cksVue","app","pluginOptions","B10cksComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/types.ts","../src/components/B10cksFallback.vue","../src/components/B10cksComponent.vue","../src/preview-bridge.ts","../src/directives/v-editable.ts","../src/directives/v-editable-content.ts","../src/index.ts"],"sourcesContent":["import type { B10cksApiClientOptions } from '@b10cks/client'\nimport type { Component, InjectionKey } from 'vue'\n\nexport interface B10cksVuePluginOptions extends B10cksApiClientOptions {}\n\nexport type BlockComponentResolver = (componentName: string) => Promise<Component>\n\nexport const B10cksComponentResolverKey: InjectionKey<BlockComponentResolver> = Symbol(\n  'b10cks:resolveBlockComponent'\n)\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\n\nexport interface IB10cksFallbackProps {\n  block: IBContent<string> & Record<string, never>\n}\n\ndefineProps<IB10cksFallbackProps>()\n</script>\n\n<template>\n  <div>Component for block type \"{{ block.block }}\" not found.</div>\n</template>\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\nimport { computed, inject, resolveDynamicComponent, useTemplateRef } from 'vue'\n\nimport { B10cksComponentResolverKey } from '../types'\nimport B10cksFallback from './B10cksFallback.vue'\n\nconst props = defineProps<{\n  block: IBContent<string> & Record<string, never>\n}>()\n\nconst blockRef = useTemplateRef('blockRef')\ndefineExpose({ value: blockRef })\n\nconst customResolver = inject(B10cksComponentResolverKey, null)\n\n// Convert component name to PascalCase synchronously\nfunction toPascalCase(name: string): string {\n  return name\n    .split(/[-_]/)\n    .map((part: string) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('')\n    .replace(/^([a-z])/, (match: string) => match.toUpperCase())\n}\n\n// Compute the component synchronously for SSR compatibility\nconst resolvedComponent = computed(() => {\n  const componentName = props.block?.block\n\n  if (!componentName) {\n    return null\n  }\n\n  const pascalCaseName = toPascalCase(componentName)\n\n  // Use Vue's built-in resolveDynamicComponent which works in SSR\n  // This resolves globally registered components automatically\n  const component = resolveDynamicComponent(pascalCaseName)\n\n  // resolveDynamicComponent returns a string if component not found\n  if (typeof component === 'string') {\n    // biome-ignore lint/suspicious/noConsole: give developers feedback\n    console.warn(\n      `Component \"${pascalCaseName}\" not found. Make sure it's registered in your components directory.`\n    )\n    return B10cksFallback\n  }\n\n  return component\n})\n\nconst componentName = computed(() => props.block?.block || null)\n</script>\n\n<template>\n  <component\n    :is=\"resolvedComponent\"\n    v-if=\"resolvedComponent\"\n    ref=\"blockRef\"\n    v-bind=\"{ ...$props, ...$attrs }\"\n  />\n</template>\n","export type ContentUpdateEvent = {\n  content: Record<string, unknown>\n}\n\nexport type SelectUpdateEvent = {\n  selectedItem: string\n}\n\nexport type EventType = 'CONTENT_UPDATE' | 'SELECT_UPDATE' | 'HOVER_UPDATE'\n\nexport type EventPayloadMap = {\n  CONTENT_UPDATE: ContentUpdateEvent\n  SELECT_UPDATE: SelectUpdateEvent\n  HOVER_UPDATE: SelectUpdateEvent\n}\n\nexport type BridgeEvent = {\n  type: EventType\n  payload: ContentUpdateEvent | SelectUpdateEvent\n  b10cksId?: string\n}\n\ntype EventCallback<T> = (payload: T) => void\n\nclass PreviewBridge {\n  private static instance: PreviewBridge\n  private eventListeners: {\n    [key in EventType]?: Array<EventCallback<EventPayloadMap[key]>>\n  } = {}\n\n  private isEnabled = false\n\n  private constructor() {\n    this.isEnabled = this.isIframe()\n  }\n\n  public init(): void {\n    if (this.isEnabled && window) {\n      window.addEventListener('message', this.handleMessage)\n    }\n  }\n\n  public static getInstance(): PreviewBridge {\n    if (!PreviewBridge.instance) {\n      PreviewBridge.instance = new PreviewBridge()\n    }\n    return PreviewBridge.instance\n  }\n\n  public isInPreviewMode(): boolean {\n    return this.isEnabled\n  }\n\n  private isIframe(): boolean {\n    return typeof window !== 'undefined' && window.self !== window.top\n  }\n\n  private handleMessage = (event: MessageEvent): void => {\n    if (!event.data || typeof event.data !== 'object') return\n    const { type, payload } = event.data as BridgeEvent\n\n    this.notifyListeners(type as EventType, payload)\n  }\n\n  private notifyListeners<T extends EventType>(type: T, payload: EventPayloadMap[T]): void {\n    const listeners = this.eventListeners[type] as\n      | Array<EventCallback<EventPayloadMap[T]>>\n      | undefined\n\n    if (listeners) {\n      listeners.forEach((listener) => {\n        listener(payload)\n      })\n    }\n  }\n\n  public on<T extends EventType>(\n    eventType: T,\n    callback: EventCallback<EventPayloadMap[T]>\n  ): () => void {\n    if (!this.isEnabled) return () => {}\n\n    if (!this.eventListeners[eventType]) {\n      this.eventListeners[eventType] = []\n    }\n\n    ;(this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>).push(callback)\n\n    return () => {\n      this.eventListeners[eventType] = (\n        this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>\n      ).filter((listener) => listener !== callback) as never\n    }\n  }\n\n  public selectItem(selectedItem: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'SELECT_UPDATE',\n        payload: { selectedItem },\n      },\n      '*'\n    )\n  }\n\n  public updateField(itemId: string, field: string, value: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'FIELD_UPDATE',\n        payload: { itemId, field, value },\n      },\n      '*'\n    )\n  }\n\n  public destroy(): void {\n    if (this.isEnabled) {\n      window.removeEventListener('message', this.handleMessage)\n      this.isEnabled = false\n    }\n    this.eventListeners = {}\n  }\n}\n\nexport const previewBridge = PreviewBridge.getInstance()\n","import type { DirectiveBinding, VNode } from 'vue'\n\nimport type { SelectUpdateEvent } from '../preview-bridge'\n\nimport { previewBridge } from '../preview-bridge'\n\ninterface EditableElement extends HTMLElement {\n  _editableCleanup?: () => void\n}\n\nexport const EditableDirective = {\n  mounted(el: EditableElement, binding: DirectiveBinding, node: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n    const { id: itemId } = binding.value\n\n    if (!itemId) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn('v-editable directive requires a block with an id')\n      return\n    }\n\n    el.classList.add('b10cks-preview')\n\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      previewBridge.selectItem(itemId)\n    }\n\n    const handleSelectionChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-selected')\n        scrollIntoViewIfNeeded(el)\n      } else {\n        node.el.classList.remove('b10cks-selected')\n      }\n    }\n\n    const handleHoverChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-hover')\n      } else {\n        node.el.classList.remove('b10cks-hover')\n      }\n    }\n\n    const handleUpdate = ({ content }: { content: any }) => {\n      if (content && content.id === itemId) {\n        // biome-ignore lint/suspicious/noExplicitAny: use of any to access internal properties\n        const ctx = (node as any).ctx\n        ctx.parent.attrs.block = content\n        ctx.update()\n        ctx.props.block = content\n        ctx.update()\n      }\n    }\n\n    el.addEventListener('click', handleClick)\n    previewBridge.on('SELECT_UPDATE', handleSelectionChange)\n    previewBridge.on('HOVER_UPDATE', handleHoverChange)\n    previewBridge.on('CONTENT_UPDATE', handleUpdate)\n\n    el._editableCleanup = () => {\n      el.removeEventListener('click', handleClick)\n    }\n  },\n\n  updated(el: EditableElement, binding: DirectiveBinding, vnode: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (binding.value !== binding.oldValue) {\n      if (el._editableCleanup) {\n        el._editableCleanup()\n      }\n\n      EditableDirective.mounted(el, binding, vnode)\n    }\n  },\n\n  unmounted(el: EditableElement) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (el._editableCleanup) {\n      el._editableCleanup()\n      delete el._editableCleanup\n    }\n\n    el.classList.remove('b10cks-preview', 'b10cks-selected')\n  },\n}\n\nfunction scrollIntoViewIfNeeded(el: HTMLElement) {\n  if (el.scrollIntoView) {\n    el.scrollIntoView({ behavior: 'smooth' })\n  }\n}\n\nif (previewBridge.isInPreviewMode()) {\n  const style = document.createElement('style')\n  style.innerHTML = `\n    .b10cks-hover,\n    .b10cks-preview:hover {\n      outline: 2px dashed rgba(59, 130, 246, 0.5);\n      outline-offset: 2px;\n    }\n    .b10cks-selected {\n      outline: 2px solid rgb(59, 130, 246) !important;\n      outline-offset: 2px;\n    }\n  `\n  document.head.appendChild(style)\n}\n","import type { Directive, DirectiveBinding } from 'vue'\n\nimport { previewBridge } from '../preview-bridge'\n\nexport const EditableContentDirective: Directive<HTMLElement> = {\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\n    const { id: itemId, field } = binding.value\n    if (!previewBridge.isInPreviewMode()) return\n    el.setAttribute('contenteditable', 'true')\n\n    el.addEventListener('input', (event: Event) => {\n      previewBridge.updateField(itemId, field, (event.target as HTMLInputElement).innerText)\n    })\n  },\n}\n","import type { Plugin } from 'vue'\n\nimport type { B10cksVuePluginOptions } from './types'\n\nimport B10cksComponent from './components/B10cksComponent.vue'\nimport B10cksFallback from './components/B10cksFallback.vue'\nimport { EditableDirective } from './directives/v-editable'\nimport { EditableContentDirective } from './directives/v-editable-content'\n\nexport { previewBridge } from './preview-bridge'\nexport { B10cksComponentResolverKey, type BlockComponentResolver } from './types'\nexport { B10cksFallback }\n\nexport const B10cksVue: Plugin = {\n  install(app, pluginOptions: B10cksVuePluginOptions) {\n    app.provide('b10cksVueOptions', pluginOptions)\n\n    app.directive('editable', EditableDirective)\n    app.directive('editable-field', EditableContentDirective)\n    app.component('B10cksComponent', B10cksComponent)\n  },\n}\n"],"names":["B10cksComponentResolverKey","_openBlock","_createElementBlock","_toDisplayString","__props","props","blockRef","useTemplateRef","__expose","inject","toPascalCase","name","part","match","resolvedComponent","computed","componentName","pascalCaseName","component","resolveDynamicComponent","B10cksFallback","_createBlock","_resolveDynamicComponent","_mergeProps","$props","$attrs","PreviewBridge","event","type","payload","listeners","listener","eventType","callback","selectedItem","itemId","field","value","previewBridge","EditableDirective","el","binding","node","handleClick","e","handleSelectionChange","scrollIntoViewIfNeeded","handleHoverChange","handleUpdate","content","ctx","vnode","style","EditableContentDirective","B10cksVue","app","pluginOptions","B10cksComponent"],"mappings":"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"}

package/dist/index.mjs

@@ -1,43 +1,42 @@
-import { defineComponent as v, useTemplateRef as b, shallowRef as h, computed as m, inject as k, watch as w, createBlock as E, createElementBlock as L, openBlock as p, resolveDynamicComponent as y, mergeProps as C, toDisplayString as I } from "vue";
-const g = Symbol(
+import { defineComponent as b, createElementBlock as v, openBlock as m, toDisplayString as h, useTemplateRef as E, inject as w, computed as p, resolveDynamicComponent as f, createBlock as C, createCommentVNode as L, mergeProps as y } from "vue";
+const I = Symbol(
   "b10cks:resolveBlockComponent"
-), _ = { key: 1 }, M = /* @__PURE__ */ v({
+), _ = /* @__PURE__ */ b({
+  __name: "B10cksFallback",
+  props: {
+    block: {}
+  },
+  setup(e) {
+    return (t, s) => (m(), v("div", null, 'Component for block type "' + h(e.block.block) + '" not found.', 1));
+  }
+}), g = /* @__PURE__ */ b({
   __name: "B10cksComponent",
   props: {
     block: {}
   },
   setup(e, { expose: t }) {
-    const s = e, n = b("blockRef");
-    t({ value: n });
-    const o = h(null), c = m(() => s.block?.block || null), d = k(g, null);
-    return w(
-      () => c.value,
-      async (l) => {
-        if (!l) {
-          o.value = null;
-          return;
-        }
-        if (!d) {
-          console.error(
-            "B10cks: No component resolver found. Make sure you are using @b10cks/nuxt module or have provided a custom resolver."
-          ), o.value = null;
-          return;
-        }
-        try {
-          o.value = await d(l);
-        } catch (i) {
-          console.warn(`Failed to load block component for type "${l}":`, i), o.value = null;
-        }
-      },
-      { immediate: !0 }
-    ), (l, i) => o.value ? (p(), E(y(o.value), C({
+    const s = e, n = E("blockRef");
+    t({ value: n }), w(I, null);
+    function l(a) {
+      return a.split(/[-_]/).map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("").replace(/^([a-z])/, (o) => o.toUpperCase());
+    }
+    const d = p(() => {
+      const a = s.block?.block;
+      if (!a)
+        return null;
+      const o = l(a), i = f(o);
+      return typeof i == "string" ? (console.warn(
+        `Component "${o}" not found. Make sure it's registered in your components directory.`
+      ), _) : i;
+    });
+    return p(() => s.block?.block || null), (a, o) => d.value ? (m(), C(f(d.value), y({
       key: 0,
       ref_key: "blockRef",
       ref: n
-    }, { ...l.$props, ...l.$attrs }), null, 16)) : (p(), L("div", _, 'Component for block type "' + I(c.value) + '" not found.', 1));
+    }, { ...a.$props, ...a.$attrs }), null, 16)) : L("", !0);
   }
 });
-class a {
+class c {
   static instance;
   eventListeners = {};
   isEnabled = !1;
@@ -48,7 +47,7 @@ class a {
     this.isEnabled && window && window.addEventListener("message", this.handleMessage);
   }
   static getInstance() {
-    return a.instance || (a.instance = new a()), a.instance;
+    return c.instance || (c.instance = new c()), c.instance;
   }
   isInPreviewMode() {
     return this.isEnabled;
@@ -63,8 +62,8 @@ class a {
   };
   notifyListeners(t, s) {
     const n = this.eventListeners[t];
-    n && n.forEach((o) => {
-      o(s);
+    n && n.forEach((l) => {
+      l(s);
     });
   }
   on(t, s) {
@@ -95,7 +94,7 @@ class a {
     this.isEnabled && (window.removeEventListener("message", this.handleMessage), this.isEnabled = !1), this.eventListeners = {};
   }
 }
-const r = a.getInstance(), f = {
+const r = c.getInstance(), k = {
   mounted(e, t, s) {
     if (!r.isInPreviewMode()) return;
     const { id: n } = t.value;
@@ -104,30 +103,30 @@ const r = a.getInstance(), f = {
       return;
     }
     e.classList.add("b10cks-preview");
-    const o = (i) => {
+    const l = (i) => {
       i.preventDefault(), i.stopPropagation(), r.selectItem(n);
-    }, c = ({ selectedItem: i }) => {
-      s.el && (i === n ? (s.el.classList.add("b10cks-selected"), D(e)) : s.el.classList.remove("b10cks-selected"));
     }, d = ({ selectedItem: i }) => {
+      s.el && (i === n ? (s.el.classList.add("b10cks-selected"), M(e)) : s.el.classList.remove("b10cks-selected"));
+    }, a = ({ selectedItem: i }) => {
       s.el && (i === n ? s.el.classList.add("b10cks-hover") : s.el.classList.remove("b10cks-hover"));
-    }, l = ({ content: i }) => {
+    }, o = ({ content: i }) => {
       if (i && i.id === n) {
         const u = s.ctx;
         u.parent.attrs.block = i, u.update(), u.props.block = i, u.update();
       }
     };
-    e.addEventListener("click", o), r.on("SELECT_UPDATE", c), r.on("HOVER_UPDATE", d), r.on("CONTENT_UPDATE", l), e._editableCleanup = () => {
-      e.removeEventListener("click", o);
+    e.addEventListener("click", l), r.on("SELECT_UPDATE", d), r.on("HOVER_UPDATE", a), r.on("CONTENT_UPDATE", o), e._editableCleanup = () => {
+      e.removeEventListener("click", l);
     };
   },
   updated(e, t, s) {
-    r.isInPreviewMode() && t.value !== t.oldValue && (e._editableCleanup && e._editableCleanup(), f.mounted(e, t, s));
+    r.isInPreviewMode() && t.value !== t.oldValue && (e._editableCleanup && e._editableCleanup(), k.mounted(e, t, s));
   },
   unmounted(e) {
     r.isInPreviewMode() && (e._editableCleanup && (e._editableCleanup(), delete e._editableCleanup), e.classList.remove("b10cks-preview", "b10cks-selected"));
   }
 };
-function D(e) {
+function M(e) {
   e.scrollIntoView && e.scrollIntoView({ behavior: "smooth" });
 }
 if (r.isInPreviewMode()) {
@@ -144,21 +143,22 @@ if (r.isInPreviewMode()) {
     }
   `, document.head.appendChild(e);
 }
-const P = {
+const D = {
   mounted(e, t) {
     const { id: s, field: n } = t.value;
-    r.isInPreviewMode() && (e.setAttribute("contenteditable", "true"), e.addEventListener("input", (o) => {
-      r.updateField(s, n, o.target.innerText);
+    r.isInPreviewMode() && (e.setAttribute("contenteditable", "true"), e.addEventListener("input", (l) => {
+      r.updateField(s, n, l.target.innerText);
     }));
   }
-}, B = {
+}, x = {
   install(e, t) {
-    e.provide("b10cksVueOptions", t), e.directive("editable", f), e.directive("editable-field", P), e.component("B10cksComponent", M);
+    e.provide("b10cksVueOptions", t), e.directive("editable", k), e.directive("editable-field", D), e.component("B10cksComponent", g);
   }
 };
 export {
-  g as B10cksComponentResolverKey,
-  B as B10cksVue,
+  I as B10cksComponentResolverKey,
+  _ as B10cksFallback,
+  x as B10cksVue,
   r as previewBridge
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/types.ts","../src/components/B10cksComponent.vue","../src/preview-bridge.ts","../src/directives/v-editable.ts","../src/directives/v-editable-content.ts","../src/index.ts"],"sourcesContent":["import type { B10cksApiClientOptions } from '@b10cks/client'\nimport type { Component, InjectionKey } from 'vue'\n\nexport interface B10cksVuePluginOptions extends B10cksApiClientOptions {}\n\nexport type BlockComponentResolver = (componentName: string) => Promise<Component>\n\nexport const B10cksComponentResolverKey: InjectionKey<BlockComponentResolver> = Symbol(\n  'b10cks:resolveBlockComponent'\n)\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\nimport { computed, defineAsyncComponent, inject, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport { B10cksComponentResolverKey } from '../types'\n\nconst props = defineProps<{\n  block: IBContent<string> & Record<string, never>\n}>()\n\nconst blockRef = useTemplateRef('blockRef')\ndefineExpose({ value: blockRef })\n\nconst resolvedComponent = shallowRef<ReturnType<typeof defineAsyncComponent> | null>(null)\nconst componentName = computed(() => props.block?.block || null)\n\nconst resolveBlockComponent = inject(B10cksComponentResolverKey, null)\n\nwatch(\n  () => componentName.value,\n  async (newComponentName: string | null) => {\n    if (!newComponentName) {\n      resolvedComponent.value = null\n      return\n    }\n\n    if (!resolveBlockComponent) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.error(\n        'B10cks: No component resolver found. Make sure you are using @b10cks/nuxt module or have provided a custom resolver.'\n      )\n      resolvedComponent.value = null\n      return\n    }\n\n    try {\n      resolvedComponent.value = await resolveBlockComponent(newComponentName)\n    } catch (error) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn(`Failed to load block component for type \"${newComponentName}\":`, error)\n      resolvedComponent.value = null\n    }\n  },\n  { immediate: true }\n)\n</script>\n<template>\n  <component\n    :is=\"resolvedComponent\"\n    v-if=\"resolvedComponent\"\n    ref=\"blockRef\"\n    v-bind=\"{ ...$props, ...$attrs }\"\n  />\n  <div v-else>Component for block type \"{{ componentName }}\" not found.</div>\n</template>\n","export type ContentUpdateEvent = {\n  content: Record<string, unknown>\n}\n\nexport type SelectUpdateEvent = {\n  selectedItem: string\n}\n\nexport type EventType = 'CONTENT_UPDATE' | 'SELECT_UPDATE' | 'HOVER_UPDATE'\n\nexport type EventPayloadMap = {\n  CONTENT_UPDATE: ContentUpdateEvent\n  SELECT_UPDATE: SelectUpdateEvent\n  HOVER_UPDATE: SelectUpdateEvent\n}\n\nexport type BridgeEvent = {\n  type: EventType\n  payload: ContentUpdateEvent | SelectUpdateEvent\n  b10cksId?: string\n}\n\ntype EventCallback<T> = (payload: T) => void\n\nclass PreviewBridge {\n  private static instance: PreviewBridge\n  private eventListeners: {\n    [key in EventType]?: Array<EventCallback<EventPayloadMap[key]>>\n  } = {}\n\n  private isEnabled = false\n\n  private constructor() {\n    this.isEnabled = this.isIframe()\n  }\n\n  public init(): void {\n    if (this.isEnabled && window) {\n      window.addEventListener('message', this.handleMessage)\n    }\n  }\n\n  public static getInstance(): PreviewBridge {\n    if (!PreviewBridge.instance) {\n      PreviewBridge.instance = new PreviewBridge()\n    }\n    return PreviewBridge.instance\n  }\n\n  public isInPreviewMode(): boolean {\n    return this.isEnabled\n  }\n\n  private isIframe(): boolean {\n    return typeof window !== 'undefined' && window.self !== window.top\n  }\n\n  private handleMessage = (event: MessageEvent): void => {\n    if (!event.data || typeof event.data !== 'object') return\n    const { type, payload } = event.data as BridgeEvent\n\n    this.notifyListeners(type as EventType, payload)\n  }\n\n  private notifyListeners<T extends EventType>(type: T, payload: EventPayloadMap[T]): void {\n    const listeners = this.eventListeners[type] as\n      | Array<EventCallback<EventPayloadMap[T]>>\n      | undefined\n\n    if (listeners) {\n      listeners.forEach((listener) => {\n        listener(payload)\n      })\n    }\n  }\n\n  public on<T extends EventType>(\n    eventType: T,\n    callback: EventCallback<EventPayloadMap[T]>\n  ): () => void {\n    if (!this.isEnabled) return () => {}\n\n    if (!this.eventListeners[eventType]) {\n      this.eventListeners[eventType] = []\n    }\n\n    ;(this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>).push(callback)\n\n    return () => {\n      this.eventListeners[eventType] = (\n        this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>\n      ).filter((listener) => listener !== callback) as never\n    }\n  }\n\n  public selectItem(selectedItem: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'SELECT_UPDATE',\n        payload: { selectedItem },\n      },\n      '*'\n    )\n  }\n\n  public updateField(itemId: string, field: string, value: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'FIELD_UPDATE',\n        payload: { itemId, field, value },\n      },\n      '*'\n    )\n  }\n\n  public destroy(): void {\n    if (this.isEnabled) {\n      window.removeEventListener('message', this.handleMessage)\n      this.isEnabled = false\n    }\n    this.eventListeners = {}\n  }\n}\n\nexport const previewBridge = PreviewBridge.getInstance()\n","import type { DirectiveBinding, VNode } from 'vue'\n\nimport type { SelectUpdateEvent } from '../preview-bridge'\n\nimport { previewBridge } from '../preview-bridge'\n\ninterface EditableElement extends HTMLElement {\n  _editableCleanup?: () => void\n}\n\nexport const EditableDirective = {\n  mounted(el: EditableElement, binding: DirectiveBinding, node: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n    const { id: itemId } = binding.value\n\n    if (!itemId) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn('v-editable directive requires a block with an id')\n      return\n    }\n\n    el.classList.add('b10cks-preview')\n\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      previewBridge.selectItem(itemId)\n    }\n\n    const handleSelectionChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-selected')\n        scrollIntoViewIfNeeded(el)\n      } else {\n        node.el.classList.remove('b10cks-selected')\n      }\n    }\n\n    const handleHoverChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-hover')\n      } else {\n        node.el.classList.remove('b10cks-hover')\n      }\n    }\n\n    const handleUpdate = ({ content }: { content: any }) => {\n      if (content && content.id === itemId) {\n        // biome-ignore lint/suspicious/noExplicitAny: use of any to access internal properties\n        const ctx = (node as any).ctx\n        ctx.parent.attrs.block = content\n        ctx.update()\n        ctx.props.block = content\n        ctx.update()\n      }\n    }\n\n    el.addEventListener('click', handleClick)\n    previewBridge.on('SELECT_UPDATE', handleSelectionChange)\n    previewBridge.on('HOVER_UPDATE', handleHoverChange)\n    previewBridge.on('CONTENT_UPDATE', handleUpdate)\n\n    el._editableCleanup = () => {\n      el.removeEventListener('click', handleClick)\n    }\n  },\n\n  updated(el: EditableElement, binding: DirectiveBinding, vnode: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (binding.value !== binding.oldValue) {\n      if (el._editableCleanup) {\n        el._editableCleanup()\n      }\n\n      EditableDirective.mounted(el, binding, vnode)\n    }\n  },\n\n  unmounted(el: EditableElement) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (el._editableCleanup) {\n      el._editableCleanup()\n      delete el._editableCleanup\n    }\n\n    el.classList.remove('b10cks-preview', 'b10cks-selected')\n  },\n}\n\nfunction scrollIntoViewIfNeeded(el: HTMLElement) {\n  if (el.scrollIntoView) {\n    el.scrollIntoView({ behavior: 'smooth' })\n  }\n}\n\nif (previewBridge.isInPreviewMode()) {\n  const style = document.createElement('style')\n  style.innerHTML = `\n    .b10cks-hover,\n    .b10cks-preview:hover {\n      outline: 2px dashed rgba(59, 130, 246, 0.5);\n      outline-offset: 2px;\n    }\n    .b10cks-selected {\n      outline: 2px solid rgb(59, 130, 246) !important;\n      outline-offset: 2px;\n    }\n  `\n  document.head.appendChild(style)\n}\n","import type { Directive, DirectiveBinding } from 'vue'\n\nimport { previewBridge } from '../preview-bridge'\n\nexport const EditableContentDirective: Directive<HTMLElement> = {\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\n    const { id: itemId, field } = binding.value\n    if (!previewBridge.isInPreviewMode()) return\n    el.setAttribute('contenteditable', 'true')\n\n    el.addEventListener('input', (event: Event) => {\n      previewBridge.updateField(itemId, field, (event.target as HTMLInputElement).innerText)\n    })\n  },\n}\n","import type { Plugin } from 'vue'\n\nimport type { B10cksVuePluginOptions } from './types'\n\nimport B10cksComponent from './components/B10cksComponent.vue'\nimport { EditableDirective } from './directives/v-editable'\nimport { EditableContentDirective } from './directives/v-editable-content'\n\nexport { previewBridge } from './preview-bridge'\nexport { B10cksComponentResolverKey, type BlockComponentResolver } from './types'\n\nexport const B10cksVue: Plugin = {\n  install(app, pluginOptions: B10cksVuePluginOptions) {\n    app.provide('b10cksVueOptions', pluginOptions)\n\n    app.directive('editable', EditableDirective)\n    app.directive('editable-field', EditableContentDirective)\n    app.component('B10cksComponent', B10cksComponent)\n  },\n}\n"],"names":["B10cksComponentResolverKey","props","__props","blockRef","useTemplateRef","__expose","resolvedComponent","shallowRef","componentName","computed","resolveBlockComponent","inject","watch","newComponentName","error","_createBlock","_resolveDynamicComponent","_mergeProps","$props","$attrs","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","PreviewBridge","event","type","payload","listeners","listener","eventType","callback","selectedItem","itemId","field","value","previewBridge","EditableDirective","el","binding","node","handleClick","e","handleSelectionChange","scrollIntoViewIfNeeded","handleHoverChange","handleUpdate","content","ctx","vnode","style","EditableContentDirective","B10cksVue","app","pluginOptions","B10cksComponent"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/types.ts","../src/components/B10cksFallback.vue","../src/components/B10cksComponent.vue","../src/preview-bridge.ts","../src/directives/v-editable.ts","../src/directives/v-editable-content.ts","../src/index.ts"],"sourcesContent":["import type { B10cksApiClientOptions } from '@b10cks/client'\nimport type { Component, InjectionKey } from 'vue'\n\nexport interface B10cksVuePluginOptions extends B10cksApiClientOptions {}\n\nexport type BlockComponentResolver = (componentName: string) => Promise<Component>\n\nexport const B10cksComponentResolverKey: InjectionKey<BlockComponentResolver> = Symbol(\n  'b10cks:resolveBlockComponent'\n)\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\n\nexport interface IB10cksFallbackProps {\n  block: IBContent<string> & Record<string, never>\n}\n\ndefineProps<IB10cksFallbackProps>()\n</script>\n\n<template>\n  <div>Component for block type \"{{ block.block }}\" not found.</div>\n</template>\n","<script setup lang=\"ts\">\nimport type { IBContent } from '@b10cks/client'\nimport { computed, inject, resolveDynamicComponent, useTemplateRef } from 'vue'\n\nimport { B10cksComponentResolverKey } from '../types'\nimport B10cksFallback from './B10cksFallback.vue'\n\nconst props = defineProps<{\n  block: IBContent<string> & Record<string, never>\n}>()\n\nconst blockRef = useTemplateRef('blockRef')\ndefineExpose({ value: blockRef })\n\nconst customResolver = inject(B10cksComponentResolverKey, null)\n\n// Convert component name to PascalCase synchronously\nfunction toPascalCase(name: string): string {\n  return name\n    .split(/[-_]/)\n    .map((part: string) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('')\n    .replace(/^([a-z])/, (match: string) => match.toUpperCase())\n}\n\n// Compute the component synchronously for SSR compatibility\nconst resolvedComponent = computed(() => {\n  const componentName = props.block?.block\n\n  if (!componentName) {\n    return null\n  }\n\n  const pascalCaseName = toPascalCase(componentName)\n\n  // Use Vue's built-in resolveDynamicComponent which works in SSR\n  // This resolves globally registered components automatically\n  const component = resolveDynamicComponent(pascalCaseName)\n\n  // resolveDynamicComponent returns a string if component not found\n  if (typeof component === 'string') {\n    // biome-ignore lint/suspicious/noConsole: give developers feedback\n    console.warn(\n      `Component \"${pascalCaseName}\" not found. Make sure it's registered in your components directory.`\n    )\n    return B10cksFallback\n  }\n\n  return component\n})\n\nconst componentName = computed(() => props.block?.block || null)\n</script>\n\n<template>\n  <component\n    :is=\"resolvedComponent\"\n    v-if=\"resolvedComponent\"\n    ref=\"blockRef\"\n    v-bind=\"{ ...$props, ...$attrs }\"\n  />\n</template>\n","export type ContentUpdateEvent = {\n  content: Record<string, unknown>\n}\n\nexport type SelectUpdateEvent = {\n  selectedItem: string\n}\n\nexport type EventType = 'CONTENT_UPDATE' | 'SELECT_UPDATE' | 'HOVER_UPDATE'\n\nexport type EventPayloadMap = {\n  CONTENT_UPDATE: ContentUpdateEvent\n  SELECT_UPDATE: SelectUpdateEvent\n  HOVER_UPDATE: SelectUpdateEvent\n}\n\nexport type BridgeEvent = {\n  type: EventType\n  payload: ContentUpdateEvent | SelectUpdateEvent\n  b10cksId?: string\n}\n\ntype EventCallback<T> = (payload: T) => void\n\nclass PreviewBridge {\n  private static instance: PreviewBridge\n  private eventListeners: {\n    [key in EventType]?: Array<EventCallback<EventPayloadMap[key]>>\n  } = {}\n\n  private isEnabled = false\n\n  private constructor() {\n    this.isEnabled = this.isIframe()\n  }\n\n  public init(): void {\n    if (this.isEnabled && window) {\n      window.addEventListener('message', this.handleMessage)\n    }\n  }\n\n  public static getInstance(): PreviewBridge {\n    if (!PreviewBridge.instance) {\n      PreviewBridge.instance = new PreviewBridge()\n    }\n    return PreviewBridge.instance\n  }\n\n  public isInPreviewMode(): boolean {\n    return this.isEnabled\n  }\n\n  private isIframe(): boolean {\n    return typeof window !== 'undefined' && window.self !== window.top\n  }\n\n  private handleMessage = (event: MessageEvent): void => {\n    if (!event.data || typeof event.data !== 'object') return\n    const { type, payload } = event.data as BridgeEvent\n\n    this.notifyListeners(type as EventType, payload)\n  }\n\n  private notifyListeners<T extends EventType>(type: T, payload: EventPayloadMap[T]): void {\n    const listeners = this.eventListeners[type] as\n      | Array<EventCallback<EventPayloadMap[T]>>\n      | undefined\n\n    if (listeners) {\n      listeners.forEach((listener) => {\n        listener(payload)\n      })\n    }\n  }\n\n  public on<T extends EventType>(\n    eventType: T,\n    callback: EventCallback<EventPayloadMap[T]>\n  ): () => void {\n    if (!this.isEnabled) return () => {}\n\n    if (!this.eventListeners[eventType]) {\n      this.eventListeners[eventType] = []\n    }\n\n    ;(this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>).push(callback)\n\n    return () => {\n      this.eventListeners[eventType] = (\n        this.eventListeners[eventType] as Array<EventCallback<EventPayloadMap[T]>>\n      ).filter((listener) => listener !== callback) as never\n    }\n  }\n\n  public selectItem(selectedItem: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'SELECT_UPDATE',\n        payload: { selectedItem },\n      },\n      '*'\n    )\n  }\n\n  public updateField(itemId: string, field: string, value: string): void {\n    if (!this.isEnabled) return\n\n    window.parent.postMessage(\n      {\n        type: 'FIELD_UPDATE',\n        payload: { itemId, field, value },\n      },\n      '*'\n    )\n  }\n\n  public destroy(): void {\n    if (this.isEnabled) {\n      window.removeEventListener('message', this.handleMessage)\n      this.isEnabled = false\n    }\n    this.eventListeners = {}\n  }\n}\n\nexport const previewBridge = PreviewBridge.getInstance()\n","import type { DirectiveBinding, VNode } from 'vue'\n\nimport type { SelectUpdateEvent } from '../preview-bridge'\n\nimport { previewBridge } from '../preview-bridge'\n\ninterface EditableElement extends HTMLElement {\n  _editableCleanup?: () => void\n}\n\nexport const EditableDirective = {\n  mounted(el: EditableElement, binding: DirectiveBinding, node: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n    const { id: itemId } = binding.value\n\n    if (!itemId) {\n      // biome-ignore lint/suspicious/noConsole: give developers feedback\n      console.warn('v-editable directive requires a block with an id')\n      return\n    }\n\n    el.classList.add('b10cks-preview')\n\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      previewBridge.selectItem(itemId)\n    }\n\n    const handleSelectionChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-selected')\n        scrollIntoViewIfNeeded(el)\n      } else {\n        node.el.classList.remove('b10cks-selected')\n      }\n    }\n\n    const handleHoverChange = ({ selectedItem }: SelectUpdateEvent) => {\n      if (!node.el) return\n\n      if (selectedItem === itemId) {\n        node.el.classList.add('b10cks-hover')\n      } else {\n        node.el.classList.remove('b10cks-hover')\n      }\n    }\n\n    const handleUpdate = ({ content }: { content: any }) => {\n      if (content && content.id === itemId) {\n        // biome-ignore lint/suspicious/noExplicitAny: use of any to access internal properties\n        const ctx = (node as any).ctx\n        ctx.parent.attrs.block = content\n        ctx.update()\n        ctx.props.block = content\n        ctx.update()\n      }\n    }\n\n    el.addEventListener('click', handleClick)\n    previewBridge.on('SELECT_UPDATE', handleSelectionChange)\n    previewBridge.on('HOVER_UPDATE', handleHoverChange)\n    previewBridge.on('CONTENT_UPDATE', handleUpdate)\n\n    el._editableCleanup = () => {\n      el.removeEventListener('click', handleClick)\n    }\n  },\n\n  updated(el: EditableElement, binding: DirectiveBinding, vnode: VNode) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (binding.value !== binding.oldValue) {\n      if (el._editableCleanup) {\n        el._editableCleanup()\n      }\n\n      EditableDirective.mounted(el, binding, vnode)\n    }\n  },\n\n  unmounted(el: EditableElement) {\n    if (!previewBridge.isInPreviewMode()) return\n\n    if (el._editableCleanup) {\n      el._editableCleanup()\n      delete el._editableCleanup\n    }\n\n    el.classList.remove('b10cks-preview', 'b10cks-selected')\n  },\n}\n\nfunction scrollIntoViewIfNeeded(el: HTMLElement) {\n  if (el.scrollIntoView) {\n    el.scrollIntoView({ behavior: 'smooth' })\n  }\n}\n\nif (previewBridge.isInPreviewMode()) {\n  const style = document.createElement('style')\n  style.innerHTML = `\n    .b10cks-hover,\n    .b10cks-preview:hover {\n      outline: 2px dashed rgba(59, 130, 246, 0.5);\n      outline-offset: 2px;\n    }\n    .b10cks-selected {\n      outline: 2px solid rgb(59, 130, 246) !important;\n      outline-offset: 2px;\n    }\n  `\n  document.head.appendChild(style)\n}\n","import type { Directive, DirectiveBinding } from 'vue'\n\nimport { previewBridge } from '../preview-bridge'\n\nexport const EditableContentDirective: Directive<HTMLElement> = {\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\n    const { id: itemId, field } = binding.value\n    if (!previewBridge.isInPreviewMode()) return\n    el.setAttribute('contenteditable', 'true')\n\n    el.addEventListener('input', (event: Event) => {\n      previewBridge.updateField(itemId, field, (event.target as HTMLInputElement).innerText)\n    })\n  },\n}\n","import type { Plugin } from 'vue'\n\nimport type { B10cksVuePluginOptions } from './types'\n\nimport B10cksComponent from './components/B10cksComponent.vue'\nimport B10cksFallback from './components/B10cksFallback.vue'\nimport { EditableDirective } from './directives/v-editable'\nimport { EditableContentDirective } from './directives/v-editable-content'\n\nexport { previewBridge } from './preview-bridge'\nexport { B10cksComponentResolverKey, type BlockComponentResolver } from './types'\nexport { B10cksFallback }\n\nexport const B10cksVue: Plugin = {\n  install(app, pluginOptions: B10cksVuePluginOptions) {\n    app.provide('b10cksVueOptions', pluginOptions)\n\n    app.directive('editable', EditableDirective)\n    app.directive('editable-field', EditableContentDirective)\n    app.component('B10cksComponent', B10cksComponent)\n  },\n}\n"],"names":["B10cksComponentResolverKey","_openBlock","_createElementBlock","_toDisplayString","__props","props","blockRef","useTemplateRef","__expose","inject","toPascalCase","name","part","match","resolvedComponent","computed","componentName","pascalCaseName","component","resolveDynamicComponent","B10cksFallback","_createBlock","_resolveDynamicComponent","_mergeProps","$props","$attrs","PreviewBridge","event","type","payload","listeners","listener","eventType","callback","selectedItem","itemId","field","value","previewBridge","EditableDirective","el","binding","node","handleClick","e","handleSelectionChange","scrollIntoViewIfNeeded","handleHoverChange","handleUpdate","content","ctx","vnode","style","EditableContentDirective","B10cksVue","app","pluginOptions","B10cksComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b10cks/vue",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "description": "SDK to integrate b10cks into your vue applications",
   "license": "MIT",
   "author": "Michael Wallner @ Coder's Cantina",