xschem-viewer vscode version

[barakhoffer]

I think it would be cool to do a vscode extension xschem-viewer version, where you can use vscode preview to quickly move and browse schematics.
I can also take part in the development.

[urish]

Indeed! Would love if you took part in the development

[barakhoffer]

I created a very simple POC for this, see here:
vscode-xschem-viewer

[urish]

Cool!

Do you plan to publish it to the VS Code marketplace?

[barakhoffer]

Yes I will publish it 😄
Do you have any rejections/comments?
Thanks

[urish]

Thanks!

Overall it looks good. A few things I noticed:

1. When opening a file, the initial zoom level is off. Not sure if it's due to the extension or xschem-viewer itself:

2. Would be nice to also open .sym files (right now, it only deals with .sch files)

3. Marketplace listing:

Icon is missing, and Tiny Tapeout should be written this way. We'd appreciate a shout out to Tiny Tapeout in the README, something along the lines of:

Tiny Tapeout is an educational project that aims to make it easier and cheaper than ever to get your digital and analog designs manufactured on a real chip.

To learn more and get started, visit https://tinytapeout.com/.

Not mandatory, but will definitely make us happy to see it.

[barakhoffer]

Thanks for the comments!
The zoom level seems to be xschem-viewer itself, do you have a zoom-to-fit function or something like that?
Also, can I use the Tiny Tapeout icon for the vscode marketplace?

[urish]

The zoom level seems to be xschem-viewer itself, do you have a zoom-to-fit function or something like that?

Yes, not sure why it's not working correctly though:

xschem-viewer/src/components/SchematicView.tsx

Line 62 in 86601ea

panzoomInstance.showRectangle(new DOMRect(0, 0, bbox.width, bbox.height));

Also, can I use the Tiny Tapeout icon for the vscode marketplace?

You mean here?

Or somewhere else?

[barakhoffer]

yes, the icon as you marked

[urish]

In that case, IMHO it makes sense to use Xschem icon - @StefanSchippers are you good with it?

[StefanSchippers]

@urish no problem. Use the icon / image / logo you like more and think it's best for the purpose.

[barakhoffer]

done :)
vscode-xschem-viewer

[urish]

Great, TYSM!

One more suggestion: include a screen shot in the README

[curtisma]

Awesome, exactly what I need! 💯
Thanks for the great work @barakhoffer, @urish, and @StefanSchippers!

I've been thinking about the need for this over the last month or two. I even presented the idea at a conference panel last month and all the panelists agree that a vscode xschem schematic editor would be awesome. It was the "Will open source design be the future direction?" panel at the IEEE CICC conference in Denver on April 24th.