trix-app 0.16.1

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "trix-app",
+  "version": "0.16.1",
+  "description": "Biblioteca para geração de PDFs personalizados utilizando React e TailwindCSS.",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/trix_investimentos/trix_pdf_builder.git"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "scripts",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "bun run build.ts && bun run build:types",
+    "build:node": "node build-node.mjs && npm run build:types",
+    "prepare": "npm run build",
+    "build:types": "tsc --project tsconfig.types.json",
+    "verify:dist": "node ./scripts/verify-dist.js",
+    "prepublishOnly": "npm run build",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "postinstall": "test -f scripts/patch-textkit.js && node scripts/patch-textkit.js || true"
+  },
+  "dependencies": {
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.0.0",
+    "d3-geo": "3.1.1",
+    "fetch-blob": "3.2.0",
+    "pdf-lib": "1.17.1",
+    "react-pdf-tailwind": "3.0.0",
+    "tailwind-merge": "2.0.0",
+    "tailwindcss": "3.0.0",
+    "zod": "4.1.12"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "@react-pdf/renderer": ">=4"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.3.5",
+    "@types/bun": "latest",
+    "@types/d3-geo": "^3.1.0",
+    "@types/react": "^18.3.18",
+    "esbuild": "0.27.2",
+    "lefthook": "^2.0.13",
+    "patch-package": "8.0.1",
+    "typescript": "^5.6.0",
+    "react": "^18.0.0",
+    "@react-pdf/renderer": "^4.0.0"
+  },
+  "keywords": [
+    "pdf",
+    "react",
+    "tailwindcss",
+    "pdf-generation",
+    "react-pdf",
+    "trix",
+    "investment-memo",
+    "report-builder"
+  ],
+  "author": "Trx Investimentos",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}

package/scripts/generate-icon-map.ts

@@ -0,0 +1,83 @@
+#!/usr/bin/env bun
+
+import { readFileSync, writeFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+interface IconSelection {
+  IcoMoonType: string;
+  icons: Array<{
+    properties: {
+      name: string;
+      code: number;
+    };
+  }>;
+}
+
+async function generateIconMap() {
+  const selectionPath = resolve(__dirname, "../assets/selection.json");
+  const outputPath = resolve(__dirname, "../src/constants/phosphor-icons.ts");
+
+  console.log("📖 Reading selection file...");
+  const selectionData: IconSelection = JSON.parse(readFileSync(selectionPath, "utf-8"));
+
+  console.log(`✨ Found ${selectionData.icons.length} icons`);
+
+  // Criar mapeamento de nome para código hexadecimal
+  const iconMap: Record<string, string> = {};
+
+  for (const icon of selectionData.icons) {
+    const name = icon.properties.name;
+    const code = icon.properties.code;
+    // Converter código decimal para hexadecimal
+    const hexCode = code.toString(16);
+    iconMap[name] = hexCode;
+  }
+
+  // Gerar conteúdo do arquivo TypeScript
+  const fileContent = `// Auto-generated file. Do not edit manually.
+// Generated from assets/selection copy.json
+// Run: bun run scripts/generate-icon-map.ts
+
+export const PHOSPHOR_ICONS = ${JSON.stringify(iconMap, null, 2)} as const;
+
+export type PhosphorIconName = keyof typeof PHOSPHOR_ICONS;
+
+/**
+ * Get the hex code for a Phosphor icon by name
+ * @param name - The icon name (e.g., "acorn", "heart", "user")
+ * @returns The hex code string (e.g., "eb9a")
+ */
+export function getIconCode(name: PhosphorIconName): string {
+  return PHOSPHOR_ICONS[name];
+}
+
+/**
+ * Check if an icon name exists in the Phosphor icon set
+ * @param name - The icon name to check
+ * @returns True if the icon exists
+ */
+export function hasIcon(name: string): name is PhosphorIconName {
+  return name in PHOSPHOR_ICONS;
+}
+
+/**
+ * Get all available icon names
+ * @returns Array of all icon names
+ */
+export function getAllIconNames(): PhosphorIconName[] {
+  return Object.keys(PHOSPHOR_ICONS) as PhosphorIconName[];
+}
+`;
+
+  console.log("💾 Writing icon map file...");
+  writeFileSync(outputPath, fileContent, "utf-8");
+
+  console.log("✅ Icon map generated successfully!");
+  console.log(`📄 Output: ${outputPath}`);
+  console.log(`🎨 Total icons: ${Object.keys(iconMap).length}`);
+}
+
+generateIconMap().catch((error) => {
+  console.error("❌ Error generating icon map:", error);
+  process.exit(1);
+});

package/scripts/patch-textkit.js

@@ -0,0 +1,57 @@
+/**
+ * Aplica patch no @react-pdf/textkit para evitar "lastFont.unitsPerEm" quando
+ * lastFont ou font são null/undefined (font stack vazia).
+ * Rode após install (postinstall).
+ */
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const root = path.resolve(__dirname, "..");
+const textkitPath = path.join(root, "node_modules", "@react-pdf", "textkit", "lib", "textkit.js");
+
+const UNPATCHED = `            const font = pickFontFromFontStack(codePoint, run.attributes.font, lastFont);
+            const fontSize = getFontSize(run);
+            // If anything that would impact res has changed, update it
+            if (font !== lastFont ||
+                fontSize !== lastFontSize ||
+                font.unitsPerEm !== lastFont.unitsPerEm) {`;
+
+const PATCHED = `            const font = pickFontFromFontStack(codePoint, run.attributes.font, lastFont);
+            const fontSize = getFontSize(run);
+            // If anything that would impact res has changed, update it (guard: font/lastFont can be null when font stack is empty)
+            const unitsPerEmChanged = font && lastFont && font.unitsPerEm !== lastFont.unitsPerEm;
+            if (font !== lastFont ||
+                fontSize !== lastFontSize ||
+                unitsPerEmChanged) {`;
+
+const UNPATCHED_TAIL = `    }
+    if (lastIndex < string.length) {
+        const fontSize = getFontSize(last(runs));`;
+
+const PATCHED_TAIL = `    }
+    if (lastFont && lastIndex < string.length) {
+        const fontSize = getFontSize(last(runs));`;
+
+try {
+  let content = fs.readFileSync(textkitPath, "utf8");
+  if (content.includes("unitsPerEmChanged")) {
+    console.log("[patch-textkit] Já aplicado, ignorando.");
+    process.exit(0);
+  }
+  if (!content.includes(UNPATCHED.trim().slice(0, 80))) {
+    console.warn("[patch-textkit] Arquivo textkit.js inesperado; patch não aplicado.");
+    process.exit(0);
+  }
+  content = content.replace(UNPATCHED, PATCHED).replace(UNPATCHED_TAIL, PATCHED_TAIL);
+  fs.writeFileSync(textkitPath, content);
+  console.log("[patch-textkit] Patch aplicado em @react-pdf/textkit.");
+} catch (err) {
+  if (err.code === "ENOENT") {
+    console.log("[patch-textkit] @react-pdf/textkit não encontrado (node_modules não instalado?).");
+    process.exit(0);
+  }
+  console.error("[patch-textkit] Erro:", err.message);
+  process.exit(1);
+}