feat(editor): import docs from docx (#11774)

Support importing .docx files, as mentioned in
https://github.com/toeverything/AFFiNE/issues/10154#issuecomment-2655744757

It essentially uses mammoth to convert the docx to html, and then
imports the html with the standard steps.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Import Microsoft Word (.docx) files directly via the import dialog
(creates new documents).
* .docx added as a selectable file type in the file picker and import
options.

* **Localization**
* Added localized labels and tooltips for DOCX import in English,
Simplified Chinese, and Traditional Chinese.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
Co-authored-by: DarkSky <darksky2048@gmail.com>

blocksuite/affine/widgets/linked-doc/package.json

@@ -28,6 +28,7 @@
     "fflate": "^0.8.2",
     "lit": "^3.2.0",
     "lodash-es": "^4.17.21",
+    "mammoth": "^1.11.0",
     "rxjs": "^7.8.1",
     "zod": "^3.23.8"
   },

blocksuite/affine/widgets/linked-doc/src/transformers/docx.ts

@@ -0,0 +1,47 @@
+import type { ExtensionType, Schema, Workspace } from '@blocksuite/store';
+// @ts-ignore
+import { convertToHtml } from 'mammoth/mammoth.browser';
+
+import { HtmlTransformer } from './html';
+
+type ImportDocxOptions = {
+  collection: Workspace;
+  schema: Schema;
+  imported: Blob;
+  extensions: ExtensionType[];
+};
+
+/**
+ * Imports a .docx file into a doc.
+ *
+ * @param options - The import options.
+ * @param options.collection - The target doc collection.
+ * @param options.schema - The schema of the target doc collection.
+ * @param options.imported - The .docx file as a Blob.
+ * @returns A Promise that resolves to the ID of the newly created doc, or undefined if import fails.
+ */
+async function importDocx({
+  collection,
+  schema,
+  imported,
+  extensions,
+}: ImportDocxOptions) {
+  try {
+    const { value } = await convertToHtml({
+      arrayBuffer: await imported.arrayBuffer(),
+    });
+    return await HtmlTransformer.importHTMLToDoc({
+      collection,
+      schema,
+      html: value,
+      extensions,
+    });
+  } catch (e) {
+    console.error('Failed to import .docx file:', e);
+    return undefined;
+  }
+}
+
+export const DocxTransformer = {
+  importDocx,
+};

blocksuite/affine/widgets/linked-doc/src/transformers/index.ts

@@ -1,3 +1,4 @@
+export { DocxTransformer } from './docx.js';
 export { HtmlTransformer } from './html.js';
 export { MarkdownTransformer } from './markdown.js';
 export { NotionHtmlTransformer } from './notion-html.js';