{"id":15646847,"url":"https://github.com/cmfcmf/ic-pinout-diagram-generator","last_synced_at":"2025-06-24T21:05:56.136Z","repository":{"id":42626599,"uuid":"276960011","full_name":"cmfcmf/ic-pinout-diagram-generator","owner":"cmfcmf","description":"Generate beautiful pinout diagrams for integrated circuits.","archived":false,"fork":false,"pushed_at":"2023-04-10T13:09:43.000Z","size":1121,"stargazers_count":68,"open_issues_count":0,"forks_count":15,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-30T11:15:01.563Z","etag":null,"topics":["ic","microcontroller","mikrocontroller","padauk","pinout-diagram"],"latest_commit_sha":null,"homepage":"https://cmfcmf.github.io/ic-pinout-diagram-generator","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cmfcmf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-03T18:03:44.000Z","updated_at":"2025-03-24T10:12:44.000Z","dependencies_parsed_at":"2024-10-03T12:16:21.609Z","dependency_job_id":"fc7acc5e-f90e-4b1b-84bf-09b900fb765a","html_url":"https://github.com/cmfcmf/ic-pinout-diagram-generator","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/cmfcmf/ic-pinout-diagram-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmfcmf%2Fic-pinout-diagram-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmfcmf%2Fic-pinout-diagram-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmfcmf%2Fic-pinout-diagram-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmfcmf%2Fic-pinout-diagram-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cmfcmf","download_url":"https://codeload.github.com/cmfcmf/ic-pinout-diagram-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmfcmf%2Fic-pinout-diagram-generator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261756733,"owners_count":23205155,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ic","microcontroller","mikrocontroller","padauk","pinout-diagram"],"created_at":"2024-10-03T12:15:22.053Z","updated_at":"2025-06-24T21:05:56.108Z","avatar_url":"https://github.com/cmfcmf.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Integrated Circuit Pinout Diagram Generator\n\n![Screenshot](screenshot.png)\n\nThis is a simple web tool to generate pin mappings for integrated circuits.\nIt is live at [cmfcmf.github.io/ic-pinout-diagram-generator](https://cmfcmf.github.io/ic-pinout-diagram-generator).\nIt is inspired by the work done by [@sleemanj](https://github.com/sleemanj/) on their\n[ArduinoOrientedChipPinoutCreator](https://github.com/sleemanj/ArduinoOrientedChipPinoutCreator), but is a bit more flexible.\n\nCurrently, pin mappings for many [Padauk mikrocontrollers](http://www.padauk.com.tw) are available.\nYou can add your own pin mappings by editing `src/chips.ts` and the files in `src/chips`.\n\n## SDK\n\nYou can embed these pinout diagrams on your own page. To do that, simply place the following code snippet into your HTML:\n\n```html\n\u003cdiv id=\"pinout-diagram\"\u003e\u003c/div\u003e\n\u003cscript src=\"https://unpkg.com/@cmfcmf/pinout-diagrams/dist/sdk.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n  PinoutDiagrams.render(document.getElementById(\"pinout-diagram\"), {\n    // Don't specify if you want to disply all ICs\n    ics: [\n      \"name-of-the-first-ic-you-want-to-embed\",\n      \"name-of-the-second-ic-you-want-to-embed\",\n    ],\n    // maxWidth of the legend. Don't specify to use 100%\n    maxWidth: \"980px\",\n  });\n\u003c/script\u003e\n```\n\n### Nightly Builds\n\nUse the following URL for nightly builds of the SDK: https://cdn.jsdelivr.net/gh/cmfcmf/ic-pinout-diagram-generator@nightly/sdk.min.js\n\n## Development\n\nTo preview your changes, clone this repository, install Node.js 14 or later, run `npm install`, `npm run start`, and then open http://localhost:5000.\n\nAll code (except for code in `src/chips`) should be formatted using prettier by running `npm run format`.\n\nIn 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).\n\n**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.**\n\n### Releasing a new version\n\n```bash\nnpm version patch|minor|major\ngit push --follow-tags\ngh release create --verify-tag --generate-notes\n```\n\nGitHub Actions will then take care of publishing to the npm registry.\n\n## LICENSE\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmfcmf%2Fic-pinout-diagram-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcmfcmf%2Fic-pinout-diagram-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmfcmf%2Fic-pinout-diagram-generator/lists"}