import { Node, mergeAttributes } from "@tiptap/core";

export interface DatabaseViewAttrs {
  tableId: string;
  viewId: string;
  viewType: string;
  bridgeUrl?: string | null;
}

declare module "@tiptap/core" {
  interface Commands<ReturnType> {
    databaseView: {
      insertDatabaseView: (attrs: DatabaseViewAttrs) => ReturnType;
    };
  }
}

/**
 * Shared DatabaseView node (schema only, no NodeView).
 *
 * Registered on the Hocuspocus server so embedded Baserow views survive
 * collab saves. The client extends this node to attach the React renderer.
 */
export const DatabaseView = Node.create({
  name: "database-view",
  group: "block",
  atom: true,
  selectable: true,
  draggable: true,

  addAttributes() {
    return {
      tableId: {
        default: "",
        parseHTML: (el: HTMLElement) => el.getAttribute("data-table-id") ?? "",
        renderHTML: (attrs) => ({ "data-table-id": attrs.tableId }),
      },
      viewId: {
        default: "",
        parseHTML: (el: HTMLElement) => el.getAttribute("data-view-id") ?? "",
        renderHTML: (attrs) => ({ "data-view-id": attrs.viewId }),
      },
      viewType: {
        default: "grid",
        parseHTML: (el: HTMLElement) =>
          el.getAttribute("data-view-type") ?? "grid",
        renderHTML: (attrs) => ({ "data-view-type": attrs.viewType }),
      },
      bridgeUrl: {
        default: null,
        parseHTML: (el: HTMLElement) =>
          el.getAttribute("data-bridge-url") ?? null,
        renderHTML: (attrs) =>
          attrs.bridgeUrl ? { "data-bridge-url": attrs.bridgeUrl } : {},
      },
    };
  },

  parseHTML() {
    return [{ tag: "div[data-node-type=database-view]" }];
  },

  renderHTML({ HTMLAttributes }) {
    return [
      "div",
      mergeAttributes(HTMLAttributes, { "data-node-type": "database-view" }),
    ];
  },

  addCommands() {
    return {
      insertDatabaseView:
        (attrs: DatabaseViewAttrs) =>
        ({ commands }) =>
          commands.insertContent({
            type: this.name,
            attrs: {
              tableId: attrs.tableId,
              viewId: attrs.viewId,
              viewType: attrs.viewType,
              bridgeUrl: attrs.bridgeUrl ?? null,
            },
          }),
    };
  },
});

export default DatabaseView;