@useprint/preview 0.1.1 → 0.1.3

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-webpack","duration":19171503,"timestamp":505715084,"id":17,"parentId":1,"tags":{},"startTime":1766605254247,"traceId":"f604093a586b6b92"},{"name":"run-typescript","duration":7316300,"timestamp":524896774,"id":3276,"parentId":1,"tags":{},"startTime":1766605273429,"traceId":"f604093a586b6b92"},{"name":"static-check","duration":864211,"timestamp":532283185,"id":3278,"parentId":1,"tags":{},"startTime":1766605280815,"traceId":"f604093a586b6b92"},{"name":"static-generation","duration":3328455,"timestamp":533190884,"id":3295,"parentId":1,"tags":{},"startTime":1766605281723,"traceId":"f604093a586b6b92"},{"name":"collect-build-traces","duration":13564850,"timestamp":533149525,"id":3292,"parentId":1,"tags":{},"startTime":1766605281682,"traceId":"f604093a586b6b92"},{"name":"telemetry-flush","duration":38,"timestamp":546716184,"id":3303,"parentId":1,"tags":{},"startTime":1766605295248,"traceId":"f604093a586b6b92"},{"name":"next-build","duration":41107288,"timestamp":505608944,"id":1,"tags":{"buildMode":"default","version":"16.0.1","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1766605254141,"traceId":"f604093a586b6b92"}]
+[{"name":"run-webpack","duration":21027054,"timestamp":97462172,"id":17,"parentId":1,"tags":{},"startTime":1775856622192,"traceId":"4d475fe8e57a7a44"},{"name":"run-typescript","duration":4700485,"timestamp":118513330,"id":3280,"parentId":1,"tags":{},"startTime":1775856643243,"traceId":"4d475fe8e57a7a44"},{"name":"static-check","duration":718252,"timestamp":123279672,"id":3283,"parentId":1,"tags":{},"startTime":1775856648010,"traceId":"4d475fe8e57a7a44"},{"name":"static-generation","duration":2832338,"timestamp":124025524,"id":3299,"parentId":1,"tags":{},"startTime":1775856648755,"traceId":"4d475fe8e57a7a44"},{"name":"collect-build-traces","duration":8356810,"timestamp":123998455,"id":3296,"parentId":1,"tags":{},"startTime":1775856648728,"traceId":"4d475fe8e57a7a44"},{"name":"telemetry-flush","duration":59,"timestamp":132356976,"id":3307,"parentId":1,"tags":{},"startTime":1775856657087,"traceId":"4d475fe8e57a7a44"},{"name":"next-build","duration":35174445,"timestamp":97182599,"id":1,"tags":{"buildMode":"default","version":"16.1.6","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1775856621913,"traceId":"4d475fe8e57a7a44"}]

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @useprint/preview
 
+## 0.1.3
+
+### Patch Changes
+
+- aa72ad0: Declare missing direct dependencies for `@useprint/preview` so fresh `init-doc` installs can resolve the preview app font imports and bundled test helpers without relying on monorepo-only root packages.
+- aa72ad0: Fixing missing packages.
+- Updated dependencies [aa72ad0]
+  - @useprint/components@0.1.3
+  - @useprint/shared@0.1.3
+
+## 0.1.2
+
+### Patch Changes
+
+- 4ba9bad: Improving css engine, branding and a loader to pdf preview. Adding init-doc command. Rewriting tests. Cleaning up react.email.
+- Updated dependencies [4ba9bad]
+  - @useprint/components@0.1.2
+  - @useprint/shared@0.1.2
+
 ## 0.1.1
 
 ### Patch Changes

package/next.config.js

@@ -1,5 +1,9 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
+  outputFileTracingRoot: process.env.USER_PROJECT_LOCATION ?? __dirname,
+  turbopack: {
+    root: process.env.USER_PROJECT_LOCATION ?? __dirname,
+  },
   // this is needed so that the code for building documents works properly
   webpack: (
     /** @type {import('webpack').Configuration & { externals: string[] }} */
@@ -18,5 +22,5 @@ module.exports = {
   // What is probably happening is that it's noticing the files for the app are somewhere inside of a `node_modules` and automatically opt-outs of SWC's transpilation.
   //
   // TODO: Open an issue on Nextjs about this.
-  transpilePackages: ['useprint'],
+  transpilePackages: ['@useprint/preview'],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useprint/preview",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "A live preview of your pdf files right in your browser.",
   "scripts": {
     "build": "bun ./scripts/build-preview-server.mts",
@@ -13,9 +13,11 @@
   },
   "main": "./index.mjs",
   "dependencies": {
+    "@happy-dom/global-registrator": "^18.0.1",
     "@babel/core": "7.26.10",
     "@babel/parser": "^7.27.0",
     "@babel/traverse": "^7.27.0",
+    "@fontsource/inter": "^5.2.8",
     "@lottiefiles/dotlottie-react": "0.13.3",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-collapsible": "1.1.7",
@@ -54,12 +56,11 @@
     "socket.io-client": "4.8.1",
     "sonner": "2.0.3",
     "source-map-js": "1.2.1",
-    "spamc": "0.0.5",
     "stacktrace-parser": "0.1.11",
     "tailwind-merge": "3.2.0",
     "tailwindcss": "3.4.0",
     "use-debounce": "10.0.4",
-    "zod": "3.24.3"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@types/babel__core": "7.20.5",

package/public/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1043" viewBox="0 0 1000 1043"><metadata><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><rdf:Description><dc:creator>RealFaviconGenerator</dc:creator><dc:source>https://realfavicongenerator.net</dc:source></rdf:Description></rdf:RDF></metadata><image width="1000" height="1043" xlink:href="data:image/png;base64,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AQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACB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AAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAQIdAAAAAgQ6AAAABAh0AAAACBDoAAAAECDQAQAAIECgAwAAQIBABwAAgACBDgAAAAECHQAAAAIEOgAAAAQIdAAAAAgQ6AAAABAg0AEAACBAoAMAAECAQAcAAIAAgQ4AAAABAh0AAAACBDoAAAAECHQAAAAIEOgAAAAQINABAAAgQKADAABAgEAHAACAAIEOAAAAAYfL798BAAAAdvUfSghZVfamqagAAAAASUVORK5CYII="></image><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: invert(100%); } }
+</style></svg>

package/public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "UsePrint",
+  "short_name": "UsePrint",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/readme.md

@@ -1,34 +1,16 @@
-<div align="center"><strong>@useprint/preview</strong></div>
-<div align="center">A live preview of your documents right in your browser.</div>
-<br />
-<div align="center">
-<a href="https://useprint.dev">Website</a> 
-<span> · </span>
-<a href="https://github.com/maxscn/useprint">GitHub</a> 
-<span> · </span>
-<a href="https://useprint.dev/discord">Discord</a>
-</div>
+# @useprint/preview
 
-This package is used to store the preview server, it is also published and versioned so that it can be installed when the [CLI](../useprint) is being used.
+[docs](https://useprint.dev/docs/packages/preview)
 
-## Development workflow
+The internal preview runtime used by the Useprint CLI.
 
-### 1. Seed document templates
+This package powers the browser preview experience behind `@useprint/cli`. It is published so the CLI can bundle and install a matching preview server version when needed.
 
-```sh
-pnpm dev:seed
-```
+## Typical usage
 
-This generates a boilerplate documents directory for you to work with. These files can also be modified as you see fit since they are not included in git.
+Most users should not install this package directly. Instead, install:
 
-### 2. Run development server
+- `@useprint/components` to author documents
+- `@useprint/cli` to preview and export them
 
-```sh
-pnpm dev
-```
-
-This is somewhat equivalent to `next dev` and does not support hot reloading for document templates like the CLI does. It lets you work on the UI for the preview server mainly.
-
-### 3. Open in your browser
-
-Go to http://localhost:3000
+Reach for `@useprint/preview` directly only if you are working on the preview runtime itself.

package/scripts/utils/default-seed/contracts/project-proposal.tsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import {
+  Body,
+  Document,
+  Head,
+  Page,
+  Tailwind,
+} from '@useprint/components';
+
+interface ProjectProposalProps {
+  clientName: string;
+  projectName: string;
+  summary: string;
+  reviewLink: string;
+}
+
+export default function ProjectProposal({
+  clientName = 'Northwind Studio',
+  projectName = 'Summer product launch',
+  summary = 'A concise scope, timeline, and delivery plan for a multi-page printable proposal.',
+  reviewLink = 'https://useprint.dev/docs/getting-started/your-first-document',
+}: ProjectProposalProps) {
+  return (
+    <Document>
+      <Tailwind>
+        <Head />
+        <Body backgroundColor="#09090b">
+          <Page className="bg-zinc-950 px-10 py-12 text-zinc-50">
+            <p className="m-0 text-xs uppercase tracking-[0.3em] text-zinc-500">
+              Proposal ready
+            </p>
+            <h1 className="mb-8 mt-3 text-center text-[34px] font-semibold">
+              Project proposal
+            </h1>
+            <p>Hello {clientName},</p>
+            <p>
+              We prepared a printable proposal for <strong>{projectName}</strong>.
+              Use this version for review, approval, or export to PDF.
+            </p>
+            <div className="rounded-xl border border-zinc-800 bg-zinc-900 px-5 py-4">
+              {summary}
+            </div>
+            <div className="my-8 text-center">
+              <a
+                href={reviewLink}
+                className="inline-block rounded-lg bg-white px-5 py-3 text-sm font-medium text-zinc-950 no-underline"
+              >
+                Open proposal
+              </a>
+            </div>
+            <p className="text-sm text-zinc-400">
+              Tip: this document is designed to preview well in the browser and
+              render cleanly through Chromium-based PDF generation.
+            </p>
+          </Page>
+        </Body>
+      </Tailwind>
+    </Document>
+  );
+}
+
+ProjectProposal.PreviewProps = {
+  clientName: 'Northwind Studio',
+  projectName: 'Summer product launch',
+  summary:
+    'A concise scope, timeline, and delivery plan for a multi-page printable proposal.',
+  reviewLink: 'https://useprint.dev/docs/getting-started/your-first-document',
+} as ProjectProposalProps;

package/scripts/utils/default-seed/finance/payment-summary.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import {
+  Body,
+  Document,
+  Head,
+  Page,
+  Tailwind,
+} from '@useprint/components';
+
+interface PaymentSummaryProps {
+  customerName: string;
+  amount: string;
+  dueDate: string;
+  reference: string;
+}
+
+export default function PaymentSummary({
+  customerName = 'Acme Industries',
+  amount = '$12,480.00',
+  dueDate = 'April 30, 2026',
+  reference = 'INV-2048',
+}: PaymentSummaryProps) {
+  return (
+    <Document>
+      <Tailwind>
+        <Head />
+        <Body backgroundColor="#f5f5f4">
+          <Page className="bg-white px-8 py-10 text-stone-900">
+            <h1 className="mb-8 text-[32px] font-semibold">Payment summary</h1>
+            <p>Customer: {customerName}</p>
+            <p>Reference: {reference}</p>
+            <section className="my-8 rounded-2xl border border-stone-200 bg-stone-50 px-6 py-5">
+              <p className="m-0 text-sm uppercase tracking-[0.2em] text-stone-500">
+                Amount due
+              </p>
+              <p className="m-0 mt-2 text-[30px] font-semibold">{amount}</p>
+              <p className="m-0 mt-2 text-stone-600">Due {dueDate}</p>
+            </section>
+            <p className="text-sm text-stone-600">
+              This is a simple seeded example for previewing financial document
+              layouts during development.
+            </p>
+          </Page>
+        </Body>
+      </Tailwind>
+    </Document>
+  );
+}
+
+PaymentSummary.PreviewProps = {
+  customerName: 'Acme Industries',
+  amount: '$12,480.00',
+  dueDate: 'April 30, 2026',
+  reference: 'INV-2048',
+} as PaymentSummaryProps;

package/scripts/utils/default-seed/reports/incident-report.tsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import {
+  Body,
+  Document,
+  Head,
+  Page,
+  Tailwind,
+} from '@useprint/components';
+
+interface IncidentReportProps {
+  title: string;
+  happenedAt: string;
+  summary: string;
+  details: string;
+}
+
+export default function IncidentReport({
+  title = 'Print pipeline incident report',
+  happenedAt = '2026-04-10 09:42 UTC',
+  summary = 'A sample operational report showing how longer-form technical content can be laid out as a printable document.',
+  details = 'Renderer: chromium\nEnvironment: staging\nImpact: delayed export generation for 12 minutes\nResolution: restarted worker and retried queued jobs',
+}: IncidentReportProps) {
+  return (
+    <Document>
+      <Tailwind>
+        <Head />
+        <Body backgroundColor="#020617">
+          <Page className="bg-slate-950 px-8 py-10 text-slate-50">
+            <h1 className="mb-3 text-[32px] font-semibold">{title}</h1>
+            <p className="text-slate-400">Recorded {happenedAt}</p>
+            <p>{summary}</p>
+            <pre className="overflow-hidden rounded-2xl bg-slate-900 p-5 text-sm leading-6 text-slate-200">
+              <code>{details}</code>
+            </pre>
+          </Page>
+        </Body>
+      </Tailwind>
+    </Document>
+  );
+}
+
+IncidentReport.PreviewProps = {
+  title: 'Print pipeline incident report',
+  happenedAt: '2026-04-10 09:42 UTC',
+  summary:
+    'A sample operational report showing how longer-form technical content can be laid out as a printable document.',
+  details:
+    'Renderer: chromium\nEnvironment: staging\nImpact: delayed export generation for 12 minutes\nResolution: restarted worker and retried queued jobs',
+} as IncidentReportProps;

package/scripts/utils/default-seed/updates/release-notes.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import {
+  Body,
+  Document,
+  Head,
+  Page,
+  Tailwind,
+} from '@useprint/components';
+
+interface ReleaseNotesProps {
+  edition: string;
+  highlights: string[];
+}
+
+export default function ReleaseNotes({
+  edition = '2026.04',
+  highlights = [
+    'Improved page-aware layout primitives for longer printable documents.',
+    'Chromium-based PDF generation guidance added to the docs.',
+    'Faster local preview loop for document workspaces.',
+  ],
+}: ReleaseNotesProps) {
+  return (
+    <Document>
+      <Tailwind>
+        <Head />
+        <Body backgroundColor="#ffffff">
+          <Page className="bg-white px-8 py-10 text-slate-900">
+            <h1 className="mb-8 text-[32px] font-semibold">
+              Release notes {edition}
+            </h1>
+            <section className="rounded-2xl border border-slate-200 px-6 py-5">
+              <ul className="m-0 list-disc pl-5">
+                {highlights.map((highlight) => (
+                  <li key={highlight} className="mb-2">
+                    {highlight}
+                  </li>
+                ))}
+              </ul>
+            </section>
+            <p className="mt-8 text-sm text-slate-600">
+              Another seeded example meant for printable update summaries.
+            </p>
+          </Page>
+        </Body>
+      </Tailwind>
+    </Document>
+  );
+}
+
+ReleaseNotes.PreviewProps = {
+  edition: '2026.04',
+  highlights: [
+    'Improved page-aware layout primitives for longer printable documents.',
+    'Chromium-based PDF generation guidance added to the docs.',
+    'Faster local preview loop for document workspaces.',
+  ],
+} as ReleaseNotesProps;

package/src/actions/generate-pdf-from-html.ts

@@ -32,18 +32,13 @@ export async function generatePdfFromHtml(
     isLandscape?: boolean,
 ): Promise<string> {
     try {
-        console.log("Starting PDF generation...");
         const browser = await getBrowser();
-        console.log("Browser obtained");
         const page = await browser.newPage();
-        console.log("New page created");
 
         // Set content
-        console.log("Setting HTML content...");
         await page.setContent(html, {
             waitUntil: "networkidle", // This might be the issue - try "domcontentloaded" instead
         });
-        console.log("Content set");
 
         // Determine PDF options based on page size
         const pdfOptions: Parameters<typeof page.pdf>[0] = {
@@ -59,10 +54,7 @@ export async function generatePdfFromHtml(
             pdfOptions.format = "A4";
         }
 
-        // Generate PDF
-        console.log("Generating PDF...", pdfOptions);
         const pdfBuffer = await page.pdf(pdfOptions);
-        console.log("PDF generated");
 
         await page.close();
 

package/src/actions/render-document-by-path.tsx

@@ -90,7 +90,6 @@ export const renderDocumentByPath = async (
     let pdfData: string;
     try {
       pdfData = await generatePdfFromHtml(markup.replaceAll('\0', ''), pageSize, isLandscape);
-      console.log("PDF data generated, length:", pdfData.length, "first 50 chars:", pdfData.substring(0, 50));
     } catch (pdfError) {
       // If PDF generation fails, log but don't fail the entire rendering
       // We'll return an empty string or handle it gracefully
@@ -121,8 +120,6 @@ export const renderDocumentByPath = async (
       pdfData,
     };
 
-    console.log("Rendering result pdfData length:", renderingResult.pdfData.length);
-
     cache.set(cacheKey, renderingResult);
 
     return renderingResult;

package/src/app/fonts.ts

@@ -1,12 +1,5 @@
-import { Inter } from 'next/font/google';
 import Local from 'next/font/local';
 
-export const inter = Inter({
-  subsets: ['latin'],
-  variable: '--font-inter',
-  display: 'swap',
-});
-
 export const sfMono = Local({
   src: [
     {

package/src/app/globals.css

@@ -1,7 +1,16 @@
+@import "@fontsource/inter/400.css";
+@import "@fontsource/inter/500.css";
+@import "@fontsource/inter/600.css";
+@import "@fontsource/inter/700.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+:root {
+  --font-inter: "Inter";
+}
+
 html {
   color-scheme: dark;
 }

package/src/app/layout.tsx

@@ -3,10 +3,19 @@ import './globals.css';
 import { DocumentsProvider } from '../contexts/documents';
 import { getDocumentsDirectoryMetadata } from '../utils/get-documents-directory-metadata';
 import { documentsDirectoryAbsolutePath } from './env';
-import { inter, sfMono } from './fonts';
+import { sfMono } from './fonts';
 
 export const metadata: Metadata = {
   title: 'UsePrint',
+  manifest: '/site.webmanifest',
+  icons: {
+    icon: [
+      { url: '/favicon.ico' },
+      { url: '/favicon.svg', type: 'image/svg+xml' },
+      { url: '/favicon-96x96.png', sizes: '96x96', type: 'image/png' },
+    ],
+    apple: [{ url: '/apple-touch-icon.png', sizes: '180x180' }],
+  },
 };
 
 export const dynamic = 'force-dynamic';
@@ -15,7 +24,6 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
   const documentsDirectoryMetadata = await getDocumentsDirectoryMetadata(
     documentsDirectoryAbsolutePath,
   );
-  console.log('documentsDirectoryMetadata', documentsDirectoryMetadata);
   if (typeof documentsDirectoryMetadata === 'undefined') {
     throw new Error(
       `Could not find the documents directory specified under ${documentsDirectoryAbsolutePath}!`,
@@ -23,12 +31,9 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
   }
 
   return (
-    <html
-      className={`${inter.variable} ${sfMono.variable} font-sans`}
-      lang="en"
-    >
-      <body className="print:bg-white relative h-screen bg-black text-slate-11 leading-loose selection:bg-cyan-5 selection:text-cyan-12">
-        <div className="bg-gradient-to-t from-slate-3 flex flex-col overflow-hidden ">
+    <html className={`${sfMono.variable} font-sans`} lang="en">
+      <body className="print:bg-white relative h-dvh bg-black text-slate-11 leading-loose selection:bg-cyan-5 selection:text-cyan-12">
+        <div className="bg-gradient-to-t from-slate-3 flex min-h-dvh flex-col overflow-hidden">
           <DocumentsProvider
             initialDocumentsDirectoryMetadata={documentsDirectoryMetadata}
           >

package/src/app/page.tsx

@@ -1,13 +1,15 @@
-import path from 'node:path';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Button, Heading, Text } from '../components';
-import CodeSnippet from '../components/code-snippet';
-import { Shell } from '../components/shell';
-import { documentsDirectoryAbsolutePath } from './env';
+import path from "node:path";
+import Image from "next/image";
+import Link from "next/link";
+import { Button, Heading, Text } from "../components";
+import CodeSnippet from "../components/code-snippet";
+import { Shell } from "../components/shell";
+import { documentsDirectoryAbsolutePath } from "./env";
 
 const Home = () => {
-  const baseDocumentsDirectoryName = path.basename(documentsDirectoryAbsolutePath);
+  const baseDocumentsDirectoryName = path.basename(
+    documentsDirectoryAbsolutePath,
+  );
 
   return (
     <Shell>
@@ -18,12 +20,12 @@ const Home = () => {
           </Heading>
           <Text as="p">
             To start developing your documents, you can create a<br />
-            <CodeSnippet>.jsx</CodeSnippet> or <CodeSnippet>.tsx</CodeSnippet>{' '}
-            file under your <CodeSnippet>{baseDocumentsDirectoryName}</CodeSnippet>{' '}
-            folder.
+            <CodeSnippet>.jsx</CodeSnippet> or <CodeSnippet>.tsx</CodeSnippet>{" "}
+            file under your{" "}
+            <CodeSnippet>{baseDocumentsDirectoryName}</CodeSnippet> folder.
           </Text>
           <Button asChild className="mt-3" size="3">
-            <Link href="https://useprint.dev/docs">Check the docs</Link>
+            <Link href="https://useprint.dev">Check the docs</Link>
           </Button>
         </div>
       </div>