@ap666/office-word 0.1.0

package/dist/typeof-Dz1Ap89p.js

@@ -0,0 +1,11 @@
+//#region ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function e(t) {
+	"@babel/helpers - typeof";
+	return e = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, e(t);
+}
+//#endregion
+export { e as t };

package/dist/types.d.ts

@@ -0,0 +1,57 @@
+import { JSONContent } from '@tiptap/core';
+export type RichTextEditorProps = {
+    modelValue?: JSONContent | null;
+    editable?: boolean;
+    placeholder?: string;
+};
+export type RichTextEditorAlign = 'left' | 'center' | 'right';
+export type RichTextEditorImagePayload = {
+    src: string;
+    alt?: string;
+    name?: string;
+    description?: string;
+    link?: string;
+    rotation?: number;
+};
+export type RichTextEditorVideoPayload = {
+    src: string;
+    name?: string;
+    description?: string;
+    mimeType?: string;
+    align?: RichTextEditorAlign;
+    widthPercent?: number;
+    height?: number;
+};
+export type RichTextEditorFilePayload = {
+    url: string;
+    name: string;
+    displayMode?: 'text' | 'card' | 'preview';
+    align?: RichTextEditorAlign;
+    widthPercent?: number;
+    height?: number;
+};
+export type RichTextEditorImageExportOptions = {
+    type?: 'image/png' | 'image/jpeg';
+    quality?: number;
+};
+export type RichTextEditorInstance = {
+    exportPdf: () => Promise<Blob | null>;
+    exportImage: (options?: RichTextEditorImageExportOptions) => Promise<Blob | null>;
+    exportHtml: () => string | null;
+    insertImage: (payload: RichTextEditorImagePayload | RichTextEditorImagePayload[]) => boolean;
+    insertVideo: (payload: RichTextEditorVideoPayload) => boolean;
+    insertFile: (payload: RichTextEditorFilePayload) => boolean;
+    focus: () => void;
+    getJSON: () => JSONContent | null;
+};
+export type OfficeIconProps = {
+    name: string;
+    size?: number | string;
+    color?: string;
+    backgroundColor?: string;
+};
+export type OfficeColorIconProps = {
+    name: string;
+    size?: number | string;
+    backgroundColor?: string;
+};

package/dist/utils/columns.d.ts

@@ -0,0 +1,4 @@
+export declare const MAX_COLUMNS = 4;
+export declare const MIN_COLUMN_WIDTH = 10;
+export declare function createEqualColumnWidths(count: number): number[];
+export declare function normalizeColumnWidths(input: unknown, count: number): number[];

package/dist/utils/markdown-import.d.ts

@@ -0,0 +1,2 @@
+import { JSONContent } from '@tiptap/core';
+export declare function parseMarkdownToContent(markdown: string): JSONContent[];

package/docs/usage.md

@@ -0,0 +1,19 @@
+# Package Usage
+
+This file is shipped with the npm package so consumers can view the usage guide locally after installation.
+
+See the package root `README.md` for the primary integration guide.
+
+## Quick Start
+
+```ts
+import { RichTextEditor } from '@ap666/office-word'
+```
+
+## Main Capabilities
+
+- rich text editing with a built-in toolbar UI
+- export to PDF, image, and HTML through instance methods
+- external upload integration for image, video, and file insertion
+- typed public instance API for Vue `ref` usage
+

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@ap666/office-word",
+  "version": "0.1.0",
+  "description": "A reusable Vue 3 rich text editor component built with Tiptap 3.",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "docs",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "vue3",
+    "tiptap",
+    "rich-text-editor",
+    "component-library"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "^3.22.1",
+    "@tiptap/extension-code-block": "^3.22.1",
+    "@tiptap/extension-code-block-lowlight": "^3.22.1",
+    "@tiptap/extension-font-family": "^3.22.1",
+    "@tiptap/extension-placeholder": "^3.22.1",
+    "@tiptap/extension-subscript": "^3.22.1",
+    "@tiptap/extension-superscript": "^3.22.1",
+    "@tiptap/extension-task-item": "^3.22.1",
+    "@tiptap/extension-task-list": "^3.22.1",
+    "@tiptap/extension-text-style": "^3.22.1",
+    "@tiptap/extension-underline": "^3.22.1",
+    "@tiptap/starter-kit": "^3.22.1",
+    "@tiptap/vue-3": "^3.22.1",
+    "lowlight": "^3.3.0",
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "html2canvas": "^1.4.1",
+    "jspdf": "^4.2.1",
+    "katex": "^0.16.44",
+    "marked": "^17.0.5",
+    "plyr": "^3.8.4"
+  }
+}