Skip to content

Commit b23959c

Browse files
save file
1 parent b969c5c commit b23959c

1 file changed

Lines changed: 87 additions & 7 deletions

File tree

utils/misc/nodejs-terminal/v3.0/nodejs-terminal-v3.0.html

Lines changed: 87 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -385,12 +385,11 @@
385385

386386
<log-mod component></log-mod>
387387

388-
</body>
389-
390-
391-
<script>
392-
393-
388+
389+
390+
<script>
391+
392+
394393
var cur = {};
395394

396395
var workdirName = 'user';
@@ -1218,7 +1217,88 @@
12181217

12191218

12201219

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 &lt;package-name&gt;</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>
12221302

12231303
</html>
12241304

0 commit comments

Comments
 (0)