knot 1.3.11

Codebase Graph + Vector RAG Indexer for Java, TypeScript, JavaScript, Kotlin, Rust, Python, Groovy, C/C++, Build Systems, and HTML/CSS codebases
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111

<!-- E2E Test File for HTML/Angular Features -->
<!-- This file tests HTML parsing capabilities:
     - Custom HTML elements (Angular components with hyphens)
     - HTML id attributes
     - HTML class attributes (multiple classes separated by spaces)
     - Standard HTML elements should be ignored (div, span, p, etc.)
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Angular App Test</title>
</head>
<body>
    <!-- Standard HTML elements (should be IGNORED) -->
    <div class="container">
        <header>
            <h1>Angular Application</h1>
        </header>
    </div>

    <!-- Custom Angular component with id and classes -->
    <app-header id="main-header" class="header header-primary sticky">
        <nav class="navbar navbar-expand">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
            </ul>
        </nav>
    </app-header>

    <!-- Main application component -->
    <app-root id="app-root" class="app-container">
        <!-- Dashboard component -->
        <app-dashboard id="dashboard" class="dashboard dashboard-layout">
            <!-- Sidebar component -->
            <app-sidebar class="sidebar sidebar-collapsed">
                <app-menu-item class="menu-item active">Dashboard</app-menu-item>
                <app-menu-item class="menu-item">Settings</app-menu-item>
                <app-menu-item class="menu-item">Profile</app-menu-item>
            </app-sidebar>

            <!-- Main content area -->
            <app-main-content id="main-content" class="content">
                <!-- Data grid component -->
                <app-data-grid id="users-grid" class="grid grid-striped grid-bordered">
                    <app-grid-header class="grid-header">
                        <span>Name</span>
                        <span>Email</span>
                        <span>Status</span>
                    </app-grid-header>
                </app-data-grid>

                <!-- Chart component -->
                <app-chart id="analytics-chart" class="chart chart-responsive">
                    <app-chart-toolbar class="toolbar toolbar-top">
                        <button class="btn btn-primary">Export</button>
                        <button class="btn btn-secondary">Refresh</button>
                    </app-chart-toolbar>
                </app-chart>
            </app-main-content>
        </app-dashboard>

        <!-- User profile component -->
        <app-user-profile id="user-profile" class="profile card shadow">
            <app-avatar class="avatar avatar-large"></app-avatar>
            <app-user-details class="details">
                <span class="name">John Doe</span>
                <span class="email">john@example.com</span>
            </app-user-details>
        </app-user-profile>

        <!-- Settings panel -->
        <app-settings-panel id="settings-panel" class="panel panel-right hidden">
            <app-settings-section class="section">
                <h3>General Settings</h3>
            </app-settings-section>
            <app-settings-section class="section">
                <h3>Privacy Settings</h3>
            </app-settings-section>
        </app-settings-panel>
    </app-root>

    <!-- Footer component -->
    <app-footer id="main-footer" class="footer footer-sticky">
        <p>&copy; 2026 Angular App</p>
    </app-footer>

    <!-- Modal components (initially hidden) -->
    <app-modal id="confirm-modal" class="modal modal-centered hidden">
        <app-modal-header class="modal-header">Confirm Action</app-modal-header>
        <app-modal-body class="modal-body">Are you sure?</app-modal-body>
        <app-modal-footer class="modal-footer">
            <button class="btn btn-cancel">Cancel</button>
            <button class="btn btn-confirm">OK</button>
        </app-modal-footer>
    </app-modal>

    <!-- Web Component example (with hyphen) -->
    <custom-element id="custom-widget" class="widget widget-interactive"></custom-element>

    <!-- More standard HTML (should be IGNORED) -->
    <div class="wrapper">
        <section>
            <p>This is a paragraph in a standard HTML element.</p>
            <span>This span should be ignored too.</span>
        </section>
    </div>
</body>
</html>