@cyberskill/cyber-editor 3.9.0 → 4.0.0

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import './shared/assets/styles/global.css';
+export * from './shared/typescript';
+export { CyberEditor } from './CyberEditor';
+export { CyberViewer } from './CyberViewer';
+export { EditorProvider } from './shared/providers/editor';

package/dist/modules/accordion/accordion-extension.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const AccordionExtension: Node<any, any>;

package/dist/modules/accordion/accordion-extension.type.d.ts

@@ -0,0 +1,11 @@
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        customAccordion: {
+            setAccordion: (attrs?: {
+                title?: string;
+                content?: string;
+            }) => ReturnType;
+        };
+    }
+}
+export {};

package/dist/modules/accordion/accordion-view.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_AccordionViewProps } from './accordion-view.type';
+export declare function AccordionView({ node, updateAttributes, editor }: I_AccordionViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/accordion/accordion-view.type.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/react';
+export interface I_AccordionViewProps {
+    node: any;
+    updateAttributes: (attrs: Record<string, any>) => void;
+    editor: Editor;
+    deleteNode?: () => void;
+    getPos?: () => number;
+}

package/dist/modules/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export * from './accordion-extension';
+export * from './accordion-extension.type';
+export * from './accordion-view.component';
+export * from './accordion-view.type';

package/dist/modules/color-picker/color-picker.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_ColorPickerProps } from './color-picker.type';
+export declare function TextColorPicker({ editor }: I_ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/color-picker/color-picker.type.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from '@tiptap/react';
+export interface I_ColorPickerProps {
+    editor: Editor;
+}

package/dist/modules/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-picker.component';
+export * from './color-picker.type';

package/dist/modules/heading/heading.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_HeadingProps } from './heading.type';
+export declare function Heading({ editor }: I_HeadingProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/heading/heading.type.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from '@tiptap/react';
+export interface I_HeadingProps {
+    editor: Editor;
+}

package/dist/modules/heading/index.d.ts

@@ -0,0 +1,2 @@
+export * from './heading.component';
+export * from './heading.type';

package/dist/modules/image/enhanced-image-view.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_ImageViewProps } from './image-view.type';
+export declare function EnhancedImageView({ node, updateAttributes, editor, selected, deleteNode, }: I_ImageViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/image/enhanced-image.d.ts

@@ -0,0 +1,27 @@
+import { Node } from '@tiptap/core';
+export interface ImageOptions {
+    inline: boolean;
+    allowBase64: boolean;
+    HTMLAttributes: Record<string, any>;
+    zIndex?: number;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        image: {
+            setImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                width?: number | string;
+                height?: number | string;
+                align?: 'left' | 'center' | 'right';
+                float?: 'left' | 'right' | 'none';
+                caption?: string;
+                link?: string;
+            }) => ReturnType;
+            updateImage: (attrs: Record<string, any>) => ReturnType;
+            deleteImage: () => ReturnType;
+        };
+    }
+}
+export declare const EnhancedImage: Node<ImageOptions, any>;

package/dist/modules/image/image-view.type.d.ts

@@ -0,0 +1,4 @@
+import type { Editor, NodeViewProps } from '@tiptap/core';
+export interface I_ImageViewProps extends NodeViewProps {
+    editor: Editor;
+}

package/dist/modules/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './enhanced-image';
+export * from './enhanced-image-view.component';

package/dist/modules/index.d.ts

@@ -0,0 +1,6 @@
+export * from './accordion';
+export * from './color-picker';
+export * from './heading';
+export * from './image';
+export * from './table';
+export * from './toolbar';

package/dist/modules/table/enhanced-table-cell-view.component.d.ts

@@ -0,0 +1,2 @@
+import { NodeViewProps } from '@tiptap/react';
+export declare function EnhancedTableCellView({ node, updateAttributes, }: NodeViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/table/enhanced-table-cell.d.ts

@@ -0,0 +1 @@
+export declare const EnhancedTableCell: import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>;

package/dist/modules/table/enhanced-table-view.component.d.ts

@@ -0,0 +1,2 @@
+import { NodeViewProps } from '@tiptap/react';
+export declare function EnhancedTableView({ node, updateAttributes, editor, }: NodeViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/table/enhanced-table.d.ts

@@ -0,0 +1,7 @@
+export interface TableCellAttributes {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    textAlign?: 'left' | 'center' | 'right';
+}
+export declare const EnhancedTable: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;

package/dist/modules/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './table.component';
+export * from './table.type';
+export * from './enhanced-table';
+export * from './enhanced-table-cell';
+export * from './enhanced-table-view.component';
+export * from './enhanced-table-cell-view.component';

package/dist/modules/table/table.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_TableSelectorProps } from './table.type';
+export declare function Table({ editor, buttonClass, activeClass, }: I_TableSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/table/table.type.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react';
+export interface I_TableSelectorProps {
+    editor: Editor;
+    buttonClass: string;
+    activeClass: string;
+}

package/dist/modules/toolbar/custom.d.ts

@@ -0,0 +1 @@
+export declare function CustomExtensions({ editor }: any): import("react/jsx-runtime").JSX.Element;

package/dist/modules/toolbar/font-family.d.ts

@@ -0,0 +1 @@
+export declare function FontFamily({ editor }: any): import("react/jsx-runtime").JSX.Element;

package/dist/modules/toolbar/font-size.d.ts

@@ -0,0 +1 @@
+export declare function FontSize({ editor }: any): import("react/jsx-runtime").JSX.Element;

package/dist/modules/toolbar/index.d.ts

@@ -0,0 +1 @@
+export declare function ToolBar({ editor }: any): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/toolbar/table-controls.d.ts

@@ -0,0 +1 @@
+export declare function TableControls({ editor }: any): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/video/index.d.ts

@@ -0,0 +1,2 @@
+export { Video } from './video';
+export { VideoView } from './video-view.component';

package/dist/modules/video/video-view.component.d.ts

@@ -0,0 +1,16 @@
+interface VideoViewProps {
+    node: {
+        attrs: {
+            src: string;
+            width: string | number;
+            height: string | number;
+            provider: string;
+        };
+    };
+    updateAttributes: (attrs: Record<string, any>) => void;
+    editor: any;
+    selected: boolean;
+    deleteNode: () => void;
+}
+export declare function VideoView({ node, updateAttributes, editor, selected, deleteNode, }: VideoViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/video/video.d.ts

@@ -0,0 +1,17 @@
+import { Node } from '@tiptap/core';
+export interface VideoOptions {
+    inline: boolean;
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (options: {
+                src: string;
+                width?: number | string;
+                height?: number | string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const Video: Node<VideoOptions, any>;

package/dist/playground/App.d.ts

@@ -0,0 +1 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/playground/main.d.ts

@@ -0,0 +1 @@
+import '../shared/assets/styles/global.css';

package/dist/shared/components/color-picker/color-picker.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_ColorPickerProps } from './color-picker.type';
+export declare function ColorPicker({ value, onChange }: I_ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/color-picker/color-picker.type.d.ts

@@ -0,0 +1,5 @@
+import type { Color } from 'antd/es/color-picker';
+export interface I_ColorPickerProps {
+    value: string;
+    onChange: (value: Color) => void;
+}

package/dist/shared/components/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-picker.component';
+export * from './color-picker.type';

package/dist/shared/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-picker';
+export * from './modal-edit';

package/dist/shared/components/modal-edit/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal-edit.component';
+export * from './modal-edit.type';

package/dist/shared/components/modal-edit/modal-edit.component.d.ts

@@ -0,0 +1,2 @@
+import type { I_ModalEditProps } from './modal-edit.type';
+export declare function ModalEdit({ title, childrenContent, editable, childrenEdit, }: I_ModalEditProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/modal-edit/modal-edit.type.d.ts

@@ -0,0 +1,6 @@
+export interface I_ModalEditProps {
+    title: string;
+    childrenContent: React.ReactNode;
+    editable: boolean;
+    childrenEdit?: React.ReactNode;
+}

package/dist/shared/configs/env.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (mode?: string) => Record<string, string>;
+export default _default;

package/dist/shared/constants/alias.d.ts

@@ -0,0 +1,4 @@
+export declare const VITE_ALIAS: {
+    '#modules': string;
+    '#shared': string;
+};

package/dist/shared/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './alias';

package/dist/shared/providers/editor.d.ts

@@ -0,0 +1,3 @@
+import type { I_CyberEditorProviderProps } from '#shared/typescript';
+import '#shared/assets/styles/global.css';
+export declare function EditorProvider({ content, slotBefore, className, editorClassName, editable, onChange, }: I_CyberEditorProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './editor';

package/dist/shared/typescript/index.d.ts

@@ -0,0 +1,8 @@
+export interface I_CyberEditorProviderProps {
+    content?: string;
+    slotBefore?: boolean;
+    className?: string;
+    editorClassName?: string;
+    editable?: boolean;
+    onChange?: (content: string) => void;
+}

package/dist/shared/utils/extensions.d.ts

@@ -0,0 +1,16 @@
+import { Extension } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+        fontFamily: {
+            setFontFamily: (font: string) => ReturnType;
+            unsetFontFamily: () => ReturnType;
+        };
+    }
+}
+export declare const FontSize: Extension<any, any>;
+export declare const FontFamily: Extension<any, any>;
+export declare const extensions: (import("@tiptap/core").Node<any, any> | Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];

package/dist/shared/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './extensions';

package/package.json

@@ -1,87 +1,81 @@
 {
     "name": "@cyberskill/cyber-editor",
     "type": "module",
-    "version": "3.9.0",
-    "description": "Refactor import",
+    "version": "4.0.0",
+    "description": "Update version tailwind v4 and plugin",
     "exports": {
         ".": {
-            "types": "./dist/client/index.d.ts",
-            "import": "./dist/client/cyber-editor.es.js",
-            "require": "./dist/client/cyber-editor.cjs.js"
+            "types": "./dist/index.d.ts",
+            "import": "./dist/cyber-editor.es.js",
+            "require": "./dist/cyber-editor.cjs.js"
         },
-        "./index.css": "./dist/client/cyber-editor.css"
+        "./index.css": "./dist/cyber-editor.css"
     },
-    "main": "dist/client/cyber-editor.cjs.js",
-    "module": "dist/client/cyber-editor.es.js",
-    "types": "dist/client/index.d.ts",
+    "main": "dist/cyber-editor.cjs.js",
+    "module": "dist/cyber-editor.es.js",
+    "types": "dist/index.d.ts",
     "files": [
         "dist"
     ],
     "scripts": {
-        "build": "dotenvx run -- react-router build",
-        "dev": "run-s prepare start:dev",
-        "lint": "cyberskill lint",
-        "lint:fix": "cyberskill lint:fix",
-        "lint:inspect": "cyberskill lint:inspect",
-        "reset": "cyberskill reset",
-        "prepare": "cyberskill prepare",
-        "inspect": "cyberskill inspect",
-        "start:dev": "dotenvx run -- react-router dev",
-        "start": "dotenvx run -- react-router-serve ./build/server/index.js"
+        "build": "cross-env NODE_ENV=production vite build && tsc --project tsconfig.app.json",
+        "dev": "vite",
+        "lint": "pnpm exec cyberskill lint",
+        "lint:fix": "pnpm exec cyberskill lint:fix",
+        "lint:inspect": "pnpm exec cyberskill lint:inspect",
+        "reset": "pnpm exec cyberskill reset",
+        "setup": "pnpm exec cyberskill setup",
+        "inspect": "pnpm exec cyberskill inspect"
     },
     "dependencies": {
-        "@cyberskill/shared": "1.170.0",
-        "@dotenvx/dotenvx": "1.44.1",
-        "@microsoft/api-extractor": "7.52.8",
-        "@react-router/dev": "7.6.0",
-        "@react-router/node": "7.6.0",
-        "@react-router/serve": "7.6.0",
-        "@tailwindcss/vite": "4.1.7",
-        "@tiptap/core": "2.12.0",
-        "@tiptap/extension-color": "2.12.0",
-        "@tiptap/extension-heading": "2.12.0",
-        "@tiptap/extension-highlight": "2.12.0",
-        "@tiptap/extension-image": "2.12.0",
-        "@tiptap/extension-list-item": "2.12.0",
-        "@tiptap/extension-subscript": "2.12.0",
-        "@tiptap/extension-superscript": "2.12.0",
-        "@tiptap/extension-table": "2.12.0",
-        "@tiptap/extension-table-cell": "2.12.0",
-        "@tiptap/extension-table-header": "2.12.0",
-        "@tiptap/extension-table-row": "2.12.0",
-        "@tiptap/extension-task-item": "2.12.0",
-        "@tiptap/extension-task-list": "2.12.0",
-        "@tiptap/extension-text-align": "2.12.0",
-        "@tiptap/extension-text-style": "2.12.0",
-        "@tiptap/extension-underline": "2.12.0",
-        "@tiptap/react": "2.12.0",
-        "@tiptap/starter-kit": "2.12.0",
-        "antd": "5.25.2",
+        "@cyberskill/shared": "1.47.0",
+        "@tailwindcss/vite": "4.0.17",
+        "@tiptap/core": "2.11.5",
+        "@tiptap/extension-bubble-menu": "3.18.0",
+        "@tiptap/extension-character-count": "3.18.0",
+        "@tiptap/extension-color": "2.11.5",
+        "@tiptap/extension-dropcursor": "3.18.0",
+        "@tiptap/extension-floating-menu": "3.18.0",
+        "@tiptap/extension-font-family": "3.18.0",
+        "@tiptap/extension-gapcursor": "3.18.0",
+        "@tiptap/extension-heading": "2.11.5",
+        "@tiptap/extension-highlight": "2.11.5",
+        "@tiptap/extension-image": "2.11.5",
+        "@tiptap/extension-link": "3.18.0",
+        "@tiptap/extension-list-item": "2.11.5",
+        "@tiptap/extension-placeholder": "3.18.0",
+        "@tiptap/extension-subscript": "2.11.5",
+        "@tiptap/extension-superscript": "2.11.5",
+        "@tiptap/extension-table": "2.11.5",
+        "@tiptap/extension-table-cell": "2.11.5",
+        "@tiptap/extension-table-header": "2.11.5",
+        "@tiptap/extension-table-row": "2.11.5",
+        "@tiptap/extension-task-item": "2.11.5",
+        "@tiptap/extension-task-list": "2.11.5",
+        "@tiptap/extension-text-align": "2.11.5",
+        "@tiptap/extension-text-style": "2.11.5",
+        "@tiptap/extension-typography": "3.18.0",
+        "@tiptap/extension-underline": "2.11.5",
+        "@tiptap/extension-youtube": "3.18.0",
+        "@tiptap/react": "2.11.5",
+        "@tiptap/starter-kit": "2.11.5",
+        "@vitejs/plugin-react-swc": "3.8.1",
+        "antd": "5.24.5",
         "classnames": "2.5.1",
-        "envalid": "8.0.0",
-        "isbot": "^5",
-        "lucide-react": "0.511.0",
-        "npm-run-all2": "8.0.3",
-        "react": "19.1.0",
-        "react-dom": "19.1.0",
+        "lucide-react": "0.484.0",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
         "react-icons": "5.5.0",
         "react-resizable": "3.0.5",
-        "react-router": "7.6.0",
-        "tailwindcss": "4.1.7",
-        "typescript": "5.8.3",
-        "vite": "6.3.5",
-        "vite-plugin-dts": "4.5.4"
+        "tailwindcss": "4.0.17",
+        "vite": "6.2.3"
     },
     "devDependencies": {
-        "@commitlint/cli": "19.8.1",
-        "@commitlint/config-conventional": "19.8.1",
-        "@eslint/config-inspector": "1.0.2",
-        "@types/react": "19.1.5",
-        "@types/react-dom": "19.1.5",
+        "@types/node": "22.13.14",
+        "@types/react": "19.0.12",
+        "@types/react-dom": "19.0.4",
         "@types/react-resizable": "3.0.8",
-        "eslint": "9.27.0",
-        "lint-staged": "16.0.0",
-        "node-modules-inspector": "0.6.8",
-        "simple-git-hooks": "2.13.0"
+        "cross-env": "7.0.3",
+        "typescript": "5.8.2"
     }
 }

package/dist/client/_commonjsHelpers-C6fGbg64.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};

package/dist/client/_commonjsHelpers-DwGv2jUC.cjs

@@ -1 +0,0 @@
-"use strict";function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/client/assets/manifest-e1ae6e39.js

@@ -1 +0,0 @@
-window.__reactRouterManifest={"entry":{"module":"/cyber-editor.cjs.js","imports":["/chunk-D4RADZKF-sLhgGPy5.cjs","/_commonjsHelpers-DwGv2jUC.cjs"],"css":[]},"routes":{"root":{"id":"root","path":"","hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasErrorBoundary":false,"module":"/cyber-editor.cjs2.js","imports":["/chunk-D4RADZKF-sLhgGPy5.cjs","/_commonjsHelpers-DwGv2jUC.cjs","/with-props-CuGIah2q.cjs","/index-HJNgKdvE.cjs"],"css":[]},"shared/layout/blank/index":{"id":"shared/layout/blank/index","parentId":"root","hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasErrorBoundary":false,"module":"/cyber-editor.cjs3.js","imports":["/with-props-CuGIah2q.cjs","/chunk-D4RADZKF-sLhgGPy5.cjs"],"css":[]},"pages/home/index":{"id":"pages/home/index","parentId":"shared/layout/blank/index","index":true,"hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasErrorBoundary":false,"module":"/cyber-editor.cjs4.js","imports":["/with-props-CuGIah2q.cjs","/chunk-D4RADZKF-sLhgGPy5.cjs","/index-HJNgKdvE.cjs","/_commonjsHelpers-DwGv2jUC.cjs"],"css":[]},"pages/error/404":{"id":"pages/error/404","parentId":"root","path":"*?","hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasErrorBoundary":false,"module":"/cyber-editor.cjs5.js","imports":["/with-props-CuGIah2q.cjs","/chunk-D4RADZKF-sLhgGPy5.cjs"],"css":[]}},"url":"/assets/manifest-e1ae6e39.js","version":"e1ae6e39"};