schlechtenburg/packages/core/lib/use-dynamic-blocks.ts

import {
  ref,
  inject,
  reactive,
} from 'vue';
import { BlockLibraryDefinition } from './blocks';
import { Mode, SbMode } from './mode';

export const BlockLibrary = Symbol('Schlechtenburg block library');
export function useDynamicBlocks() {
  const mode = inject(Mode, ref(SbMode.Edit));
  const customBlocks: BlockLibraryDefinition = inject(BlockLibrary, reactive({}));
  const getBlock = (name: string) => customBlocks[name]?.[mode.value];

  return {
    mode,
    customBlocks,
    getBlock,
  };
}