@pretextbook/web-editor 0.0.2 → 0.0.4

package/README.md

@@ -40,14 +40,20 @@ export default App;
 
 ### Styling
 
-The editor includes CSS styles that must be imported. You have two options:
+**Important:** This package uses Tailwind CSS internally, but **all styles are pre-compiled and bundled** in the CSS file. You don't need to install or configure Tailwind CSS in your project.
+
+Simply import the CSS file:
 
-**Option 1: Import the CSS file directly** (recommended)
 ```tsx
 import '@pretextbook/web-editor/dist/web-editor.css';
 ```
 
-**Option 2: Import in your CSS file**
+Or in your CSS file:
+```css
+@import '@pretextbook/web-editor/dist/web-editor.css';
+```
+
+All button styles, layout, and MenuBar styling will work automatically without any additional setup.
 ```css
 @import '@pretextbook/web-editor/dist/web-editor.css';
 ```

package/dist/App.d.ts

@@ -0,0 +1,7 @@
+import 'primereact/resources/themes/lara-light-blue/theme.css';
+import 'primereact/resources/primereact.min.css';
+import 'primeicons/primeicons.css';
+import 'primeflex/primeflex.css';
+import './App.css';
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/BubbleMenu.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from "@tiptap/react";
+export declare const PtxBubbleMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/CodeEditor.d.ts

@@ -0,0 +1,6 @@
+interface CodeEditorProps {
+    content: string;
+    onChange: (value: string | undefined) => void;
+}
+declare const CodeEditor: ({ content, onChange }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeEditor;

package/dist/components/CodeEditorMenu.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './CodeEditorMenu.css';
+interface CodeEditorMenuProps {
+    content: string;
+    onContentChange: (newContent: string) => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+}
+declare const CodeEditorMenu: React.FC<CodeEditorMenuProps>;
+export default CodeEditorMenu;

package/dist/components/Editors.d.ts

@@ -0,0 +1,12 @@
+export interface editorProps {
+    content: string;
+    onContentChange: (value: string | undefined) => void;
+    title?: string;
+    onTitleChange?: (value: string) => void;
+    onSaveButton?: () => void;
+    saveButtonLabel?: string;
+    onCancelButton?: () => void;
+    cancelButtonLabel?: string;
+}
+declare const Editors: (props: editorProps) => import("react/jsx-runtime").JSX.Element;
+export default Editors;

package/dist/components/FloatingMenu.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from "@tiptap/react";
+export declare const PtxFloatingMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FullPreview.d.ts

@@ -0,0 +1,5 @@
+interface FullPreviewProps {
+    content: string;
+}
+declare const FullPreview: ({ content }: FullPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default FullPreview;

package/dist/components/MenuBar.d.ts

@@ -0,0 +1,12 @@
+export interface MenuBarProps {
+    isChecked: boolean;
+    onChange: () => void;
+    title?: string;
+    onTitleChange?: (value: string) => void;
+    onSaveButton?: () => void;
+    saveButtonLabel?: string;
+    onCancelButton?: () => void;
+    cancelButtonLabel?: string;
+}
+declare const MenuBar: (props: MenuBarProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuBar;

package/dist/components/TheoremLike.d.ts

@@ -0,0 +1,3 @@
+declare const TheoremLikeComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const ProofComponent: () => import("react/jsx-runtime").JSX.Element;
+export { TheoremLikeComponent, ProofComponent };

package/dist/components/TiptapMenuBar.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from "@tiptap/react";
+export declare const MenuBar: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/VisualEditor.d.ts

@@ -0,0 +1,12 @@
+import "katex/dist/katex.min.css";
+import "../styles.scss";
+interface VisualEditorProps {
+    content: string;
+    onChange: (html: string) => void;
+}
+interface VisualEditorProps {
+    content: string;
+    onChange: (html: string) => void;
+}
+declare const VisualEditor: ({ content, onChange }: VisualEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default VisualEditor;

package/dist/defaultContent.d.ts

@@ -0,0 +1,3 @@
+declare const defaultContent: string;
+declare const simpleContent: string;
+export { defaultContent, simpleContent };

package/dist/extensions/AxiomLike.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const AxiomLike: Extension<any, any>;
+export default AxiomLike;

package/dist/extensions/Blocks.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const Blocks: Extension<any, any>;
+export default Blocks;

package/dist/extensions/Definition.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const Definition: Node<any, any>;
+export default Definition;

package/dist/extensions/Divisions.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const Divisions: Extension<any, any>;
+export default Divisions;

package/dist/extensions/Emph.d.ts

@@ -0,0 +1,7 @@
+import { Node } from "@tiptap/core";
+export declare const inputPTXRegex: RegExp;
+export declare const pastePTXRegex: RegExp;
+export declare const inputMDRegex: RegExp;
+export declare const inputRegex: RegExp;
+declare const Emphasis: Node<any, any>;
+export default Emphasis;

package/dist/extensions/ExampleLike.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const ExampleLike: Extension<any, any>;
+export default ExampleLike;

package/dist/extensions/Inline.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const Inline: Extension<any, any>;
+export default Inline;

package/dist/extensions/Keyboard.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const KeyboardCommands: Extension<any, any>;
+export default KeyboardCommands;

package/dist/extensions/Math.d.ts

@@ -0,0 +1,5 @@
+import { Node } from "@tiptap/core";
+declare const MathInline: Node<any, any>;
+declare const MathEquation: Node<any, any>;
+declare const MathDisplay: Node<any, any>;
+export { MathInline, MathEquation, MathDisplay };

package/dist/extensions/RawPtx.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const RawPtx: Node<any, any>;
+export default RawPtx;

package/dist/extensions/RemarkLike.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const RemarkLike: Extension<any, any>;
+export default RemarkLike;

package/dist/extensions/Statement.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const Statement: Node<any, any>;
+export default Statement;

package/dist/extensions/TheoremLike.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from "@tiptap/core";
+declare const TheoremLike: Extension<any, any>;
+export default TheoremLike;

package/dist/extensions/Title.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const Title: Node<any, any>;
+export default Title;

package/dist/extensions/UnknownMark.d.ts

@@ -0,0 +1,3 @@
+import { Mark } from "@tiptap/core";
+declare const UnknownMark: Mark<any, any>;
+export default UnknownMark;

package/dist/extensions/getCursorPos.d.ts

@@ -0,0 +1,42 @@
+interface CursorPosition {
+    pos: () => number;
+    depth: () => number;
+    inTextNode: () => boolean;
+    prevNodeIsText: () => boolean;
+    nextNodeIsText: () => boolean;
+    parentType: () => string;
+    anchor: () => any;
+    nextNodeSize: () => number;
+    prevNodeSize: () => number;
+}
+interface Editor {
+    $pos: (pos: number) => any;
+    state: {
+        selection: {
+            $anchor: {
+                pos: number;
+                depth: number;
+                parent: {
+                    firstChild: {
+                        isText: boolean;
+                    } | null;
+                    type: {
+                        name: string;
+                    };
+                };
+                nodeBefore: {
+                    isText: boolean;
+                    nodeSize: number;
+                } | null;
+                nodeAfter: {
+                    type: {
+                        name: string;
+                    };
+                    nodeSize: number;
+                } | null;
+            };
+        };
+    };
+}
+export declare const getCursorPos: (editor: Editor) => CursorPosition;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import './index.css';
+export { default as Editors } from './components/Editors';
+export type { editorProps } from './components/Editors';
+export { default as CodeEditor } from './components/CodeEditor';
+export { default as VisualEditor } from './components/VisualEditor';
+export { default as FullPreview } from './components/FullPreview';

package/dist/json2ptx.d.ts

@@ -0,0 +1,2 @@
+declare function json2ptx(json: any): string;
+export { json2ptx };

package/dist/knownTags.d.ts

@@ -0,0 +1 @@
+export declare const KNOWN_TAGS: string[];

package/dist/main.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/ptxSourceSlice.d.ts

@@ -0,0 +1,6 @@
+export declare const setPtxSource: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "ptxSource/setPtxSource">;
+declare const _default: import("redux").Reducer<{
+    value: string;
+    editor: null;
+}>;
+export default _default;

package/dist/utils.d.ts

@@ -0,0 +1,14 @@
+export declare function cleanPtx(origXml: string): string;
+export declare function ptxToJson(xml: string): string;
+export declare function blockAttributes(): {
+    label: {
+        parseHTML: (element: HTMLElement) => string | null;
+    };
+    "xml:id": {
+        parseHTML: (element: HTMLElement) => string | null;
+    };
+    component: {
+        parseHTML: (element: HTMLElement) => string | null;
+    };
+};
+export declare function generateInputRules(prefix: string, nodeType: any): import("@tiptap/core").InputRule[];