{"id":17382213,"url":"https://github.com/axilleasiv/vscode-javascript-repl-docs","last_synced_at":"2025-04-10T02:28:57.308Z","repository":{"id":49613553,"uuid":"216825395","full_name":"axilleasiv/vscode-javascript-repl-docs","owner":"axilleasiv","description":"JavaScript REPL is a javascript playground for Visual Studio Code with live feedback as you type, besides your code","archived":false,"fork":false,"pushed_at":"2025-03-04T20:04:23.000Z","size":3075,"stargazers_count":71,"open_issues_count":28,"forks_count":6,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-03T00:07:55.636Z","etag":null,"topics":["coffeescript","javascript","parcel","playground","react","reactjs","repl","typescript","vscode","vscode-extension","vue","vuejs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/axilleasiv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-10-22T13:49:23.000Z","updated_at":"2025-03-04T20:04:26.000Z","dependencies_parsed_at":"2022-09-19T20:10:52.043Z","dependency_job_id":null,"html_url":"https://github.com/axilleasiv/vscode-javascript-repl-docs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axilleasiv%2Fvscode-javascript-repl-docs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axilleasiv%2Fvscode-javascript-repl-docs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axilleasiv%2Fvscode-javascript-repl-docs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/axilleasiv%2Fvscode-javascript-repl-docs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/axilleasiv","download_url":"https://codeload.github.com/axilleasiv/vscode-javascript-repl-docs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248143971,"owners_count":21054858,"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":["coffeescript","javascript","parcel","playground","react","reactjs","repl","typescript","vscode","vscode-extension","vue","vuejs"],"created_at":"2024-10-16T07:35:49.877Z","updated_at":"2025-04-10T02:28:57.263Z","avatar_url":"https://github.com/axilleasiv.png","language":null,"readme":"# JavaScript REPL\n\nJavaScript REPL is a javascript playground for Visual Studio Code with live feedback(logs or errors) as you type, besides your code, in a log explorer, or in an output channel. It supports Javascript, TypeScript, CoffeeScript and it can be used for development in Node.js projects or with front-end frameworks like React, Vue, Angular, Svelte etc.\n\n![vscode javascript repl in action](https://raw.githubusercontent.com/axilleasiv/vscode-javascript-repl-docs/master/vscode-javascript-repl.gif)\n\n## New Features\n\n- Markdown support on code blocks. [Learn more](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Markdown-code-blocks)\n- Playground for MDN Web docs, TypeScript official documentation, CoffeeScript, Node.js, lodash, RxJS and Ramda library. [Learn more](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Playground-for-MDN-Web)\n- Performance measurement. [Learn more](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Performance-measurement)\n\n## Features\n\nBy pressing cmd(or ctrl) + shift + l as shortcut or by using the command \"JS Repl: Run\" and by using console.log statement,you can display the result of whatever expression you want (Variable, Function, Object etc..). JS Repl can be activated on file types(.js, .ts, .coffee, .jsx, .tsx, .vue) or by launching \"JS Repl: New ...\". Users can check the [available commands](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Commands) or the [extension's configuration](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Configuration) on the wiki pages.\n\n- JavaScript, TypeScript and CoffeeScript support\n- Node.js support\n- React.js \u0026 Vue.js compatible\n- Logs through comments or by using console.log\n- Show or copy value of an expression, without add comments or console.logs\n- Explorer window with the log values and errors\n- Output window with the log values and errors\n- Live code coverage\n- Show log values on edit or or on save.\n- Imported files support\n- Easy install for missing modules\n- Multi-file support for logs or errors per project\n- Async results(logs, errors) rendering\n- ui customization in coverage \u0026 log colors\n\n## Preview video\n\n[![Watch the video](https://raw.githubusercontent.com/axilleasiv/vscode-javascript-repl-docs/master/preview_youtube.jpg)](https://www.youtube.com/watch?v=Ef75DChLMO8)\n\n### Logging\n\nUsers can add logs in their code with the following ways:\n\n```js\n// You can add logs by using console.log\nconsole.log('We ♡ JavaScript!');\n\n// or by using a comment line with equals sign at the end of an expression\nconst obj = {\n  language: 'javascript'\n}; //=\n\nfunction hello() {\n  return 'Hello World!';\n}\n// or a comment block with equals sign\nhello(); /*= */\n\n// or just type the variable name\nobj;\n\n// if the log represents an object you can use the dollar sign to access its properties\nobj; //= $.language\n\n//  also inside the log comments you can print every expression in your scope\nhello(); //= obj\n\n// Besides, you can select one or more variables or expressions and press right-click\n//and select show value or explore the logs at the explorer on the left\n```\n\n## Installation\n\nUsers can find the extension in marketplace at the following url:\n\n🎉 https://marketplace.visualstudio.com/items?itemName=achil.vscode-javascript-repl\n\nJavascript REPL **requires node.js(\u003e= 10.11.0)** to be installed, and node executable to be available in `PATH`\n\n## Issues\n\nJavascript REPL extension does not send any analytics data about the users or the kind of use that they are doing. So It will be very helpful, if you report an issue about a problem that you had during your repl sessions, and is really appreciated, if you provide any feedback about the extension user experience ♡. More information [about issues](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Issues) or the [part of the source code](https://github.com/axilleasiv/vscode-javascript-repl-docs/wiki/Source-Code) that have not been open-sourced yet users can find on wiki pages.\n\n## Credits\n\nThe icons that I used are not mine, so I would like to say thank you to the following sources or persons:\n\n- [Flaticon](https://www.flaticon.com/authors/freepik)\n- [Dave Gandy on flaticon](https://www.flaticon.com/authors/dave-gandy)\n- [Vaaddin on flaticon](https://www.flaticon.com/authors/vaadin)\n- [Font Awesome](https://fontawesome.com/)\n\nThe documentation resources in the playground markdown docs are served through the [devdocs.io](https://devdocs.io/) API.\n\nThis extension uses under the hood a modified version of [Parcel](https://parceljs.org/) bundler. So I would like to say a big thank you to the guys there. You can find the modified version at the following [branch](https://github.com/axilleasiv/parcel/tree/vs-repl).\n\n## Inspiration\n\nI'd like to give a shout out to [Quokka.js](https://quokkajs.com), which is a significantly more comprehensive and covers a lot more editors, if this extension interests you - check out that too. Also, when I started to play around this, I started with the code of the following [extension](https://github.com/lostfields/vscode-nodejs-repl)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxilleasiv%2Fvscode-javascript-repl-docs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faxilleasiv%2Fvscode-javascript-repl-docs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxilleasiv%2Fvscode-javascript-repl-docs/lists"}