@blocknote/xl-odt-exporter 0.51.4 → 0.52.0

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1780397424283,"assets":[{"name":"blocknote-xl-odt-exporter.umd.cjs","size":700474},{"name":"blocknote-xl-odt-exporter.umd.cjs.map","size":745272}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-odt-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./rolldown/runtime.js","size":430,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/blocks.tsx","size":15475,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/inlineContent.tsx","size":561,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/styles.ts","size":959,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/index.ts","size":254,"chunks":["a1ee98a"]},{"name":"../../shared/util/fileUtil.ts","size":202,"chunks":["a1ee98a"]},{"name":"../../shared/util/imageUtil.ts","size":584,"chunks":["a1ee98a"]},{"name":"./src/odt/template/styles.xml?raw","size":76841,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":457240,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155320,"chunks":["a1ee98a"]},{"name":"./src/odt/odtExporter.tsx","size":9021,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}
+{"builtAt":1784541417890,"assets":[{"name":"blocknote-xl-odt-exporter.umd.cjs","size":700631},{"name":"blocknote-xl-odt-exporter.umd.cjs.map","size":662276}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-odt-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./rolldown/runtime.js","size":430,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/blocks.tsx","size":15669,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/inlineContent.tsx","size":561,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/styles.ts","size":959,"chunks":["a1ee98a"]},{"name":"./src/odt/defaultSchema/index.ts","size":254,"chunks":["a1ee98a"]},{"name":"../../shared/util/fileUtil.ts","size":202,"chunks":["a1ee98a"]},{"name":"../../shared/util/imageUtil.ts","size":584,"chunks":["a1ee98a"]},{"name":"./src/odt/template/styles.xml?raw","size":76841,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":457240,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155320,"chunks":["a1ee98a"]},{"name":"./src/odt/odtExporter.tsx","size":9071,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -9,7 +9,7 @@
     "directory": "packages/xl-odt-exporter"
   },
   "license": "GPL-3.0 OR PROPRIETARY",
-  "version": "0.51.4",
+  "version": "0.52.0",
   "files": [
     "dist",
     "types",
@@ -49,41 +49,34 @@
     }
   },
   "dependencies": {
-    "@blocknote/core": "0.51.4",
-    "@blocknote/xl-multi-column": "0.51.4",
     "@zip.js/zip.js": "^2.8.8",
-    "buffer": "^6.0.3",
-    "image-meta": "^0.2.2"
+    "image-meta": "^0.2.2",
+    "@blocknote/core": "^0.52.0",
+    "@blocknote/xl-multi-column": "^0.52.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
+    "@types/node": "22.13.13",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^8.57.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
+    "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^8.0.8",
-    "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^4.1.2",
-    "xml-formatter": "^3.6.7"
+    "xml-formatter": "^3.6.7",
+    "vite-plus": "^0.1.24",
+    "@blocknote/shared": "^0.30.0"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || >= 19.0.0-rc",
     "react-dom": "^18.0 || ^19.0 || >= 19.0.0-rc"
   },
-  "eslintConfig": {
-    "extends": [
-      "../../.eslintrc.json"
-    ]
-  },
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint src --max-warnings 0",
-    "test": "vitest --run",
-    "test-watch": "vitest watch",
+    "dev": "vp dev",
+    "lint": "vp lint src",
+    "test": "vp test --run",
+    "test-watch": "vp test watch",
     "clean": "rimraf dist && rimraf types"
   }
 }

package/src/odt/defaultSchema/blocks.tsx

@@ -5,14 +5,13 @@ import {
   DefaultBlockSchema,
   DefaultProps,
   mapTableCell,
-  StyledText,
   TableCell,
 } from "@blocknote/core";
-import { ODTExporter } from "../odtExporter.js";
 import { multiColumnSchema } from "@blocknote/xl-multi-column";
+import { ODTExporter } from "../odtExporter.js";
 
 export const getTabs = (nestingLevel: number) => {
-  return Array.from({ length: nestingLevel }, () => <text:tab />);
+  return Array.from({ length: nestingLevel }, (_, i) => <text:tab key={i} />);
 };
 
 const createParagraphStyle = (
@@ -501,7 +500,12 @@ export const odtBlockMappingForDefaultSchema: BlockMapping<
   },
 
   codeBlock: (block) => {
-    const textContent = (block.content as StyledText<any>[])[0]?.text || "";
+    // Code blocks hold plain content: at most a single unstyled text item.
+    const [textItem, ...excessItems] = block.content;
+    if (excessItems.length > 0 || (textItem && !("text" in textItem))) {
+      throw new Error("expected plain block content to be a single text item");
+    }
+    const textContent = textItem?.text ?? "";
 
     return (
       <text:p text:style-name="Codeblock">

package/src/odt/odtExporter.test.ts

@@ -5,12 +5,13 @@ import {
 } from "@blocknote/core";
 import { testDocument } from "@shared/testDocument.js";
 import { BlobReader, FileEntry, TextWriter, ZipReader } from "@zip.js/zip.js";
-import { beforeAll, describe, expect, it } from "vitest";
+import { beforeAll, describe, expect, it } from "vite-plus/test";
 import xmlFormat from "xml-formatter";
 import { odtDefaultSchemaMappings } from "./defaultSchema/index.js";
 import { ODTExporter } from "./odtExporter.js";
 import { ColumnBlock, ColumnListBlock } from "@blocknote/xl-multi-column";
 import { partialBlocksToBlocksForTesting } from "@shared/formatConversionTestUtil.js";
+import { testResolveFileUrl } from "@shared/util/testFileResolver.js";
 
 beforeAll(async () => {
   // @ts-expect-error - Blob polyfill for Node test environment
@@ -27,6 +28,7 @@ describe("exporter", () => {
         },
       }),
       odtDefaultSchemaMappings,
+      { resolveFileUrl: testResolveFileUrl },
     );
     const odt = await exporter.toODTDocument(testDocument);
     await testODTDocumentAgainstSnapshot(odt, {
@@ -47,6 +49,7 @@ describe("exporter", () => {
           },
         }),
         odtDefaultSchemaMappings,
+        { resolveFileUrl: testResolveFileUrl },
       );
 
       const odt = await exporter.toODTDocument(testDocument, {
@@ -76,7 +79,9 @@ describe("exporter", () => {
           columnList: ColumnListBlock,
         },
       });
-      const exporter = new ODTExporter(schema, odtDefaultSchemaMappings);
+      const exporter = new ODTExporter(schema, odtDefaultSchemaMappings, {
+        resolveFileUrl: testResolveFileUrl,
+      });
       const odt = await exporter.toODTDocument(
         partialBlocksToBlocksForTesting(schema, [
           {
@@ -163,10 +168,10 @@ async function testODTDocumentAgainstSnapshot(
 
   expect(stylesXML).toBeDefined();
   expect(contentXML).toBeDefined();
-  expect(
+  await expect(
     xmlFormat(await stylesXML.getData(stylesXMLWriter)),
   ).toMatchFileSnapshot(snapshots.styles);
-  expect(
+  await expect(
     xmlFormat(await contentXML.getData(contentXMLWriter)),
   ).toMatchFileSnapshot(snapshots.content);
 }

package/src/odt/odtExporter.tsx

@@ -205,6 +205,7 @@ export class ODTExporter<
           {fonts.map((font) => {
             return (
               <style:font-face
+                key={font.name}
                 style:name={font.name}
                 svg:font-family={font.name}
                 style:font-pitch="variable"
@@ -274,6 +275,7 @@ export class ODTExporter<
         {pictures.map((picture) => {
           return (
             <manifest:file-entry
+              key={picture.fileName}
               manifest:media-type={picture.file.type}
               manifest:full-path={`Pictures/${picture.fileName}`}
             />
@@ -282,6 +284,7 @@ export class ODTExporter<
         {fonts.map((font) => {
           return (
             <manifest:file-entry
+              key={font.name}
               manifest:media-type="application/x-font-ttf"
               manifest:full-path={`Fonts/${font.fileName}`}
             />
@@ -294,7 +297,7 @@ export class ODTExporter<
     );
 
     // Add mimetype first, uncompressed
-    zipWriter.add(
+    void zipWriter.add(
       "mimetype",
       new TextReader("application/vnd.oasis.opendocument.text"),
       {
@@ -308,14 +311,14 @@ export class ODTExporter<
     const contentXml = renderToString(content);
     const manifestXml = renderToString(manifestNode);
 
-    zipWriter.add("content.xml", new TextReader(contentXml));
-    zipWriter.add("styles.xml", new TextReader(stylesXml));
-    zipWriter.add("META-INF/manifest.xml", new TextReader(manifestXml));
+    void zipWriter.add("content.xml", new TextReader(contentXml));
+    void zipWriter.add("styles.xml", new TextReader(stylesXml));
+    void zipWriter.add("META-INF/manifest.xml", new TextReader(manifestXml));
     fonts.forEach((font) => {
-      zipWriter.add(`Fonts/${font.fileName}`, new BlobReader(font.data));
+      void zipWriter.add(`Fonts/${font.fileName}`, new BlobReader(font.data));
     });
     pictures.forEach((picture) => {
-      zipWriter.add(
+      void zipWriter.add(
         `Pictures/${picture.fileName}`,
         new BlobReader(picture.file),
       );

package/src/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
+/// <reference types="vite-plus/client" />
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 interface ImportMetaEnv {