code-station v1.0.4
📝 Code-Station
Brief
A lightweight, efficient, and interactive coding environment. You can write JavaScript, see it, execute it, write comprehensive documentation using markdown, and share it with others.
Features
- Click any text cell (including this one) to edit it
- The code in each code editor is all joined together into one file. If you define a variable in cell #1, you can refer to it in any following cells
- You can show any React components, string, number, or anything else by calling the
showfunction. This is a function built into the environment. Call show multiple times to show multiple values - Re-order or delete cells using the buttons on the top right
- Add new cells by hovering on the divider between each cell
Installation
All of your changes get saved to the file you opened Code-Station with. You can run npx code-station serve test.js, all of the text and code you write will be saved to the test.js file automatically.
npx code-station serve <file name> -p <port number>
ex. npx code-station serve notebook.js -p 4000
<> optional
Development
Do not use
npmto install new packages, uselerna addto install the package to a specific directorylerna add <package>[@version] [--dev] [--exact] [--peer] --scope=[directory]ex.lerna add react@18.2.0 --exact --scope=@code-station/local-clientUsing ESBuild to bundle entire CLI.
cdto theclidirectory and runnpm run prepublishOnlyStart up proxy server.
cdto theclidirectory and runnode index.js servePublishing to NPM Sign in to npm
npm loginRun below code in root directory to publish to npmclifolder depends onlocal-client, you need to create an organization on npm to publish three packages"lerna publish --no-pushFor any additional inquires, feel free to contact me on LinkedIn
Iteration Opportunities
- More user-friendly output
- Frontend improvement (fixed code editor height)
- React syntax color highlighter
Thank you for using Code-Station! Ernest Leung