Ignore footnotes ids when handlings content sections

src/context/Page.zig

@@ -950,15 +950,12 @@ pub const Builtins = struct {
                 );
             };
 
-            switch (node.getDirective().?.kind) {
-                .section => {},
-                else => {
-                    return Value.errFmt(
-                        gpa,
-                        "id '{s}' exists but is not a section",
-                        .{section_id},
-                    );
-                },
+            if (node.getDirective() == null or node.getDirective().?.kind != .section) {
+                return Value.errFmt(
+                    gpa,
+                    "id '{s}' exists but is not a section",
+                    .{section_id},
+                );
             }
 
             try render.html(gpa, ast, node, "", buf.writer());
@@ -995,7 +992,13 @@ pub const Builtins = struct {
             const ast = p._meta.ast orelse return .{
                 .err = "only the main page can be rendered for now",
             };
-            return Bool.init(ast.ids.get(section_id) != null);
+            // a true value indicates that `contentSection` will not error
+            const has_section = blk: {
+                const section = ast.ids.get(section_id) orelse break :blk false;
+                const directive = section.getDirective() orelse break :blk false;
+                break :blk directive.kind == .section;
+            };
+            return Bool.init(has_section);
         }
     };
 
@@ -1029,7 +1032,7 @@ pub const Builtins = struct {
             var sections = std.ArrayList(ContentSection).init(gpa);
             var it = ast.ids.iterator();
             while (it.next()) |kv| {
-                const d = kv.value_ptr.getDirective().?;
+                const d = kv.value_ptr.getDirective() orelse continue;
                 if (d.kind == .section) {
                     try sections.append(.{
                         .id = d.id orelse "",

tests/simple/snapshot/sections/index.html

@@ -23,7 +23,7 @@ <h2>-- SECTION BEGIN --</h2>
       <h2>-- SECTION END --</h2>
 
       <h2>-- SECTION BEGIN --</h2>
-      <div><div id="h3"><h3><a class="" href="#h3">H3</a></h3><p>Lorem Ipsum 3</p></div></div>
+      <div><div id="h3"><h3><a class="" href="#h3">H3</a></h3><p>Lorem Ipsum 3</p><p>This is a footnote<sup class="footnote-ref"><a href="#fn-1" id="fn-1-ref-1">1</a></sup></p></div></div>
       <h2>-- SECTION END --</h2>
     </div>
   </body>

tests/simple/src/content/sections.smd

@@ -15,3 +15,6 @@ Lorem Ipsum 2
 ### [H3]($section.id('h3'))
 Lorem Ipsum 3
 
+This is a footnote[^1]
+
+[^1]: That should not break this page