Error in runtime "ReferenceError: process is not defined". in Firefox 96

Question

Error in runtime "ReferenceError: process is not defined". in Firefox 96

grzegorz-jakubiak opened this issue 2 years ago · comments

Hey, I'm trying to integrate runno into my Jekyll blog to run ruby code examples. I created a basic setup with esbuild as bundler. I followed an example on your website.

This is my JavaScript file:

import { defineElements } from '@runno/runtime'

defineElements()

Jekyll template code:

<runno-run runtime="ruby" editor controls>
puts "Hello world"
</runno-run>

It renders the following page:

As you can see the web component renders correctly. The code doesn't run though. I see this issue only with Firefox 96 on ubuntu 20.04 when I try with Chrome everything works fine.

These are the errors I see in Firefox console:

xterm.js: Terminal.open was called on an element that was not attached to the DOM [index.js:44561:54](http://localhost:4000/assets/javascript/index.js)
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. [index.js:41184:478](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/modu'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/modu'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/dele'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/dele'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/molinillo/lib/molinillo/depe'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/connection_pool/lib/connecti'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/connection_pool/lib/connecti'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/connection_pool/lib/connecti'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/connection_pool/lib/connecti'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/net-http-persistent/lib/net'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/net-http-persistent/lib/net'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/net-http-persistent/lib/net'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/bundler/vendor/net-http-persistent/lib/net'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/m'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/m'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/rubygems/resolver/molinillo/lib/molinillo/d'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/did_you_mean/spell_checkers/name_error_chec'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/did_you_mean/spell_checkers/name_error_chec'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
Uncaught Error: EISDIR: illegal operation on a directory, open '/_wasmer/wapm_packages/katei/ruby@0.1.1/head-wasm32-unknown-wasi-full/usr/local/lib/ruby/3.2.0/did_you_mean/spell_checkers/name_error_chec'
    Cg2 http://localhost:4000/assets/javascript/index.js:65094
    openLink http://localhost:4000/assets/javascript/index.js:65468
    openFile http://localhost:4000/assets/javascript/index.js:65485
    openBase http://localhost:4000/assets/javascript/index.js:65489
    writeFileBase http://localhost:4000/assets/javascript/index.js:65587
    writeFileSync http://localhost:4000/assets/javascript/index.js:65599
    _installWapmPackage http://localhost:4000/assets/javascript/index.js:67645
    I3 http://localhost:4000/assets/javascript/index.js:66522
    onmessage http://localhost:4000/assets/javascript/index.js:66558
[index.js:65094:16](http://localhost:4000/assets/javascript/index.js)
cat ReferenceError: process is not defined [index.js:61816:15](http://localhost:4000/assets/javascript/index.js)
Uncaught (in promise) TypeError: this.commandOptionsForProcessesToRun[i2] is undefined
    _processErrorCallback http://localhost:4000/assets/javascript/index.js:61816
    start http://localhost:4000/assets/javascript/index.js:61656
[index.js:61816:24](http://localhost:4000/assets/javascript/index.js)
cat ReferenceError: process is not defined [index.js:61816:15](http://localhost:4000/assets/javascript/index.js)
Uncaught (in promise) TypeError: this.commandOptionsForProcessesToRun[i2] is undefined
    _processErrorCallback http://localhost:4000/assets/javascript/index.js:61816
    start http://localhost:4000/assets/javascript/index.js:61656
[index.js:61816:24](http://localhost:4000/assets/javascript/index.js)

Ben Taylor · Answer 1 · Sun Feb 06 2022 15:16:07 GMT+0800 (China Standard Time)

Thanks @grzegorz-jakubiak! The web component support is a bit rough at the moment, there's some issues with the build process I haven't ironed out.

A quick fix you can do is add this in your HTML:

<script>
window.process = window.process || {
  platform: null,
  browser: true,
  env: {
    NODE_DEBUG: false,
  }
};
</script>

This will set up the process variable and you won't get this issue anymore. I'd also recommend giving the runno-run element a black background. A border can help as well. Sorry that the styling isn't as good looking as the iframe version!

I'll also work on a fix to the package tracked against this issue.

Grzegorz Jakubiak · Answer 2 · Sun Feb 06 2022 16:44:10 GMT+0800 (China Standard Time)

Great! Thanks a lot!

Luke Prior · Answer 3 · Wed Apr 06 2022 09:05:24 GMT+0800 (China Standard Time)

Hi @taybenlor @grzegorz-jakubiak I'm also looking at implementing runno locally for a new guide that I'm creating. I was wondering if either of you had a minimal working prototype that I could look at as I seem to be running into some issues following the provided instructions.

Thanks,
Luke

Luke Prior · Answer 4 · Wed Apr 06 2022 15:12:16 GMT+0800 (China Standard Time)

I've managed to get it mostly working but I'm finding it impossible to apply CSS rules to anything other than runno-run due to the shadow element. I want to apply a custom style to runno-terminal, how can this be achieved?

Luke Prior · Answer 5 · Wed Apr 06 2022 15:35:05 GMT+0800 (China Standard Time)

I'm also noticing that the iframe version allows input via the terminal but using the embedded versions I get a popup each time I'm trying to get input with C.

Ben Taylor · Answer 6 · Wed Apr 06 2022 18:28:54 GMT+0800 (China Standard Time)

@LukePrior I'm putting together a demo repo for you. But just quickly to solve the popup issue you'll need to make sure you set the Cross-Origin Isolation headers. See: https://runno.dev/#host-headers

Luke Prior · Answer 7 · Wed Apr 06 2022 18:39:28 GMT+0800 (China Standard Time)

Thanks @taybenlor,

I completely missed the bit about CORS headers but unfortunately it seems like they cannot be enabled on GitHub pages so I may have to find another hosting solution.

I'm still running into some difficulties styling runno-editor and runno-terminal, I want to enable overflow for runno-editor and set a fixed height of 150px for runno-terminal.

Here is what I've gotten working so far: https://lukeprior.github.io/comp1511-guide/

Ben Taylor · Answer 8 · Wed Apr 06 2022 20:37:45 GMT+0800 (China Standard Time)

Rather than continuing this thread here - would you be able to move this over to a discussion? See the discussions tab. I'd be very keen to help you get Runno working for your use case and you're also welcome to email runno@taybenlor.com to get more help.

For the styling you want, I could set up some CSS variables. Like --runno-terminal-height that could be set in the CSS on your page like:

runno-run {
  --runno-terminal-height: 150px;
}

It seems like I'm getting a 404 when accessing that github page. Is it private?

Ben Taylor · Answer 9 · Tue Jun 27 2023 21:10:47 GMT+0800 (China Standard Time)

This was fixed in 0.4.0 after the switch to the new WASI backend.