Terminal Tutorial: Shadowing Built-ins

shadowing.cast

{"version":2,"width":80,"height":24,"timestamp":1769447121,"command":"python3 actor_shadowing.py","env":{"SHELL":"/bin/zsh"}}
[0.123841, "o", "$ python3\r\n"]
[0.624555, "o", "Python 3.11.4 (main, Jun  7 2023, 10:13:09) [Clang 14.0.0 (clang-1400.0.29.202)] on darwin\r\nType \"help\", \"copyright\", \"credits\" or \"license\" for more information.\r\n>>> "]
[1.125084, "o", "m"]
[1.194775, "o", "y"]
[1.236595, "o", "_"]
[1.313656, "o", "d"]
[1.395805, "o", "a"]
[1.460993, "o", "t"]
[1.519072, "o", "a"]
[1.586088, "o", " "]
[1.655672, "o", "="]
[1.711235, "o", " "]
[1.778274, "o", "l"]
[1.825333, "o", "i"]
[1.867625, "o", "s"]
[1.942319, "o", "t"]
[1.964676, "o", "("]
[2.008382, "o", "("]
[2.057155, "o", "1"]
[2.102818, "o", ","]
[2.17309, "o", " "]
[2.243687, "o", "2"]
[2.307479, "o", ","]
[2.353963, "o", " "]
[2.389418, "o", "3"]
[2.440331, "o", ")"]
[2.497066, "o", ")"]
[2.534974, "o", "\r\n"]
[2.738082, "o", ">>> p"]
[2.79563, "o", "r"]
[2.83568, "o", "i"]
[2.883378, "o", "n"]
[2.92157, "o", "t"]
[2.975056, "o", "("]
[3.028738, "o", "m"]
[3.060933, "o", "y"]
[3.125291, "o", "_"]
[3.206757, "o", "d"]
[3.250873, "o", "a"]
[3.309732, "o", "t"]
[3.338116, "o", "a"]
[3.404156, "o", ")"]
[3.466005, "o", "\r\n[1, 2, 3]\r\n>>> "]
[3.970809, "o", "#"]
[4.043298, "o", " "]
[4.122866, "o", "I"]
[4.147471, "o", " "]
[4.194925, "o", "n"]
[4.222901, "o", "e"]
[4.266819, "o", "e"]
[4.305156, "o", "d"]
[4.371818, "o", " "]
[4.419154, "o", "a"]
[4.488084, "o", " "]
[4.519167, "o", "l"]
[4.545561, "o", "i"]
[4.571964, "o", "s"]
[4.606827, "o", "t"]
[4.672438, "o", " "]
[4.698457, "o", "v"]
[4.770593, "o", "a"]
[4.838605, "o", "r"]
[4.91123, "o", "i"]
[4.959251, "o", "a"]
[4.985219, "o", "b"]
[5.063899, "o", "l"]
[5.142054, "o", "e"]
[5.181873, "o", "."]
[5.231863, "o", "."]
[5.31072, "o", "."]
[5.340212, "o", "\r\n"]
[5.843172, "o", ">>> l"]
[5.920691, "o", "i"]
[5.944189, "o", "s"]
[6.008918, "o", "t"]
[6.057366, "o", " "]
[6.09812, "o", "="]
[6.151962, "o", " "]
[6.178784, "o", "["]
[6.224806, "o", "1"]
[6.287278, "o", "0"]
[6.362821, "o", ","]
[6.409037, "o", " "]
[6.445909, "o", "2"]
[6.486179, "o", "0"]
[6.540852, "o", ","]
[6.581869, "o", " "]
[6.647373, "o", "3"]
[6.704736, "o", "0"]
[6.755165, "o", "]"]
[6.812692, "o", "\r\n>>> "]
[7.31295, "o", "m"]
[7.342399, "o", "o"]
[7.40321, "o", "r"]
[7.478793, "o", "e"]
[7.514027, "o", "_"]
[7.567339, "o", "d"]
[7.607824, "o", "a"]
[7.686071, "o", "t"]
[7.712871, "o", "a"]
[7.763531, "o", " "]
[7.840916, "o", "="]
[7.912496, "o", " "]
[7.983391, "o", "l"]
[8.0337, "o", "i"]
[8.08599, "o", "s"]
[8.153225, "o", "t"]
[8.221103, "o", "("]
[8.285879, "o", "("]
[8.34009, "o", "4"]
[8.415659, "o", ","]
[8.485952, "o", " "]
[8.518861, "o", "5"]
[8.571633, "o", ")"]
[8.620244, "o", ")"]
[8.699279, "o", "\r\n"]
[8.90026, "o", "Traceback (most recent call last):\r\n  File \"<stdin>\", line 1, in <module>\r\nTypeError: 'list' object is not callable\r\n>>> "]
[9.903324, "o", "#"]
[9.926781, "o", " "]
[9.979359, "o", "O"]
[10.053768, "o", "o"]
[10.110364, "o", "p"]
[10.158949, "o", "s"]
[10.226319, "o", "!"]
[10.260073, "o", " "]
[10.313525, "o", "I"]
[10.387979, "o", " "]
[10.4187, "o", "o"]
[10.476363, "o", "v"]
[10.510984, "o", "e"]
[10.564631, "o", "r"]
[10.644879, "o", "w"]
[10.725482, "o", "r"]
[10.802621, "o", "o"]
[10.832348, "o", "t"]
[10.903039, "o", "e"]
[10.970626, "o", " "]
[11.022271, "o", "t"]
[11.10368, "o", "h"]
[11.132848, "o", "e"]
[11.177937, "o", " "]
[11.242945, "o", "b"]
[11.320117, "o", "u"]
[11.367551, "o", "i"]
[11.437391, "o", "l"]
[11.517278, "o", "t"]
[11.54898, "o", "-"]
[11.587622, "o", "i"]
[11.647566, "o", "n"]
[11.677911, "o", " "]
[11.711374, "o", "'"]
[11.792818, "o", "l"]
[11.824213, "o", "i"]
[11.85904, "o", "s"]
[11.908249, "o", "t"]
[11.930211, "o", "'"]
[11.996384, "o", " "]
[12.024695, "o", "f"]
[12.095445, "o", "u"]
[12.168539, "o", "n"]
[12.249821, "o", "c"]
[12.276814, "o", "t"]
[12.355532, "o", "i"]
[12.417666, "o", "o"]
[12.494554, "o", "n"]
[12.547638, "o", "."]
[12.568742, "o", "\r\n"]
[13.068821, "o", ">>> e"]
[13.102901, "o", "x"]
[13.140323, "o", "i"]
[13.17933, "o", "t"]
[13.246326, "o", "("]
[13.308968, "o", ")"]
[13.375408, "o", "\r\n"]
[13.381153, "x", "0"]

shadowing_terminal.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Terminal Tutorial: Shadowing Built-ins</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('shadowing.cast', document.getElementById('player'), { 
            autoPlay: true, preload: true, rows: 15, cols: 81, theme: 'monokai', idleTimeLimit: 2 
        });
    }, 100);
});
</script>
</body>
</html>