Use and adapt pdf-ar

Use the documented interfaces and source layout for pdf-ar. The sections below retain the README’s examples and configuration details.

Workspace

apps/builder: Next.js SaaS app, dashboard, templates, projects, PDFMe studio editor, and Hono API routes.
packages/pdf-engine: TypeScript Arabic/RTL PDF engine powered by pdf-lib.
apps/builder/src/components/pdf-studio: full-screen PDF builder UI.
apps/builder/src/lib/pdfme: PDFMe plugins, fonts, and template presets.
apps/builder/src/store: Zustand editor state.

1npm install
2npm run dev

Open http://localhost:3000.

Useful routes:

The editor route is a real WYSIWYG builder powered by @pdfme/ui:

The captured package.json declares the following scripts. Run them from the directory containing that manifest.

Command	Script
`npm run start`	`npm run start -w @pdf-ar/builder`
`npm run dev`	`npm run dev -w @pdf-ar/builder`
`npm run build`	`npm run build --workspaces --if-present`
`npm run test`	`tsx --test tests/*/.test.ts`
`npm run typecheck`	`npm run typecheck --workspaces --if-present`

Reproduce the smallest example from the quick-start guide.
Compare required configuration and dependency versions with the README.
Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.

Workspace

apps/builder: Next.js SaaS app, dashboard, templates, projects, PDFMe studio editor, and Hono API routes.

packages/pdf-engine: TypeScript Arabic/RTL PDF engine powered by pdf-lib.

apps/builder/src/components/pdf-studio: full-screen PDF builder UI.

apps/builder/src/lib/pdfme: PDFMe plugins, fonts, and template presets.

apps/builder/src/store: Zustand editor state.

PDF Studio

The editor route is a real WYSIWYG builder powered by @pdfme/ui:

add text, image, rectangle, ellipse, line, and QR code elements

move, resize, rotate, and edit elements directly on the PDF page

manage multiple pages

use custom left palette, right properties panel, and layers list

import property JSON or PDFMe template JSON

export with @pdfme/generator, using the same template as the canvas

load the Cairo font through /api/assets/fonts/cairo for Arabic PDF output

Commands in the root manifest

The captured package.json declares the following scripts. Run them from the directory containing that manifest.

Command	Script
`npm run start`	`npm run start -w @pdf-ar/builder`
`npm run dev`	`npm run dev -w @pdf-ar/builder`
`npm run build`	`npm run build --workspaces --if-present`
`npm run test`	`tsx --test tests/*/.test.ts`
`npm run typecheck`	`npm run typecheck --workspaces --if-present`