Fix: Harden HarfBuzz shaping

Author: shuding

README.md

@@ -222,9 +222,8 @@ Satori uses the same Flexbox [layout engine](https://yogalayout.com) as React Na
 <tr><td><code>fontStyle</code></td><td>Supported</td><td></td></tr>
 <tr><td><code>fontFeatureSettings</code></td><td>Supported via HarfBuzz text shaping. Enables OpenType features like ligatures, small caps, stylistic sets, etc.</td><td></td></tr>
 
-<tr><td rowspan="14">Text</td></tr>
+<tr><td rowspan="13">Text</td></tr>
 <tr><td><code>tabSize</code></td><td>Supported</td><td></td></tr>
-<tr><td><code>direction</code></td><td><code>ltr</code>, <code>rtl</code>, defaults to <code>ltr</code>. Used for RTL languages like Arabic and Hebrew.</td><td></td></tr>
 <tr><td><code>textAlign</code></td><td><code>start</code>, <code>end</code>, <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code>, default to <code>start</code></td><td></td></tr>
 <tr><td><code>textIndent</code></td><td>Supported, including negative values (hanging indent)</td><td></td></tr>
 <tr><td><code>textTransform</code></td><td><code>none</code>, <code>lowercase</code>, <code>uppercase</code>, <code>capitalize</code>, defaults to <code>none</code></td><td></td></tr>
@@ -363,17 +362,9 @@ Example:
 </div>
 ```
 
-**RTL (Right-to-Left) Languages**: Satori now supports RTL languages like Arabic and Hebrew! Use the `direction` CSS property to enable RTL text rendering:
-
-```jsx
-<div style={{ direction: 'rtl' }}>
-  مرحبا بالعالم
-</div>
-
-<div style={{ direction: 'rtl' }}>
-  שלום עולם
-</div>
-```
+HarfBuzz also improves glyph shaping for complex scripts such as Arabic. Full
+Unicode bidirectional layout is not yet supported, so mixed LTR and RTL text
+may not follow browser ordering.
 
 #### Fonts
 

package.json

@@ -132,7 +132,7 @@
     "css-to-react-native": "^3.0.0",
     "emoji-regex-xs": "^2.0.1",
     "escape-html": "^1.0.3",
-    "harfbuzzjs": "^0.10.0",
+    "harfbuzzjs": "0.10.0",
     "linebreak": "^1.1.0",
     "parse-css-color": "^0.2.1",
     "postcss-value-parser": "^4.2.0",
@@ -141,11 +141,5 @@
   "packageManager": "pnpm@10.33.0+sha512.10568bb4a6afb58c9eb3630da90cc9516417abebd3fabbe6739f0ae795728da1491e9db5a544c76ad8eb7570f5c4bb3d6c637b2cb41bfdcdb47fa823c8649319",
   "engines": {
     "node": ">=16"
-  },
-  "pnpm": {
-    "patchedDependencies": {
-      "yoga-layout@3.2.1": "patches/yoga-layout@3.2.1.patch",
-      "harfbuzzjs@0.10.0": "patches/harfbuzzjs@0.10.0.patch"
-    }
   }
 }

patches/harfbuzzjs@0.10.0.patch

@@ -313,60 +313,6 @@ const playgroundTabs: Tabs = {
     </div>
   )
 }
-`,
-  'Advanced Shaping': `// Complex text shaping examples that require HarfBuzz.
-// Without proper shaping, these scripts would render incorrectly.
-
-() => {
-  function Label({ children }) {
-    return <label style={{
-      fontSize: 14,
-      fontWeight: 600,
-      textTransform: 'uppercase',
-      letterSpacing: 1,
-      margin: '20px 0 8px',
-      color: '#666',
-    }}>
-      {children}
-    </label>
-  }
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        height: '100%',
-        width: '100%',
-        padding: '10px 25px',
-        fontFamily: 'Inter',
-        fontSize: 26,
-        backgroundColor: 'white',
-      }}
-    >
-      <Label>Arabic (RTL + Ligatures)</Label>
-      <div style={{ direction: 'rtl' }}>
-        السلام عليكم — لا إله إلا الله
-      </div>
-      <Label>Devanagari (Hindi conjuncts)</Label>
-      <div>
-        नमस्ते — हिन्दी — क्ष त्र ज्ञ श्री
-      </div>
-      <Label>Thai (complex clusters)</Label>
-      <div>
-        สวัสดี — ภาษาไทย — กรุงเทพฯ
-      </div>
-      <Label>Tamil</Label>
-      <div>
-        வணக்கம் — தமிழ் — ஸ்ரீ
-      </div>
-      <Label>Mixed RTL/LTR</Label>
-      <div style={{ direction: 'rtl' }}>
-        مرحبا Hello مع World السلام
-      </div>
-    </div>
-  )
-}
 `,
 }