fix: allow lines to start with words that begin with special characters

src/text/index.ts

@@ -219,12 +219,10 @@ export default async function* buildTextNodes(
         currentLineHeight = engine.height(word)
       }
 
-      const allowedToPutAtBeginning = ',.!?:-@)>]}%#'.indexOf(word[0]) < 0
       const allowedToJustify = textAlign === 'justify'
 
       const willWrap =
         i &&
-        allowedToPutAtBeginning &&
         // When determining whether a line break is necessary, the width of the
         // trailing spaces is not included in the calculation, as the end boundary
         // can be closely adjacent to the last non-space character.

test/typesetting.test.tsx

@@ -0,0 +1,55 @@
+import { it, describe, expect } from 'vitest'
+
+import { initFonts, toImage } from './utils.js'
+import satori from '../src/index.js'
+
+describe('typesetting', () => {
+  let fonts
+  initFonts((f) => (fonts = f))
+
+  it('should wrap normally', async () => {
+    const svg = await satori(
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
+          fontSize: 18,
+          color: 'black',
+          wordBreak: 'break-word',
+        }}
+      >
+        A quick brown fox jumps over the lazy dog.
+      </div>,
+      {
+        width: 100,
+        height: 100,
+        fonts,
+      }
+    )
+
+    expect(toImage(svg, 100)).toMatchImageSnapshot()
+  })
+
+  it('should wrap normally for special characters', async () => {
+    const svg = await satori(
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
+          fontSize: 18,
+          color: 'black',
+          wordBreak: 'break-word',
+        }}
+      >
+        {`@A #quick ?brown :fox !jumps -over ~the %lazy ^dog.`}
+      </div>,
+      {
+        width: 100,
+        height: 100,
+        fonts,
+      }
+    )
+
+    expect(toImage(svg, 100)).toMatchImageSnapshot()
+  })
+})