14 | {children}
15 |
16 |
17 | );
18 | };
19 |
20 | export default Page;
21 |
--------------------------------------------------------------------------------
/packages/htmldocs/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | webpack: (config, { isServer }) => {
4 | if (isServer) {
5 | config.externals.push("esbuild");
6 | }
7 |
8 | return config;
9 | },
10 | };
11 |
12 | const withBundleAnalyzer = (await import('@next/bundle-analyzer')).default({
13 | enabled: process.env.ANALYZE === 'true',
14 | });
15 |
16 | export default withBundleAnalyzer(nextConfig);
17 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "eslint.workingDirectories": [
3 | {
4 | "mode": "auto"
5 | }
6 | ],
7 | "search.useIgnoreFiles": false,
8 | "search.exclude": {
9 | "**/node_modules": true,
10 | "**/bower_components": true,
11 | "**/*.code-search": true,
12 | ".git": true,
13 | ".next": true,
14 | "out": true,
15 | "build": true,
16 | "coverage": true,
17 | ".turbo": true,
18 | "*.tsbuildinfo": true
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/render/build.ts:
--------------------------------------------------------------------------------
1 | import esbuild from 'esbuild';
2 | import inlineImportPlugin from 'esbuild-plugin-inline-import';
3 |
4 | esbuild.build({
5 | entryPoints: ['src/index.ts'],
6 | bundle: true,
7 | outdir: 'dist',
8 | format: 'cjs',
9 | sourcemap: true,
10 | platform: 'node',
11 | external: ['react', 'react-dom'],
12 | plugins: [
13 | inlineImportPlugin({
14 | filter: /^(.*)\.css$/,
15 | }),
16 | ],
17 | }).catch(() => process.exit(1));
18 |
--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://turbo.build/schema.json",
3 | "globalDependencies": ["**/.env.*local"],
4 | "tasks": {
5 | "build": {
6 | "dependsOn": ["^build"],
7 | "outputs": [".next/**", "!.next/cache/**", "dist/**"]
8 | },
9 | "lint": {},
10 | "dev": {
11 | "cache": false,
12 | "persistent": true
13 | },
14 | "test": {
15 | "dependsOn": ["^build"],
16 | "outputs": ["coverage/**"]
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/packages/htmldocs/src/app/preview/[...slug]/loading.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { Shell } from "~/components/shell";
4 | import path from "path";
5 | import { Spinner } from "@phosphor-icons/react";
6 |
7 | export default function Loading() {
8 | return (
9 |
11 |
13 |
11 |
24 |
12 |
23 | 13 | Welcome to htmldocs 14 |
15 |
16 | To start developing your emails, you can create a
17 | .jsx or{' '}
18 | .tsx file under your{' '}
19 | {baseEmailsDirectoryName}{' '}
20 | folder.
21 |
My Document Title
21 |This is the content of my first page.
22 |Second Page
25 |This is the content of my second page.
26 |
34 |
40 |
41 | );
42 | };
43 |
44 | export default Preview;
45 |
46 |
--------------------------------------------------------------------------------
/packages/htmldocs/src/cli/utils/preview/hot-reloading/get-imported-modules.ts:
--------------------------------------------------------------------------------
1 | import { traverse } from '@babel/core';
2 | import { parse } from '@babel/parser';
3 |
4 | export const getImportedModules = (contents: string) => {
5 | const importedPaths: string[] = [];
6 | const parsedContents = parse(contents, {
7 | sourceType: 'unambiguous',
8 | strictMode: false,
9 | errorRecovery: true,
10 | plugins: ['jsx', 'typescript'],
11 | });
12 |
13 | traverse(parsedContents, {
14 | ImportDeclaration({ node }) {
15 | importedPaths.push(node.source.value);
16 | },
17 | ExportAllDeclaration({ node }) {
18 | importedPaths.push(node.source.value);
19 | },
20 | ExportNamedDeclaration({ node }) {
21 | if (node.source) {
22 | importedPaths.push(node.source.value);
23 | }
24 | },
25 | CallExpression({ node }) {
26 | if ('name' in node.callee && node.callee.name === 'require') {
27 | if (node.arguments.length === 1) {
28 | const importPathNode = node.arguments[0]!;
29 | if (importPathNode!.type === 'StringLiteral') {
30 | importedPaths.push(importPathNode.value);
31 | }
32 | }
33 | }
34 | },
35 | });
36 |
37 | return importedPaths;
38 | };
--------------------------------------------------------------------------------
/packages/htmldocs/src/app/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as TooltipPrimitive from "@radix-ui/react-tooltip"
5 |
6 | import { cn } from "~/lib/utils"
7 |
8 | const TooltipProvider = TooltipPrimitive.Provider
9 |
10 | const Tooltip = TooltipPrimitive.Root
11 |
12 | const TooltipTrigger = TooltipPrimitive.Trigger
13 |
14 | const TooltipContent = React.forwardRef<
15 | React.ElementRef
50 |
53 | John Doe
51 |Professional software engineer
52 |
23 | Text using Google Font (Inter)
24 |
25 |
59 | Text using local custom font
60 |
61 |
9 |
38 |
39 | );
40 | };
--------------------------------------------------------------------------------
/packages/htmldocs/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { Inter as FontSans } from "next/font/google";
3 | import "./globals.css";
4 | import { cn } from "~/lib/utils";
5 | import { ThemeProvider } from "~/components/theme-provider";
6 | import { getDocumentsDirectoryMetadata } from '~/actions/get-documents-directory-metadata';
7 | import { documentsDirectoryAbsolutePath } from '../utils/documents-directory-absolute-path';
8 | import { DocumentsProvider } from '~/contexts/documents';
9 |
10 | const fontSans = FontSans({
11 | subsets: ["latin"],
12 | variable: "--font-sans",
13 | });
14 |
15 | // Force this to be server-side rendered and not statically generated
16 | export const dynamic = "force-dynamic";
17 |
18 | export const metadata: Metadata = {
19 | title: "htmldocs",
20 | };
21 |
22 | const RootLayout = async ({ children }: { children: React.ReactNode }) => {
23 | const documentsDirectoryMetadata = await getDocumentsDirectoryMetadata(
24 | documentsDirectoryAbsolutePath,
25 | );
26 |
27 | if (typeof documentsDirectoryMetadata === 'undefined') {
28 | throw new Error(
29 | `Could not find the documents directory specified under ${documentsDirectoryAbsolutePath}!`,
30 | );
31 | }
32 |
33 | return (
34 |
35 |
41 |
10 |
37 | 11 | 27 | {props.error.name}: {props.error.message} 28 |
29 | {props.error.stack ? ( 30 |
31 |
35 | ) : undefined}
36 |
32 | {props.error.stack}
33 |
34 | My Document Content
19 |This is the content of my document.
20 |A4 Portrait Document
56 |This is an A4 portrait document with 1 inch margins.
57 |Legal Landscape Document
73 |This is a legal size landscape document with 0.5 inch margins.
74 |
49 |
50 |
58 |
59 | {reorderedChildren}
60 |
61 | );
62 | };
63 |
64 | export default Document;
65 |
--------------------------------------------------------------------------------
/packages/htmldocs/public/template/documents/static/axis.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/packages/render/src/css/normalize.scss:
--------------------------------------------------------------------------------
1 | /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.css.map */
--------------------------------------------------------------------------------
/packages/htmldocs/src/app/contexts/document-context.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext, useState } from 'react';
2 | import { JSONSchema7 } from 'json-schema';
3 | import logger from '~/lib/logger';
4 |
5 | interface DocumentContextValue {
6 | documentSchema: JSONSchema7;
7 | documentContext: Record(Word, Google Docs) | LaTeX Documents
(Overleaf, TeXStudio) | Freeform Documents
(Figma, Sketch) | Web Documents
(htmldocs) | 9 | |---------|:-------------------------------------------:|:----------------------------------------:|:-------------------------------------:|:---------------------------:| 10 | | Content Structure | Semi-Structured | Highly Structured | Freeform | Highly Structured | 11 | | Learning Curve | ✅ Simple | ❌ Complex | ✅ Simple | ✅ Simple | 12 | | Template Variables | ❌ Limited | ❌ Limited | ❌ Limited | ✅ Supported | 13 | | Styling | ✅ Basic | ❌ Complex | ✅ Advanced | ✅ Advanced | 14 | | Version Control | ❌ Limited | ✅ Supported | ❌ Limited | ✅ Supported | 15 | | Document Consistency | ❌ Limited | ✅ Supported | ✅ Supported | ✅ Supported | 16 | | External Libraries | ❌ Limited | ✅ Supported | ❌ Limited | ✅ Supported | 17 | | Automation / API | ❌ Limited | ❌ Limited | ❌ Limited | ✅ Supported | 18 | | Developer Plugins | ❌ Limited | ❌ Limited | ❌ Limited | ✅ Supported | 19 | | Live Preview | ✅ Supported | ❌ Limited | ✅ Supported | ✅ Supported | 20 | | CI/CD Integration | ❌ Limited | ⚠️ Partial | ❌ Limited | ✅ Supported | 21 | | Type Safety | ❌ Limited | ❌ Limited | ❌ Limited | ✅ Supported | 22 | | AI Integrations | ❌ Limited | ❌ Limited | ❌ Limited | ✅ Supported | 23 | 24 | ## When to Choose htmldocs 25 | 26 | htmldocs is the ideal choice when you need: 27 | 28 | - **Programmatic Generation**: Create documents dynamically using data and code 29 | - **Consistent Branding**: Maintain uniform styling across all documents through components 30 | - **Modern Development**: Leverage React, TypeScript, and the npm ecosystem 31 | - **CI/CD**: Push new document versions with CI/CD pipelines 32 | - **Version Control**: Track changes and collaborate using Git 33 | - **Developer-First**: Use familiar tools and workflows in a code-first environment 34 | - **Integrated AI Workflow**: Generate document content seamlessly with AI tools like Cursor/Copilot 35 | - **Structured Documents**: Create structured documents with precise typesetting and predictable layouts 36 | 37 | While traditional tools like Word or LaTeX have their place, htmldocs brings document creation into the modern web development ecosystem, offering powerful features for teams that need more than just basic word processing. -------------------------------------------------------------------------------- /packages/htmldocs/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # htmldocs 2 | 3 | ## 0.2.30 4 | 5 | ### Patch Changes 6 | 7 | - c6753c4: Update cli auth 8 | - @htmldocs/render@0.2.30 9 | 10 | ## 0.2.29 11 | 12 | ### Patch Changes 13 | 14 | - ddd6fbc: Add more metadata 15 | - @htmldocs/render@0.2.29 16 | 17 | ## 0.2.28 18 | 19 | ### Patch Changes 20 | 21 | - abdcd3a: add npm keywords 22 | - @htmldocs/render@0.2.28 23 | 24 | ## 0.2.27 25 | 26 | ### Patch Changes 27 | 28 | - d232426: update README 29 | - @htmldocs/render@0.2.27 30 | 31 | ## 0.2.26 32 | 33 | ### Patch Changes 34 | 35 | - 2fc14f7: fix build 36 | - @htmldocs/render@0.2.26 37 | 38 | ## 0.2.25 39 | 40 | ### Patch Changes 41 | 42 | - c737b5f: add new version popup 43 | - @htmldocs/render@0.2.25 44 | 45 | ## 0.2.24 46 | 47 | ### Patch Changes 48 | 49 | - 9e2b062: hot reload context vars 50 | - @htmldocs/render@0.2.24 51 | 52 | ## 0.2.23 53 | 54 | ### Patch Changes 55 | 56 | - 7043ac8: add zoom controls 57 | - Updated dependencies [7043ac8] 58 | - @htmldocs/render@0.2.23 59 | 60 | ## 0.2.22 61 | 62 | ### Patch Changes 63 | 64 | - 7a5492d: fix dependent hot reloading 65 | - @htmldocs/render@0.2.22 66 | 67 | ## 0.2.21 68 | 69 | ### Patch Changes 70 | 71 | - b0c33de: expand hot refresh to cwd 72 | - @htmldocs/render@0.2.21 73 | 74 | ## 0.2.20 75 | 76 | ### Patch Changes 77 | 78 | - d5f8135: add loader 79 | - Updated dependencies [91e3544] 80 | - @htmldocs/render@0.2.20 81 | 82 | ## 0.2.19 83 | 84 | ### Patch Changes 85 | 86 | - fa33e6f: Add CTA 87 | - @htmldocs/render@0.2.19 88 | 89 | ## 0.2.18 90 | 91 | ### Patch Changes 92 | 93 | - 60f8e6b: improve logging, dev experience 94 | - Updated dependencies [60f8e6b] 95 | - @htmldocs/render@0.2.18 96 | 97 | ## 0.2.17 98 | 99 | ### Patch Changes 100 | 101 | - 191eb52: restore packages 102 | - Updated dependencies [191eb52] 103 | - @htmldocs/render@0.2.17 104 | 105 | ## 0.2.16 106 | 107 | ### Patch Changes 108 | 109 | - 8787d4b: add .npmignore 110 | - Updated dependencies [8787d4b] 111 | - @htmldocs/render@0.2.16 112 | 113 | ## 0.2.15 114 | 115 | ### Patch Changes 116 | 117 | - 23ac0f9: reduce bundle size 118 | - @htmldocs/render@0.2.15 119 | 120 | ## 0.2.14 121 | 122 | ### Patch Changes 123 | 124 | - a6c234f: update api url 125 | - @htmldocs/render@0.2.14 126 | 127 | ## 0.2.13 128 | 129 | ### Patch Changes 130 | 131 | - accc5e7: changeset add changelogs 132 | - @htmldocs/render@0.2.13 133 | -------------------------------------------------------------------------------- /packages/render/src/util/static-node-modules-for-vm.ts: -------------------------------------------------------------------------------- 1 | import zlib from 'node:zlib'; 2 | import vm from 'node:vm'; 3 | import v8 from 'node:v8'; 4 | import util from 'node:util'; 5 | import url from 'node:url'; 6 | import tty from 'node:tty'; 7 | import tls from 'node:tls'; 8 | import timers from 'node:timers'; 9 | import stringDecoder from 'node:string_decoder'; 10 | import stream from 'node:stream'; 11 | import readline from 'node:readline'; 12 | import querystring from 'node:querystring'; 13 | import punycode from 'node:punycode'; 14 | import path from 'node:path'; 15 | import os from 'node:os'; 16 | import net from 'node:net'; 17 | import https from 'node:https'; 18 | import http from 'node:http'; 19 | import fs from 'node:fs'; 20 | import events from 'node:events'; 21 | import domain from 'node:domain'; 22 | import dns from 'node:dns'; 23 | import dgram from 'node:dgram'; 24 | import crypto from 'node:crypto'; 25 | import cluster from 'node:cluster'; 26 | import childProcess from 'node:child_process'; 27 | import buffer from 'node:buffer'; 28 | import assert from 'node:assert'; 29 | 30 | /** 31 | * A map of the name of the modules (including `node:` prefixed ones) 32 | * provided by Node because dynamic requires of them, even on the server 33 | * will not be resolved properly 34 | */ 35 | export const staticNodeModulesForVM = { 36 | zlib, 37 | 'node:zlib': zlib, 38 | vm, 39 | 'node:vm': vm, 40 | v8, 41 | 'node:v8': v8, 42 | util, 43 | 'node:util': util, 44 | url, 45 | 'node:url': url, 46 | tty, 47 | 'node:tty': tty, 48 | tls, 49 | 'node:tls': tls, 50 | timers, 51 | 'node:timers': timers, 52 | 'string_decoder': stringDecoder, 53 | 'node:string_decoder': stringDecoder, 54 | stream, 55 | 'node:stream': stream, 56 | readline, 57 | 'node:readline': readline, 58 | querystring, 59 | 'node:querystring': querystring, 60 | punycode, 61 | 'node:punycode': punycode, 62 | path, 63 | 'node:path': path, 64 | os, 65 | 'node:os': os, 66 | net, 67 | 'node:net': net, 68 | https, 69 | 'node:https': https, 70 | http, 71 | 'node:http': http, 72 | fs, 73 | 'node:fs': fs, 74 | events, 75 | 'node:events': events, 76 | domain, 77 | 'node:domain': domain, 78 | dns, 79 | 'node:dns': dns, 80 | dgram, 81 | 'node:dgram': dgram, 82 | crypto, 83 | 'node:crypto': crypto, 84 | cluster, 85 | 'node:cluster': cluster, 86 | 'child_process': childProcess, 87 | 'node:child_process': childProcess, 88 | buffer, 89 | 'node:buffer': buffer, 90 | assert, 91 | 'node:assert': assert, 92 | }; -------------------------------------------------------------------------------- /apps/examples/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./documents/**/*.{js,jsx,ts,tsx}"], 4 | theme: { 5 | extend: { 6 | fontFamily: { 7 | serif: ['Palatino', 'Palatino Linotype', 'serif'], 8 | }, 9 | typography: { 10 | DEFAULT: { 11 | css: { 12 | fontSize: '12pt', 13 | lineHeight: 1.5, 14 | color: '#000000', 15 | p: { 16 | marginTop: '0.5em', 17 | marginBottom: '0.5em', 18 | color: '#000000', 19 | textIndent: '1em', 20 | }, 21 | h1: { 22 | fontSize: '16pt', 23 | marginTop: '1em', 24 | marginBottom: '0.5em', 25 | fontWeight: '600', 26 | color: '#000000', 27 | }, 28 | h2: { 29 | fontSize: '14pt', 30 | marginTop: '1em', 31 | marginBottom: '0.5em', 32 | fontWeight: '600', 33 | color: '#000000', 34 | }, 35 | h3: { 36 | fontSize: '12pt', 37 | marginTop: '1em', 38 | marginBottom: '0.5em', 39 | fontWeight: '600', 40 | color: '#000000', 41 | }, 42 | h4: { 43 | fontSize: '12pt', 44 | marginTop: '0.8em', 45 | marginBottom: '0.4em', 46 | fontWeight: '600', 47 | fontStyle: 'italic', 48 | color: '#000000', 49 | }, 50 | ul: { 51 | marginTop: '0.5em', 52 | marginBottom: '0.5em', 53 | color: '#000000', 54 | }, 55 | ol: { 56 | marginTop: '0.5em', 57 | marginBottom: '0.5em', 58 | color: '#000000', 59 | }, 60 | li: { 61 | marginTop: '0.2em', 62 | marginBottom: '0.2em', 63 | color: '#000000', 64 | }, 65 | a: { 66 | color: '#000000', 67 | textDecoration: 'underline', 68 | }, 69 | strong: { 70 | color: '#000000', 71 | fontWeight: '600', 72 | }, 73 | code: { 74 | color: '#000000', 75 | }, 76 | pre: { 77 | color: '#000000', 78 | }, 79 | }, 80 | }, 81 | }, 82 | }, 83 | }, 84 | plugins: [ 85 | require('@tailwindcss/typography'), 86 | ], 87 | }; 88 | -------------------------------------------------------------------------------- /packages/react/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import MarginBox, { MarginBoxPosition } from './MarginBox'; 3 | import Head from './Head'; 4 | 5 | interface FooterProps { 6 | /** 7 | * Content to render in the footer. 8 | * Can be either: 9 | * - A function that receives current page and total pages 10 | * - A ReactNode for static content 11 | */ 12 | children?: ((params: { 13 | currentPage: React.ReactElement, 14 | totalPages: React.ReactElement 15 | }) => React.ReactNode) | React.ReactNode; 16 | 17 | /** 18 | * Footer position. Defaults to 'bottom-center' 19 | */ 20 | position?: MarginBoxPosition; 21 | 22 | /** 23 | * Whether to show footer on even/odd/blank pages 24 | */ 25 | pageType?: 'all' | 'even' | 'odd' | 'blank'; 26 | 27 | /** 28 | * Custom CSS classes 29 | */ 30 | className?: string; 31 | 32 | /** 33 | * Custom styles 34 | */ 35 | style?: React.CSSProperties; 36 | 37 | /** 38 | * Optional styling for the position element 39 | */ 40 | marginBoxStyles?: React.CSSProperties; 41 | } 42 | 43 | export const Footer: React.FC
Welcome to My Document
42 |This is the first paragraph of my document.
44 |Section 1
46 |Content for section 1 goes here.
48 |Section 2
50 |Content for section 2 goes here.
52 |
17 | ```
18 |
19 | ## Server-Side Usage
20 | When reading files server-side (like in document templates), use `process.env.DOCUMENTS_STATIC_PATH` to access files in your static directory:
21 |
22 | 24 | If you'd like to see this feature, please leave a comment on the #feature-requests channel in Slack. 25 |
61 | Text using custom font
62 |
63 |
83 | {children}
84 |
85 |
86 | );
87 | };
88 |
89 | export default MarginBox;
--------------------------------------------------------------------------------
/packages/render/src/util/improve-error-with-sourcemap.ts:
--------------------------------------------------------------------------------
1 | import path from 'node:path';
2 | import * as stackTraceParser from 'stacktrace-parser';
3 | import { SourceMapConsumer, type RawSourceMap } from 'source-map-js';
4 | import type { ErrorObject } from '../types';
5 |
6 | export const improveErrorWithSourceMap = (
7 | error: Error,
8 | originalFilePath: string,
9 | sourceMapToOriginalFile: RawSourceMap,
10 | ): ErrorObject => {
11 | let stack: string | undefined;
12 |
13 | const sourceRoot =
14 | sourceMapToOriginalFile.sourceRoot ?? path.dirname(originalFilePath);
15 |
16 | const getStackLineFromMethodNameAndSource = (
17 | methodName: string,
18 | source: string | null | undefined,
19 | line: number | undefined | null,
20 | column: number | undefined | null,
21 | ) => {
22 | const columnAndLine =
23 | column || line
24 | ? `${line ?? ''}${line && column ? ':' : ''}${column ?? ''}`
25 | : undefined;
26 | const sourceToDisplay = source ? path.relative(sourceRoot, source) : 'unknown source';
27 | return methodName === '
62 | {open ? (
63 |
71 | {!isEmpty ? (
72 | 68 | {directoryMetadata.directoryName} 69 |
70 |Invoice for {customerName}
31 |
32 | {items.map((item, index) => (
33 |
40 |
34 | {item.name}
35 | {item.quantity}
36 | ${item.price}
37 |
38 | ))}
39 |