Repository files navigation

This is a simple web tool to generate pin mappings for integrated circuits.It is live atcmfcmf.github.io/ic-pinout-diagram-generator.It is inspired by the work done by@sleemanj on theirArduinoOrientedChipPinoutCreator, but is a bit more flexible.

Currently, pin mappings for manyPadauk mikrocontrollers are available.You can add your own pin mappings by editingsrc/chips.ts and the files insrc/chips.

You can embed these pinout diagrams on your own page. To do that, simply place the following code snippet into your HTML:

<divid="pinout-diagram"></div><scriptsrc="https://unpkg.com/@cmfcmf/pinout-diagrams/dist/sdk.min.js"></script><script>PinoutDiagrams.render(document.getElementById("pinout-diagram"),{// Don't specify if you want to disply all ICsics:["name-of-the-first-ic-you-want-to-embed","name-of-the-second-ic-you-want-to-embed",],// maxWidth of the legend. Don't specify to use 100%maxWidth:"980px",});</script>

Use the following URL for nightly builds of the SDK:https://cdn.jsdelivr.net/gh/cmfcmf/ic-pinout-diagram-generator@nightly/sdk.min.js

To preview your changes, clone this repository, install Node.js 14 or later, runnpm install,npm run start, and then openhttp://localhost:5000.

All code (except for code insrc/chips) should be formatted using prettier by runningnpm run format.

In development, the bottom right of your screen will show a green "lag radar" that is used to visualize "lag" when rendering (e.g., when toggling different ic functions on and off).

Please note that changes to the CSS files are not currently hot reloaded. You need to reload your browser manually after making changes to CSS.

npm version patch|minor|majorgit push --follow-tagsgh release create --verify-tag --generate-notes

GitHub Actions will then take care of publishing to the npm registry.

MIT