20 |
,
31 | {
32 | width: 100,
33 | height: 100,
34 | fonts,
35 | }
36 | )
37 |
38 | expect(toImage(svg)).toMatchImageSnapshot()
39 | })
40 |
41 | it('should render background-clip:text compatible with transform', async () => {
42 | const svg = await satori(
43 |
28 | lynn
29 |
30 |
51 |
,
63 | {
64 | width: 100,
65 | height: 100,
66 | fonts,
67 | }
68 | )
69 |
70 | expect(toImage(svg)).toMatchImageSnapshot()
71 | })
72 |
73 | it('should render background-clip:text compatible with mask', async () => {
74 | const svg = await satori(
75 |
60 | lynn
61 |
62 |
83 |
,
96 | {
97 | width: 100,
98 | height: 100,
99 | fonts,
100 | }
101 | )
102 |
103 | expect(toImage(svg)).toMatchImageSnapshot()
104 | })
105 | })
106 |
--------------------------------------------------------------------------------
/test/basic.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Basic', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should render empty div', async () => {
11 | const svg = await satori(, { width: 100, height: 100, fonts })
12 | expect(toImage(svg, 100)).toMatchImageSnapshot()
13 | })
14 |
15 | it('should render basic div with text', async () => {
16 | const svg = await satori(
93 | lynn
94 |
95 | Hello
, {
17 | width: 100,
18 | height: 100,
19 | fonts,
20 | })
21 | expect(toImage(svg, 100)).toMatchImageSnapshot()
22 | })
23 |
24 | it('should render basic div with background color', async () => {
25 | const svg = await satori(
26 | ,
29 | {
30 | width: 100,
31 | height: 100,
32 | fonts,
33 | }
34 | )
35 | expect(toImage(svg, 100)).toMatchImageSnapshot()
36 | })
37 |
38 | it('should render basic div with text and background color', async () => {
39 | const svg = await satori(
40 |
41 | Hello
42 |
,
43 | {
44 | width: 100,
45 | height: 100,
46 | fonts,
47 | }
48 | )
49 | expect(toImage(svg, 100)).toMatchImageSnapshot()
50 | })
51 |
52 | it('should support skipping embedded fonts', async () => {
53 | const svg = await satori(Hello
, {
54 | width: 100,
55 | height: 100,
56 | fonts,
57 | embedFont: false,
58 | })
59 | expect(toImage(svg, 100)).toMatchImageSnapshot()
60 | })
61 |
62 | it('should support hex colors', async () => {
63 | const svg = await satori(
64 | ,
67 | {
68 | width: 100,
69 | height: 100,
70 | fonts,
71 | }
72 | )
73 | expect(toImage(svg, 100)).toMatchImageSnapshot()
74 | })
75 |
76 | it('should support array in JSX children', async () => {
77 | const svg = await satori(
78 |
86 |
,
92 | {
93 | width: 100,
94 | height: 100,
95 | fonts,
96 | }
97 | )
98 | expect(toImage(svg, 100)).toMatchImageSnapshot()
99 | })
100 |
101 | it('should combine textNodes correctly', async () => {
102 | const svg = await satori(
103 | 1
87 | {[
88 | 2{[
,
89 | 3
]}{[4]}
,
90 | ]}
91 |
111 | Hi {0}
,
114 | {
115 | width: 100,
116 | height: 100,
117 | fonts,
118 | }
119 | )
120 | expect(toImage(svg, 100)).toMatchImageSnapshot()
121 | })
122 | })
123 |
--------------------------------------------------------------------------------
/test/clip-path.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('clipPath', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should render clip-path', async () => {
11 | const svgs = await Promise.all(
12 | [
13 | 'circle(20px)',
14 | 'circle(20% at bottom left)',
15 | 'ellipse(10px 0.625em at 10% 20%)',
16 | 'polygon(50% 0, 100% 50%, 50% 100%, 0 50%)',
17 | `path('M 0 200 L 0,75 A 5,5 0,0,1 150,75 L 200 200 z')`,
18 | 'inset(10px 20px)',
19 | 'inset(0.5rem round 20% 1em 1rem 2px)',
20 | ].map((clipPath) =>
21 | satori(
22 | hi
{0} {false} {undefined} {0} {null} {0} {true} {'x'}{' '}
112 | {0}
113 |
36 |
,
38 | {
39 | width: 100,
40 | height: 100,
41 | fonts,
42 | }
43 | )
44 | )
45 | )
46 |
47 | svgs.forEach((svg) => expect(toImage(svg)).toMatchImageSnapshot())
48 | })
49 |
50 | it('should make clip-path compatible with overflow', async () => {
51 | const svg = await satori(
52 | Hello, World
37 |
67 |
,
69 | {
70 | width: 100,
71 | height: 100,
72 | fonts,
73 | }
74 | )
75 |
76 | expect(toImage(svg)).toMatchImageSnapshot()
77 | })
78 |
79 | it('should respect the position value', async () => {
80 | const svg = await satori(
81 | Lynnnnnnnnnnnnnnnnnnnnn
68 |
95 |
,
97 | {
98 | width: 100,
99 | height: 100,
100 | fonts,
101 | }
102 | )
103 |
104 | expect(toImage(svg)).toMatchImageSnapshot()
105 | })
106 |
107 | it('should respect left and top', async () => {
108 | const svg = await satori(
109 | Lynnnnnnnnnnnnnnnnnnnnn
96 |
122 |
130 |
,
131 | {
132 | width: 100,
133 | height: 100,
134 | fonts,
135 | }
136 | )
137 |
138 | expect(toImage(svg)).toMatchImageSnapshot()
139 | })
140 | })
141 |
--------------------------------------------------------------------------------
/test/dynamic-size.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Dynamic size', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should render image with dynamic height', async () => {
11 | const svg = await satori(
12 |
13 | Lorem Ipsum is simply dummy text of the printing and typesetting
14 | industry.
15 |
,
16 | { width: 100, fonts }
17 | )
18 | expect(toImage(svg, 100)).toMatchImageSnapshot()
19 | })
20 |
21 | it('should render image with dynamic width', async () => {
22 | const svg = await satori(
23 |
24 | Lorem Ipsum is simply dummy text of the printing and typesetting
25 | industry.
26 |
,
27 | {
28 | height: 25,
29 | fonts,
30 | }
31 | )
32 | expect(toImage(svg, 300)).toMatchImageSnapshot()
33 | })
34 | })
35 |
--------------------------------------------------------------------------------
/test/error.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Error', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should throw if flex missing on div that has children', async () => {
11 | let error = new Error()
12 | try {
13 | await satori(
14 |
15 | Test satori with space
16 |
,
17 | {
18 | width: 10,
19 | height: 10,
20 | fonts,
21 | }
22 | )
23 | } catch (err) {
24 | error = err
25 | }
26 | expect(error?.message).toBe(
27 | 'Expected to have explicit "display: flex" or "display: none" if it has more than one child node.'
28 | )
29 | })
30 |
31 | it('should throw if display inline-block on div that has children', async () => {
32 | const result = satori(
33 | {
17 | const fontPath = join(process.cwd(), 'test', 'assets', text)
18 | return await readFile(fontPath)
19 | }
20 |
21 | export async function loadDynamicAsset(code: string, text: string) {
22 | return [
23 | {
24 | name: `satori_${code}_fallback_${text}`,
25 | data: await getDynamicAsset(text),
26 | weight: 400,
27 | style: 'normal',
28 | lang: code === 'unknown' ? undefined : code.split('|')[0],
29 | },
30 | ]
31 | }
32 |
33 | export function initFonts(callback: (fonts: SatoriOptions['fonts']) => void) {
34 | beforeAll(async () => {
35 | const fontPath = join(process.cwd(), 'test', 'assets', 'Roboto-Regular.ttf')
36 | const fontData = await readFile(fontPath)
37 | callback([
38 | {
39 | name: 'Roboto',
40 | data: fontData,
41 | weight: 400,
42 | style: 'normal',
43 | },
44 | ])
45 | })
46 | }
47 |
48 | export function toImage(svg: string, width = 100) {
49 | const resvg = new Resvg(svg, {
50 | fitTo: {
51 | mode: 'width',
52 | value: width,
53 | },
54 | font: {
55 | // As system fallback font
56 | fontFiles: [
57 | join(process.cwd(), 'test', 'assets', 'playfair-display.ttf'),
58 | ],
59 | loadSystemFonts: false,
60 | defaultFontFamily: 'Playfair Display',
61 | },
62 | })
63 | const pngData = resvg.render()
64 | return pngData.asPng()
65 | }
66 |
67 | declare global {
68 | namespace jest {
69 | interface Matchers {
70 | toMatchImageSnapshot(): R
71 | }
72 | }
73 | }
74 |
75 | expect.extend({ toMatchImageSnapshot })
76 |
--------------------------------------------------------------------------------
/test/webkit-text-stroke.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('webkit-text-stroke', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should work basic text stroke', async () => {
11 | const svg = await satori(
12 |
34 | Test satori with space
35 |
,
36 | {
37 | width: 10,
38 | height: 10,
39 | fonts,
40 | }
41 | )
42 | expect(result).rejects.toThrowError(
43 | `Invalid value for CSS property "display". Allowed values: "flex" | "block" | "none" | "-webkit-box". Received: "inline-block".`
44 | )
45 | })
46 |
47 | it('should throw if using invalid values', async () => {
48 | const result = satori(
49 | // @ts-expect-error
50 | Test
,
51 | {
52 | width: 10,
53 | height: 10,
54 | fonts,
55 | }
56 | )
57 | expect(result).rejects.toThrowError(
58 | `Invalid value for CSS property "position". Allowed values: "absolute" | "relative". Received: "fixed".`
59 | )
60 | })
61 |
62 | it('should not throw if display none on div that has children', async () => {
63 | const svg = await satori(
64 |
65 | Test satori with space
66 |
,
67 | {
68 | width: 10,
69 | height: 10,
70 | fonts,
71 | }
72 | )
73 | expect(typeof svg).toBe('string')
74 | })
75 |
76 | it('should not throw if flex missing on span that has children', async () => {
77 | const svg = await satori(
78 |
79 | Test satori with space
80 | ,
81 | {
82 | width: 10,
83 | height: 10,
84 | fonts,
85 | }
86 | )
87 | expect(typeof svg).toBe('string')
88 | })
89 |
90 | it('should not throw if flex missing on div without children', async () => {
91 | const svg = await satori(, {
92 | width: 10,
93 | height: 10,
94 | fonts,
95 | })
96 | expect(typeof svg).toBe('string')
97 | })
98 |
99 | it('should not allowed to set negative value to rg-size', async () => {
100 | const result = satori(
101 | ,
115 | {
116 | width: 100,
117 | height: 100,
118 | fonts,
119 | }
120 | )
121 |
122 | expect(result).rejects.toThrowError(
123 | 'disallow setting negative values to the size of the shape. Check https://w3c.github.io/csswg-drafts/css-images/#valdef-rg-size-length-0'
124 | )
125 | })
126 | })
127 |
--------------------------------------------------------------------------------
/test/event.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Event', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should trigger the onNodeDetected callback', async () => {
11 | const nodes = []
12 | await satori(
13 |
14 |
,
17 | {
18 | width: 100,
19 | height: 100,
20 | fonts,
21 | onNodeDetected: (node) => {
22 | nodes.push(node)
23 | },
24 | }
25 | )
26 | expect(nodes).toMatchInlineSnapshot(`
27 | [
28 | {
29 | "height": 50,
30 | "key": null,
31 | "left": 0,
32 | "props": {
33 | "style": {
34 | "display": "flex",
35 | "height": 50,
36 | "width": "100%",
37 | },
38 | },
39 | "textContent": undefined,
40 | "top": 0,
41 | "type": "div",
42 | "width": 100,
43 | },
44 | {
45 | "height": 50,
46 | "key": null,
47 | "left": 0,
48 | "props": {},
49 | "textContent": "Hello",
50 | "top": 0,
51 | "type": "div",
52 | "width": 37,
53 | },
54 | {
55 | "height": 50,
56 | "key": null,
57 | "left": 37,
58 | "props": {},
59 | "textContent": "World",
60 | "top": 0,
61 | "type": "div",
62 | "width": 42,
63 | },
64 | ]
65 | `)
66 | })
67 | })
68 |
--------------------------------------------------------------------------------
/test/gap.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initYogaWasm, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | initYogaWasm()
7 |
8 | const items = [
9 | 'red',
10 | 'red',
11 | 'red',
12 | 'green',
13 | 'green',
14 | 'green',
15 | 'blue',
16 | 'blue',
17 | 'blue',
18 | ]
19 |
20 | describe('flex gap', () => {
21 | it('should support gap', async () => {
22 | const svg = await satori(
23 | Hello
15 | World
16 |
33 | {items.map((color, index) => (
34 |
42 | ))}
43 |
,
44 | { width: 100, height: 100, fonts: [] }
45 | )
46 | expect(toImage(svg, 100)).toMatchImageSnapshot()
47 | })
48 |
49 | it('should support rowGap and columnGap', async () => {
50 | const svg = await satori(
51 |
62 | {items.slice(0, 4).map((color, index) => (
63 |
71 | ))}
72 |
,
73 | { width: 100, height: 100, fonts: [] }
74 | )
75 | expect(toImage(svg, 100)).toMatchImageSnapshot()
76 | })
77 | })
78 |
--------------------------------------------------------------------------------
/test/layout.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Layout', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should stretch items by default', async () => {
11 | const svg = await satori(
12 |
13 |
,
15 | { width: 100, height: 100, fonts }
16 | )
17 | expect(toImage(svg, 100)).toMatchImageSnapshot()
18 | })
19 | })
20 |
--------------------------------------------------------------------------------
/test/line-height.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('line-height', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 | it('should work correctly', async () => {
10 | const svgs = await Promise.all(
11 | [1, '1'].map((lineHeight) =>
12 | satori(
13 | x
14 |
24 | Hello I am some text that is here.
25 |
,
26 | { width: 100, height: 100, fonts, embedFont: true }
27 | )
28 | )
29 | )
30 |
31 | svgs.forEach((svg) => {
32 | expect(toImage(svg, 100)).toMatchImageSnapshot()
33 | })
34 | })
35 | })
36 |
--------------------------------------------------------------------------------
/test/position.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('Position', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | describe('absolute', () => {
11 | it('should support absolute position', async () => {
12 | const svg = await satori(
13 |
20 |
30 |
,
31 | { width: 100, height: 100, fonts }
32 | )
33 | expect(toImage(svg, 100)).toMatchImageSnapshot()
34 | })
35 | })
36 | })
37 |
--------------------------------------------------------------------------------
/test/text-wrap.test.tsx:
--------------------------------------------------------------------------------
1 | import { it, describe, expect } from 'vitest'
2 |
3 | import { initFonts, toImage } from './utils.js'
4 | import satori from '../src/index.js'
5 |
6 | describe('text-wrap', () => {
7 | let fonts
8 | initFonts((f) => (fonts = f))
9 |
10 | it('should wrap normally with text-wrap: wrap', async () => {
11 | const svg = await satori(
12 |
22 | {'a a a a a a a a'}
23 |
,
24 | {
25 | width: 100,
26 | height: 100,
27 | fonts,
28 | }
29 | )
30 |
31 | expect(toImage(svg, 100)).toMatchImageSnapshot()
32 | })
33 |
34 | it('should wrap balancedly with text-wrap: balance', async () => {
35 | const svg = await satori(
36 |
46 | {'a a a a a a a a'}
47 |
,
48 | {
49 | width: 100,
50 | height: 100,
51 | fonts,
52 | }
53 | )
54 |
55 | expect(toImage(svg, 100)).toMatchImageSnapshot()
56 | })
57 | })
58 |
--------------------------------------------------------------------------------
/test/utils.tsx:
--------------------------------------------------------------------------------
1 | import { beforeAll, expect } from 'vitest'
2 | import { join } from 'path'
3 | import { Resvg } from '@resvg/resvg-js'
4 | import { toMatchImageSnapshot } from 'jest-image-snapshot'
5 | import { readFile } from 'node:fs/promises'
6 | import yoga from 'yoga-wasm-web/auto'
7 |
8 | import { init, type SatoriOptions } from '../src/index.js'
9 |
10 | export function initYogaWasm() {
11 | beforeAll(async () => {
12 | init(yoga)
13 | })
14 | }
15 |
16 | export async function getDynamicAsset(text: string): Promise
22 | Hello, world
23 |
,
24 | { width: 100, height: 100, fonts }
25 | )
26 | expect(toImage(svg, 100)).toMatchImageSnapshot()
27 | })
28 |
29 | it('should work nested text stroke', async () => {
30 | const svg = await satori(
31 |
43 | Hello, world
44 |
,
45 | { width: 100, height: 100, fonts }
46 | )
47 | expect(toImage(svg, 100)).toMatchImageSnapshot()
48 | })
49 |
50 | it('should work nested and complex text stroke', async () => {
51 | const svg = await satori(
52 |
64 | Hello,
65 | w
66 | o
67 | r
68 | l
69 | d
70 |
76 | !
77 |
78 |
,
79 | { width: 100, height: 100, fonts }
80 | )
81 | expect(toImage(svg, 100)).toMatchImageSnapshot()
82 | })
83 | })
84 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "jsx": "react-jsx",
4 | "module": "node16",
5 | "moduleResolution": "node16",
6 | "esModuleInterop": true,
7 | "target": "ES2021",
8 | "lib": ["esnext", "dom"],
9 | "baseUrl": ".",
10 | "skipLibCheck": true,
11 | "paths": {
12 | "@yoga": ["src/yoga/yoga-prebuilt.ts"]
13 | }
14 | },
15 | "include": ["src/*", "test/*"]
16 | }
17 |
--------------------------------------------------------------------------------
/tsconfig.wasm.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "jsx": "react-jsx",
4 | "module": "node16",
5 | "moduleResolution": "node16",
6 | "esModuleInterop": true,
7 | "lib": ["esnext", "dom"],
8 | "baseUrl": ".",
9 | "paths": {
10 | "@yoga": ["src/yoga/yoga-prebuilt.wasm.ts"]
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/tsup.config.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This configuration ensures that the prebuilt Yoga (asm.js) is not included in
3 | * the WASM bundle.
4 | */
5 |
6 | import { defineConfig } from 'tsup'
7 | import { join } from 'path'
8 | import { replace } from 'esbuild-plugin-replace'
9 |
10 | export default defineConfig({
11 | entry: ['src/index.ts'],
12 | splitting: false,
13 | sourcemap: true,
14 | target: 'node16',
15 | dts: process.env.NODE_ENV !== 'development' && {
16 | resolve: ['twrnc', './tw-config', './types'],
17 | },
18 | minify: process.env.NODE_ENV !== 'development',
19 | format: ['esm', 'cjs'],
20 | noExternal: ['twrnc', 'emoji-regex-xs'],
21 | esbuildOptions(options) {
22 | if (process.env.WASM) {
23 | options.outExtension = {
24 | '.js': `.wasm.${options.format === 'cjs' ? 'cjs' : 'js'}`,
25 | }
26 | }
27 | options.tsconfig = process.env.WASM ? 'tsconfig.wasm.json' : 'tsconfig.json'
28 | options.legalComments = 'external'
29 | },
30 | esbuildPlugins: [
31 | {
32 | name: 'optimize tailwind',
33 | setup(build) {
34 | // Get rid of chalk
35 | // https://github.com/tailwindlabs/tailwindcss/blob/b8cda161dd0993083dcef1e2a03988c70be0ce93/src/util/log.js
36 | build.onResolve({ filter: /\/log$/ }, (args) => {
37 | if (args.importer.includes('/tailwindcss/')) {
38 | return {
39 | path: join(__dirname, 'src', 'vendor', 'twrnc', 'log.js'),
40 | }
41 | }
42 | })
43 |
44 | // Get rid of picocolors
45 | // https://github.com/tailwindlabs/tailwindcss/blob/bf4494104953b13a5f326b250d7028074815e77e/src/featureFlags.js
46 | build.onResolve({ filter: /^picocolors$/ }, () => {
47 | return {
48 | path: join(__dirname, 'src', 'vendor', 'twrnc', 'picocolors.js'),
49 | }
50 | })
51 |
52 | // Get rid of util-deprecate/node.js
53 | build.onResolve({ filter: /util-deprecate/ }, () => {
54 | return {
55 | path: join(__dirname, 'src', 'vendor', 'twrnc', 'deprecate.js'),
56 | }
57 | })
58 | },
59 | },
60 | // We don't like `Function`.
61 | // https://github.com/tailwindlabs/tailwindcss/blob/bf4494104953b13a5f326b250d7028074815e77e/src/util/getAllConfigs.js#L8
62 | replace({
63 | 'preset instanceof Function': 'typeof preset === "function"',
64 | }),
65 | ],
66 | })
67 |
--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://turbo.build/schema.json",
3 | "pipeline": {
4 | "dev": {
5 | "cache": false
6 | }
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import path from 'path'
2 | import { defineConfig } from 'vitest/config'
3 |
4 | export default defineConfig({
5 | test: {
6 | coverage: {
7 | reporter: ['text', 'json', 'html'],
8 | },
9 | },
10 | resolve: {
11 | alias: [
12 | {
13 | find: '@yoga',
14 | replacement: path.resolve(__dirname, 'src', 'yoga', 'yoga-prebuilt.ts'),
15 | },
16 | ],
17 | },
18 | })
19 |
--------------------------------------------------------------------------------
/wasm.js:
--------------------------------------------------------------------------------
1 | import Satori, { init } from './dist/index.wasm.js'
2 |
3 | export default Satori
4 | export { init }
5 |
--------------------------------------------------------------------------------