Custom Extension Helpers

[celery9376]

I would like to create a custom extension using the same reactjs-tiptap-editor UI and utils that are used to build extensions within this repo. Is there a way to import these UI elements, hooks, utils in my project? If not, are there plans to make these available to make custom extension creation easier and more streamlined?

Examples:

import {
  Dialog,
  DialogContent,
  DialogFooter,
  DialogTitle,
  DialogTrigger,
} from 'reactjs-tiptap-editor/components/ui/dialog';
import { useToggleActive } from '@/hooks/useActive';
import { useButtonProps } from '@/hooks/useButtonProps';
import { useExtension } from '@/hooks/useExtension';
import { useEditorInstance } from '@/store/editor';

[celery9376]

Something like this:

    "./ui": {
      "require": {
        "types": "./lib/components/ui/index.d.ts",
        "default": "./lib/components/ui/index.cjs"
      },
      "import": {
        "types": "./lib/components/ui/index.d.ts",
        "default": "./lib/components/ui/index.js"
      }
    },
    "./ui/*": {
      "require": {
        "types": "./lib/components/ui/*.d.ts",
        "default": "./lib/components/ui/*.cjs"
      },
      "import": {
        "types": "./lib/components/ui/*.d.ts",
        "default": "./lib/components/ui/*.js"
      }
    },
    
    "./components": {
      "require": {
        "types": "./lib/components/index.d.ts",
        "default": "./lib/components/index.cjs"
      },
      "import": {
        "types": "./lib/components/index.d.ts",
        "default": "./lib/components/index.js"
      }
    },
    "./components/*": {
      "require": {
        "types": "./lib/components/*.d.ts",
        "default": "./lib/components/*.cjs"
      },
      "import": {
        "types": "./lib/components/*.d.ts",
        "default": "./lib/components/*.js"
      }
    },


    "./hooks": {
      "require": {
        "types": "./lib/hooks/index.d.ts",
        "default": "./lib/hooks/index.cjs"
      },
      "import": {
        "types": "./lib/hooks/index.d.ts",
        "default": "./lib/hooks/index.js"
      }
    },
    "./hooks/*": {
      "require": {
        "types": "./lib/hooks/*.d.ts",
        "default": "./lib/hooks/*.cjs"
      },
      "import": {
        "types": "./lib/hooks/*.d.ts",
        "default": "./lib/hooks/*.js"
      }
    }

[hunghg255]

i will check later