oasis-editor 0.0.1 → 0.0.2

package/dist/ui/textMeasurement/indentation.d.ts

@@ -0,0 +1,12 @@
+import { EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+
+export declare function getListIndentPx(paragraph: EditorParagraphNode): number;
+/**
+ * Inset where a list label (bullet/number) is painted: the start of the hanging
+ * area, i.e. the text indent minus the hanging amount. Used by the canvas and
+ * PDF painters so the label sits to the left of the (possibly tab-advanced)
+ * first-line text.
+ */
+export declare function getListLabelInset(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined): number;
+export declare function getAvailableWidth(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined, contentWidth: number, isFirstLine: boolean): number;
+export declare function getLineStartInset(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined, isFirstLine: boolean): number;

package/dist/ui/textMeasurement/layoutLine.d.ts

@@ -0,0 +1,4 @@
+import { EditorLayoutLine } from '../../../../core/model.js';
+
+export declare function commitLine(lines: EditorLayoutLine[], paragraphId: string, startOffset: number, endOffset: number, slotLefts: number[], top: number, height: number, availableWidth?: number): void;
+export declare function shiftLine(line: EditorLayoutLine, deltaX: number): EditorLayoutLine;

package/dist/ui/textMeasurement/paragraphLineHeight.d.ts

@@ -0,0 +1,22 @@
+import { EditorNamedStyle, EditorParagraphNode, EditorParagraphStyle } from '../../../../core/model.js';
+
+interface ResolvedLineSpacing {
+    rule: "auto" | "exact" | "atLeast";
+    /** Multiplier to use for the natural (single-line) height computation. */
+    multiplier: number;
+    /** Absolute height in px for exact/atLeast rules (0 for auto). */
+    absolutePx: number;
+}
+/**
+ * Interprets `lineHeight`/`lineRule`. For `exact`/`atLeast`, `lineHeight` is an
+ * absolute px height; otherwise it is a multiplier of single line spacing.
+ */
+export declare function resolveLineSpacing(paragraphStyle: EditorParagraphStyle): ResolvedLineSpacing;
+/**
+ * Applies the line rule to a naturally-computed line height: `exact` forces the
+ * absolute value, `atLeast` grows the natural height to the minimum, `auto`
+ * leaves it unchanged.
+ */
+export declare function applyLineRule(naturalHeight: number, spacing: ResolvedLineSpacing): number;
+export declare function getParagraphLineHeight(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined, fallbackFontSize: number): number;
+export {};

package/dist/ui/textMeasurement/tabStops.d.ts

@@ -0,0 +1,4 @@
+import { EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+import { MeasuredChar } from '../../types.js';
+
+export declare function resolveTabAdvancePx(paragraph: EditorParagraphNode, styles: Record<string, EditorNamedStyle> | undefined, defaultTabStop: number | undefined, lineStartInset: number, lineWidth: number, tabOffset: number, measuredChars: MeasuredChar[]): number;

package/dist/ui/textMeasurement/tokenizer.d.ts

@@ -0,0 +1,6 @@
+import { EditorLayoutFragment, EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+import { MeasuredChar, MeasuredToken } from '../../types.js';
+
+export declare function buildParagraphFragments(paragraph: EditorParagraphNode): EditorLayoutFragment[];
+export declare function buildMeasuredChars(paragraph: EditorParagraphNode, fragments: EditorLayoutFragment[], styles: Record<string, EditorNamedStyle> | undefined): MeasuredChar[];
+export declare function tokenizeMeasuredChars(chars: MeasuredChar[]): MeasuredToken[];

package/dist/ui/textMeasurement/types.d.ts

@@ -0,0 +1,27 @@
+import { EditorLayoutFragment, EditorNamedStyle, EditorParagraphNode } from '../../../../core/model.js';
+import { FloatingExclusionRect } from '../../../../core/engine.js';
+
+export interface MeasuredChar {
+    char: string;
+    offset: number;
+    width: number;
+    /**
+     * Height (px) of the inline object (image/text box) this char stands in for,
+     * so the line can grow to fit it. Undefined for normal text and floating
+     * objects (which are taken out of flow).
+     */
+    objectHeight?: number;
+}
+export interface MeasuredToken {
+    kind: "text" | "whitespace" | "newline";
+    chars: MeasuredChar[];
+    width: number;
+}
+export interface TextMeasureOptions {
+    paragraph: EditorParagraphNode;
+    fragments: EditorLayoutFragment[];
+    styles?: Record<string, EditorNamedStyle>;
+    contentWidth?: number;
+    defaultTabStop?: number;
+    exclusions?: FloatingExclusionRect[];
+}

package/dist/ui/textMeasurement.d.ts

@@ -1,14 +1,8 @@
-import { EditorLayoutFragment, EditorLayoutLine, EditorNamedStyle, EditorParagraphNode, EditorTextStyle } from '../../core/model.js';
 import { ITextMeasurer } from '../../core/engine.js';
 
-export interface TextMeasureOptions {
-    paragraph: EditorParagraphNode;
-    fragments: EditorLayoutFragment[];
-    styles?: Record<string, EditorNamedStyle>;
-    contentWidth?: number;
-    layoutMode?: "fast" | "wordParity";
-}
-export declare function resolveRenderedLineHeightPx(styles: EditorTextStyle | undefined, lineHeightMultiple: number): number;
-export declare function measureParagraphMinContentWidthPx(paragraph: EditorParagraphNode, styles?: Record<string, EditorNamedStyle>, layoutMode?: "fast" | "wordParity"): number;
-export declare function composeMeasuredParagraphLines(options: TextMeasureOptions): EditorLayoutLine[];
+export { clearTextMeasureCache } from '../textMeasurement/characterWidth.js';
+export { clearNormalLineHeightCache, resolveRenderedLineHeightPx, } from '../textMeasurement/fontMetrics.js';
+export { applyLineRule, resolveLineSpacing, } from '../textMeasurement/paragraphLineHeight.js';
+export { composeMeasuredParagraphLines, measureParagraphMinContentWidthPx, } from '../textMeasurement/composer.js';
+export type { TextMeasureOptions } from '../textMeasurement/types.js';
 export declare const domTextMeasurer: ITextMeasurer;

package/dist/ui/toolbarStyleState.d.ts

@@ -1,7 +1,7 @@
 import { EditorState } from '../../core/model.js';
 
-export type BooleanStyleKey = "bold" | "italic" | "underline" | "strike" | "doubleStrike" | "superscript" | "subscript" | "smallCaps" | "allCaps" | "hidden" | "contextualAlternates";
-export type ValueStyleKey = "fontFamily" | "fontSize" | "color" | "highlight" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
+export type BooleanStyleKey = "bold" | "italic" | "underline" | "strike" | "doubleStrike" | "superscript" | "subscript" | "smallCaps" | "allCaps" | "hidden" | "noProof" | "webHidden" | "specVanish" | "contextualAlternates";
+export type ValueStyleKey = "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
 export type ParagraphStyleKey = "styleId" | "align" | "spacingBefore" | "spacingAfter" | "lineHeight" | "indentLeft" | "indentRight" | "indentFirstLine" | "indentHanging" | "shading" | "tabs" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "pageBreakBefore" | "keepWithNext";
 export interface ToolbarStyleState {
     bold: boolean;
@@ -16,6 +16,9 @@ export interface ToolbarStyleState {
     smallCaps: boolean;
     allCaps: boolean;
     hidden: boolean;
+    noProof: boolean;
+    webHidden: boolean;
+    specVanish: boolean;
     characterScale: string;
     characterSpacing: string;
     baselineShift: string;
@@ -29,6 +32,8 @@ export interface ToolbarStyleState {
     fontSize: string;
     color: string;
     highlight: string;
+    textShading: string;
+    textEffect: string;
     link: string;
     styleId: string;
     align: string;
@@ -36,9 +41,17 @@ export interface ToolbarStyleState {
     spacingBefore: string;
     spacingAfter: string;
     indentLeft: string;
+    indentRight: string;
     indentFirstLine: string;
     indentHanging: string;
     shading: string;
+    borderStyle: string;
+    borderWidth: string;
+    borderColor: string;
+    borderSideTop: boolean;
+    borderSideRight: boolean;
+    borderSideBottom: boolean;
+    borderSideLeft: boolean;
     listKind: string;
     pageBreakBefore: boolean;
     keepWithNext: boolean;

package/dist/ui/utils/customIcons.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from '../../solid-js';
+
+/**
+ * Custom inline-SVG icons that can't be expressed with lucide's monochrome,
+ * path-only icon set (e.g. multi-color glyphs or text). Rendered directly as
+ * SVG so they are not picked up by the lucide MutationObserver, which only
+ * processes `[data-lucide]` elements.
+ *
+ * Each renderer mirrors lucide's default svg attributes (24x24 viewBox) so the
+ * existing toolbar/menubar icon sizing applies identically.
+ */
+export type CustomIconRenderer = () => JSX.Element;
+export declare function getCustomIcon(name?: string): CustomIconRenderer | undefined;
+/**
+ * Renders an icon by name: a registered custom inline SVG when available,
+ * otherwise a lucide `<i data-lucide>` placeholder resolved by the icon observer.
+ */
+export declare function ToolIcon(props: {
+    name: string;
+}): JSX.Element;

package/dist/ui.d.ts

@@ -0,0 +1,42 @@
+export {
+  Button,
+  Checkbox,
+  ColorPicker,
+  Dialog,
+  DialogFooter,
+  GridPicker,
+  IconButton,
+  Menu,
+  Popover,
+  Select,
+  SelectField,
+  Separator,
+  SplitButton,
+  Tabs,
+  TextField,
+  ToolbarButton,
+  ToolbarColorPicker,
+} from "oasis-editor";
+
+export type {
+  ButtonProps,
+  CheckboxProps,
+  ColorPickerKind,
+  ColorPickerProps,
+  DialogFooterProps,
+  DialogProps,
+  GridPickerProps,
+  IconButtonProps,
+  MenuProps,
+  PopoverProps,
+  PopoverTriggerApi,
+  SelectFieldOption,
+  SelectFieldProps,
+  SeparatorProps,
+  SplitButtonProps,
+  TabsItem,
+  TabsProps,
+  TextFieldProps,
+  ToolbarButtonProps,
+  ToolbarSelectProps,
+} from "oasis-editor";

package/dist/ui.js

@@ -0,0 +1,19 @@
+export {
+  Button,
+  Checkbox,
+  ColorPicker,
+  ColorPicker as ToolbarColorPicker,
+  Dialog,
+  DialogFooter,
+  GridPicker,
+  IconButton,
+  Menu,
+  Popover,
+  Select,
+  SelectField,
+  Separator,
+  SplitButton,
+  Tabs,
+  TextField,
+  ToolbarButton,
+} from "oasis-editor";

package/dist/utils/imageFormats.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Shared mapping between image file extensions and MIME types for the DOCX
+ * image pipeline (`word/media/*`). Keeping a single source of truth ensures
+ * import (path → MIME) and export (MIME → extension + content type) stay
+ * consistent across the supported raster and vector formats.
+ *
+ * See `docs/ooxml.md` ("Package / OPC", `word/media/*`).
+ */
+/** Resolve the MIME type for an image path/filename, or `null` if unknown. */
+export declare function imageMimeFromPath(path: string): string | null;
+/** Resolve the canonical file extension for an image MIME type, or `null`. */
+export declare function imageExtensionFromMime(mime: string): string | null;
+/** Content-type `<Default>` entries for the given set of file extensions. */
+export declare function imageContentTypeDefaults(extensions: Iterable<string>): string;

package/dist/utils/throttle.d.ts

@@ -1,4 +1,4 @@
 /**
  * Debounce: delays execution until `delay` ms have passed since the last call.
  */
-export declare function debounce<T extends (...args: any[]) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;
+export declare function debounce<T extends (...args: never[]) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;

package/dist/vue.d.ts

@@ -0,0 +1,9 @@
+import type { DefineComponent } from "vue";
+import type { OasisEditorAppProps, OasisEditorClient } from "oasis-editor";
+
+export declare const OasisEditor: DefineComponent<{
+  config?: OasisEditorAppProps;
+  class?: string;
+  style?: string | Record<string, unknown>;
+  onClient?: (client: OasisEditorClient) => void;
+}>;

package/dist/vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, onBeforeUnmount, onMounted, ref, h } from "vue";
+import { mount } from "oasis-editor";
+
+export const OasisEditor = defineComponent({
+  name: "OasisEditor",
+  props: {
+    config: {
+      type: Object,
+      default: () => ({}),
+    },
+    class: String,
+    style: [String, Object],
+    onClient: Function,
+  },
+  setup(props) {
+    const root = ref(null);
+    let instance = null;
+
+    onMounted(() => {
+      if (root.value) {
+        instance = mount(root.value, props.config);
+        props.onClient?.(instance);
+      }
+    });
+
+    onBeforeUnmount(() => {
+      instance?.unmount();
+      instance = null;
+    });
+
+    return () => h("div", { ref: root, class: props.class, style: props.style });
+  },
+});

package/package.json

@@ -1,65 +1,93 @@
-{
-  "name": "oasis-editor",
-  "version": "0.0.1",
-  "type": "module",
-  "main": "./dist/oasis-editor.umd.cjs",
-  "module": "./dist/oasis-editor.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/oasis-editor.js",
-      "require": "./dist/oasis-editor.umd.cjs"
-    },
-    "./style.css": "./dist/oasis-editor.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build:lib": "vite build --mode lib",
-    "build:app": "vite build",
+{
+  "name": "oasis-editor",
+  "version": "0.0.2",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/celsowm/oasis-editor.git"
+  },
+  "main": "./dist/oasis-editor.umd.cjs",
+  "module": "./dist/oasis-editor.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/oasis-editor.js",
+      "require": "./dist/oasis-editor.umd.cjs"
+    },
+    "./style.css": "./dist/oasis-editor.css",
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "vue": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "brand:generate": "node ./scripts/generate-brand-assets.mjs",
+    "dev": "vite",
+    "build:lib": "vite build --mode lib && node ./scripts/build-adapters.mjs",
+    "build:app": "vite build",
     "build": "npm run build:lib && npm run build:app",
     "prepack": "npm run build:lib",
     "preview": "vite preview",
-    "test:perf": "playwright test",
-    "wasm:build": "wasm-pack build ./rust-core --target web --out-dir ../public/wasm",
-    "dev:rust": "npm run wasm:build && vite",
-    "build:all": "npm run wasm:build && npm run build",
-    "test": "vitest run",
-    "test:word-parity": "vitest run --config vitest.word-parity.config.js",
-    "lint": "eslint src --ext .ts",
-    "format": "prettier --write \"src/**/*.ts\""
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.59.1",
-    "@types/jszip": "^3.4.0",
-    "@types/node": "^20.0.0",
-    "@types/pdfmake": "^0.3.2",
-    "@types/web": "^0.0.115",
-    "@typescript-eslint/eslint-plugin": "^7.0.0",
-    "@typescript-eslint/parser": "^7.0.0",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "fake-indexeddb": "^6.2.5",
-    "jsdom": "^29.0.2",
-    "prettier": "^3.2.5",
-    "terser": "^5.46.1",
-    "ts-morph": "^28.0.0",
-    "tsx": "^4.22.4",
-    "typescript": "^5.3.3",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-solid": "^2.11.12",
-    "vitest": "^1.3.1"
-  },
-  "dependencies": {
-    "@xmldom/xmldom": "^0.9.10",
-    "jszip": "^3.10.1",
-    "lucide": "^1.11.0",
-    "pdfmake": "^0.3.7",
-    "solid-js": "^1.9.12"
-  }
-}
+    "test:perf": "playwright test",
+    "wasm:build": "wasm-pack build ./rust-core --target web --out-dir ../public/wasm",
+    "dev:rust": "npm run wasm:build && vite",
+    "build:all": "npm run wasm:build && npm run build",
+    "test": "vitest run",
+    "test:word-parity": "vitest run --config vitest.word-parity.config.js",
+    "lint": "eslint src --ext .ts",
+    "format": "prettier --write \"src/**/*.ts\""
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.59.1",
+    "@types/jszip": "^3.4.0",
+    "@types/node": "^20.0.0",
+    "@types/web": "^0.0.115",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "fake-indexeddb": "^6.2.5",
+    "jsdom": "^29.0.2",
+    "prettier": "^3.2.5",
+    "terser": "^5.46.1",
+    "ts-morph": "^28.0.0",
+    "tsx": "^4.22.4",
+    "typescript": "^5.3.3",
+    "vite": "^5.4.19",
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-solid": "^2.11.12",
+    "vitest": "^1.3.1"
+  },
+  "dependencies": {
+    "@xmldom/xmldom": "^0.9.10",
+    "brotli": "^1.3.3",
+    "jszip": "^3.10.1",
+    "lucide": "^1.11.0",
+    "solid-js": "^1.9.12"
+  }
+}

package/dist/__tests__/app/PersistenceService.test.d.ts

@@ -1 +0,0 @@
-

package/dist/__tests__/app/footnoteUiCommands.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/commands/text.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/editorPluginIntegration.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/editorState.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/footnotes.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/model.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/pluginCollection.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/core/tableCommands.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/export/docxExport.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/export/footnotesExport.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/export/pdfWriter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/export/underlineStyle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/import/docxComplexSmoke.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/import/docxImport.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/import/footnotesImport.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/integration/documentFlow.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/CanvasTableLayout.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/canvasHitTestService.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/canvasLayoutSnapshot.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/canvasSelectionGeometry.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/canvasTextRendering.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/composeMeasuredParagraphLines.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/dialog.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/fontDialog.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/footnotesLayout.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/layoutIdentity.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/layoutProjection.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/registry.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/tabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/ui/textMeasurementAlignment.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/word-parity/fixtures/corpus.d.ts

@@ -1,10 +0,0 @@
-export interface WordParityCorpusEntry {
-    id: string;
-    fileName: string;
-    category: "baseline-lorem" | "header-footer" | "mixed-fonts" | "tables" | "page-breaks";
-}
-/**
- * Canonical Word parity corpus manifest (Milestone 1, text-first).
- * Add production documents here as they are curated.
- */
-export declare const WORD_PARITY_CORPUS: WordParityCorpusEntry[];

package/dist/__tests__/word-parity/fixtures/loremFixtures.d.ts

@@ -1,8 +0,0 @@
-import { EditorDocument, EditorPageSettings } from '../../../../../../core/model.js';
-
-export declare const A4_PAGE_SETTINGS: EditorPageSettings;
-export declare const CALIBRI_11PX = 14.6667;
-export declare const LOREM_PARAGRAPH: string;
-export declare function createA4CalibriLoremSinglePageDocument(): EditorDocument;
-export declare function createA4CalibriLoremMultipageDocument(): EditorDocument;
-export declare function createA4LoremHeaderFooterDocument(): EditorDocument;

package/dist/__tests__/word-parity/wordLayout.word-parity.d.ts

@@ -1 +0,0 @@
-export {};