"use client";

import { SlashInputPlugin, SlashPlugin } from "@platejs/slash-command/react";
import { KEYS } from "platejs";

import { SlashInputElement } from "@/components/ui/slash-node";

export const SlashCommandKit = [
	SlashPlugin.configure({
		options: {
			trigger: "/",
			triggerPreviousCharPattern: /^\s?$/,
			triggerQuery: (editor) =>
				!editor.api.some({
					match: { type: editor.getType(KEYS.codeBlock) },
				}),
		},
	}),
	SlashInputPlugin.withComponent(SlashInputElement),
];