Terminal Tutorial: Reference Trap

reference_trap.cast

{"version":2,"width":80,"height":24,"timestamp":1769447709,"command":"python3 actor_reference.py","env":{"SHELL":"/bin/zsh"}}
[1.445624, "o", "$ python3\r\n"]
[1.942448, "o", "Python 3.11.4 (main, Jun  7 2023, 10:13:09) on darwin\r\n>>> o"]
[1.978087, "o", "r"]
[2.044075, "o", "i"]
[2.118979, "o", "g"]
[2.153101, "o", "i"]
[2.231728, "o", "n"]
[2.275809, "o", "a"]
[2.338374, "o", "l"]
[2.398696, "o", " "]
[2.460355, "o", "="]
[2.515958, "o", " "]
[2.588498, "o", "["]
[2.634168, "o", "1"]
[2.685229, "o", ","]
[2.7439, "o", " "]
[2.815021, "o", "2"]
[2.851499, "o", ","]
[2.917321, "o", " "]
[2.973645, "o", "3"]
[3.014724, "o", "]"]
[3.076865, "o", "\r\n>>> c"]
[3.123379, "o", "o"]
[3.185142, "o", "p"]
[3.225861, "o", "y"]
[3.254476, "o", " "]
[3.307246, "o", "="]
[3.346466, "o", " "]
[3.382427, "o", "o"]
[3.431437, "o", "r"]
[3.471031, "o", "i"]
[3.501799, "o", "g"]
[3.554541, "o", "i"]
[3.627003, "o", "n"]
[3.664008, "o", "a"]
[3.741136, "o", "l"]
[3.798898, "o", " "]
[3.878127, "o", " "]
[3.957104, "o", "#"]
[4.001871, "o", " "]
[4.054776, "o", "I"]
[4.132963, "o", " "]
[4.15788, "o", "t"]
[4.243699, "o", "h"]
[4.349901, "o", "i"]
[4.380343, "o", "n"]
[4.50824, "o", "k"]
[4.569518, "o", " "]
[4.620981, "o", "I"]
[4.667557, "o", "'"]
[4.707318, "o", "m"]
[4.774682, "o", " "]
[4.811633, "o", "m"]
[4.84199, "o", "a"]
[4.899766, "o", "k"]
[4.974572, "o", "i"]
[5.042957, "o", "n"]
[5.112631, "o", "g"]
[5.177798, "o", " "]
[5.248464, "o", "a"]
[5.299567, "o", " "]
[5.37609, "o", "c"]
[5.449742, "o", "o"]
[5.484298, "o", "p"]
[5.524748, "o", "y"]
[5.598937, "o", "."]
[5.625532, "o", "."]
[5.676229, "o", "."]
[5.740813, "o", "\r\n>>> c"]
[5.796603, "o", "o"]
[5.84735, "o", "p"]
[5.886839, "o", "y"]
[5.952565, "o", "."]
[6.024273, "o", "a"]
[6.056943, "o", "p"]
[6.094037, "o", "p"]
[6.164681, "o", "e"]
[6.227866, "o", "n"]
[6.299798, "o", "d"]
[6.333455, "o", "("]
[6.41041, "o", "4"]
[6.463142, "o", ")"]
[6.520215, "o", "\r\n>>> p"]
[6.562768, "o", "r"]
[6.650371, "o", "i"]
[6.716194, "o", "n"]
[6.741941, "o", "t"]
[6.823718, "o", "("]
[6.857218, "o", "o"]
[6.905437, "o", "r"]
[6.956873, "o", "i"]
[7.013345, "o", "g"]
[7.098333, "o", "i"]
[7.141707, "o", "n"]
[7.225955, "o", "a"]
[7.289566, "o", "l"]
[7.334617, "o", ")"]
[7.370174, "o", "\r\n[1, 2, 3, 4]\r\n>>> "]
[8.373945, "o", "#"]
[8.425936, "o", " "]
[8.471894, "o", "W"]
[8.536372, "o", "a"]
[8.603156, "o", "i"]
[8.686349, "o", "t"]
[8.715609, "o", "."]
[8.76575, "o", "."]
[8.806103, "o", "."]
[8.867924, "o", " "]
[8.92666, "o", "I"]
[9.025471, "o", " "]
[9.087349, "o", "c"]
[9.123205, "o", "h"]
[9.192007, "o", "a"]
[9.231825, "o", "n"]
[9.258304, "o", "g"]
[9.331363, "o", "e"]
[9.376136, "o", "d"]
[9.399474, "o", " "]
[9.453248, "o", "'"]
[9.491013, "o", "c"]
[9.523001, "o", "o"]
[9.577822, "o", "p"]
[9.643928, "o", "y"]
[9.667926, "o", "'"]
[9.738099, "o", " "]
[9.813918, "o", "b"]
[9.866821, "o", "u"]
[9.933963, "o", "t"]
[10.01399, "o", " "]
[10.054509, "o", "'"]
[10.08716, "o", "o"]
[10.165885, "o", "r"]
[10.243949, "o", "i"]
[10.266514, "o", "g"]
[10.295645, "o", "i"]
[10.356772, "o", "n"]
[10.4323, "o", "a"]
[10.465873, "o", "l"]
[10.544848, "o", "'"]
[10.588923, "o", " "]
[10.666966, "o", "c"]
[10.710782, "o", "h"]
[10.756557, "o", "a"]
[10.79525, "o", "n"]
[10.826424, "o", "g"]
[10.866561, "o", "e"]
[10.921343, "o", "d"]
[10.958066, "o", " "]
[10.995526, "o", "t"]
[11.041955, "o", "o"]
[11.072419, "o", "o"]
[11.118131, "o", "!"]
[11.164229, "o", "\r\n>>> r"]
[11.207495, "o", "e"]
[11.252781, "o", "a"]
[11.292691, "o", "l"]
[11.363512, "o", "_"]
[11.400057, "o", "c"]
[11.438455, "o", "o"]
[11.494105, "o", "p"]
[11.522724, "o", "y"]
[11.554134, "o", " "]
[11.603154, "o", "="]
[11.654448, "o", " "]
[11.712512, "o", "o"]
[11.733432, "o", "r"]
[11.813789, "o", "i"]
[11.865139, "o", "g"]
[11.923877, "o", "i"]
[11.981852, "o", "n"]
[12.040471, "o", "a"]
[12.086738, "o", "l"]
[12.164315, "o", "."]
[12.242605, "o", "c"]
[12.281354, "o", "o"]
[12.349194, "o", "p"]
[12.413199, "o", "y"]
[12.471561, "o", "("]
[12.500138, "o", ")"]
[12.540474, "o", "\r\n>>> r"]
[12.598484, "o", "e"]
[12.640435, "o", "a"]
[12.668871, "o", "l"]
[12.716257, "o", "_"]
[12.779359, "o", "c"]
[12.836162, "o", "o"]
[12.900697, "o", "p"]
[12.950816, "o", "y"]
[12.998672, "o", "."]
[13.027978, "o", "a"]
[13.110132, "o", "p"]
[13.132804, "o", "p"]
[13.209414, "o", "e"]
[13.252217, "o", "n"]
[13.317641, "o", "d"]
[13.388429, "o", "("]
[13.469831, "o", "5"]
[13.49356, "o", ")"]
[13.542183, "o", "\r\n>>> p"]
[13.58728, "o", "r"]
[13.662735, "o", "i"]
[13.698022, "o", "n"]
[13.778746, "o", "t"]
[13.829592, "o", "("]
[13.892955, "o", "o"]
[13.92889, "o", "r"]
[13.952589, "o", "i"]
[14.025407, "o", "g"]
[14.078088, "o", "i"]
[14.162116, "o", "n"]
[14.237041, "o", "a"]
[14.280521, "o", "l"]
[14.307712, "o", ")"]
[14.351642, "o", "\r\n[1, 2, 3, 4]\r\n>>> e"]
[14.388971, "o", "x"]
[14.464718, "o", "i"]
[14.516199, "o", "t"]
[14.549333, "o", "("]
[14.62171, "o", ")"]
[14.66369, "o", "\r\n"]
[14.677883, "x", "0"]

reference_trap_terminal.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Terminal Tutorial: Reference Trap</title>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/asciinema-player@3.6.3/dist/bundle/asciinema-player.css" />
<style>
    body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: #121212; color: #eee; font-family: sans-serif; }
    #player { width: 100%; max-width: 900px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
    .error { color: #ff5555; text-align: center; padding: 20px; border: 1px solid #ff5555; border-radius: 4px; background: rgba(255,0,0,0.1); }
</style>
</head>
<body>
<div id="player"></div>
<script src="https://unpkg.com/asciinema-player@3.6.3/dist/bundle/asciinema-player.min.js"></script>
<script>
window.addEventListener('load', function() {
    setTimeout(function() {
        if (typeof AsciinemaPlayer === 'undefined') {
            document.getElementById('player').innerHTML = '<div class="error"><strong>Error:</strong> AsciinemaPlayer failed to load.</div>';
            return;
        }
        AsciinemaPlayer.create('reference_trap.cast', document.getElementById('player'), { 
            autoPlay: true, preload: true, rows: 15, cols: 81, theme: 'monokai', idleTimeLimit: 2 
        });
    }, 100);
});
</script>
</body>
</html>