|
385 | 385 |
|
386 | 386 | <log-mod component></log-mod> |
387 | 387 |
|
388 | | - </body> |
389 | | - |
390 | | - |
391 | | - <script> |
392 | | - |
393 | | - |
| 388 | + |
| 389 | + |
| 390 | + <script> |
| 391 | + |
| 392 | + |
394 | 393 | var cur = {}; |
395 | 394 |
|
396 | 395 | var workdirName = 'user'; |
|
1218 | 1217 |
|
1219 | 1218 |
|
1220 | 1219 |
|
1221 | | - </script> |
| 1220 | + </script> |
| 1221 | + |
| 1222 | + |
| 1223 | + <div seo-content style='display:none'> |
| 1224 | + |
| 1225 | + <h2>nodejs-terminal help</h2> |
| 1226 | + <p>This environment provides a full Node.js runtime and NPM interface directly in your browser.</p> |
| 1227 | + <p>It supports a <strong>multi-instance terminal</strong>, allowing you to open multiple tabs to run a dev server in |
| 1228 | + one and execute shell commands in another simultaneously.</p> |
| 1229 | + <p>Secure, sandboxed execution of Node.js, JavaScript and TypeScript.</p> |
| 1230 | + <h3>note :</h3> |
| 1231 | + <ul> |
| 1232 | + <li>menus and viewports can be mvoed, left click and drag ( components that capture cursor use ctrl )</li> |
| 1233 | + <li>menus and viewports can be resized, right click and drag ( components that capture cursor use ctrl )</li> |
| 1234 | + </ul> |
| 1235 | + <hr> |
| 1236 | + <h2>Quick Start</h2> |
| 1237 | + <p>The terminal is already initialized and ready for commands.</p> |
| 1238 | + <h3>Initialize a Project</h3> |
| 1239 | + <p>Create a <code>package.json</code> to start managing your dependencies:</p> |
| 1240 | + <p><code>npm init -y</code></p> |
| 1241 | + <h3>Install Packages</h3> |
| 1242 | + <p>You can install any pure-JavaScript package from the npm registry:</p> |
| 1243 | + <p><code>npm install <package-name></code></p> |
| 1244 | + <hr> |
| 1245 | + <h2>File System Basics</h2> |
| 1246 | + <p>Use standard Unix commands to manage your workspace:</p> |
| 1247 | + <ul> |
| 1248 | + <li>ls : List all files in the current directory.</li> |
| 1249 | + <li>pwd : Show the current path.</li> |
| 1250 | + <li>mkdir <name> : Create a new directory.</li> |
| 1251 | + <li>rm <file> : Remove a specific file.</li> |
| 1252 | + <li>cat <file> : Display file contents in the terminal.</li> |
| 1253 | + </ul> |
| 1254 | + <hr> |
| 1255 | + <h2>Running Applications</h2> |
| 1256 | + <p>To execute your scripts, use the Node.js binary:</p> |
| 1257 | + <p><code>node index.js</code></p> |
| 1258 | + <p>If your code starts a web server (e.g., using Express), the environment will automatically detect the active port and provide a preview URL. |
| 1259 | + In the ports sub-menu |
| 1260 | + <img style='width:20px;height:20px;cursor:pointer' class=icon onclick='btn.ports()' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAACN1BMVEVHcEwHI1xAXInc8vmcutHX6/PQ7PcMJ17R7PfZ8Pcba5kLKGAXLl0NHEXS7fbT7faVtM0iP3IvTHwHGVGGor8UMGcHGVkiN2AMJ19jgKTT7fbS7PYMJ1/S7fgfg6wOKWANLGOuy97O6PTC2ujS7ffU7/jR7PfQ7PcDH1l6l7YaPXIkPnEGH1oXL13b6+3S7PbR7PdQa5UbcZ6LqcUEDUbQ7PfV7/lki64nRHZ7nryDoL0MJ17Q7PcOKF5ykLHO6vXR7fiUscpnhKgGIlvT7vhhfqMgPXHS7fg5V4Y1UoFmfJ8TN20fPnEMKF45Un/M6PROa5QQKVzc7PQlNWVFYo6SQ0lEbZc8WocCFVZkfaE0UX9ZWVY0QVubgk/Q7PfR7PbR7PbR7PbS7vnS7PbS7PasyNvS7PazytwLJ17L5vLR7PbU7/kigKkYRnkgfKUdbJkca5c0a5cQPnONqcMRK2Ecbpp9mLYPLGSyzd/S7PbT7vhWc5pvjK7S7fgHJFwQLmYpRnhGYo3M6PQxTn+EepFifaFFUnv/4tiNmrWivtRuZlOZo7dnhKhPYopYTW5vhKU0QVt0aVKRobv/9e53iKj///////9DWYT////Q7PfT7/rS7vnR7fi82OjU8PrT7vmxzuC00OLQ6/bN6fUnm7/9wEPL6PO31OUsaJXF4u+AclIll7wbX5BznLwcdqJhhamPrshUgKa/2+q51eWoxNmSfU/zukTKoElNeKBZkbTK5/PB3ey+mUt75vObAAAAmXRSTlMArJgV/gXomtUJ/rxqAiAb/cbKEfi5H5TF0CkjNrX6cbL+TBCWaMT6rvPLVUSTAk+wGf37CuBV/cn+8YbJTvCS8/XqtJvp2/nxyze90j6V59h+Y4v3Nv3PGcaGxW7+61yNeftGMOA6U1/Yc37+0ejLyu+lxYrQwM2sO63f7OSp4tbU3+ud06ZKnPzEgfbIb7237/h9haiwXOQ3QIpQAAACOElEQVQoz63TVVcbURQF4Axxd4O4hwQvUIq7u1vd3T2l7u4nM0mTEIeiBdq0P66ZyIKUPrIf9zdr7px77xAIOxChQiFhEwhkepHC3i38V9nqyuPUjrL9haZL1GqqbRuz+lnSIwcBnPWX1ZVXT3EzeddFDfUMyQnwrSKX2lnuqzqUyefOnj/Nw/m76orq1yxQ9m3lYxdUfsZSghn+heVZgL0Fm5p94ufC3Dz+cmfJvJ9RjgEALSet+QZnRfFc2BVvUU/Yz8BXAajNT/FhCqoNFy/68DK2zBjBnwNwZKf4AICvpkuL4iX6I1fkRuPB4GRSycr4mnt2u+KtE4uzNeSNJxQsJCeYSEswqaTGSop4Xw2Ov3+TNTHxWEQjJjjHAeAWXeNrLBZx38vXH75+xvvhR72c5FgUgGBzIyLou9eJyD5+GvgiZUkIQnlvcjROKaA8saYhFIuQRmW2jv53f6bfdgvl95M7r6+C2C2kxeMGzP2sy86aXg8ENibH5CZ68tMN2Eo70uLFB4sN2ac2AoHA+nOJvDY1d0GrS4DwPTj7RmxTa9FodG1SMq5Lsd4UGb3DrHcDYL8fPH0hzcvLk7LGevTpTS8z30aYbSG3M2hlPnyS7IbV7DSTDR4BImsT8ZrFTFlPViKD1ZsnSrxJEiAWphhpnFlcdeG5XsTech+ITdqGdj7/7tBSEMUwrLWJmHnb6EbaisezGkscNW2Avu2qc41KR53ZXFeqNHL/+y/QOTd0uqMcMmGn8hdpQsEZmw2sUgAAAABJRU5ErkJggg=='></p> |
| 1261 | + <hr> |
| 1262 | + <h2>Important Notes</h2> |
| 1263 | + <ul> |
| 1264 | + <li>Native Modules: Packages requiring C++ bindings (node-gyp) are not supported.</li> |
| 1265 | + <li>Browser Sandbox: You are limited by browser security. Outbound network requests must support CORS.</li> |
| 1266 | + <li>Volatility: This environment runs in-memory. Refreshing the browser will reset the file system unless you have manually exported your work.</li> |
| 1267 | + </ul> |
| 1268 | + <hr> |
| 1269 | + <h2>Core Features</h2> |
| 1270 | + <ul> |
| 1271 | + <li><strong>Native Performance</strong>: Powered by WebAssembly and SharedArrayBuffer.</li> |
| 1272 | + <li><strong>Full NPM Support</strong>: Install and manage over 2 million packages.</li> |
| 1273 | + <li><strong>Isolated Environment</strong>: Secure, sandboxed execution of JavaScript and TypeScript.</li> |
| 1274 | + <li><strong>Multi-Tab Interface</strong>: Parallel processing for dev servers and CLI tools.</li> |
| 1275 | + <li></li> |
| 1276 | + </ul> |
| 1277 | + <hr> |
| 1278 | + <h2>Frequently Asked Questions</h2> |
| 1279 | + <h3>Can I run a database?</h3> |
| 1280 | + <p>You can run in-memory databases like SQLite. For persistent databases, connect via API to external providers.</p> |
| 1281 | + <h3>Is this a real Linux terminal?</h3> |
| 1282 | + <p>It is a WASM-based Node.js environment that mimics a Linux shell. While it supports most <code>POSIX</code> commands, it is specifically optimized for Node.js workflows.</p> |
| 1283 | + <h3>Can I use Git?</h3> |
| 1284 | + <p>Git is supported through JavaScript-based implementations (like isomorphic-git), allowing for full version control within the browser sandbox.</p> |
| 1285 | + <h2>Technical Specifications</h2> |
| 1286 | + <ul> |
| 1287 | + <li><strong>Runtime:</strong> Node.js (WebContainer API)</li> |
| 1288 | + <li><strong>Architecture:</strong> WebAssembly (WASM)</li> |
| 1289 | + <li><strong>Security:</strong> Isolated Browser Sandbox</li> |
| 1290 | + <li><strong>Protocol:</strong> Cross-Origin Isolated (COOP/COEP)</li> |
| 1291 | + </ul> |
| 1292 | + <h2>SEO Summary</h2> |
| 1293 | + <p>This browser-based shell provides a high-concurrency Node.js environment. |
| 1294 | + Developers can utilize a multi-tab terminal for full-stack JavaScript development, |
| 1295 | + NPM package management, and real-time script execution without local installation. |
| 1296 | + It is an ideal tool for sandboxed testing, educational coding environments, |
| 1297 | + and rapid prototyping of Node.js applications.</p> |
| 1298 | + |
| 1299 | + </div> |
| 1300 | + |
| 1301 | + </body> |
1222 | 1302 |
|
1223 | 1303 | </html> |
1224 | 1304 |
|
0 commit comments