@blocknote/xl-pdf-exporter 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/LICENSE +661 -0
  2. package/dist/Inter_18pt-Bold-BOnnSImi.js +5 -0
  3. package/dist/Inter_18pt-Bold-BOnnSImi.js.map +1 -0
  4. package/dist/Inter_18pt-BoldItalic-DPKIpVzB.js +5 -0
  5. package/dist/Inter_18pt-BoldItalic-DPKIpVzB.js.map +1 -0
  6. package/dist/Inter_18pt-Italic-BVnfHlUD.js +5 -0
  7. package/dist/Inter_18pt-Italic-BVnfHlUD.js.map +1 -0
  8. package/dist/Inter_18pt-Regular-byxnNS-8.js +5 -0
  9. package/dist/Inter_18pt-Regular-byxnNS-8.js.map +1 -0
  10. package/dist/blocknote-xl-pdf-exporter.js +2503 -0
  11. package/dist/blocknote-xl-pdf-exporter.js.map +1 -0
  12. package/dist/blocknote-xl-pdf-exporter.umd.cjs +69 -0
  13. package/dist/blocknote-xl-pdf-exporter.umd.cjs.map +1 -0
  14. package/dist/webpack-stats.json +1 -0
  15. package/package.json +88 -0
  16. package/src/index.ts +1 -0
  17. package/src/pdf/__snapshots__/example.jsx +592 -0
  18. package/src/pdf/__snapshots__/exampleWithHeaderAndFooter.jsx +602 -0
  19. package/src/pdf/defaultSchema/blocks.tsx +177 -0
  20. package/src/pdf/defaultSchema/index.ts +9 -0
  21. package/src/pdf/defaultSchema/inlinecontent.tsx +23 -0
  22. package/src/pdf/defaultSchema/styles.tsx +68 -0
  23. package/src/pdf/index.ts +2 -0
  24. package/src/pdf/pdfExporter.test.tsx +208 -0
  25. package/src/pdf/pdfExporter.tsx +297 -0
  26. package/src/pdf/types.ts +3 -0
  27. package/src/pdf/util/listItem.tsx +70 -0
  28. package/src/pdf/util/table/Table.tsx +76 -0
  29. package/src/vite-env.d.ts +11 -0
  30. package/types/src/Exporter.d.ts +26 -0
  31. package/types/src/context/BlockNoteContext.d.ts +59 -0
  32. package/types/src/context/BlockNoteContext.test.d.ts +1 -0
  33. package/types/src/context/ServerBlockNoteEditor.d.ts +137 -0
  34. package/types/src/context/ServerBlockNoteEditor.test.d.ts +1 -0
  35. package/types/src/context/react/ReactServer.test.d.ts +2 -0
  36. package/types/src/docx/blocks.d.ts +433 -0
  37. package/types/src/docx/defaultSchema/blocks.d.ts +4 -0
  38. package/types/src/docx/defaultSchema/index.d.ts +559 -0
  39. package/types/src/docx/defaultSchema/inlinecontent.d.ts +4 -0
  40. package/types/src/docx/defaultSchema/styles.d.ts +4 -0
  41. package/types/src/docx/docxExporter.d.ts +14 -0
  42. package/types/src/docx/docxExporter.test.d.ts +1 -0
  43. package/types/src/docx/imageUtil.d.ts +4 -0
  44. package/types/src/docx/index.d.ts +2 -0
  45. package/types/src/docx/inlinecontent.d.ts +12 -0
  46. package/types/src/docx/styles.d.ts +55 -0
  47. package/types/src/docx/util/Table.d.ts +4 -0
  48. package/types/src/docxExporter.d.ts +255 -0
  49. package/types/src/docxExporter.test.d.ts +1 -0
  50. package/types/src/index.d.ts +1 -0
  51. package/types/src/mapping.d.ts +29 -0
  52. package/types/src/pdf/blocks.d.ts +434 -0
  53. package/types/src/pdf/defaultSchema/blocks.d.ts +4 -0
  54. package/types/src/pdf/defaultSchema/index.d.ts +510 -0
  55. package/types/src/pdf/defaultSchema/inlinecontent.d.ts +4 -0
  56. package/types/src/pdf/defaultSchema/styles.d.ts +3 -0
  57. package/types/src/pdf/index.d.ts +2 -0
  58. package/types/src/pdf/inlinecontent.d.ts +13 -0
  59. package/types/src/pdf/pdfExporter.d.ts +81 -0
  60. package/types/src/pdf/pdfExporter.test.d.ts +1 -0
  61. package/types/src/pdf/styles.d.ts +55 -0
  62. package/types/src/pdf/types.d.ts +2 -0
  63. package/types/src/pdf/util/listItem.d.ts +9 -0
  64. package/types/src/pdf/util/loadFontDataUrl.d.ts +3 -0
  65. package/types/src/pdf/util/table/Table.d.ts +5 -0
  66. package/types/src/pdfExporter.d.ts +256 -0
  67. package/types/src/pdfExporter.test.d.ts +1 -0
  68. package/types/src/react-email/defaultSchema/blocks.d.ts +5 -0
  69. package/types/src/react-email/defaultSchema/index.d.ts +560 -0
  70. package/types/src/react-email/defaultSchema/inlinecontent.d.ts +5 -0
  71. package/types/src/react-email/defaultSchema/styles.d.ts +4 -0
  72. package/types/src/react-email/reactEmailExporter.d.ts +13 -0
  73. package/types/src/react-email/reactEmailExporter.test.d.ts +8 -0
  74. package/types/src/testDocument.d.ts +505 -0
  75. package/types/src/transformer.d.ts +20 -0
  76. package/types/src/util/fileUtil.d.ts +22 -0
  77. package/types/src/util/imageUtil.d.ts +4 -0
  78. package/types/src/yjs/index.d.ts +2 -0
package/dist/webpack-stats.json ADDED
@@ -0,0 +1 @@
1
+ {"builtAt":1730893826949,"assets":[{"name":"blocknote-xl-pdf-exporter.umd.cjs","size":1899553},{"name":"blocknote-xl-pdf-exporter.umd.cjs.map","size":2075922}],"chunks":[{"id":"097c571","entry":true,"initial":true,"files":["blocknote-xl-pdf-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"../../node_modules/react/jsx-runtime.js?commonjs-module","size":31,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","size":40,"chunks":["097c571"]},{"name":"../../node_modules/react/index.js?commonjs-module","size":26,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react.production.min.js?commonjs-exports","size":30,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react.production.min.js","size":7647,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react.development.js?commonjs-module","size":38,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react.development.js","size":92443,"chunks":["097c571"]},{"name":"../../node_modules/react/index.js","size":299,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.production.min.js","size":1192,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","size":37,"chunks":["097c571"]},{"name":"../../node_modules/react/cjs/react-jsx-runtime.development.js","size":43835,"chunks":["097c571"]},{"name":"../../node_modules/react/jsx-runtime.js","size":225,"chunks":["097c571"]},{"name":"./src/pdf/util/listItem.tsx","size":1722,"chunks":["097c571"]},{"name":"./src/pdf/util/table/Table.tsx","size":1489,"chunks":["097c571"]},{"name":"./src/pdf/defaultSchema/blocks.tsx","size":5714,"chunks":["097c571"]},{"name":"./src/pdf/defaultSchema/inlinecontent.tsx","size":324,"chunks":["097c571"]},{"name":"./src/pdf/defaultSchema/styles.tsx","size":971,"chunks":["097c571"]},{"name":"./src/pdf/defaultSchema/index.ts","size":199,"chunks":["097c571"]},{"name":"../../shared/api/corsProxy.ts","size":139,"chunks":["097c571"]},{"name":"../../shared/util/fileUtil.ts","size":1044,"chunks":["097c571"]},{"name":"./src/pdf/pdfExporter.tsx","size":5404,"chunks":["097c571"]},{"name":"./src/index.ts","size":0,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":456958,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Italic.ttf","size":462025,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Bold.ttf","size":458919,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf","size":464293,"chunks":["097c571"]}]}
package/package.json ADDED
@@ -0,0 +1,88 @@
1
+ {
2
+ "name": "@blocknote/xl-pdf-exporter",
3
+ "homepage": "https://github.com/TypeCellOS/BlockNote",
4
+ "private": false,
5
+ "license": "AGPL-3.0 OR PROPRIETARY",
6
+ "version": "0.19.0",
7
+ "files": [
8
+ "dist",
9
+ "types",
10
+ "src"
11
+ ],
12
+ "keywords": [
13
+ "pdf",
14
+ "react",
15
+ "javascript",
16
+ "editor",
17
+ "typescript",
18
+ "prosemirror",
19
+ "wysiwyg",
20
+ "rich-text-editor",
21
+ "notion",
22
+ "yjs",
23
+ "block-based",
24
+ "tiptap"
25
+ ],
26
+ "description": "A \"Notion-style\" block-based extensible text editor built on top of Prosemirror and Tiptap.",
27
+ "type": "module",
28
+ "source": "src/index.ts",
29
+ "types": "./types/src/index.d.ts",
30
+ "main": "./dist/blocknote-xl-pdf-exporter.umd.cjs",
31
+ "module": "./dist/blocknote-xl-pdf-exporter.js",
32
+ "exports": {
33
+ ".": {
34
+ "types": "./types/src/index.d.ts",
35
+ "import": "./dist/blocknote-xl-pdf-exporter.js",
36
+ "require": "./dist/blocknote-xl-pdf-exporter.umd.cjs"
37
+ },
38
+ "./style.css": {
39
+ "import": "./dist/style.css",
40
+ "require": "./dist/style.css"
41
+ }
42
+ },
43
+ "scripts": {
44
+ "dev": "vite",
45
+ "build": "tsc --build && vite build",
46
+ "lint": "eslint src --max-warnings 0",
47
+ "test": "vitest --run",
48
+ "test-watch": "vitest watch",
49
+ "email": "email dev"
50
+ },
51
+ "dependencies": {
52
+ "@blocknote/core": "^0.19.0",
53
+ "@blocknote/react": "^0.19.0",
54
+ "@react-pdf/renderer": "^4.0.0",
55
+ "buffer": "^6.0.3",
56
+ "docx": "^9.0.2"
57
+ },
58
+ "devDependencies": {
59
+ "@testing-library/react": "^16.0.1",
60
+ "@types/jest-image-snapshot": "^6.4.0",
61
+ "@types/jsdom": "^21.1.7",
62
+ "@types/react": "^18.0.25",
63
+ "@types/react-dom": "^18.0.9",
64
+ "eslint": "^8.10.0",
65
+ "jest-image-snapshot": "^6.4.0",
66
+ "pdf-to-img": "^4.2.0",
67
+ "prettier": "^2.7.1",
68
+ "rollup-plugin-webpack-stats": "^0.2.2",
69
+ "typescript": "^5.0.4",
70
+ "vite": "^5.3.4",
71
+ "vite-plugin-eslint": "^1.8.1",
72
+ "vitest": "^2.0.3"
73
+ },
74
+ "peerDependencies": {
75
+ "react": "^18.0 || ^19.0 || >= 19.0.0-rc",
76
+ "react-dom": "^18.0 || ^19.0 || >= 19.0.0-rc"
77
+ },
78
+ "eslintConfig": {
79
+ "extends": [
80
+ "../../.eslintrc.js"
81
+ ]
82
+ },
83
+ "publishConfig": {
84
+ "access": "public",
85
+ "registry": "https://registry.npmjs.org/"
86
+ },
87
+ "gitHead": "c48248efc5ceab7962ed6ba39cf8db0cbf3f0d5c"
88
+ }
package/src/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./pdf/index.js";
package/src/pdf/__snapshots__/example.jsx ADDED
@@ -0,0 +1,592 @@
1
+ <div>
2
+ <document>
3
+ <page
4
+ dpi="100"
5
+ style="padding-top: 35px; padding-bottom: 65px; font-family: Inter; font-size: 12px; line-height: 1.5;"
6
+ >
7
+ <view>
8
+ <view
9
+ style="text-align: left;"
10
+ >
11
+ <text>
12
+ <text
13
+ style="font-style: italic;"
14
+ >
15
+ Welcome to this
16
+ </text>
17
+ <text
18
+ style="font-style: italic; font-weight: bold;"
19
+ >
20
+ demo 🙌!
21
+ </text>
22
+ </text>
23
+ </view>
24
+ <view
25
+ style="margin-left: 18px;"
26
+ >
27
+ <view
28
+ style="text-align: left;"
29
+ >
30
+ <text>
31
+ <text>
32
+ Hello World nested
33
+ </text>
34
+ </text>
35
+ </view>
36
+ <view
37
+ style="margin-left: 18px;"
38
+ >
39
+ <view
40
+ style="text-align: left;"
41
+ >
42
+ <text>
43
+ <text>
44
+ Hello World double nested
45
+ </text>
46
+ </text>
47
+ </view>
48
+ </view>
49
+ </view>
50
+ <view
51
+ style="text-align: left; background-color: rgb(251, 228, 228);"
52
+ >
53
+ <text>
54
+ <text
55
+ style="font-weight: bold;"
56
+ >
57
+ This paragraph has a background color
58
+ </text>
59
+ </text>
60
+ </view>
61
+ <view
62
+ style="text-align: left;"
63
+ >
64
+ <text>
65
+ <text>
66
+ Paragraph
67
+ </text>
68
+ </text>
69
+ </view>
70
+ <view
71
+ style="text-align: left;"
72
+ >
73
+ <text
74
+ style="font-size: 24px; font-weight: 700;"
75
+ >
76
+ <text>
77
+ Heading
78
+ </text>
79
+ </text>
80
+ </view>
81
+ <view
82
+ style="text-align: right; align-items: flex-end;"
83
+ >
84
+ <text
85
+ style="font-size: 24px; font-weight: 700;"
86
+ >
87
+ <text>
88
+ Heading right
89
+ </text>
90
+ </text>
91
+ </view>
92
+ <view
93
+ style="text-align: justify;"
94
+ >
95
+ <text>
96
+ <text>
97
+ justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
98
+ </text>
99
+ </text>
100
+ </view>
101
+ <view>
102
+ <text>
103
+ codeBlock not implemented
104
+ </text>
105
+ </view>
106
+ <view
107
+ style="text-align: left;"
108
+ >
109
+ <view>
110
+ <view>
111
+ <text>
112
+ •
113
+ </text>
114
+ </view>
115
+ <text>
116
+ <text>
117
+ Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
118
+ </text>
119
+ </text>
120
+ </view>
121
+ </view>
122
+ <view
123
+ style="margin-left: 18px;"
124
+ >
125
+ <view
126
+ style="text-align: left;"
127
+ >
128
+ <view>
129
+ <view>
130
+ <text>
131
+ •
132
+ </text>
133
+ </view>
134
+ <text>
135
+ <text>
136
+ Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
137
+ </text>
138
+ </text>
139
+ </view>
140
+ </view>
141
+ <view
142
+ style="text-align: right; align-items: flex-end;"
143
+ >
144
+ <view>
145
+ <view>
146
+ <text>
147
+ •
148
+ </text>
149
+ </view>
150
+ <text>
151
+ <text>
152
+ Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
153
+ </text>
154
+ </text>
155
+ </view>
156
+ </view>
157
+ <view
158
+ style="text-align: left;"
159
+ >
160
+ <view>
161
+ <view>
162
+ <text>
163
+ 1.
164
+ </text>
165
+ </view>
166
+ <text>
167
+ <text>
168
+ Numbered List Item 1
169
+ </text>
170
+ </text>
171
+ </view>
172
+ </view>
173
+ <view
174
+ style="text-align: left;"
175
+ >
176
+ <view>
177
+ <view>
178
+ <text>
179
+ 2.
180
+ </text>
181
+ </view>
182
+ <text>
183
+ <text>
184
+ Numbered List Item 2
185
+ </text>
186
+ </text>
187
+ </view>
188
+ </view>
189
+ <view
190
+ style="margin-left: 18px;"
191
+ >
192
+ <view
193
+ style="text-align: left;"
194
+ >
195
+ <view>
196
+ <view>
197
+ <text>
198
+ 1.
199
+ </text>
200
+ </view>
201
+ <text>
202
+ <text>
203
+ Numbered List Item Nested 1
204
+ </text>
205
+ </text>
206
+ </view>
207
+ </view>
208
+ <view
209
+ style="text-align: left;"
210
+ >
211
+ <view>
212
+ <view>
213
+ <text>
214
+ 2.
215
+ </text>
216
+ </view>
217
+ <text>
218
+ <text>
219
+ Numbered List Item Nested 2
220
+ </text>
221
+ </text>
222
+ </view>
223
+ </view>
224
+ <view
225
+ style="text-align: right; background-color: rgb(251, 228, 228); color: rgb(11, 110, 153); align-items: flex-end;"
226
+ >
227
+ <view>
228
+ <view>
229
+ <text>
230
+ 3.
231
+ </text>
232
+ </view>
233
+ <text>
234
+ <text>
235
+ Numbered List Item Nested funky right
236
+ </text>
237
+ </text>
238
+ </view>
239
+ </view>
240
+ <view
241
+ style="text-align: center; background-color: rgb(251, 228, 228); color: rgb(11, 110, 153); align-items: center;"
242
+ >
243
+ <view>
244
+ <view>
245
+ <text>
246
+ 4.
247
+ </text>
248
+ </view>
249
+ <text>
250
+ <text>
251
+ Numbered List Item Nested funky center
252
+ </text>
253
+ </text>
254
+ </view>
255
+ </view>
256
+ </view>
257
+ </view>
258
+ <view
259
+ style="text-align: left;"
260
+ >
261
+ <view>
262
+ <view>
263
+ <text>
264
+ 1.
265
+ </text>
266
+ </view>
267
+ <text>
268
+ <text>
269
+ Numbered List Item
270
+ </text>
271
+ </text>
272
+ </view>
273
+ </view>
274
+ <view
275
+ style="text-align: left;"
276
+ >
277
+ <view>
278
+ <view>
279
+ <svg
280
+ fill="undefined"
281
+ height="12"
282
+ style="margin-top: 2px;"
283
+ viewbox="0 -960 960 960"
284
+ width="12"
285
+ >
286
+ <path
287
+ d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z"
288
+ />
289
+ </svg>
290
+ </view>
291
+ <text>
292
+ <text>
293
+ Check List Item
294
+ </text>
295
+ </text>
296
+ </view>
297
+ </view>
298
+ <view>
299
+ <view>
300
+ <view>
301
+ <view>
302
+ <text>
303
+ Wide Cell
304
+ </text>
305
+ </view>
306
+ <view>
307
+ <text>
308
+ Table Cell
309
+ </text>
310
+ </view>
311
+ <view>
312
+ <text>
313
+ Table Cell
314
+ </text>
315
+ </view>
316
+ </view>
317
+ <view>
318
+ <view>
319
+ <text>
320
+ Wide Cell
321
+ </text>
322
+ </view>
323
+ <view>
324
+ <text>
325
+ Table Cell
326
+ </text>
327
+ </view>
328
+ <view>
329
+ <text>
330
+ Table Cell
331
+ </text>
332
+ </view>
333
+ </view>
334
+ <view>
335
+ <view>
336
+ <text>
337
+ Wide Cell
338
+ </text>
339
+ </view>
340
+ <view>
341
+ <text>
342
+ Table Cell
343
+ </text>
344
+ </view>
345
+ <view>
346
+ <text>
347
+ Table Cell
348
+ </text>
349
+ </view>
350
+ </view>
351
+ </view>
352
+ </view>
353
+ <view>
354
+ <view>
355
+ <link
356
+ src=""
357
+ >
358
+ <view
359
+ style="display: flex; gap: 6px; flex-direction: row;"
360
+ >
361
+ <svg
362
+ fill="currentColor"
363
+ height="16"
364
+ viewbox="0 0 24 24"
365
+ width="16"
366
+ >
367
+ <path
368
+ d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"
369
+ />
370
+ </svg>
371
+ <text>
372
+ Open file
373
+ </text>
374
+ </view>
375
+ </link>
376
+ </view>
377
+ </view>
378
+ <view
379
+ style="text-align: left;"
380
+ >
381
+ <view>
382
+ <image
383
+ src="[object Blob]"
384
+ style="width: 384px;"
385
+ />
386
+ <text
387
+ style="width: 384px; font-size: 9.600000000000001px;"
388
+ >
389
+ From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg
390
+ </text>
391
+ </view>
392
+ </view>
393
+ <view
394
+ style="text-align: right; align-items: flex-end;"
395
+ >
396
+ <view>
397
+ <image
398
+ src="[object Blob]"
399
+ style="width: 150px;"
400
+ />
401
+ </view>
402
+ </view>
403
+ <view
404
+ style="text-align: left;"
405
+ >
406
+ <view>
407
+ <link
408
+ src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
409
+ >
410
+ <view
411
+ style="display: flex; gap: 6px; flex-direction: row;"
412
+ >
413
+ <svg
414
+ fill="currentColor"
415
+ height="14"
416
+ viewbox="0 0 24 24"
417
+ width="14"
418
+ >
419
+ <path
420
+ d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"
421
+ />
422
+ </svg>
423
+ <text>
424
+ Open video file
425
+ </text>
426
+ </view>
427
+ </link>
428
+ <text
429
+ style="width: 384px; font-size: 9.600000000000001px;"
430
+ >
431
+ From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
432
+ </text>
433
+ </view>
434
+ </view>
435
+ <view>
436
+ <view>
437
+ <link
438
+ src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
439
+ >
440
+ <view
441
+ style="display: flex; gap: 6px; flex-direction: row;"
442
+ >
443
+ <svg
444
+ fill="currentColor"
445
+ height="14"
446
+ viewbox="0 0 24 24"
447
+ width="14"
448
+ >
449
+ <path
450
+ d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"
451
+ />
452
+ </svg>
453
+ <text>
454
+ Open audio file
455
+ </text>
456
+ </view>
457
+ </link>
458
+ <text
459
+ style="font-size: 9.600000000000001px;"
460
+ >
461
+ From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
462
+ </text>
463
+ </view>
464
+ </view>
465
+ <view
466
+ style="text-align: left;"
467
+ >
468
+ <text />
469
+ </view>
470
+ <view>
471
+ <view>
472
+ <link
473
+ src=""
474
+ >
475
+ <view
476
+ style="display: flex; gap: 6px; flex-direction: row;"
477
+ >
478
+ <svg
479
+ fill="currentColor"
480
+ height="14"
481
+ viewbox="0 0 24 24"
482
+ width="14"
483
+ >
484
+ <path
485
+ d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"
486
+ />
487
+ </svg>
488
+ <text>
489
+ audio.mp3
490
+ </text>
491
+ </view>
492
+ </link>
493
+ <text
494
+ style="font-size: 9.600000000000001px;"
495
+ >
496
+ Audio file caption
497
+ </text>
498
+ </view>
499
+ </view>
500
+ <view
501
+ style="text-align: left;"
502
+ >
503
+ <text>
504
+ <text
505
+ style="font-weight: bold;"
506
+ >
507
+ Inline Content:
508
+ </text>
509
+ </text>
510
+ </view>
511
+ <view
512
+ style="text-align: left;"
513
+ >
514
+ <text>
515
+ <text
516
+ style="font-weight: bold; font-style: italic; color: rgb(224, 62, 62); background-color: rgb(221, 235, 241);"
517
+ >
518
+ Styled Text
519
+ </text>
520
+ <text>
521
+
522
+ </text>
523
+ <link
524
+ href="https://www.blocknotejs.org"
525
+ >
526
+ <text>
527
+ Link
528
+ </text>
529
+ </link>
530
+ </text>
531
+ </view>
532
+ <view>
533
+ <view>
534
+ <view>
535
+ <view>
536
+ <text>
537
+ Table Cell 1
538
+ </text>
539
+ </view>
540
+ <view>
541
+ <text>
542
+ Table Cell 2
543
+ </text>
544
+ </view>
545
+ <view>
546
+ <text>
547
+ Table Cell 3
548
+ </text>
549
+ </view>
550
+ </view>
551
+ <view>
552
+ <view>
553
+ <text>
554
+ Table Cell 4
555
+ </text>
556
+ </view>
557
+ <view>
558
+ <text
559
+ style="font-weight: bold;"
560
+ >
561
+ Table Cell Bold 5
562
+ </text>
563
+ </view>
564
+ <view>
565
+ <text>
566
+ Table Cell 6
567
+ </text>
568
+ </view>
569
+ </view>
570
+ <view>
571
+ <view>
572
+ <text>
573
+ Table Cell 7
574
+ </text>
575
+ </view>
576
+ <view>
577
+ <text>
578
+ Table Cell 8
579
+ </text>
580
+ </view>
581
+ <view>
582
+ <text>
583
+ Table Cell 9
584
+ </text>
585
+ </view>
586
+ </view>
587
+ </view>
588
+ </view>
589
+ </view>
590
+ </page>
591
+ </document>
592
+ </div>