fix: allow lines to start with words that begin with special characters (#674)

Closes #656.

## Current behavior


<https://og-playground.vercel.app/?share=LY7BasMwEER_RUyugrrQQhFpCJT-QY662NHGUiJrjb2OCcb_HsnJaeftLDuz4MyOYLB34W6TUqM8Iv0uS9FKzcGJN-rzu9KvRVOfb-3AU3J_HHkwymL2Qcii-Otq06GIY_ao0-oY-nHKc_fm3cY27T9y3AEa3EvgNMIs2LJgfqpKw1NovcB8FXDUTC3MpY4jaVDH13B69KW0zBvlPxdO8t815GBkmGjVkLrJF55i5JmH6LA-AQ>

## Proposed behavior


<https://satori-playground-git-fork-erxclau-special-character-word-wrap.vercel.sh/?share=LY7BasMwEER_RUyugrrQQhFpCJT-QY662NHGUiJrjb2OCcb_HsnJaeftLDuz4MyOYLB34W6TUqM8Iv0uS9FKzcGJN-rzu9KvRVOfb-3AU3J_HHkwymL2Qcii-Otq06GIY_ao0-oY-nHKc_fm3cY27T9y3AEa3EvgNMIs2LJgfqpKw1NovcB8FXDUTC3MpY4jaVDH13B69KW0zBvlPxdO8t815GBkmGjVkLrJF55i5JmH6LA-AQ>

---------

Co-authored-by: Shu Ding <g@shud.in>

Author: erxclau

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/__image_snapshots__/typesetting-test-tsx-test-typesetting-test-tsx-typesetting-should-wrap-normally-1-snap.png

@@ -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()
+  })
+})