Skip to content

Instantly share code, notes, and snippets.

@btakita

btakita/mckenzie_starlite__replacement__bumper.svg.ts

Last active October 26, 2022 06:06
Show Gist options
  • Save btakita/d9db9d8fb637cf5f2dfd97a08c4f52ce to your computer and use it in GitHub Desktop.
Save btakita/d9db9d8fb637cf5f2dfd97a08c4f52ce to your computer and use it in GitHub Desktop.
Download ZIP
mckenzie_starlite__replacement__bumper.svg.ts
Raw
mckenzie_starlite__replacement__bumper.svg.ts
import { writeFile } from 'fs/promises'
import { dirname, join } from 'path'
import PDFDocument from 'pdfkit'
import SVGToPdf from 'svg-to-pdfkit'
// 96.75
// 8 x 7.5
const in__px = 96
const page__width__in = 11
const page__height__in = 8.5
const page__margin_x__in = .5
const page__margin_y__in = .5
const content__width__in = page__width__in - (2 * page__margin_x__in)
const page__width = page__width__in * in__px
const page__height = page__height__in * in__px
const doc__width = page__width
const doc__height = page__height * 2
const page__margin_x = page__margin_x__in * in__px
const page__margin_y = page__margin_y__in * in__px
const content__height__in = page__height__in - (2 * page__margin_y__in)
const content__width = page__width - 2 * page__margin_x
const content__height = page__height - 2 * page__margin_y
const content__x = page__margin_x
const content__y = page__margin_y
const receiver__width__in = 2
const receiver__height__in = 3.75
const back__view__width__in = 96.75
const back__in__px = in__px / (back__view__width__in / page__width__in)
const back__camper__width = 96.75 * back__in__px
const back__camper__x1 = (doc__width - back__camper__width) / 2
const back__camper__x2 = back__camper__x1 + back__camper__width
const back__screw__y = 1.5 * back__in__px
const back__camper__height = 11.5 * back__in__px
const back__receiver__width = receiver__width__in * back__in__px
const receiver__offset__y__in = 1
const back__receiver__height = receiver__height__in * back__in__px
const back__receivers__mid__distance__y = 66 * back__in__px
const back__receivers__y = back__camper__height
const back__receivers__x1 = back__camper__x1
const back__receivers__x2 = back__camper__x2
const back__receivers__width = back__receivers__mid__distance__y + back__receiver__width
const back__receivers__height = back__receiver__height
const back__receivers__offset__x = (back__camper__width - back__receivers__width) / 2
const back__receiver__y1 = receiver__offset__y__in * back__in__px
const back__receiver__y2 = back__receiver__y1 + back__receiver__height
const back__receivers__svg__height = back__receiver__y2
const back__bumper__width = back__camper__width
const back__bumper__height = back__camper__height + back__receivers__svg__height
const back__view__height = back__camper__height + back__receivers__svg__height
const side__camper__width__in = 8
const side__camper__height__in = 7.5
const side__view__height__in = side__camper__height__in + receiver__offset__y__in + receiver__height__in
const side__view__y = back__view__height + 50
const side__view__width__in = side__camper__width__in + 6
const side__view__frame__width__in = side__view__width__in - receiver__width__in
const side__in__px = in__px / (side__view__width__in / page__width__in)
const side__view__height = side__view__height__in * side__in__px
const side__view__width = side__view__width__in * side__in__px
const side__camper__width = side__camper__width__in * side__in__px
const side__camper__height = side__camper__height__in * side__in__px
const side__frame__y = side__camper__height + receiver__offset__y__in * side__in__px
const side__frame__width = side__view__frame__width__in * side__in__px
const side__frame__height = receiver__height__in * side__in__px
const side__bumper__x = side__frame__width
const side__bumper__y = side__frame__y
const side__bumper__width = receiver__width__in * side__in__px
const side__bumper__height = receiver__height__in * side__in__px
export function bumper__svg_() {
// language=SVG
return `
<svg xmlns="http://www.w3.org/2000/svg" class="doc" width="${doc__width}" height="${doc__height}">
${bumper__page_1__svg_()}
${bumper__page_2__svg_(page__height)}
</svg>
`.trim()
}
export function bumper__page_1__svg_() {
// language=SVG
return `
<svg class="page_1" width="${page__width}" height="${page__height}">
${sheet__pattern_()}
<svg
class="page_1__content"
x="${content__x}"
y="${content__y}"
width="${content__width}"
height="${content__height}"
>
${back__view_()}
</svg>
</svg>
`
function back__view_() {
// language=SVG
return `
<svg class="view__back" height="${back__view__height}">
${back__camper_()}
${back__receivers_()}
${back__bumper_()}
${back__bumper__sheet_()}
</svg>
`
function back__camper_() {
// language=SVG
return `
<svg class="camper__back" x="${back__camper__x1}" width="${back__camper__width}" height="${back__camper__height}">
<rect
width="${back__camper__width}"
height="${back__camper__height}"
fill="lightgray"
>
<title>camper back</title>
</rect>
<line
class="screw__row"
x1="0"
y1="${back__screw__y}"
x2="${back__camper__width}"
y2="${back__screw__y}"
stroke="black"
stroke-dasharray="3 1"
>
<title>screw row</title>
</line>
</svg>
`.trim()
}
function back__receivers_() {
// language=SVG
return `
<svg
class="receivers__back"
x="${back__camper__x1}"
y="${back__receivers__y}"
width="${back__camper__width}"
height="${back__receivers__svg__height}"
>
<svg
x="${back__receivers__offset__x}"
y="${back__receiver__y1}"
width="${back__receivers__width}"
height="${back__receivers__height}"
>
<rect class="driver__receiver" width="${back__receiver__width}" height="${back__receiver__height}" fill="gray">
<title>driver receiver</title>
</rect>
<rect
class="passenger__receiver"
x="${back__receivers__mid__distance__y}"
width="${back__receiver__width}"
height="${back__receiver__height}"
fill="gray"
>
<title>passenger receiver</title>
</rect>
</svg>
</svg>
`.trim()
}
function back__bumper_() {
// language=SVG
return `
<svg
class="bumper__back"
x="${back__camper__x1}"
y="${back__camper__height}"
width="${back__camper__width}"
height="${back__receivers__svg__height}"
>
<rect
width="${back__camper__width}"
height="${back__receiver__height}"
y="${back__receiver__y1}"
stroke="black"
fill="gray"
fill-opacity="0.8"
></rect>
</svg>
`.trim()
}
function back__bumper__sheet_() {
// language=SVG
return `
<svg
class="bumper__sheet"
x="${back__camper__x1}"
width="${back__bumper__width}"
height="${back__bumper__height}"
>
<rect fill="url(#sheet__pattern)" width="100%" height="100%">
<title>bumper sheet</title>
</rect>
</svg>
`
}
}
}
export function bumper__page_2__svg_(y?:number) {
// language=SVG
return `
<svg class="page_2" ${y ? `y="${y}"` : ''} width="${page__width}" height="${page__height}">
${sheet__pattern_()}
<svg
class="page_2__content"
x="${content__x}"
y="${content__y}"
width="${content__width}"
height="${content__height}"
>
${driver__view_()}
</svg>
</svg>
`
function driver__view_() {
// language=SVG
return `
<svg class="driver__view" width="${side__view__width}" height="${side__view__height}">
${driver__camper_()}
${driver__frame_()}
${driver__bumper_()}
${driver__sheet_()}
</svg>
`.trim()
function driver__camper_() {
// language=SVG
return `
<svg class="driver__camper" width="${side__camper__width}" height="${side__camper__height}">
<rect width="${side__camper__width}" height="${side__camper__height}" fill="lightgray">
<title>driver camper</title>
</rect>
</svg>
`
}
function driver__frame_() {
// language=SVG
return `
<svg
class="side__frame"
y="${side__frame__y}"
width="${side__frame__width}"
height="${side__frame__height}"
>
<rect width="${side__frame__width}" height="${side__frame__height}" fill="gray" fill-opacity="0.8">
<title>driver frame</title>
</rect>
</svg>
`
}
function driver__bumper_() {
// language=SVG
return `
<svg
class="driver__bumper"
x="${side__bumper__x}"
y="${side__bumper__y}"
width="${side__bumper__width}"
height="${side__bumper__height}"
>
<rect
width="${side__bumper__width}"
height="${side__bumper__height}"
stroke="black"
fill="gray"
fill-opacity="0.8"
>
<title>driver bumper</title>
</rect>
</svg>
`
}
function driver__sheet_() {
// language=SVG
return `
<svg class="driver__sheet" width="${side__view__width}" height="${side__view__height}">
<path
d="${[
`M ${side__camper__width} 0`,
`V ${side__frame__y}`,
`H ${side__view__width}`,
`V ${side__view__height}`,
`H ${0}`,
`V ${side__camper__height}`,
// `H 0`,
`C ${[
`${side__camper__width * 0} ${side__camper__height * .75}`,
`${side__camper__width * .5} ${side__camper__height * 1}`,
`${side__camper__width * .75} ${side__camper__height * .75}`
].join(', ')}`,
`C ${[
`${side__camper__width * .75} ${side__camper__height * .75}`,
`${side__camper__width * .9} ${side__camper__height * .5}`,
`${side__camper__width * .9} ${side__camper__height * .1}`
].join(', ')}`,
`C ${[
`${side__camper__width * .9} ${side__camper__height * .1}`,
`${side__camper__width * .9} ${side__camper__height * 0}`,
`${side__camper__width * 1} ${side__camper__height * 0}`
].join(', ')}`,
].join(' ')}"
fill="url(#sheet__pattern)"
></path>
</svg>
`
}
}
}
function sheet__pattern_() {
// language=SVG
return `
<defs>
<pattern
id="sheet__pattern"
x="7"
y="7"
width="10"
height="10"
patternUnits="userSpaceOnUse"
patternTransform="rotate(45)"
>
<rect x="5" y="5" width="5" height="5" fill="gray"/>
</pattern>
</defs>
`
}
const url = new URL(import.meta.url)
const { pathname } = url
if (process.argv[1] === pathname) {
writeFile(join(dirname(pathname), 'bumper.svg'), bumper__svg_()).then()
const pdf = new PDFDocument({ layout: 'landscape' })
pdf.font('Helvetica-Bold', 'Helvetica-Bold', 16)
SVGToPdf(pdf, bumper__page_1__svg_())
pdf.addPage()
SVGToPdf(pdf, bumper__page_2__svg_())
pdf.end()
writeFile(join(dirname(pathname), 'bumper.pdf'), pdf).then()
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment