@tnd028/strapi-plugin-tiptap-editor 0.0.1

package/dist/admin/src/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/admin/src/components/ui/input.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    onValueChange?: (value: string) => void;
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/admin/src/components/ui/label.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface LabelProps extends ComponentPropsWithoutRef<"label"> {
+    mandatory?: boolean;
+    optional?: boolean;
+}
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/admin/src/components/ui/separator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type SeparatorOrientation = "horizontal" | "vertical";
+declare const Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: SeparatorOrientation | undefined;
+    decorative?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/admin/src/components/ui/toggle.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+}
+declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const toggleVariants: {
+    default: string;
+    outline: string;
+    sizes: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+};
+export { Toggle, toggleVariants };

package/dist/admin/src/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/admin/src/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './pluginConfig';

package/dist/admin/src/config/pluginConfig.d.ts

@@ -0,0 +1,20 @@
+import type { PluginConfig, UserPluginConfig } from './types';
+/**
+ * Sets a configuration for the plugin.
+ *
+ * @remarks
+ *
+ * - Function must be invoked before the admin panel's bootstrap lifecycle function.
+ * The recommended way is to invoke it within the admin panel's register lifecycle function.
+ *
+ * - Provided properties will overwrite the default configuration values.
+ *
+ * @param userConfig - Plugin configuration object.
+ */
+export declare function setPluginConfig(userPluginConfig: UserPluginConfig): void;
+/**
+ * Retrieves current plugin configuration.
+ *
+ * @internal
+ */
+export declare function getPluginConfig(): PluginConfig;

package/dist/admin/src/config/types.d.ts

@@ -0,0 +1,109 @@
+import type { Interpolation } from 'styled-components';
+/**
+ * Plugin configuration object.
+ *
+ * @internal
+ */
+export type PluginConfig = {
+    theme: Theme;
+};
+/**
+ * Used to register a preset option in the admin panel.
+ *
+ * @internal
+ *
+ * @see {@link https://docs.strapi.io/dev-docs/custom-fields#options | Strapi documentation}
+ */
+export type Option = {
+    metadatas: Metadatas;
+    key: string | number;
+    /**
+     * @remarks
+     *
+     * The value must match the corresponding key in the presets.
+     */
+    value: string | number;
+};
+/**
+ * Used to register a preset option in the admin panel.
+ *
+ * @internal
+ *
+ * @see {@link https://docs.strapi.io/dev-docs/custom-fields#options | Strapi documentation}
+ */
+export type Metadatas = {
+    intlLabel: IntlLabel;
+};
+/**
+ * Used to register a preset option in the admin panel.
+ *
+ * @internal
+ *
+ * @see {@link https://docs.strapi.io/dev-docs/custom-fields#options | Strapi documentation}
+ */
+export type IntlLabel = {
+    id: string;
+    defaultMessage: string;
+    values?: object;
+};
+/**
+ * Plugin configuration object.
+ */
+export type UserPluginConfig = {
+    /**
+     * Presets are sets of settings that define the editor's features and appearance.
+     */
+    presets?: Preset[];
+    /**
+     * Styles applied globally to every editor instance.
+     */
+    theme?: Theme;
+};
+/**
+ * Styles applied globally to every editor instance.
+ *
+ * @remarks
+ *
+ * The `common` styles are applied first, followed by `light` or `dark` styles
+ * according to user preferences, and finally `additional` styles.
+ */
+export type Theme = {
+    /**
+     * Core styles.
+     */
+    common?: EditorStyles;
+    /**
+     * Styles applied in light mode.
+     */
+    light?: EditorStyles;
+    /**
+     * Styles applied in dark mode.
+     */
+    dark?: EditorStyles;
+    /**
+     * Additional styles that complement the theme.
+     */
+    additional?: EditorStyles;
+};
+/**
+ * Represents styles that can be applied to an editor instance.
+ * Can be a plain CSS string or an array of interpolations for dynamic styling.
+ */
+export type EditorStyles = string | Interpolation<object>[];
+/**
+ * Preset is a set of settings that define the editor's features and appearance.
+ */
+export type Preset = {
+    /**
+     * Preset name, displayed in the schema.
+     */
+    name: string;
+    /**
+     * Preset description, displayed in the Content-Type Builder.
+     */
+    description: string;
+    /**
+     * Additional styles applied to the editor instance after the theme styles.
+     */
+    styles?: EditorStyles;
+};

package/dist/admin/src/errorSlicer.d.ts

@@ -0,0 +1,4 @@
+declare const originalError: {
+    (...data: any[]): void;
+    (message?: any, ...optionalParams: any[]): void;
+};

package/dist/admin/src/exports.d.ts

@@ -0,0 +1,4 @@
+declare const clonedDefaultTheme: import("./config").Theme;
+export { clonedDefaultTheme as defaultTheme };
+export type { UserPluginConfig as PluginConfig, Preset, Theme, EditorStyles, } from './config/types';
+export { setPluginConfig } from './config';

package/dist/admin/src/hooks/useDebounceCallback.d.ts

@@ -0,0 +1,9 @@
+/**
+ * useDebounceCallback
+ * Membuat callback yang akan dijalankan setelah delay tertentu
+ * sejak terakhir kali dipanggil.
+ *
+ * @param callback - fungsi yang ingin didebounce
+ * @param delay - waktu tunggu (ms) sebelum callback dijalankan
+ */
+export declare function useDebounceCallback<T extends (...args: any[]) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;

package/dist/admin/src/index.d.ts

@@ -0,0 +1,25 @@
+export * from './exports';
+/**
+ * Strapi Plugin Entry Point
+ * Registers the Tiptap Editor plugin and its custom fields.
+ */
+declare const _default: {
+    /**
+     * Registers the plugin with the Strapi admin application.
+     * @param app - The Strapi administration application instance.
+     */
+    register(app: any): Promise<void>;
+    /**
+     * Registers translations for the plugin.
+     * @param {Object} context - Context object containing supported locales.
+     * @param {string[]} context.locales - Array of locale codes.
+     * @returns {Promise<Array>} Array of translation objects.
+     */
+    registerTrads({ locales }: {
+        locales: string[];
+    }): Promise<{
+        data: any;
+        locale: string;
+    }[]>;
+};
+export default _default;

package/dist/admin/src/pluginId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The unique identifier for the Tiptap Editor plugin.
+ * Used for registration in Strapi and translation keys.
+ */
+export declare const PLUGIN_ID = "tiptap-editor";

package/dist/admin/src/theme/additional.d.ts

@@ -0,0 +1 @@
+export declare const additional: import("styled-components").RuleSet<object>;

package/dist/admin/src/theme/colorScheme.d.ts

@@ -0,0 +1,2 @@
+export declare const light: import("styled-components").RuleSet<object>;
+export declare const dark: import("styled-components").RuleSet<object>;

package/dist/admin/src/theme/colors.d.ts

@@ -0,0 +1 @@
+export declare const colors: import("styled-components").RuleSet<object>;

package/dist/admin/src/theme/common.d.ts

@@ -0,0 +1 @@
+export declare const common: import("styled-components").RuleSet<object>;

package/dist/admin/src/theme/index.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../config';
+export declare const defaultTheme: Theme;

package/dist/admin/src/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { JSONContent } from "@tiptap/core";
+import type { InputProps, FieldValue } from '@strapi/strapi/admin';
+export type TiptapJSONInputProps = Readonly<InputProps & FieldValue & {
+    value?: JSONContent | JSONContent[] | null;
+    labelAction?: React.ReactNode;
+    attribute: {
+        options: {};
+        pluginOptions?: {
+            i18n?: {
+                localized?: boolean;
+            };
+        };
+    };
+}>;

package/dist/admin/src/utils/dom.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Safely resets pointer events on the body element after a delay.
+ * Useful for handling transition end cases where pointer-events might get stuck.
+ *
+ * @param delay - Delay in milliseconds before resetting (default: 100).
+ */
+export declare function safelyResetPointerEvents(delay?: number): void;

package/dist/admin/src/utils/getTranslation.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generates a translation key prefixed with the plugin ID.
+ * @param id - The translation identifier.
+ * @returns The namespaced translation key.
+ */
+declare const getTranslation: (id: string) => string;
+export { getTranslation };

package/dist/admin/src/utils/isImageResponsive.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Checks if an image has responsive formats available.
+ * @param imgFormats - The formats object from the image data.
+ * @returns True if responsive formats exist, false otherwise.
+ */
+export declare function isImageResponsive(imgFormats: {
+    [k: string]: Object;
+}): boolean;

package/dist/admin/src/utils/localStorage.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Retrieves a cookie value by name.
+ * @param name - The name of the cookie.
+ * @returns The cookie value or null if not found.
+ */
+export declare function getCookieValue(name: string): string | null;
+/**
+ * Retrieves the stored JWT token from local storage, session storage, or cookies.
+ * @returns The token string or null.
+ */
+export declare function getStoredToken(): string | null;
+/**
+ * Retrieves the user's preferred language.
+ * @returns The language code (default: 'en').
+ */
+export declare function getPreferedLanguage(): string;
+/**
+ * Retrieves the user's profile theme preference.
+ * @returns 'light', 'dark', 'system', or null.
+ */
+export declare function getProfileTheme(): 'light' | 'dark' | 'system' | null;

package/dist/admin/src/utils/prefixWithBackendUrl.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Prefixes a URL with the Strapi backend URL if it's a relative path.
+ * @param url - The URL to process.
+ * @returns The full URL.
+ */
+export declare const prefixWithBackendUrl: (url: string) => string;

package/dist/admin/src/utils/utils.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue } from "clsx";
+/**
+ * Merges class names using clsx.
+ * @param inputs - Class values to merge.
+ * @returns The merged class string.
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/server/index.js

@@ -0,0 +1,15 @@
+"use strict";
+const index = {
+  register: ({ strapi }) => {
+    strapi.customFields.register({
+      name: "tiptap",
+      plugin: "tiptap-editor",
+      type: "json",
+      inputSize: {
+        default: 12,
+        isResizable: true
+      }
+    });
+  }
+};
+module.exports = index;

package/dist/server/index.mjs

@@ -0,0 +1,16 @@
+const index = {
+  register: ({ strapi }) => {
+    strapi.customFields.register({
+      name: "tiptap",
+      plugin: "tiptap-editor",
+      type: "json",
+      inputSize: {
+        default: 12,
+        isResizable: true
+      }
+    });
+  }
+};
+export {
+  index as default
+};

package/dist/server/src/index.d.ts

@@ -0,0 +1,7 @@
+import { Core } from '@strapi/strapi';
+declare const _default: {
+    register: ({ strapi }: {
+        strapi: Core.Strapi;
+    }) => void;
+};
+export default _default;

package/package.json

@@ -0,0 +1,116 @@
+{
+  "version": "0.0.1",
+  "keywords": [],
+  "type": "commonjs",
+  "exports": {
+    "./package.json": "./package.json",
+    "./strapi-admin": {
+      "types": "./dist/admin/src/index.d.ts",
+      "source": "./admin/src/index.ts",
+      "import": "./dist/admin/index.mjs",
+      "require": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    },
+    "./strapi-server": {
+      "types": "./dist/server/src/index.d.ts",
+      "source": "./server/src/index.ts",
+      "import": "./dist/server/index.mjs",
+      "require": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "strapi-plugin build",
+    "watch": "strapi-plugin watch",
+    "watch:link": "strapi-plugin watch:link",
+    "verify": "strapi-plugin verify",
+    "test:ts:front": "run -T tsc -p admin/tsconfig.json",
+    "test:ts:back": "run -T tsc -p server/tsconfig.json"
+  },
+  "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@strapi/design-system": "^2.0.0-rc.30",
+    "@strapi/icons": "^2.0.0-rc.30",
+    "@tiptap/core": "^2.9.1",
+    "@tiptap/extension-blockquote": "^2.9.1",
+    "@tiptap/extension-bold": "^2.9.1",
+    "@tiptap/extension-bullet-list": "^2.9.1",
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-document": "^2.9.1",
+    "@tiptap/extension-dropcursor": "^2.9.1",
+    "@tiptap/extension-emoji": "^2.27.1",
+    "@tiptap/extension-gapcursor": "^2.9.1",
+    "@tiptap/extension-heading": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-history": "^2.9.1",
+    "@tiptap/extension-horizontal-rule": "^2.9.1",
+    "@tiptap/extension-image": "^2.9.1",
+    "@tiptap/extension-italic": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-list-item": "^2.9.1",
+    "@tiptap/extension-ordered-list": "^2.9.1",
+    "@tiptap/extension-paragraph": "^2.9.1",
+    "@tiptap/extension-strike": "^2.9.1",
+    "@tiptap/extension-table": "^2.9.1",
+    "@tiptap/extension-table-cell": "^2.9.1",
+    "@tiptap/extension-table-header": "^2.9.1",
+    "@tiptap/extension-table-row": "^2.9.1",
+    "@tiptap/extension-task-item": "^2.27.1",
+    "@tiptap/extension-task-list": "^2.27.1",
+    "@tiptap/extension-text": "^2.9.1",
+    "@tiptap/extension-text-align": "^2.9.1",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-underline": "^2.27.1",
+    "@tiptap/html": "^2.9.1",
+    "@tiptap/pm": "^2.9.1",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/suggestion": "2.9.1",
+    "autoprefixer": "^10.4.21",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.553.0",
+    "react-intl": "^7.1.14"
+  },
+  "devDependencies": {
+    "@strapi/sdk-plugin": "^5.3.2",
+    "@strapi/strapi": "^5.30.1",
+    "@strapi/typescript-utils": "^5.30.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "prettier": "^3.6.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.30.1",
+    "styled-components": "^6.1.19",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "@strapi/sdk-plugin": "^5.3.2",
+    "@strapi/strapi": "^5.30.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.30.1",
+    "styled-components": "^6.1.19"
+  },
+  "strapi": {
+    "kind": "plugin",
+    "name": "tiptap-editor",
+    "displayName": "Tiptap Editor",
+    "description": "Tiptap editor for Strapi 5",
+    "customFields": [
+      "tiptap"
+    ]
+  },
+  "name": "@tnd028/strapi-plugin-tiptap-editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thinhnd028/strapi-plugin-tiptap-editor.git"
+  },
+  "description": "Tiptap editor for Strapi 5",
+  "license": "MIT"
+}