oasis-editor 0.0.96 → 0.0.98

package/dist/core/model/index.d.ts

@@ -6,7 +6,7 @@
  * statements that pointed there continue to work via the barrel
  * re-export in `src/core/model.ts`.
  */
-export type { EditorUnderlineStyle, EditorLigatures, EditorNumberSpacing, EditorNumberForm, EditorTextLanguage, EditorBorderStyle, EditorEmphasisMark, EditorTabStop, EditorParagraphListStyle, EditorImageCrop, EditorImageFillMode, EditorImageFloatingPosition, EditorImageFloatingLayout, EditorImageRunData, EditorWrapPolygonPoint, EditorFieldData, EditorFieldChar, EditorFootnoteReferenceData, EditorEndnoteReferenceData, EditorRevision, EditorRevisionMetadata, EditorStructuralRevision, EditorPropertyRevision, EditorAsset, EditorFootnoteNumberFormat, EditorFootnoteRestart, EditorDocxWidthValue, EditorTableLayout, EditorTableRowHeightRule, EditorGradientStop, EditorTextFill, EditorTextOutline, } from './types/primitives.js';
+export type { EditorUnderlineStyle, EditorLigatures, EditorNumberSpacing, EditorNumberForm, EditorTextLanguage, EditorBorderStyle, EditorEmphasisMark, EditorTabStop, EditorParagraphListStyle, EditorImageCrop, EditorImageFillMode, EditorImageFloatingPosition, EditorImageFloatingLayout, EditorImageRunData, EditorWrapPolygonPoint, EditorFieldData, EditorFieldChar, EditorFootnoteReferenceData, EditorEndnoteReferenceData, EditorRevision, EditorRevisionMetadata, EditorStructuralRevision, EditorPropertyRevision, EditorAsset, EditorFootnoteNumberFormat, EditorFootnoteRestart, EditorDocxWidthValue, EditorTableLayout, EditorTableRowHeightRule, EditorGradientStop, EditorTextFill, EditorTextOutline, EditorTextShadow, EditorGlow, EditorReflection, } from './types/primitives.js';
 export type { EditorTextStyle, EditorParagraphStyle, EditorTableStyle, EditorTableFloatingLayout, EditorTableConditionalFormat, EditorConditionalRowStyle, EditorTableConditionalType, EditorTableConditionalFlags, EditorTableCellStyle, EditorNamedStyle, } from './types/styles.js';
 export type { EditorRunBase, EditorTextRun, EditorTextBoxShape, EditorTextBoxBody, EditorTextBoxData, EditorDropCap, EditorParagraphNode, EditorTableCellNode, EditorTableRowStyle, EditorTableRowNode, EditorTableNode, EditorBlockNode, } from './types/nodes.js';
 export type { RunKind, RunOfKind, RunVisitor } from './runKind.js';

package/dist/core/model/types/documentComments.d.ts

@@ -34,6 +34,11 @@ export interface EditorComment {
     initials?: string;
     /** `w:comment/@w:date` as an epoch millisecond timestamp. */
     date?: number;
+    /**
+     * `w16du:dateUtc` companion UTC timestamp (epoch ms). Round-trip metadata
+     * only — preserved verbatim so the UTC date survives export.
+     */
+    dateUtc?: number;
     /** Resolved/"done" state (`w15:commentEx/@w15:done`). */
     resolved?: boolean;
     /** Flattened comment body text (bodies in scope are single paragraphs). */

package/dist/core/model/types/primitives.d.ts

@@ -44,6 +44,29 @@ export interface EditorTextOutline {
     color?: string;
     fill?: EditorTextFill;
 }
+/** `w14:shadow` — text shadow with blur, distance, direction, and color. */
+export interface EditorTextShadow {
+    color: string;
+    alpha?: number;
+    blurPt: number;
+    distPt: number;
+    dirDeg: number;
+}
+/** `w14:glow` — glow halo radiating from glyphs. */
+export interface EditorGlow {
+    color: string;
+    alpha?: number;
+    radiusPt: number;
+}
+/** `w14:reflection` — mirrored copy of glyphs fading below the baseline. */
+export interface EditorReflection {
+    blurPt: number;
+    startAlpha: number;
+    startPos: number;
+    endAlpha: number;
+    endPos: number;
+    distPt: number;
+}
 export interface EditorTabStop {
     position: number;
     type: "left" | "center" | "right" | "decimal" | "bar" | "clear";

package/dist/core/model/types/styles.d.ts

@@ -1,4 +1,4 @@
-import { EditorBorderStyle, EditorDocxWidthValue, EditorEmphasisMark, EditorLigatures, EditorNumberForm, EditorNumberSpacing, EditorPropertyRevision, EditorStructuralRevision, EditorTabStop, EditorTextFill, EditorTextLanguage, EditorTextOutline, EditorUnderlineStyle } from './primitives.js';
+import { EditorBorderStyle, EditorDocxWidthValue, EditorEmphasisMark, EditorGlow, EditorLigatures, EditorNumberForm, EditorNumberSpacing, EditorPropertyRevision, EditorReflection, EditorStructuralRevision, EditorTabStop, EditorTextFill, EditorTextLanguage, EditorTextOutline, EditorTextShadow, EditorUnderlineStyle } from './primitives.js';
 
 export interface EditorTextStyle {
     styleId?: string;
@@ -54,6 +54,23 @@ export interface EditorTextStyle {
     textFill?: EditorTextFill | null;
     /** `w14:textOutline` — real stroke on glyphs, supersedes the boolean `outline` when present. */
     textOutline?: EditorTextOutline | null;
+    /** `w14:shadow` — text shadow with blur, distance, direction, and color. */
+    textShadow?: EditorTextShadow | null;
+    /** `w14:glow` — glow halo radiating from glyphs. */
+    glow?: EditorGlow | null;
+    /** `w14:reflection` — mirrored copy of glyphs fading below the baseline. */
+    reflection?: EditorReflection | null;
+    /**
+     * `w14:scene3d` — opaque serialized XML preserved verbatim for round-trip.
+     * 3D scene/camera is not rendered on any surface; the blob is re-emitted so
+     * the property is never silently dropped.
+     */
+    scene3dXml?: string | null;
+    /**
+     * `w14:props3d` — opaque serialized XML preserved verbatim for round-trip.
+     * 3D extrusion/bevel material is not rendered; re-emitted to avoid data loss.
+     */
+    props3dXml?: string | null;
     highlight?: string | null;
     shading?: string | null;
     language?: EditorTextLanguage | null;

package/dist/import/docx/commentsXml.d.ts

@@ -2,6 +2,8 @@ export interface ParsedCommentBody {
     author: string;
     initials?: string;
     date?: number;
+    /** `w16du:dateUtc` companion UTC timestamp (epoch ms). */
+    dateUtc?: number;
     text: string;
     resolved?: boolean;
     /** `w14:paraId` of the comment's (first) paragraph — links to commentsEx. */

package/dist/{index-D0bOD23M.js → index-DBzN897A.js}

@@ -2519,7 +2519,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-CMTq6BTy.js").then((m) => {
+    import("./OasisEditorApp-QVHCHhPa.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -15222,6 +15222,17 @@ function resolveCanvasTextRenderMetrics(styles, fontSize) {
     baselineOffset: -explicitBaselineShift
   };
 }
+function applyCanvasTextFeatureHints(ctx, styles, fontSizePx) {
+  const featureCtx = ctx;
+  const threshold = styles == null ? void 0 : styles.kerningThreshold;
+  const kerningActive = threshold !== void 0 && threshold !== null && Number.isFinite(threshold) && fontSizePx / PX_PER_POINT >= threshold;
+  if ("fontKerning" in featureCtx) {
+    featureCtx.fontKerning = kerningActive ? "normal" : "none";
+  }
+  if ("textRendering" in featureCtx) {
+    featureCtx.textRendering = (styles == null ? void 0 : styles.ligatures) && styles.ligatures !== "none" ? "optimizeLegibility" : "optimizeSpeed";
+  }
+}
 function resolveVerticalMode(direction) {
   switch (direction) {
     case "tbRl":
@@ -21200,6 +21211,7 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
       const renderMetrics = resolveCanvasTextRenderMetrics(styles, fontSize);
       ctx.save();
       ctx.font = `${fontStyle} ${fontWeight} ${renderMetrics.fontSize}px ${fontFamily}`;
+      applyCanvasTextFeatureHints(ctx, styles, fontSize);
       logCanvasFontUse({
         requestedFamily: styles.fontFamily,
         metricFamily,
@@ -21295,6 +21307,17 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
           originX,
           baselineY + renderMetrics.baselineOffset
         );
+        if (styles.reflection) {
+          drawFragmentReflection(
+            ctx,
+            fragment,
+            slotByOffset,
+            styles,
+            originX,
+            baselineY + renderMetrics.baselineOffset,
+            styles.reflection
+          );
+        }
       }
       if (styles.underline) {
         drawTextDecoration(
@@ -21476,7 +21499,7 @@ function resolveCanvasTextFill(ctx, styles, line, fragment, originX, originY) {
   return gradient;
 }
 function drawStyledText(ctx, text, x, y, scale, styles) {
-  const hasEffects = styles.outline || styles.shadow || styles.emboss || styles.imprint || styles.textOutline;
+  const hasEffects = styles.outline || styles.shadow || styles.textShadow || styles.glow || styles.emboss || styles.imprint || styles.textOutline;
   if (!hasEffects) {
     drawScaledText(ctx, text, x, y, scale);
     return;
@@ -21490,7 +21513,29 @@ function drawStyledText(ctx, text, x, y, scale, styles) {
     ctx.restore();
   }
   ctx.save();
-  if (styles.shadow) {
+  if (styles.textShadow) {
+    const ts = styles.textShadow;
+    const dirRad = ts.dirDeg * Math.PI / 180;
+    const distPx = ts.distPt * PX_PER_POINT;
+    const alpha = ts.alpha ?? 1;
+    const r = Number.parseInt(ts.color.slice(1, 3), 16);
+    const g2 = Number.parseInt(ts.color.slice(3, 5), 16);
+    const b = Number.parseInt(ts.color.slice(5, 7), 16);
+    ctx.shadowColor = `rgba(${r},${g2},${b},${alpha})`;
+    ctx.shadowBlur = ts.blurPt * PX_PER_POINT;
+    ctx.shadowOffsetX = Math.cos(dirRad) * distPx;
+    ctx.shadowOffsetY = Math.sin(dirRad) * distPx;
+  } else if (styles.glow) {
+    const gl = styles.glow;
+    const alpha = gl.alpha ?? 0.7;
+    const r = Number.parseInt(gl.color.slice(1, 3), 16);
+    const g2 = Number.parseInt(gl.color.slice(3, 5), 16);
+    const b = Number.parseInt(gl.color.slice(5, 7), 16);
+    ctx.shadowColor = `rgba(${r},${g2},${b},${alpha})`;
+    ctx.shadowBlur = gl.radiusPt * PX_PER_POINT;
+    ctx.shadowOffsetX = 0;
+    ctx.shadowOffsetY = 0;
+  } else if (styles.shadow) {
     ctx.shadowColor = "rgba(0,0,0,0.45)";
     ctx.shadowOffsetX = 1;
     ctx.shadowOffsetY = 1;
@@ -21639,6 +21684,39 @@ function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, s
   }
   flushSegment();
 }
+function drawFragmentReflection(ctx, fragment, slotByOffset, styles, originX, baselineY, reflection) {
+  const firstChar = fragment.chars.find(
+    (c) => c.char !== "\n" && c.char !== "	"
+  );
+  if (!firstChar) return;
+  const firstSlot = slotByOffset.get(firstChar.paragraphOffset);
+  if (!firstSlot) return;
+  const text = fragment.chars.filter((c) => c.char !== "\n" && c.char !== "	").map((c) => styles.allCaps ? c.char.toUpperCase() : c.char).join("");
+  if (!text) return;
+  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
+  const avgAlpha = (reflection.startAlpha + reflection.endAlpha) / 2;
+  const distPx = reflection.distPt * PX_PER_POINT;
+  const reflectY = baselineY + distPx;
+  ctx.save();
+  ctx.globalAlpha = (ctx.globalAlpha ?? 1) * avgAlpha;
+  ctx.shadowColor = "transparent";
+  ctx.shadowBlur = 0;
+  ctx.shadowOffsetX = 0;
+  ctx.shadowOffsetY = 0;
+  ctx.translate(0, 2 * reflectY);
+  ctx.scale(1, -1);
+  const x = originX + firstSlot.left;
+  if (scale === 1) {
+    ctx.fillText(text, x, baselineY);
+  } else {
+    ctx.save();
+    ctx.translate(x, baselineY);
+    ctx.scale(scale, 1);
+    ctx.fillText(text, 0, 0);
+    ctx.restore();
+  }
+  ctx.restore();
+}
 function drawTextDecoration(ctx, line, fragment, originX, originY, kind, underlineStyle, underlineColor) {
   const bounds = resolveFragmentPaintBounds(line, fragment);
   if (!bounds) return;
@@ -33340,6 +33418,61 @@ function parseW14TextFill(fillEl) {
   }
   return null;
 }
+function parseW14ColorEl(el) {
+  const srgbClr = getFirstChildByTagNameNS(el, WORD14_NS, "srgbClr");
+  if (!srgbClr) return null;
+  const val = getAttributeValue(srgbClr, "val");
+  const color = val ? normalizeImportedHexColor(val) ?? null : null;
+  if (!color) return null;
+  const alphaEl = getFirstChildByTagNameNS(srgbClr, WORD14_NS, "alpha");
+  const alphaRaw = alphaEl ? getAttributeValue(alphaEl, "val") : null;
+  const alpha = alphaRaw !== null && Number.isFinite(Number(alphaRaw)) ? Number(alphaRaw) / 1e5 : void 0;
+  return { color, ...alpha !== void 0 ? { alpha } : {} };
+}
+function parseW14Shadow(el) {
+  const colorData = parseW14ColorEl(el);
+  if (!colorData) return null;
+  const blurRaw = el.getAttributeNS(WORD14_NS, "blurRad");
+  const distRaw = el.getAttributeNS(WORD14_NS, "dist");
+  const dirRaw = el.getAttributeNS(WORD14_NS, "dir");
+  const blurPt = blurRaw ? Number(blurRaw) / 12700 : 0;
+  const distPt = distRaw ? Number(distRaw) / 12700 : 0;
+  const dirDeg = dirRaw ? Number(dirRaw) / 6e4 : 0;
+  return {
+    color: colorData.color,
+    ...colorData.alpha !== void 0 ? { alpha: colorData.alpha } : {},
+    blurPt,
+    distPt,
+    dirDeg
+  };
+}
+function parseW14Glow(el) {
+  const colorData = parseW14ColorEl(el);
+  if (!colorData) return null;
+  const radRaw = el.getAttributeNS(WORD14_NS, "rad");
+  const radiusPt = radRaw ? Number(radRaw) / 12700 : 0;
+  return {
+    color: colorData.color,
+    ...colorData.alpha !== void 0 ? { alpha: colorData.alpha } : {},
+    radiusPt
+  };
+}
+function parseW14Reflection(el) {
+  const blurRaw = el.getAttributeNS(WORD14_NS, "blurRad");
+  const stARaw = el.getAttributeNS(WORD14_NS, "stA");
+  const stPosRaw = el.getAttributeNS(WORD14_NS, "stPos");
+  const endARaw = el.getAttributeNS(WORD14_NS, "endA");
+  const endPosRaw = el.getAttributeNS(WORD14_NS, "endPos");
+  const distRaw = el.getAttributeNS(WORD14_NS, "dist");
+  return {
+    blurPt: blurRaw ? Number(blurRaw) / 12700 : 0,
+    startAlpha: stARaw !== null ? Number(stARaw) / 1e5 : 0.55,
+    startPos: stPosRaw !== null ? Number(stPosRaw) / 1e5 : 0,
+    endAlpha: endARaw !== null ? Number(endARaw) / 1e5 : 0,
+    endPos: endPosRaw !== null ? Number(endPosRaw) / 1e5 : 1,
+    distPt: distRaw ? Number(distRaw) / 12700 : 0
+  };
+}
 function normalizeImportedRunStyle(style2, paragraphStyleId) {
   if (!style2) {
     return void 0;
@@ -33444,6 +33577,11 @@ function normalizeImportedRunStyle(style2, paragraphStyleId) {
     color: dd(effective.color, defaultEffective.color),
     textFill: dd(effective.textFill, defaultEffective.textFill),
     textOutline: dd(effective.textOutline, defaultEffective.textOutline),
+    textShadow: dd(effective.textShadow, defaultEffective.textShadow),
+    glow: dd(effective.glow, defaultEffective.glow),
+    reflection: dd(effective.reflection, defaultEffective.reflection),
+    scene3dXml: dd(effective.scene3dXml, defaultEffective.scene3dXml),
+    props3dXml: dd(effective.props3dXml, defaultEffective.props3dXml),
     highlight: dd(effective.highlight, defaultEffective.highlight),
     shading: dd(effective.shading, defaultEffective.shading),
     language: dd(effective.language, defaultEffective.language),
@@ -33715,6 +33853,28 @@ function parseRunStyle(runProperties, theme) {
     }
     styles.textOutline = textOutline;
   }
+  const shadowEl = getFirstW14Child(runProperties, "shadow");
+  if (shadowEl) {
+    const textShadow = parseW14Shadow(shadowEl);
+    if (textShadow) styles.textShadow = textShadow;
+  }
+  const glowEl = getFirstW14Child(runProperties, "glow");
+  if (glowEl) {
+    const glow = parseW14Glow(glowEl);
+    if (glow) styles.glow = glow;
+  }
+  const reflectionEl = getFirstW14Child(runProperties, "reflection");
+  if (reflectionEl) {
+    styles.reflection = parseW14Reflection(reflectionEl);
+  }
+  const scene3dEl = getFirstW14Child(runProperties, "scene3d");
+  if (scene3dEl) {
+    styles.scene3dXml = new XMLSerializer().serializeToString(scene3dEl);
+  }
+  const props3dEl = getFirstW14Child(runProperties, "props3d");
+  if (props3dEl) {
+    styles.props3dXml = new XMLSerializer().serializeToString(props3dEl);
+  }
   const highlight = getFirstChildByTagNameNS(
     runProperties,
     WORD_NS,
@@ -36699,6 +36859,7 @@ function extractCommentRangesFromSections(sections) {
   return ranges;
 }
 const WORD15_NS = "http://schemas.microsoft.com/office/word/2012/wordml";
+const WORD16DU_NS = "http://schemas.microsoft.com/office/word/2023/wordml/word16du";
 function flattenCommentText(element) {
   let out = "";
   for (let index = 0; index < element.childNodes.length; index += 1) {
@@ -36771,6 +36932,7 @@ function parseCommentsXml(commentsXml, commentsExtendedXml) {
     const author = getAttributeValue(comment, "author") ?? "";
     const initials = getAttributeValue(comment, "initials") ?? void 0;
     const date = parseDate(getAttributeValue(comment, "date"));
+    const dateUtc = parseDate(comment.getAttributeNS(WORD16DU_NS, "dateUtc"));
     const paragraphs = getChildrenByTagNameNS(comment, WORD_NS, "p");
     const text = paragraphs.map((p) => flattenCommentText(p)).join("\n").trim();
     const paraId = paragraphs.length > 0 ? getAttributeValue(paragraphs[0], "paraId") ?? void 0 : void 0;
@@ -36779,6 +36941,7 @@ function parseCommentsXml(commentsXml, commentsExtendedXml) {
       author,
       ...initials ? { initials } : {},
       ...date !== void 0 ? { date } : {},
+      ...dateUtc !== void 0 ? { dateUtc } : {},
       text,
       ...resolved ? { resolved } : {},
       ...paraId ? { paraId } : {}
@@ -37174,6 +37337,7 @@ function buildEditorComments(ranges, bodies) {
       author: (body == null ? void 0 : body.author) ?? "",
       ...(body == null ? void 0 : body.initials) ? { initials: body.initials } : {},
       ...(body == null ? void 0 : body.date) !== void 0 ? { date: body.date } : {},
+      ...(body == null ? void 0 : body.dateUtc) !== void 0 ? { dateUtc: body.dateUtc } : {},
       ...(body == null ? void 0 : body.resolved) ? { resolved: body.resolved } : {},
       text: (body == null ? void 0 : body.text) ?? "",
       ...(range == null ? void 0 : range.start) ? { start: range.start } : {},
@@ -37288,7 +37452,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-M34STPYy.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-BulqJDJj.js", import.meta.url).href,
         import.meta.url
       ),
       {

package/dist/oasis-editor.js

@@ -1,4 +1,4 @@
-import { O, c6, c7, c8, c9, ca, a8, cb, Q, bR, cc, cd, ce, N, cf, bP, cg, ch, ci, cj, ck, c1, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, ad, cx, c0, cy, c8 as c82, cd as cd2, cf as cf2, co as co2, cq as cq2, cv as cv2, cz, bT, bO, cA, cB, cC, bQ, cD, cE, bS } from "./index-D0bOD23M.js";
+import { O, c6, c7, c8, c9, ca, a8, cb, Q, bR, cc, cd, ce, N, cf, bP, cg, ch, ci, cj, ck, c1, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, ad, cx, c0, cy, c8 as c82, cd as cd2, cf as cf2, co as co2, cq as cq2, cv as cv2, cz, bT, bO, cA, cB, cC, bQ, cD, cE, bS } from "./index-DBzN897A.js";
 export {
   O as BalloonShell,
   c6 as Button,