{"id":21806215,"url":"https://github.com/amhsirak/js-diary","last_synced_at":"2025-04-13T20:07:06.593Z","repository":{"id":40534311,"uuid":"388076648","full_name":"amhsirak/js-diary","owner":"amhsirak","description":"In-browser local coding environment  for JavaScript","archived":false,"fork":false,"pushed_at":"2022-05-03T20:04:16.000Z","size":8987,"stargazers_count":24,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-16T09:05:39.801Z","etag":null,"topics":["cli-tool","code-editor","esbuild","javascript","js-diary","markdown","react","typescript","webassembly"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/js-diary","language":"TypeScript","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/amhsirak.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":"2021-07-21T10:14:36.000Z","updated_at":"2024-03-05T23:01:11.000Z","dependencies_parsed_at":"2022-07-26T07:02:20.248Z","dependency_job_id":null,"html_url":"https://github.com/amhsirak/js-diary","commit_stats":null,"previous_names":["amhsirak/js-diary","karishmashuklaa/js-diary"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amhsirak%2Fjs-diary","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amhsirak%2Fjs-diary/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amhsirak%2Fjs-diary/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amhsirak%2Fjs-diary/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amhsirak","download_url":"https://codeload.github.com/amhsirak/js-diary/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226559905,"owners_count":17651473,"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":["cli-tool","code-editor","esbuild","javascript","js-diary","markdown","react","typescript","webassembly"],"created_at":"2024-11-27T12:18:26.460Z","updated_at":"2024-11-27T12:18:26.932Z","avatar_url":"https://github.com/amhsirak.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JS Diary \n\n### In browser live coding environment with markdown \u0026 JSX support for JavaScript 🎉\n\n\u003cimg width=\"700\" alt=\"image\" src=\"https://user-images.githubusercontent.com/76456498/166556362-70d60e1f-ecb0-4fa5-adc1-3412994b2495.png\"\u003e\n\n[![npm Package](https://img.shields.io/npm/v/js-diary.svg?style=for-the-badge\u0026labelColor=black)](https://www.npmjs.org/package/js-diary) \n[![downloads](https://img.shields.io/npm/dt/js-diary.svg?style=for-the-badge\u0026labelColor=black)](http://npm-stat.com/charts.html?package=js-diary)\n\n## Install\n```\nnpm i js-diary\n```\n\n## Usage\n```\nnpx js-diary serve\n```\n\nRun this command and navigate to https://localhost:4050\n\nNow you have a live code editor running in your browser 🎉\n\n## Features\n* Live code execution\n* Auto code formatting\n* Write comprehensive documentation using markdown\n* Use NPM packages without installing them on your local machine\n* Run JSX in browser\n\n## Usecase\nUseful for small code snippets and trying NPM packages\n\n## How To Use\n* On starting the application you will see two options - Code and Text.\n* The code in each code editor is all joined together in one file. For eg: If you define a variable in one cell you can refer it in any of the following cells.\n* You can show any string, number, etc. and even ***React components*** by calling the `display` function.\n   *  ***Note: `display` function is a function built in this environment. Call `display` multiple times to display multiple values.***\n* You can delete cells or re-order them (move up or down) using buttons on the top right corner.\n* To add new cells, hover on the divider between each cell.\n* The code cells and text cells are resizable.\n\n## Example \n[![2021-08-27.png](https://i.postimg.cc/PJ3CZmqT/2021-08-27.png)](https://postimg.cc/ZvNYzv3M)\n\n\n**All of your changes get saved to a file you opened [js-diary](https://www.npmjs.com/package/js-diary) with. \nIf you run `npx js-diary serve notebook.js` then all your code and text will be saved to a file named notebook.js**\n\nBy default, the name of the file is notes.js\n\nCurrently the file gets saved in JSON format ( Working on saving it in JS Format in future release ) \n\n## Issues\nRaise an [Issue](https://github.com/karishmashuklaa/js-diary/issues) if you find any bugs/got ideas. \n\u003chr\u003e\n\nCopyright 2021 \u003ca href=\"https://github.com/karishmashuklaa/\"\u003eKarishma Shukla\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famhsirak%2Fjs-diary","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famhsirak%2Fjs-diary","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famhsirak%2Fjs-diary/lists"}