Anas - text (s letter) in 3d image looks very b...

<@757706909351411845> Im not sure what we should do to show users for how to generate QR code svgs. I found this: ```tsx import QRCode from "qrcode" const docsQrSvg = await QRCode.toString("https://tscircuit.com", { type: "svg" }, }) const docsQrUrl = "data:image/svg+xml," + encodeURIComponent(docsQrSvg) export default () => ( <board width="32mm" height="24mm"> <silkscreentext text="tscircuit.com" pcbX={0} pcbY={-8} fontSize="1.2mm" layer="top" /> <silkscreengraphic imageUrl={docsQrUrl} pcbX={0} pcbY={1} width="14mm" height="14mm" layer="top" /> </board> )```

Yep

That works

You will need to make sure the svg server has that dep

I used `qrcode-svg` instead of the `QRCode` package because it produces much better QR code visualization. Since `qrcode-svg` is CommonJS and does not ship TypeScript declarations, I added a small local type in the eval module shim. PR: https://github.com/tscircuit/svg.tscircuit.com/pull/1720

Awesome

We can publish a @tscircuit/qr-code package that exports a component directly soon imo

That is even better/simpler i think

Updated docs it now uses `qrcode-svg`

amazing

btw the qr code stroke widths look a bit too big imo

i think it's interpreting the aliased strokes incorrectly

this is a core/image-utils rasterization issue

Is this ok to merge the docs PR and do the silkscreen fix later? CC: <@809856037376491570> https://github.com/tscircuit/docs/pull/773

<@756504518417711104> You have mentioned a package, maybe add another option something like - https://www.qrcode-monkey.com You can paste the link which you want to convert qr code of, and then use that svg

Also I think I should add our qr code generator repo `@tscircuit/qr-code`

this ok?

lgtm! <@757706909351411845> Is it okay to have links of other website on our docs like the qrmonkey?