{"id":14990322,"url":"https://github.com/marketingpipeline/code-runner-web-component","last_synced_at":"2025-05-12T17:25:32.592Z","repository":{"id":60110169,"uuid":"540268043","full_name":"MarketingPipeline/Code-Runner-Web-Component","owner":"MarketingPipeline","description":"A web component that allows you to run high level programming languages on your websites (static websites included!)","archived":false,"fork":false,"pushed_at":"2024-10-30T08:13:37.000Z","size":133,"stargazers_count":53,"open_issues_count":2,"forks_count":10,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-18T02:43:30.773Z","etag":null,"topics":["code-editor","code-execution","code-executor","code-runner","compiler","custom-element","github","html","javascript","online-compiler","online-ide","piston","piston-api","programming-examples","repl","run-code","static-site","web-component","web-components","web-ide"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MarketingPipeline.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null},"funding":{"github":["MarketingPipeline"]}},"created_at":"2022-09-23T03:45:02.000Z","updated_at":"2025-04-06T02:38:08.000Z","dependencies_parsed_at":"2024-01-14T08:18:04.643Z","dependency_job_id":"f61d3cf4-4040-483e-bbf6-0c68f69ad680","html_url":"https://github.com/MarketingPipeline/Code-Runner-Web-Component","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FCode-Runner-Web-Component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FCode-Runner-Web-Component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FCode-Runner-Web-Component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FCode-Runner-Web-Component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarketingPipeline","download_url":"https://codeload.github.com/MarketingPipeline/Code-Runner-Web-Component/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253785817,"owners_count":21964033,"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":["code-editor","code-execution","code-executor","code-runner","compiler","custom-element","github","html","javascript","online-compiler","online-ide","piston","piston-api","programming-examples","repl","run-code","static-site","web-component","web-components","web-ide"],"created_at":"2024-09-24T14:19:53.501Z","updated_at":"2025-05-12T17:25:32.571Z","avatar_url":"https://github.com/MarketingPipeline.png","language":"JavaScript","readme":"# Code-Runner-Web-Component\n\n\n\u003cdiv align=\"center\"\u003e \n\n![ezgif-5-d9d9221610](https://user-images.githubusercontent.com/86180097/191913312-754d00aa-0a0a-4812-bed3-774ebdfb66a7.png)\n\n\n\nA web component that allows you to run high level programming languages on your website via the public [Piston API](https://github.com/engineer-man/piston#Public-API) \u003cbr\u003e\n  \u003csmall\u003e \u003cb\u003e\u003ci\u003eShow your support!\u003c/i\u003e \u003c/b\u003e\u003c/small\u003e\n  \u003cbr\u003e\n   \u003ca href=\"https://github.com/MarketingPipeline/Code-Runner-Web-Component\"\u003e\n    \u003cimg title=\"Star on GitHub\" src=\"https://img.shields.io/github/stars/MarketingPipeline/Code-Runner-Web-Component.svg?style=social\u0026label=Star\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/MarketingPipeline/Code-Runner-Web-Component/fork\"\u003e\n    \u003cimg title=\"Fork on GitHub\" src=\"https://img.shields.io/github/forks/MarketingPipeline/Code-Runner-Web-Component.svg?style=social\u0026label=Fork\"\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\n\n\n\n\n## Example and usage\n\nYou can view a demo of the Code Runner web component in use [here.](https://marketingpipeline.github.io/Code-Runner-Web-Component/demo.html)\n\n\nHow to use \u003cb\u003e\u003ci\u003eCode Runner\u003c/b\u003e\u003c/i\u003e:\n\nSet a \u003ccode\u003elanguage\u003c/code\u003e attribute to a [supported programming language](#supported-languages) you prefer to use - example below\n\n\n```html\n\u003ccode-runner language=\"python\"\u003e\u003c/code-runner\u003e\n```    \n\n\n\n\n   include this [script](https://github.com/MarketingPipeline/Code-Runner-Web-Component/blob/main/dist/code-runner-wc.min.js) in your HTML document.\n         \n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/MarketingPipeline/Code-Runner-Web-Component@main/dist/code-runner-wc.min.js\" defer\u003e\u003c/script\u003e \n\n\n\n\n\u003cbr\u003e\n\n\nHow to use \u003cb\u003e\u003ci\u003eCode Runner\u003c/b\u003e\u003c/i\u003e with \u003cb\u003ePre-Defined Code\u003c/b\u003e:\n\nYou can pre-define a code example to run, simply by inserting the code inside of a \u003ccode\u003ecode-runner\u003c/code\u003e element like so - \n\n```html\n\u003ccode-runner language=\"python\"\u003eprint('hello world')\u003c/code-runner\u003e\n```    \n\n\n    \n    \n### Options\n\n\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003cth\u003eAttribute\u003c/th\u003e\n\u003cth\u003eMeaning\u003c/th\u003e\n\u003cth\u003eDefault\u003c/th\u003e\n\u003cth\u003eRequired\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003elanguage\u003c/td\u003e\n \u003ctd\u003e The programming language to execute code with\u003c/b\u003e\u003c/td\u003e\n\u003ctd\u003e\u003ccode\u003eUndefined\u003c/code\u003e\u003c/td\u003e\n\u003ctd\u003eYes\u003c/td\u003e\n\u003c/tr\u003e\n\n\n\n\n\n\n\n\u003c/table\u003e\n\n\n## Supported Languages\n\n`awk`,\n`bash`,\n`befunge93`,\n`brachylog`,\n`brainfuck`,\n`bqn`,\n`c`,\n`c++`,\n`cjam`,\n`clojure`,\n`cobol`,\n`coffeescript`,\n`cow`,\n`crystal`,\n`csharp`,\n`csharp.net`,\n`d`,\n`dart`,\n`dash`,\n`dragon`,\n`elixir`,\n`emacs`,\n`emojicode`,\n`erlang`,\n`file`,\n`forte`,\n`forth`,\n`fortran`,\n`freebasic`,\n`fsharp.net`,\n`fsi`,\n`go`,\n`golfscript`,\n`groovy`,\n`haskell`,\n`husk`,\n`iverilog`,\n`japt`,\n`java`,\n`javascript`,\n`jelly`,\n`julia`,\n`kotlin`,\n`lisp`,\n`llvm_ir`,\n`lolcode`,\n`lua`,\n`matl`,\n`nasm`,\n`nasm64`,\n`nim`,\n`ocaml`,\n`octave`,\n`osabie`,\n`paradoc`,\n`pascal`,\n`perl`,\n`php`,\n`ponylang`,\n`powershell`,\n`prolog`,\n`pure`,\n`pyth`,\n`python`,\n`python2`,\n`racket`,\n`raku`,\n`retina`,\n`rockstar`,\n`rscript`,\n`ruby`,\n`rust`,\n`scala`,\n`smalltalk`,\n`sqlite3`,\n`swift`,\n`typescript`,\n`basic`,\n`basic.net`,\n`vlang`,\n`vyxal`,\n`yeethon`,\n`zig`,\n\n\u003cbr\u003e\n\n\n\n\n\n## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/Code-Runner-Web-Component)\n\nWant to improve this? Create a pull request with detailed changes / improvements! If approved you will be added to the list of contributors of this awesome project!\n\n\nSee also the list of\n[contributors](https://github.com/MarketingPipeline/Code-Runner-Web-Component/graphs/contributors) who\nparticipate in this project.\n\n## License ![GitHub](https://img.shields.io/github/license/MarketingPipeline/Code-Runner-Web-Component)\n\nThis project is licensed under the GPL-3.0 License - see the\n[LICENSE.md](https://github.com/MarketingPipeline/Code-Runner-Web-Component/blob/main/LICENSE) file for\ndetails.\n","funding_links":["https://github.com/sponsors/MarketingPipeline"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fcode-runner-web-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarketingpipeline%2Fcode-runner-web-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fcode-runner-web-component/lists"}