So I only need to fix this flush thing where lines were disappearing. IF you can reproduce that it would be great.
It's because Android Chrome doesn't use keydown event at all, this is weird but the only way to make it work on mobile is to use the input event and detect the changes.
Hi. When i have a stack of terminals like here: https://terminal.jcubic.pl/examples.php#multiple-interpreters, and the root one has completion: function, defined, the inner terminals inherit the same completion. Is there a way to change or at least deactivate it?
oh nvm, i can set completion to [] or whataver on the inner terminals it seems
this is nice!
I have my own copy in my static assets https://cdn.jsdelivr.net/gh/jcubic/static/js/tetris-engine.js
Hello all, I am trying to clone the foobar website, it seems to use jQuery terminal(a very old version) but using Ember.js as the framework. I am confused how to add jQuery.terminal as a component in Ember.js so that only terminal functions are provided by the package and I can set my own styling to rest of the app. Tried to get some idea from foobar javascript file but its 30k lines of code :confused:
This is the expected result. Please help
I can replicate the UI. If you can give me an idea of how to add in any of the frameworks, let us say react, that would be useful too.
This is the template.
<div class="cmd">
</div>This is where terminal logic is supposed to go
import Component from '@glimmer/component';
import jQuery from 'jquery';
export default class CommandLineComponent extends Component {
}
I didn't have time to create version with hooks
I was able to figure out something by searches and tries. This is the template.
<div id="test"> </div>
<button {{action "pressed"}}>
Press Me
</button>And this is the component code.
import Component from '@ember/component';
export default Component.extend({
actions: {
pressed: function() {
$("#test").append("<span>hello</span>");
}
}
});this works fine
But as soon as I import the terminal and add the most basic code, it does nothing
import Component from '@ember/component';
import terminal from 'jquery.terminal';
import $ from 'jquery';
export default Component.extend({
actions: {
pressed: function () {
$('#test').terminal(
{
hello: function (what) {
this.echo('Hello, ' + what + '. Wellcome to this terminal.');
},
},
{
greetings: 'My First Web Terminal',
}
);
},
},
}
);
It prints this error in console
and to use Webpack see https://github.com/jcubic/jquery.terminal/wiki/Webpack-and-Babel
If you use different build system you may not need all those hacks and just use simple import but the order is important and terminal return a function that need to be called with jQuery object and window
IF you don't import jQuery the library will import it and you will only need to pass window object
Hmm I tried it, more errors now, maybe I am doing something wrong. I am going try couple more times and then search for alternatives. I am a system programmer and have a very basic idea about web programming so I don't understand a lot of things, it will take time and all I want is to create an interactive portfolio for now. If you can suggest a way I can use this without a lot of problems, (may or may not be a particular framework), that would be great.
BTW: I find Ember framework that is really hard to learn, I've attempted to learn it twice long time ago, I've had a book but it got outdate pretty quicly. I've given up on Ember
also note that it's not very popular framework
Yeah I did experiments with full screen terminal using jquery Terminal and it was nice and easy. but my usecase is little different and there are few more components I want to add so I need terminal inside a particular application. Google seems to have used "SproutCore" framework for creating foo bar.
Yeah, anyway I appreciate all the help and your time. Maybe jquery terminal doesn't fit my usercase or I am too new to use it that way. Apart from that I find it very robust for creating web terminals. I have seen so many examples and they are so good. Thanks, I will see some alternatives.