Added xterm.js experiment

7 years ago · 904fa53a05
parent b04ac672d5
commit 904fa53a05
1 changed files with 41 additions and 0 deletions
--- a/experiments/xterm.html
+++ b/experiments/xterm.html
@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en-us">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>WebPerl XTerm.js Test</title>
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@3.7.0/dist/xterm.css"
+	integrity="sha256-OSfRj4jMeYVFSwgcvVvKj4V0+mwqSP9YJjyEJe7dmK0=" crossorigin="anonymous" />
+<script src="https://cdn.jsdelivr.net/npm/xterm@3.7.0/dist/xterm.js"
+	integrity="sha256-gIILiZzLBFrmY1dzcKJC2Nmw4o9ISITTNsro2rf8svM=" crossorigin="anonymous"></script>
+
+<script src="webperl.js"></script>
+
+<script>
+"use strict";
+window.addEventListener('load', function () {
+	var term = new Terminal();
+	term.open(document.getElementById('terminal'));
+	Perl.output = function (str) { term.write(str) };
+	Module.preRun.push(function () { ENV.TERM = "xterm" });
+});
+</script>
+
+<script type="text/perl">
+use warnings;
+use strict;
+use Term::ANSIColor qw/colored/;
+
+print colored("Hello, Color World!\n", 'black on_yellow');
+#TODO: how to best accept input from XTerm?
+
+</script>
+
+</head>
+<body>
+
+<div id="terminal"></div>
+<p><a href="http://xtermjs.org/" target="_blank">xterm.js</a></p>
+
+</body>
+</html>