react-pdf-rtl 0.1.1

package/dist/index.mjs

@@ -0,0 +1,320 @@
+// src/components/index.tsx
+import { Text, View, StyleSheet } from "@react-pdf/renderer";
+
+// src/utils/rtl.ts
+var RTL_PATTERN = /[\u0590-\u05FF\u0600-\u06FF\u0700-\u074F\u0750-\u077F\u08A0-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFC]/;
+var NUMERIC_ONLY_PATTERN = /^[\d\s.,₪$€%+\-*/()]+$/;
+var BIDI = {
+  /** Right-to-Left Embedding — forces RTL rendering for the embedded text */
+  RLE: "\u202B",
+  /** Left-to-Right Embedding */
+  LRE: "\u202A",
+  /** Pop Directional Formatting — ends the current embedding */
+  PDF: "\u202C",
+  /** Right-to-Left Mark — invisible RTL directional mark */
+  RLM: "\u200F",
+  /** Left-to-Right Mark */
+  LRM: "\u200E",
+  /** Right-to-Left Override — strongly forces RTL */
+  RLO: "\u202E"
+};
+function hasRTLChars(str) {
+  if (str == null) return false;
+  return RTL_PATTERN.test(String(str));
+}
+function isRTLDominant(str) {
+  var _a, _b;
+  if (str == null) return false;
+  const s = String(str);
+  const rtlMatches = s.match(
+    /[\u0590-\u05FF\u0600-\u06FF\u0700-\u074F\u0750-\u077F\u08A0-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFC]/g
+  );
+  const ltrMatches = s.match(/[a-zA-Z]/g);
+  const rtlCount = (_a = rtlMatches == null ? void 0 : rtlMatches.length) != null ? _a : 0;
+  const ltrCount = (_b = ltrMatches == null ? void 0 : ltrMatches.length) != null ? _b : 0;
+  return rtlCount > 0 && rtlCount >= ltrCount;
+}
+function wrapRTL(text) {
+  if (text.charCodeAt(0) === 8235) return text;
+  return `\u202B${text}\u202C`;
+}
+function wrapLTR(text) {
+  if (text.charCodeAt(0) === 8234) return text;
+  return `\u202A${text}\u202C`;
+}
+function smartWrap(text) {
+  if (text == null) return "";
+  const str = String(text);
+  if (!str) return str;
+  const trimmed = str.trim();
+  if (!trimmed) return "";
+  if (NUMERIC_ONLY_PATTERN.test(trimmed)) return trimmed;
+  return isRTLDominant(trimmed) ? wrapRTL(trimmed) : trimmed;
+}
+function formatCurrencyRTL(amount, symbol = "\u20AA", locale = "he-IL") {
+  if (!Number.isFinite(amount)) {
+    throw new RangeError(
+      `formatCurrencyRTL: expected a finite number, got ${amount}`
+    );
+  }
+  const abs = Math.abs(amount);
+  const formatted = abs.toLocaleString(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  });
+  const valueStr = amount < 0 ? `-${formatted}` : formatted;
+  return `\u200F${symbol}${wrapLTR(valueStr)}`;
+}
+function splitBidiSegments(text) {
+  if (!text) return [];
+  const segments = [];
+  let current = "";
+  let currentDir = "neutral";
+  for (const char of Array.from(text)) {
+    const charDir = RTL_PATTERN.test(char) ? "rtl" : /[a-zA-Z]/.test(char) ? "ltr" : "neutral";
+    if (charDir !== "neutral" && charDir !== currentDir && current) {
+      segments.push({ text: current, direction: currentDir });
+      current = char;
+      currentDir = charDir;
+    } else {
+      if (charDir !== "neutral") currentDir = charDir;
+      current += char;
+    }
+  }
+  if (current) segments.push({ text: current, direction: currentDir });
+  return segments;
+}
+function hasBidiMarkers(text) {
+  return /[\u202A-\u202E\u200E\u200F]/.test(text);
+}
+function stripBidiMarkers(text) {
+  return text.replace(/[\u202A-\u202E\u200E\u200F]/g, "");
+}
+
+// src/components/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RTLText({ children, style, direction = "auto", wrap = true, debug }) {
+  const str = String(children);
+  let content;
+  if (direction === "rtl") {
+    content = wrapRTL(str);
+  } else if (direction === "ltr") {
+    content = str;
+  } else {
+    content = smartWrap(str);
+  }
+  return /* @__PURE__ */ jsx(Text, { style, wrap, debug, children: content });
+}
+function RTLView({ children, style, debug }) {
+  return /* @__PURE__ */ jsx(View, { style: [styles.rtlView, style], debug, children });
+}
+function getRTLPageStyle(fontFamily = "Rubik") {
+  return {
+    fontFamily,
+    fontSize: 11,
+    direction: "rtl",
+    textAlign: "right",
+    paddingTop: 40,
+    paddingBottom: 60,
+    paddingHorizontal: 40
+  };
+}
+function RTLTable({
+  columns,
+  data,
+  fontFamily = "Rubik",
+  headerBg = "#1F2937",
+  headerColor = "#FFFFFF",
+  stripeBg = "#F9FAFB",
+  borderColor = "#E5E7EB",
+  fontSize = 10
+}) {
+  const colStyles = columns.map((col) => {
+    var _a;
+    return {
+      flex: (_a = col.flex) != null ? _a : 1,
+      width: col.width,
+      paddingHorizontal: 8,
+      paddingVertical: 6,
+      borderRightWidth: 1,
+      borderRightColor: borderColor
+    };
+  });
+  return /* @__PURE__ */ jsxs(View, { style: { borderWidth: 1, borderColor, fontFamily }, children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.tableRow, { backgroundColor: headerBg, flexDirection: "row-reverse" }], children: columns.map((col, i) => {
+      var _a;
+      return /* @__PURE__ */ jsx(View, { style: colStyles[i], children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            fontSize,
+            fontWeight: "bold",
+            color: headerColor,
+            textAlign: (_a = col.align) != null ? _a : "right"
+          },
+          children: wrapRTL(col.header)
+        }
+      ) }, col.key);
+    }) }),
+    data.map((row, rowIndex) => /* @__PURE__ */ jsx(
+      View,
+      {
+        style: [
+          styles.tableRow,
+          { flexDirection: "row-reverse", backgroundColor: rowIndex % 2 === 1 ? stripeBg : "#FFFFFF" }
+        ],
+        wrap: false,
+        children: columns.map((col, i) => {
+          var _a;
+          const raw = row[col.key];
+          let cellText;
+          if (col.render) {
+            cellText = col.render(raw, row);
+          } else if (col.isCurrency && typeof raw === "number") {
+            cellText = formatCurrencyRTL(raw);
+          } else {
+            const str = String(raw != null ? raw : "");
+            cellText = hasRTLChars(str) ? wrapRTL(str) : str;
+          }
+          return /* @__PURE__ */ jsx(View, { style: colStyles[i], children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: {
+                fontSize,
+                color: "#111827",
+                textAlign: (_a = col.align) != null ? _a : col.isCurrency ? "left" : "right"
+              },
+              children: cellText
+            }
+          ) }, col.key);
+        })
+      },
+      rowIndex
+    ))
+  ] });
+}
+function RTLDivider({ color = "#E5E7EB", thickness = 1, marginVertical = 8 }) {
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: {
+        borderBottomWidth: thickness,
+        borderBottomColor: color,
+        marginVertical
+      }
+    }
+  );
+}
+function RTLSummaryRow({
+  label,
+  value,
+  isCurrency = false,
+  bold = false,
+  fontSize = 11,
+  color = "#111827",
+  fontFamily = "Rubik"
+}) {
+  const displayValue = isCurrency && typeof value === "number" ? formatCurrencyRTL(value) : String(value);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.summaryRow, { fontFamily }], children: [
+    /* @__PURE__ */ jsx(Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "right" }, children: wrapRTL(label) }),
+    /* @__PURE__ */ jsx(Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "left" }, children: displayValue })
+  ] });
+}
+var styles = StyleSheet.create({
+  rtlView: {
+    flexDirection: "row-reverse",
+    textAlign: "right"
+  },
+  tableRow: {
+    flexDirection: "row-reverse",
+    alignItems: "center",
+    minHeight: 28
+  },
+  summaryRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingVertical: 4
+  }
+});
+
+// src/fonts/register.ts
+import { Font } from "@react-pdf/renderer";
+function registerRTLFont(options) {
+  Font.register({
+    family: options.family,
+    fonts: options.fonts
+  });
+}
+function registerRubik() {
+  Font.register({
+    family: "Rubik",
+    fonts: [
+      {
+        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
+        fontWeight: 300
+      },
+      {
+        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1UA.woff2",
+        fontWeight: 400
+      },
+      {
+        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
+        fontWeight: 500
+      },
+      {
+        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-0oi1UA.woff2",
+        fontWeight: 700
+      }
+    ]
+  });
+}
+function registerNotoSansHebrew() {
+  Font.register({
+    family: "NotoSansHebrew",
+    fonts: [
+      {
+        src: "https://fonts.gstatic.com/s/notosanshebrew/v38/or3HQ7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaeNKYZC0sqk3xXGJXag.woff2",
+        fontWeight: 400
+      },
+      {
+        src: "https://fonts.gstatic.com/s/notosanshebrew/v38/or3HQ7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaeNKYZC0sqk3xXGJXag.woff2",
+        fontWeight: 700
+      }
+    ]
+  });
+}
+function disableHyphenation() {
+  Font.registerHyphenationCallback((word) => [word]);
+}
+function setupHebrewPDF(fontFamily = "Rubik") {
+  if (fontFamily === "Rubik") {
+    registerRubik();
+  } else {
+    registerNotoSansHebrew();
+  }
+  disableHyphenation();
+}
+export {
+  BIDI,
+  RTLDivider,
+  RTLSummaryRow,
+  RTLTable,
+  RTLText,
+  RTLView,
+  disableHyphenation,
+  formatCurrencyRTL,
+  getRTLPageStyle,
+  hasBidiMarkers,
+  hasRTLChars,
+  isRTLDominant,
+  registerNotoSansHebrew,
+  registerRTLFont,
+  registerRubik,
+  setupHebrewPDF,
+  smartWrap,
+  splitBidiSegments,
+  stripBidiMarkers,
+  wrapLTR,
+  wrapRTL
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "react-pdf-rtl",
+  "version": "0.1.1",
+  "description": "RTL (Hebrew & Arabic) support utilities and components for @react-pdf/renderer",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --external react --external @react-pdf/renderer",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "keywords": [
+    "react-pdf",
+    "rtl",
+    "hebrew",
+    "arabic",
+    "pdf",
+    "right-to-left",
+    "bidi",
+    "bidirectional",
+    "israel",
+    "he",
+    "ar"
+  ],
+  "author": "Ben Danziger",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bendanziger/react-pdf-rtl"
+  },
+  "peerDependencies": {
+    "@react-pdf/renderer": ">=3.0.0",
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@react-pdf/renderer": "^4.3.2",
+    "@types/react": "^18.3.28",
+    "@vitest/coverage-v8": "^4.0.18",
+    "react": "^18.3.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
+  }
+}