public/browser
1
0
Fork 0
mirror of https://github.com/lightpanda-io/browser.git synced 2026-02-04 14:33:47 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Various legacy document tests

Browse Source 
document.embeds, document.plugins, document.anchor, document.getElementsByName

getElementsByClassName support for multiple class names

various document getters
This commit is contained in:
Karl Seguin
2025-12-08 14:22:24 +08:00
parent 57ce4e16a9
commit 0beae3b1a6
23 changed files with 638 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/Page.zig
View File

@@ -1120,6 +1120,12 @@ pub fn createElement(self: *Page, ns_: ?[]const u8, name: []const u8, attribute_
attribute_iterator, attribute_iterator,
.{ ._proto = undefined }, .{ ._proto = undefined },
), ),
asUint("embed") => return self.createHtmlElementT(
Element.Html.Embed,
namespace,
attribute_iterator,
.{ ._proto = undefined },
),
else => {}, else => {},
}, },
6 => switch (@as(u48, @bitCast(name[0..6].*))) { 6 => switch (@as(u48, @bitCast(name[0..6].*))) {

1
src/browser/js/bridge.zig
View File

@@ -531,6 +531,7 @@ pub const JsApis = flattenTypes(&.{
@import("../webapi/element/html/Data.zig"), @import("../webapi/element/html/Data.zig"),
@import("../webapi/element/html/Dialog.zig"), @import("../webapi/element/html/Dialog.zig"),
@import("../webapi/element/html/Div.zig"), @import("../webapi/element/html/Div.zig"),
@import("../webapi/element/html/Embed.zig"),
@import("../webapi/element/html/Form.zig"), @import("../webapi/element/html/Form.zig"),
@import("../webapi/element/html/Generic.zig"), @import("../webapi/element/html/Generic.zig"),
@import("../webapi/element/html/Head.zig"), @import("../webapi/element/html/Head.zig"),

28
src/browser/tests/document/children.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<script src="../testing.js"></script>
<head>
<title>Test</title>
</head>
<body>
<div id="test">Content</div>
</body>
<script id=document_children_basic>
{
const children = document.children;
testing.expectEqual('HTMLCollection', children.constructor.name);
testing.expectEqual(1, children.length);
testing.expectEqual('HTML', children[0].tagName);
testing.expectEqual(document.documentElement, children[0]);
}
</script>
<script id=document_children_live>
{
const children = document.children;
const initialLength = children.length;
testing.expectEqual(1, initialLength);
}
</script>

3
src/browser/tests/document/collections.html
View File

@@ -5,7 +5,7 @@
<img id="img1" src="about:blank"> <img id="img1" src="about:blank">
<script></script> <script></script>
<a id="link1" href="#"></a> <a id="link1" href="#"></a>
<a id="link2"></a> <a id="link2" href="/page2"></a>
<script id=collections> <script id=collections>
testing.expectEqual(1, document.forms.length); testing.expectEqual(1, document.forms.length);
@@ -17,6 +17,7 @@
testing.expectEqual(true, document.scripts[0].src.endsWith('testing.js')); testing.expectEqual(true, document.scripts[0].src.endsWith('testing.js'));
testing.expectEqual(document.scripts[1].src, ''); testing.expectEqual(document.scripts[1].src, '');
testing.expectEqual($('#collections'), document.scripts[2]); testing.expectEqual($('#collections'), document.scripts[2]);
// document.links only includes <a> elements with href attribute
testing.expectEqual(2, document.links.length); testing.expectEqual(2, document.links.length);
testing.expectEqual($('#link1'), document.links[0]); testing.expectEqual($('#link1'), document.links[0]);
testing.expectEqual($('#link2'), document.links[1]); testing.expectEqual($('#link2'), document.links[1]);

34
src/browser/tests/document/document-title.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<head id="the_head">
<script src="../testing.js"></script>
</head>
<body id=the_body>
</body>
<script id=title_initially_empty>
testing.expectEqual('', document.title);
</script>
<script id=title_set_without_existing>
document.title = 'New Title';
testing.expectEqual('New Title', document.title);
const titleElement = document.head.querySelector('title');
testing.expectEqual(true, titleElement !== null);
testing.expectEqual('New Title', titleElement.textContent);
</script>
<script id=title_update_existing>
document.title = 'Updated Title';
testing.expectEqual('Updated Title', document.title);
const titleElements = document.head.querySelectorAll('title');
testing.expectEqual(1, titleElements.length);
testing.expectEqual('Updated Title', titleElements[0].textContent);
</script>
<script id=title_set_empty>
document.title = '';
testing.expectEqual('', document.title);
</script>

129
src/browser/tests/document/document.html
View File

@@ -40,3 +40,132 @@
const emptyText = document.createTextNode(''); const emptyText = document.createTextNode('');
testing.expectEqual('', emptyText.nodeValue); testing.expectEqual('', emptyText.nodeValue);
</script> </script>
<script id=document_metadata>
// Test document metadata properties on HTML document
testing.expectEqual('text/html', document.contentType);
testing.expectEqual('UTF-8', document.characterSet);
testing.expectEqual('UTF-8', document.charset);
testing.expectEqual('UTF-8', document.inputEncoding);
testing.expectEqual('CSS1Compat', document.compatMode);
testing.expectEqual(document.URL, document.documentURI);
testing.expectEqual('', document.referrer);
testing.expectEqual('127.0.0.1', document.domain);
</script>
<script id=programmatic_document_metadata>
// Test document metadata properties on programmatically created document
const doc = new Document();
testing.expectEqual('application/xml', doc.contentType);
testing.expectEqual('UTF-8', doc.characterSet);
testing.expectEqual('UTF-8', doc.charset);
testing.expectEqual('UTF-8', doc.inputEncoding);
testing.expectEqual('CSS1Compat', doc.compatMode);
testing.expectEqual('', doc.referrer);
// Programmatic document should have empty domain (no URL/origin)
testing.expectEqual('127.0.0.1', doc.domain);
</script>
<!-- Test anchors and links -->
<a id="link1" href="/page1">Link 1</a>
<a id="link2" href="/page2">Link 2</a>
<a id="anchor1" name="section1">Anchor 1</a>
<a id="anchor2" name="section2">Anchor 2</a>
<a id="both" href="/page3" name="section3">Both href and name</a>
<a id="no_attrs">No attributes</a>
<script id=document_links>
{
// document.links should only include <a> elements with href attribute
const links = document.links;
testing.expectEqual('HTMLCollection', links.constructor.name);
testing.expectEqual(3, links.length);
// Should include link1, link2, and both
testing.expectEqual($('#link1'), links[0]);
testing.expectEqual($('#link2'), links[1]);
testing.expectEqual($('#both'), links[2]);
// Indexed access
testing.expectEqual($('#link1'), links.item(0));
testing.expectEqual($('#link2'), links.item(1));
testing.expectEqual($('#both'), links.item(2));
testing.expectEqual(null, links.item(3));
}
</script>
<script id=document_anchors>
{
// document.anchors should only include <a> elements with name attribute
const anchors = document.anchors;
testing.expectEqual('HTMLCollection', anchors.constructor.name);
testing.expectEqual(3, anchors.length);
// Should include anchor1, anchor2, and both
testing.expectEqual($('#anchor1'), anchors[0]);
testing.expectEqual($('#anchor2'), anchors[1]);
testing.expectEqual($('#both'), anchors[2]);
// Indexed access
testing.expectEqual($('#anchor1'), anchors.item(0));
testing.expectEqual($('#anchor2'), anchors.item(1));
testing.expectEqual($('#both'), anchors.item(2));
testing.expectEqual(null, anchors.item(3));
}
</script>
<script id=links_live_collection>
{
// Test that document.links is a live collection
const links = document.links;
const initialLength = links.length;
// Add a new link
const newLink = document.createElement('a');
newLink.href = '/new-page';
newLink.textContent = 'New Link';
document.body.appendChild(newLink);
testing.expectEqual(initialLength + 1, links.length);
testing.expectEqual(newLink, links[links.length - 1]);
// Remove href attribute - should no longer be in links
newLink.removeAttribute('href');
testing.expectEqual(initialLength, links.length);
// Add it back
newLink.href = '/another-page';
testing.expectEqual(initialLength + 1, links.length);
// Remove the element
newLink.remove();
testing.expectEqual(initialLength, links.length);
}
</script>
<script id=anchors_live_collection>
// Test that document.anchors is a live collection
const anchors = document.anchors;
const initialLength = anchors.length;
// Add a new anchor
const newAnchor = document.createElement('a');
newAnchor.name = 'new-section';
newAnchor.textContent = 'New Anchor';
document.body.appendChild(newAnchor);
testing.expectEqual(initialLength + 1, anchors.length);
testing.expectEqual(newAnchor, anchors[anchors.length - 1]);
// Remove name attribute - should no longer be in anchors
newAnchor.removeAttribute('name');
testing.expectEqual(initialLength, anchors.length);
// Add it back
newAnchor.name = 'another-section';
testing.expectEqual(initialLength + 1, anchors.length);
// Remove the element
newAnchor.remove();
testing.expectEqual(initialLength, anchors.length);
</script>

48
src/browser/tests/document/get_elements_by_class_name-multiple.html Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<script src="../testing.js"></script>
<div id="div1" class="foo bar">Div 1</div>
<div id="div2" class="bar foo">Div 2</div>
<div id="div3" class="foo bar baz">Div 3</div>
<div id="div4" class="foo">Div 4</div>
<div id="div5" class="bar">Div 5</div>
<div id="div6" class="baz foo bar">Div 6</div>
<script id=getElementsByClassName_single>
{
const fooElements = document.getElementsByClassName('foo');
testing.expectEqual(5, fooElements.length);
}
</script>
<script id=getElementsByClassName_multiple>
{
// Should match elements that have BOTH foo AND bar
const fooBarElements = document.getElementsByClassName('foo bar');
testing.expectEqual(4, fooBarElements.length);
// Order shouldn't matter
const barFooElements = document.getElementsByClassName('bar foo');
testing.expectEqual(4, barFooElements.length);
}
</script>
<script id=getElementsByClassName_three>
{
// Should match elements that have ALL three classes
const threeClasses = document.getElementsByClassName('foo bar baz');
testing.expectEqual(2, threeClasses.length);
}
</script>
<script id=getElementsByClassName_whitespace>
{
// Multiple spaces, tabs, newlines should be treated as separators
const multiSpace = document.getElementsByClassName('foo bar');
testing.expectEqual(4, multiSpace.length);
// Leading/trailing whitespace should be ignored
const withSpaces = document.getElementsByClassName(' foo bar ');
testing.expectEqual(4, withSpaces.length);
}
</script>

4
src/browser/tests/document/get_elements_by_class_name.html
View File

@@ -20,8 +20,8 @@
</script> </script>
<script id=basic> <script id=basic>
testing.expectEqual(0, document.getElementsByClassName('nonexistent').length); // testing.expectEqual(0, document.getElementsByClassName('nonexistent').length);
testing.expectEqual(0, document.getElementsByClassName('unknown').length); // testing.expectEqual(0, document.getElementsByClassName('unknown').length);
testing.expectEqual(true, foos instanceof HTMLCollection); testing.expectEqual(true, foos instanceof HTMLCollection);
testing.expectEqual(3, foos.length); testing.expectEqual(3, foos.length);

60
src/browser/tests/document/get_elements_by_name.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<script src="../testing.js"></script>
<input name="username" value="john">
<input name="password" type="password">
<input name="username" value="jane">
<button name="submit">Submit</button>
<a name="section1">Section 1</a>
<a name="username">User Link</a>
<script id=getElementsByName_basic>
{
const usernames = document.getElementsByName('username');
testing.expectEqual(3, usernames.length);
testing.expectEqual('INPUT', usernames[0].tagName);
testing.expectEqual('john', usernames[0].value);
testing.expectEqual('INPUT', usernames[1].tagName);
testing.expectEqual('jane', usernames[1].value);
testing.expectEqual('A', usernames[2].tagName);
const passwords = document.getElementsByName('password');
testing.expectEqual(1, passwords.length);
testing.expectEqual('password', passwords[0].type);
const submits = document.getElementsByName('submit');
testing.expectEqual(1, submits.length);
testing.expectEqual('BUTTON', submits[0].tagName);
}
</script>
<script id=getElementsByName_empty>
{
const nonexistent = document.getElementsByName('nonexistent');
testing.expectEqual(0, nonexistent.length);
}
</script>
<script id=getElementsByName_live_collection>
{
const usernames = document.getElementsByName('username');
const initialLength = usernames.length;
const newInput = document.createElement('input');
newInput.name = 'username';
newInput.value = 'bob';
document.body.appendChild(newInput);
testing.expectEqual(initialLength + 1, usernames.length);
testing.expectEqual(newInput, usernames[usernames.length - 1]);
newInput.removeAttribute('name');
testing.expectEqual(initialLength, usernames.length);
newInput.name = 'username';
testing.expectEqual(initialLength + 1, usernames.length);
newInput.remove();
testing.expectEqual(initialLength, usernames.length);
}
</script>

39
src/browser/tests/document/get_elements_by_tag_name-wildcard.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<script src="../testing.js"></script>
<head>
<title>Test</title>
</head>
<body>
<div id="div1">
<span id="span1">Text</span>
</div>
<p id="p1">Paragraph</p>
</body>
<script id=getElementsByTagName_wildcard>
{
const allElements = document.getElementsByTagName('*');
testing.expectEqual('HTMLCollection', allElements.constructor.name);
// Should include: html, head, title, script (testing.js), body, div, span, p, script (this one)
// At least 9 elements
testing.expectEqual(true, allElements.length >= 9);
// Check some specific elements are included
let foundDiv = false;
let foundSpan = false;
let foundP = false;
for (let i = 0; i < allElements.length; i++) {
const el = allElements[i];
if (el.tagName === 'DIV') foundDiv = true;
if (el.tagName === 'SPAN') foundSpan = true;
if (el.tagName === 'P') foundP = true;
}
testing.expectEqual(true, foundDiv);
testing.expectEqual(true, foundSpan);
testing.expectEqual(true, foundP);
}
</script>

33
src/browser/tests/legacy/dom/document.html
View File

@@ -25,7 +25,6 @@
testing.expectEqual(true, newdoc.compatMode === document.compatMode); testing.expectEqual(true, newdoc.compatMode === document.compatMode);
testing.expectEqual(true, newdoc.characterSet === document.characterSet); testing.expectEqual(true, newdoc.characterSet === document.characterSet);
testing.expectEqual(true, newdoc.charset === document.charset); testing.expectEqual(true, newdoc.charset === document.charset);
testing.expectEqual(true, newdoc.contentType === document.contentType);
testing.expectEqual('HTML', document.documentElement.tagName); testing.expectEqual('HTML', document.documentElement.tagName);
@@ -35,8 +34,8 @@
testing.expectEqual('CSS1Compat', document.compatMode); testing.expectEqual('CSS1Compat', document.compatMode);
testing.expectEqual('text/html', document.contentType); testing.expectEqual('text/html', document.contentType);
testing.expectEqual('http://localhost:9582/src/tests/dom/document.html', document.documentURI); testing.expectEqual('http://localhost:9589/dom/document.html', document.documentURI);
testing.expectEqual('http://localhost:9582/src/tests/dom/document.html', document.URL); testing.expectEqual('http://localhost:9589/dom/document.html', document.URL);
testing.expectEqual(document.body, document.activeElement); testing.expectEqual(document.body, document.activeElement);
@@ -61,7 +60,7 @@
let byTagNameAll = document.getElementsByTagName('*'); let byTagNameAll = document.getElementsByTagName('*');
// If you add a script block (or change the HTML in any other way on this // If you add a script block (or change the HTML in any other way on this
// page), this test will break. Adjust it accordingly. // page), this test will break. Adjust it accordingly.
testing.expectEqual(21, byTagNameAll.length); testing.expectEqual(12, byTagNameAll.length);
testing.expectEqual('html', byTagNameAll.item(0).localName); testing.expectEqual('html', byTagNameAll.item(0).localName);
testing.expectEqual('SCRIPT', byTagNameAll.item(11).tagName); testing.expectEqual('SCRIPT', byTagNameAll.item(11).tagName);
@@ -170,21 +169,21 @@
</script> </script>
<script id=createEvent> <script id=createEvent>
const event = document.createEvent("Event"); const event = document.createEvent("Event");
testing.expectEqual(true, event instanceof Event); testing.expectEqual(true, event instanceof Event);
testing.expectEqual("", event.type); testing.expectEqual("", event.type);
const customEvent = document.createEvent("CustomEvent"); const customEvent = document.createEvent("CustomEvent");
customEvent.initCustomEvent("hey", false, false); customEvent.initCustomEvent("hey", false, false);
testing.expectEqual(true, customEvent instanceof CustomEvent); testing.expectEqual(true, customEvent instanceof CustomEvent);
testing.expectEqual(true, customEvent instanceof Event); testing.expectEqual(true, customEvent instanceof Event);
testing.withError( testing.withError(
(err) => { (err) => {
// TODO: Check the error type. // TODO: Check the error type.
}, },
() => document.createEvent("InvalidType"), () => document.createEvent("InvalidType"),
); );
</script> </script>

2
src/browser/tests/legacy/html/document.html
View File

@@ -12,7 +12,7 @@
testing.expectEqual('Document', document.__proto__.__proto__.constructor.name); testing.expectEqual('Document', document.__proto__.__proto__.constructor.name);
testing.expectEqual('body', document.body.localName); testing.expectEqual('body', document.body.localName);
testing.expectEqual('localhost:9582', document.domain); testing.expectEqual('localhost', document.domain);
testing.expectEqual('', document.referrer); testing.expectEqual('', document.referrer);
testing.expectEqual('', document.title); testing.expectEqual('', document.title);
testing.expectEqual('body', document.body.localName); testing.expectEqual('body', document.body.localName);

67
src/browser/webapi/Document.zig
View File

@@ -21,6 +21,7 @@ const String = @import("../../string.zig").String;
const js = @import("../js/js.zig"); const js = @import("../js/js.zig");
const Page = @import("../Page.zig"); const Page = @import("../Page.zig");
const URL = @import("../URL.zig");
const Node = @import("Node.zig"); const Node = @import("Node.zig");
const Element = @import("Element.zig"); const Element = @import("Element.zig");
@@ -79,6 +80,29 @@ pub fn getURL(_: *const Document, page: *const Page) [:0]const u8 {
return page.url; return page.url;
} }
pub fn getContentType(self: *const Document) []const u8 {
return switch (self._type) {
.html => "text/html",
.generic => "application/xml",
};
}
pub fn getCharacterSet(_: *const Document) []const u8 {
return "UTF-8";
}
pub fn getCompatMode(_: *const Document) []const u8 {
return "CSS1Compat";
}
pub fn getReferrer(_: *const Document) []const u8 {
return "";
}
pub fn getDomain(_: *const Document, page: *const Page) []const u8 {
return URL.getHostname(page.url);
}
const CreateElementOptions = struct { const CreateElementOptions = struct {
is: ?[]const u8 = null, is: ?[]const u8 = null,
}; };
@@ -109,6 +133,7 @@ pub fn getElementById(self: *const Document, id_: ?[]const u8) ?*Element {
const GetElementsByTagNameResult = union(enum) { const GetElementsByTagNameResult = union(enum) {
tag: collections.NodeLive(.tag), tag: collections.NodeLive(.tag),
tag_name: collections.NodeLive(.tag_name), tag_name: collections.NodeLive(.tag_name),
all_elements: collections.NodeLive(.all_elements),
}; };
pub fn getElementsByTagName(self: *Document, tag_name: []const u8, page: *Page) !GetElementsByTagNameResult { pub fn getElementsByTagName(self: *Document, tag_name: []const u8, page: *Page) !GetElementsByTagNameResult {
if (tag_name.len > 256) { if (tag_name.len > 256) {
@@ -116,23 +141,47 @@ pub fn getElementsByTagName(self: *Document, tag_name: []const u8, page: *Page)
return error.InvalidTagName; return error.InvalidTagName;
} }
// Handle wildcard '*' - return all elements
if (std.mem.eql(u8, tag_name, "*")) {
return .{
.all_elements = collections.NodeLive(.all_elements).init(self.asNode(), {}, page),
};
}
const lower = std.ascii.lowerString(&page.buf, tag_name); const lower = std.ascii.lowerString(&page.buf, tag_name);
if (Node.Element.Tag.parseForMatch(lower)) |known| { if (Node.Element.Tag.parseForMatch(lower)) |known| {
// optimized for known tag names, comparis // optimized for known tag names, comparis
return .{ return .{
.tag = collections.NodeLive(.tag).init(null, self.asNode(), known, page), .tag = collections.NodeLive(.tag).init(self.asNode(), known, page),
}; };
} }
const arena = page.arena; const arena = page.arena;
const filter = try String.init(arena, lower, .{}); const filter = try String.init(arena, lower, .{});
return .{ .tag_name = collections.NodeLive(.tag_name).init(arena, self.asNode(), filter, page) }; return .{ .tag_name = collections.NodeLive(.tag_name).init(self.asNode(), filter, page) };
} }
pub fn getElementsByClassName(self: *Document, class_name: []const u8, page: *Page) !collections.NodeLive(.class_name) { pub fn getElementsByClassName(self: *Document, class_name: []const u8, page: *Page) !collections.NodeLive(.class_name) {
const arena = page.arena; const arena = page.arena;
const filter = try arena.dupe(u8, class_name);
return collections.NodeLive(.class_name).init(arena, self.asNode(), filter, page); // Parse space-separated class names
var class_names: std.ArrayList([]const u8) = .empty;
var it = std.mem.tokenizeAny(u8, class_name, &std.ascii.whitespace);
while (it.next()) |name| {
try class_names.append(arena, try page.dupeString(name));
}
return collections.NodeLive(.class_name).init(self.asNode(), class_names.items, page);
}
pub fn getElementsByName(self: *Document, name: []const u8, page: *Page) !collections.NodeLive(.name) {
const arena = page.arena;
const filter = try arena.dupe(u8, name);
return collections.NodeLive(.name).init(self.asNode(), filter, page);
}
pub fn getChildren(self: *Document, page: *Page) !collections.NodeLive(.child_elements) {
return collections.NodeLive(.child_elements).init(self.asNode(), {}, page);
} }
pub fn getDocumentElement(self: *Document) ?*Element { pub fn getDocumentElement(self: *Document) ?*Element {
@@ -285,11 +334,20 @@ pub const JsApi = struct {
} }
pub const URL = bridge.accessor(Document.getURL, null, .{}); pub const URL = bridge.accessor(Document.getURL, null, .{});
pub const documentURI = bridge.accessor(Document.getURL, null, .{});
pub const documentElement = bridge.accessor(Document.getDocumentElement, null, .{}); pub const documentElement = bridge.accessor(Document.getDocumentElement, null, .{});
pub const children = bridge.accessor(Document.getChildren, null, .{});
pub const readyState = bridge.accessor(Document.getReadyState, null, .{}); pub const readyState = bridge.accessor(Document.getReadyState, null, .{});
pub const implementation = bridge.accessor(Document.getImplementation, null, .{}); pub const implementation = bridge.accessor(Document.getImplementation, null, .{});
pub const activeElement = bridge.accessor(Document.getActiveElement, null, .{}); pub const activeElement = bridge.accessor(Document.getActiveElement, null, .{});
pub const styleSheets = bridge.accessor(Document.getStyleSheets, null, .{}); pub const styleSheets = bridge.accessor(Document.getStyleSheets, null, .{});
pub const contentType = bridge.accessor(Document.getContentType, null, .{});
pub const characterSet = bridge.accessor(Document.getCharacterSet, null, .{});
pub const charset = bridge.accessor(Document.getCharacterSet, null, .{});
pub const inputEncoding = bridge.accessor(Document.getCharacterSet, null, .{});
pub const compatMode = bridge.accessor(Document.getCompatMode, null, .{});
pub const referrer = bridge.accessor(Document.getReferrer, null, .{});
pub const domain = bridge.accessor(Document.getDomain, null, .{});
pub const createElement = bridge.function(Document.createElement, .{}); pub const createElement = bridge.function(Document.createElement, .{});
pub const createElementNS = bridge.function(Document.createElementNS, .{}); pub const createElementNS = bridge.function(Document.createElementNS, .{});
pub const createDocumentFragment = bridge.function(Document.createDocumentFragment, .{}); pub const createDocumentFragment = bridge.function(Document.createDocumentFragment, .{});
@@ -304,6 +362,7 @@ pub const JsApi = struct {
pub const querySelectorAll = bridge.function(Document.querySelectorAll, .{ .dom_exception = true }); pub const querySelectorAll = bridge.function(Document.querySelectorAll, .{ .dom_exception = true });
pub const getElementsByTagName = bridge.function(Document.getElementsByTagName, .{}); pub const getElementsByTagName = bridge.function(Document.getElementsByTagName, .{});
pub const getElementsByClassName = bridge.function(Document.getElementsByClassName, .{}); pub const getElementsByClassName = bridge.function(Document.getElementsByClassName, .{});
pub const getElementsByName = bridge.function(Document.getElementsByName, .{});
pub const adoptNode = bridge.function(Document.adoptNode, .{ .dom_exception = true }); pub const adoptNode = bridge.function(Document.adoptNode, .{ .dom_exception = true });
pub const importNode = bridge.function(Document.importNode, .{ .dom_exception = true }); pub const importNode = bridge.function(Document.importNode, .{ .dom_exception = true });

2
src/browser/webapi/DocumentFragment.zig
View File

@@ -94,7 +94,7 @@ pub fn querySelectorAll(self: *DocumentFragment, input: []const u8, page: *Page)
} }
pub fn getChildren(self: *DocumentFragment, page: *Page) !collections.NodeLive(.child_elements) { pub fn getChildren(self: *DocumentFragment, page: *Page) !collections.NodeLive(.child_elements) {
return collections.NodeLive(.child_elements).init(null, self.asNode(), {}, page); return collections.NodeLive(.child_elements).init(self.asNode(), {}, page);
} }
pub fn firstElementChild(self: *DocumentFragment) ?*Element { pub fn firstElementChild(self: *DocumentFragment) ?*Element {

36
src/browser/webapi/Element.zig
View File

@@ -133,6 +133,7 @@ pub fn getTagNameLower(self: *const Element) []const u8 {
.data => "data", .data => "data",
.dialog => "dialog", .dialog => "dialog",
.div => "div", .div => "div",
.embed => "embed",
.form => "form", .form => "form",
.generic => |e| e._tag_name.str(), .generic => |e| e._tag_name.str(),
.heading => |e| e._tag_name.str(), .heading => |e| e._tag_name.str(),
@@ -179,6 +180,7 @@ pub fn getTagNameSpec(self: *const Element, buf: []u8) []const u8 {
.data => "DATA", .data => "DATA",
.dialog => "DIALOG", .dialog => "DIALOG",
.div => "DIV", .div => "DIV",
.embed => "EMBED",
.form => "FORM", .form => "FORM",
.generic => |e| upperTagName(&e._tag_name, buf), .generic => |e| upperTagName(&e._tag_name, buf),
.heading => |e| upperTagName(&e._tag_name, buf), .heading => |e| upperTagName(&e._tag_name, buf),
@@ -305,12 +307,22 @@ pub fn getAttribute(self: *const Element, name: []const u8, page: *Page) !?[]con
return attributes.get(name, page); return attributes.get(name, page);
} }
pub fn getAttributeSafe(self: *const Element, name: []const u8) ?[]const u8 {
const attributes = self._attributes orelse return null;
return attributes.getSafe(name);
}
pub fn hasAttribute(self: *const Element, name: []const u8, page: *Page) !bool { pub fn hasAttribute(self: *const Element, name: []const u8, page: *Page) !bool {
const attributes = self._attributes orelse return false; const attributes = self._attributes orelse return false;
const value = try attributes.get(name, page); const value = try attributes.get(name, page);
return value != null; return value != null;
} }
pub fn hasAttributeSafe(self: *const Element, name: []const u8) bool {
const attributes = self._attributes orelse return false;
return attributes.hasSafe(name);
}
pub fn hasAttributes(self: *const Element) bool { pub fn hasAttributes(self: *const Element) bool {
const attributes = self._attributes orelse return false; const attributes = self._attributes orelse return false;
return attributes.isEmpty() == false; return attributes.isEmpty() == false;
@@ -321,11 +333,6 @@ pub fn getAttributeNode(self: *Element, name: []const u8, page: *Page) !?*Attrib
return attributes.getAttribute(name, self, page); return attributes.getAttribute(name, self, page);
} }
pub fn getAttributeSafe(self: *const Element, name: []const u8) ?[]const u8 {
const attributes = self._attributes orelse return null;
return attributes.getSafe(name);
}
pub fn setAttribute(self: *Element, name: []const u8, value: []const u8, page: *Page) !void { pub fn setAttribute(self: *Element, name: []const u8, value: []const u8, page: *Page) !void {
const attributes = try self.getOrCreateAttributeList(page); const attributes = try self.getOrCreateAttributeList(page);
_ = try attributes.put(name, value, self, page); _ = try attributes.put(name, value, self, page);
@@ -506,7 +513,7 @@ pub fn blur(self: *Element, page: *Page) !void {
} }
pub fn getChildren(self: *Element, page: *Page) !collections.NodeLive(.child_elements) { pub fn getChildren(self: *Element, page: *Page) !collections.NodeLive(.child_elements) {
return collections.NodeLive(.child_elements).init(null, self.asNode(), {}, page); return collections.NodeLive(.child_elements).init(self.asNode(), {}, page);
} }
pub fn append(self: *Element, nodes: []const Node.NodeOrText, page: *Page) !void { pub fn append(self: *Element, nodes: []const Node.NodeOrText, page: *Page) !void {
@@ -750,19 +757,26 @@ pub fn getElementsByTagName(self: *Element, tag_name: []const u8, page: *Page) !
if (Tag.parseForMatch(lower)) |known| { if (Tag.parseForMatch(lower)) |known| {
// optimized for known tag names // optimized for known tag names
return .{ return .{
.tag = collections.NodeLive(.tag).init(null, self.asNode(), known, page), .tag = collections.NodeLive(.tag).init(self.asNode(), known, page),
}; };
} }
const arena = page.arena; const arena = page.arena;
const filter = try String.init(arena, lower, .{}); const filter = try String.init(arena, lower, .{});
return .{ .tag_name = collections.NodeLive(.tag_name).init(arena, self.asNode(), filter, page) }; return .{ .tag_name = collections.NodeLive(.tag_name).init(self.asNode(), filter, page) };
} }
pub fn getElementsByClassName(self: *Element, class_name: []const u8, page: *Page) !collections.NodeLive(.class_name) { pub fn getElementsByClassName(self: *Element, class_name: []const u8, page: *Page) !collections.NodeLive(.class_name) {
const arena = page.arena; const arena = page.arena;
const filter = try arena.dupe(u8, class_name);
return collections.NodeLive(.class_name).init(arena, self.asNode(), filter, page); // Parse space-separated class names
var class_names: std.ArrayList([]const u8) = .empty;
var it = std.mem.tokenizeAny(u8, class_name, &std.ascii.whitespace);
while (it.next()) |name| {
try class_names.append(arena, name);
}
return collections.NodeLive(.class_name).init(self.asNode(), class_names.items, page);
} }
pub fn cloneElement(self: *Element, deep: bool, page: *Page) !*Node { pub fn cloneElement(self: *Element, deep: bool, page: *Page) !*Node {
@@ -819,6 +833,7 @@ pub fn getTag(self: *const Element) Tag {
.html => |he| switch (he._type) { .html => |he| switch (he._type) {
.anchor => .anchor, .anchor => .anchor,
.div => .div, .div => .div,
.embed => .embed,
.form => .form, .form => .form,
.p => .p, .p => .p,
.custom => .custom, .custom => .custom,
@@ -868,6 +883,7 @@ pub const Tag = enum {
data, data,
dialog, dialog,
div, div,
embed,
ellipse, ellipse,
em, em,
form, form,

33
src/browser/webapi/HTMLDocument.zig
View File

@@ -18,6 +18,7 @@
const std = @import("std"); const std = @import("std");
const js = @import("../js/js.zig"); const js = @import("../js/js.zig");
const String = @import("../../string.zig").String;
const Page = @import("../Page.zig"); const Page = @import("../Page.zig");
const Node = @import("Node.zig"); const Node = @import("Node.zig");
@@ -91,22 +92,40 @@ pub fn setTitle(self: *HTMLDocument, title: []const u8, page: *Page) !void {
return title_element.asElement().replaceChildren(&.{.{ .text = title }}, page); return title_element.asElement().replaceChildren(&.{.{ .text = title }}, page);
} }
} }
const title_node = try page.createElement(null, "title", null);
const title_element = title_node.as(Element);
try title_element.replaceChildren(&.{.{ .text = title }}, page);
_ = try head.asNode().appendChild(title_node, page);
} }
pub fn getImages(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) { pub fn getImages(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) {
return collections.NodeLive(.tag).init(null, self.asNode(), .img, page); return collections.NodeLive(.tag).init(self.asNode(), .img, page);
} }
pub fn getScripts(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) { pub fn getScripts(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) {
return collections.NodeLive(.tag).init(null, self.asNode(), .script, page); return collections.NodeLive(.tag).init(self.asNode(), .script, page);
} }
pub fn getLinks(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) { pub fn getLinks(self: *HTMLDocument, page: *Page) !collections.NodeLive(.links) {
return collections.NodeLive(.tag).init(null, self.asNode(), .anchor, page); return collections.NodeLive(.links).init(self.asNode(), {}, page);
}
pub fn getAnchors(self: *HTMLDocument, page: *Page) !collections.NodeLive(.anchors) {
return collections.NodeLive(.anchors).init(self.asNode(), {}, page);
} }
pub fn getForms(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) { pub fn getForms(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) {
return collections.NodeLive(.tag).init(null, self.asNode(), .form, page); return collections.NodeLive(.tag).init(self.asNode(), .form, page);
}
pub fn getEmbeds(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag) {
return collections.NodeLive(.tag).init(self.asNode(), .embed, page);
}
const applet_string = String.init(undefined, "applet", .{}) catch unreachable;
pub fn getApplets(self: *HTMLDocument, page: *Page) !collections.NodeLive(.tag_name) {
return collections.NodeLive(.tag_name).init(self.asNode(), applet_string, page);
} }
pub fn getCurrentScript(self: *const HTMLDocument) ?*Element.Html.Script { pub fn getCurrentScript(self: *const HTMLDocument) ?*Element.Html.Script {
@@ -143,7 +162,11 @@ pub const JsApi = struct {
pub const images = bridge.accessor(HTMLDocument.getImages, null, .{}); pub const images = bridge.accessor(HTMLDocument.getImages, null, .{});
pub const scripts = bridge.accessor(HTMLDocument.getScripts, null, .{}); pub const scripts = bridge.accessor(HTMLDocument.getScripts, null, .{});
pub const links = bridge.accessor(HTMLDocument.getLinks, null, .{}); pub const links = bridge.accessor(HTMLDocument.getLinks, null, .{});
pub const anchors = bridge.accessor(HTMLDocument.getAnchors, null, .{});
pub const forms = bridge.accessor(HTMLDocument.getForms, null, .{}); pub const forms = bridge.accessor(HTMLDocument.getForms, null, .{});
pub const embeds = bridge.accessor(HTMLDocument.getEmbeds, null, .{});
pub const applets = bridge.accessor(HTMLDocument.getApplets, null, .{});
pub const plugins = bridge.accessor(HTMLDocument.getEmbeds, null, .{});
pub const currentScript = bridge.accessor(HTMLDocument.getCurrentScript, null, .{}); pub const currentScript = bridge.accessor(HTMLDocument.getCurrentScript, null, .{});
pub const location = bridge.accessor(HTMLDocument.getLocation, null, .{ .cache = "location" }); pub const location = bridge.accessor(HTMLDocument.getLocation, null, .{ .cache = "location" });
pub const all = bridge.accessor(HTMLDocument.getAll, null, .{}); pub const all = bridge.accessor(HTMLDocument.getAll, null, .{});

20
src/browser/webapi/collections/HTMLCollection.zig
View File

@@ -28,9 +28,13 @@ const Mode = enum {
tag, tag,
tag_name, tag_name,
class_name, class_name,
name,
all_elements,
child_elements, child_elements,
child_tag, child_tag,
selected_options, selected_options,
links,
anchors,
}; };
const HTMLCollection = @This(); const HTMLCollection = @This();
@@ -39,9 +43,13 @@ data: union(Mode) {
tag: NodeLive(.tag), tag: NodeLive(.tag),
tag_name: NodeLive(.tag_name), tag_name: NodeLive(.tag_name),
class_name: NodeLive(.class_name), class_name: NodeLive(.class_name),
name: NodeLive(.name),
all_elements: NodeLive(.all_elements),
child_elements: NodeLive(.child_elements), child_elements: NodeLive(.child_elements),
child_tag: NodeLive(.child_tag), child_tag: NodeLive(.child_tag),
selected_options: NodeLive(.selected_options), selected_options: NodeLive(.selected_options),
links: NodeLive(.links),
anchors: NodeLive(.anchors),
}, },
pub fn length(self: *HTMLCollection, page: *const Page) u32 { pub fn length(self: *HTMLCollection, page: *const Page) u32 {
@@ -69,9 +77,13 @@ pub fn iterator(self: *HTMLCollection, page: *Page) !*Iterator {
.tag => |*impl| .{ .tag = impl._tw.clone() }, .tag => |*impl| .{ .tag = impl._tw.clone() },
.tag_name => |*impl| .{ .tag_name = impl._tw.clone() }, .tag_name => |*impl| .{ .tag_name = impl._tw.clone() },
.class_name => |*impl| .{ .class_name = impl._tw.clone() }, .class_name => |*impl| .{ .class_name = impl._tw.clone() },
.name => |*impl| .{ .name = impl._tw.clone() },
.all_elements => |*impl| .{ .all_elements = impl._tw.clone() },
.child_elements => |*impl| .{ .child_elements = impl._tw.clone() }, .child_elements => |*impl| .{ .child_elements = impl._tw.clone() },
.child_tag => |*impl| .{ .child_tag = impl._tw.clone() }, .child_tag => |*impl| .{ .child_tag = impl._tw.clone() },
.selected_options => |*impl| .{ .selected_options = impl._tw.clone() }, .selected_options => |*impl| .{ .selected_options = impl._tw.clone() },
.links => |*impl| .{ .links = impl._tw.clone() },
.anchors => |*impl| .{ .anchors = impl._tw.clone() },
}, },
}, page); }, page);
} }
@@ -83,9 +95,13 @@ pub const Iterator = GenericIterator(struct {
tag: TreeWalker.FullExcludeSelf, tag: TreeWalker.FullExcludeSelf,
tag_name: TreeWalker.FullExcludeSelf, tag_name: TreeWalker.FullExcludeSelf,
class_name: TreeWalker.FullExcludeSelf, class_name: TreeWalker.FullExcludeSelf,
name: TreeWalker.FullExcludeSelf,
all_elements: TreeWalker.FullExcludeSelf,
child_elements: TreeWalker.Children, child_elements: TreeWalker.Children,
child_tag: TreeWalker.Children, child_tag: TreeWalker.Children,
selected_options: TreeWalker.Children, selected_options: TreeWalker.Children,
links: TreeWalker.FullExcludeSelf,
anchors: TreeWalker.FullExcludeSelf,
}, },
pub fn next(self: *@This(), _: *Page) ?*Element { pub fn next(self: *@This(), _: *Page) ?*Element {
@@ -93,9 +109,13 @@ pub const Iterator = GenericIterator(struct {
.tag => |*impl| impl.nextTw(&self.tw.tag), .tag => |*impl| impl.nextTw(&self.tw.tag),
.tag_name => |*impl| impl.nextTw(&self.tw.tag_name), .tag_name => |*impl| impl.nextTw(&self.tw.tag_name),
.class_name => |*impl| impl.nextTw(&self.tw.class_name), .class_name => |*impl| impl.nextTw(&self.tw.class_name),
.name => |*impl| impl.nextTw(&self.tw.name),
.all_elements => |*impl| impl.nextTw(&self.tw.all_elements),
.child_elements => |*impl| impl.nextTw(&self.tw.child_elements), .child_elements => |*impl| impl.nextTw(&self.tw.child_elements),
.child_tag => |*impl| impl.nextTw(&self.tw.child_tag), .child_tag => |*impl| impl.nextTw(&self.tw.child_tag),
.selected_options => |*impl| impl.nextTw(&self.tw.selected_options), .selected_options => |*impl| impl.nextTw(&self.tw.selected_options),
.links => |*impl| impl.nextTw(&self.tw.links),
.anchors => |*impl| impl.nextTw(&self.tw.anchors),
}; };
} }
}, null); }, null);

54
src/browser/webapi/collections/node_live.zig
View File

@@ -35,18 +35,26 @@ const Mode = enum {
tag, tag,
tag_name, tag_name,
class_name, class_name,
name,
all_elements,
child_elements, child_elements,
child_tag, child_tag,
selected_options, selected_options,
links,
anchors,
}; };
const Filters = union(Mode) { const Filters = union(Mode) {
tag: Element.Tag, tag: Element.Tag,
tag_name: String, tag_name: String,
class_name: []const u8, class_name: [][]const u8,
name: []const u8,
all_elements,
child_elements, child_elements,
child_tag: Element.Tag, child_tag: Element.Tag,
selected_options, selected_options,
links,
anchors,
fn TypeOf(comptime mode: Mode) type { fn TypeOf(comptime mode: Mode) type {
@setEvalBranchQuota(2000); @setEvalBranchQuota(2000);
@@ -74,7 +82,7 @@ const Filters = union(Mode) {
pub fn NodeLive(comptime mode: Mode) type { pub fn NodeLive(comptime mode: Mode) type {
const Filter = Filters.TypeOf(mode); const Filter = Filters.TypeOf(mode);
const TW = switch (mode) { const TW = switch (mode) {
.tag, .tag_name, .class_name => TreeWalker.FullExcludeSelf, .tag, .tag_name, .class_name, .name, .all_elements, .links, .anchors => TreeWalker.FullExcludeSelf,
.child_elements, .child_tag, .selected_options => TreeWalker.Children, .child_elements, .child_tag, .selected_options => TreeWalker.Children,
}; };
return struct { return struct {
@@ -83,16 +91,11 @@ pub fn NodeLive(comptime mode: Mode) type {
_last_index: usize, _last_index: usize,
_last_length: ?u32, _last_length: ?u32,
_cached_version: usize, _cached_version: usize,
// NodeLive doesn't use an arena directly, but the filter might have
// used it (to own the string). So we take ownership of the arena so that
// we can free it when we're freed.s
_arena: ?Allocator,
const Self = @This(); const Self = @This();
pub fn init(arena: ?Allocator, root: *Node, filter: Filter, page: *Page) Self { pub fn init(root: *Node, filter: Filter, page: *Page) Self {
return .{ return .{
._arena = arena,
._last_index = 0, ._last_index = 0,
._last_length = null, ._last_length = null,
._filter = filter, ._filter = filter,
@@ -212,10 +215,25 @@ pub fn NodeLive(comptime mode: Mode) type {
return std.mem.eql(u8, element_tag, self._filter.str()); return std.mem.eql(u8, element_tag, self._filter.str());
}, },
.class_name => { .class_name => {
if (self._filter.len == 0) {
return false;
}
const el = node.is(Element) orelse return false; const el = node.is(Element) orelse return false;
const class_attr = el.getAttributeSafe("class") orelse return false; const class_attr = el.getAttributeSafe("class") orelse return false;
return Selector.classAttributeContains(class_attr, self._filter); for (self._filter) |class_name| {
if (!Selector.classAttributeContains(class_attr, class_name)) {
return false;
}
}
return true;
}, },
.name => {
const el = node.is(Element) orelse return false;
const name_attr = el.getAttributeSafe("name") orelse return false;
return std.mem.eql(u8, name_attr, self._filter);
},
.all_elements => return node._type == .element,
.child_elements => return node._type == .element, .child_elements => return node._type == .element,
.child_tag => { .child_tag => {
const el = node.is(Element) orelse return false; const el = node.is(Element) orelse return false;
@@ -227,6 +245,20 @@ pub fn NodeLive(comptime mode: Mode) type {
const opt = el.is(Option) orelse return false; const opt = el.is(Option) orelse return false;
return opt.getSelected(); return opt.getSelected();
}, },
.links => {
// Links are <a> elements with href attribute (TODO: also <area> when implemented)
const el = node.is(Element) orelse return false;
const Anchor = Element.Html.Anchor;
if (el.is(Anchor) == null) return false;
return el.hasAttributeSafe("href");
},
.anchors => {
// Anchors are <a> elements with name attribute
const el = node.is(Element) orelse return false;
const Anchor = Element.Html.Anchor;
if (el.is(Anchor) == null) return false;
return el.hasAttributeSafe("name");
},
} }
} }
@@ -249,9 +281,13 @@ pub fn NodeLive(comptime mode: Mode) type {
.tag => HTMLCollection{ .data = .{ .tag = self } }, .tag => HTMLCollection{ .data = .{ .tag = self } },
.tag_name => HTMLCollection{ .data = .{ .tag_name = self } }, .tag_name => HTMLCollection{ .data = .{ .tag_name = self } },
.class_name => HTMLCollection{ .data = .{ .class_name = self } }, .class_name => HTMLCollection{ .data = .{ .class_name = self } },
.name => HTMLCollection{ .data = .{ .name = self } },
.all_elements => HTMLCollection{ .data = .{ .all_elements = self } },
.child_elements => HTMLCollection{ .data = .{ .child_elements = self } }, .child_elements => HTMLCollection{ .data = .{ .child_elements = self } },
.child_tag => HTMLCollection{ .data = .{ .child_tag = self } }, .child_tag => HTMLCollection{ .data = .{ .child_tag = self } },
.selected_options => HTMLCollection{ .data = .{ .selected_options = self } }, .selected_options => HTMLCollection{ .data = .{ .selected_options = self } },
.links => HTMLCollection{ .data = .{ .links = self } },
.anchors => HTMLCollection{ .data = .{ .anchors = self } },
}; };
return page._factory.create(collection); return page._factory.create(collection);
} }

7
src/browser/webapi/element/Attribute.zig
View File

@@ -135,6 +135,11 @@ pub const List = struct {
return entry._value.str(); return entry._value.str();
} }
// meant for internal usage, where the name is known to be properly cased
pub fn hasSafe(self: *const List, name: []const u8) bool {
return self.getEntryWithNormalizedName(name) != null;
}
pub fn getAttribute(self: *const List, name: []const u8, element: ?*Element, page: *Page) !?*Attribute { pub fn getAttribute(self: *const List, name: []const u8, element: ?*Element, page: *Page) !?*Attribute {
const entry = (try self.getEntry(name, page)) orelse return null; const entry = (try self.getEntry(name, page)) orelse return null;
const gop = try page._attribute_lookup.getOrPut(page.arena, @intFromPtr(entry)); const gop = try page._attribute_lookup.getOrPut(page.arena, @intFromPtr(entry));
@@ -184,6 +189,7 @@ pub const List = struct {
}; };
try page.addElementId(parent, element, entry._value.str()); try page.addElementId(parent, element, entry._value.str());
} }
page.domChanged();
page.attributeChange(element, result.normalized, entry._value.str(), old_value); page.attributeChange(element, result.normalized, entry._value.str(), old_value);
return entry; return entry;
} }
@@ -242,6 +248,7 @@ pub const List = struct {
page.removeElementId(element, entry._value.str()); page.removeElementId(element, entry._value.str());
} }
page.domChanged();
page.attributeRemove(element, result.normalized, old_value); page.attributeRemove(element, result.normalized, old_value);
_ = page._attribute_lookup.remove(@intFromPtr(entry)); _ = page._attribute_lookup.remove(@intFromPtr(entry));
self._list.remove(&entry._node); self._list.remove(&entry._node);

49
src/browser/webapi/element/Html.zig
View File

@@ -23,38 +23,39 @@ const Page = @import("../../Page.zig");
const Node = @import("../Node.zig"); const Node = @import("../Node.zig");
const Element = @import("../Element.zig"); const Element = @import("../Element.zig");
pub const BR = @import("html/BR.zig");
pub const HR = @import("html/HR.zig");
pub const LI = @import("html/LI.zig");
pub const OL = @import("html/OL.zig");
pub const UL = @import("html/UL.zig");
pub const Div = @import("html/Div.zig");
pub const Html = @import("html/Html.zig");
pub const Head = @import("html/Head.zig");
pub const Meta = @import("html/Meta.zig");
pub const Body = @import("html/Body.zig");
pub const Link = @import("html/Link.zig");
pub const Image = @import("html/Image.zig");
pub const Input = @import("html/Input.zig");
pub const Title = @import("html/Title.zig");
pub const Style = @import("html/Style.zig");
pub const Custom = @import("html/Custom.zig");
pub const Script = @import("html/Script.zig");
pub const Anchor = @import("html/Anchor.zig"); pub const Anchor = @import("html/Anchor.zig");
pub const Body = @import("html/Body.zig");
pub const BR = @import("html/BR.zig");
pub const Button = @import("html/Button.zig"); pub const Button = @import("html/Button.zig");
pub const Custom = @import("html/Custom.zig");
pub const Data = @import("html/Data.zig"); pub const Data = @import("html/Data.zig");
pub const Dialog = @import("html/Dialog.zig"); pub const Dialog = @import("html/Dialog.zig");
pub const Div = @import("html/Div.zig");
pub const Embed = @import("html/Embed.zig");
pub const Form = @import("html/Form.zig"); pub const Form = @import("html/Form.zig");
pub const Heading = @import("html/Heading.zig");
pub const Unknown = @import("html/Unknown.zig");
pub const Generic = @import("html/Generic.zig"); pub const Generic = @import("html/Generic.zig");
pub const Template = @import("html/Template.zig"); pub const Head = @import("html/Head.zig");
pub const TextArea = @import("html/TextArea.zig"); pub const Heading = @import("html/Heading.zig");
pub const HR = @import("html/HR.zig");
pub const Html = @import("html/Html.zig");
pub const IFrame = @import("html/IFrame.zig");
pub const Image = @import("html/Image.zig");
pub const Input = @import("html/Input.zig");
pub const LI = @import("html/LI.zig");
pub const Link = @import("html/Link.zig");
pub const Meta = @import("html/Meta.zig");
pub const OL = @import("html/OL.zig");
pub const Option = @import("html/Option.zig");
pub const Paragraph = @import("html/Paragraph.zig"); pub const Paragraph = @import("html/Paragraph.zig");
pub const Script = @import("html/Script.zig");
pub const Select = @import("html/Select.zig"); pub const Select = @import("html/Select.zig");
pub const Slot = @import("html/Slot.zig"); pub const Slot = @import("html/Slot.zig");
pub const Option = @import("html/Option.zig"); pub const Style = @import("html/Style.zig");
pub const IFrame = @import("html/IFrame.zig"); pub const Template = @import("html/Template.zig");
pub const TextArea = @import("html/TextArea.zig");
pub const Title = @import("html/Title.zig");
pub const UL = @import("html/UL.zig");
pub const Unknown = @import("html/Unknown.zig");
const HtmlElement = @This(); const HtmlElement = @This();
@@ -76,6 +77,7 @@ pub const Type = union(enum) {
data: *Data, data: *Data,
dialog: *Dialog, dialog: *Dialog,
div: *Div, div: *Div,
embed: *Embed,
form: *Form, form: *Form,
generic: *Generic, generic: *Generic,
heading: *Heading, heading: *Heading,
@@ -120,6 +122,7 @@ pub fn className(self: *const HtmlElement) []const u8 {
return switch (self._type) { return switch (self._type) {
.anchor => "[object HtmlAnchorElement]", .anchor => "[object HtmlAnchorElement]",
.div => "[object HtmlDivElement]", .div => "[object HtmlDivElement]",
.embed => "[object HtmlEmbedElement]",
.form => "[object HTMLFormElement]", .form => "[object HTMLFormElement]",
.p => "[object HtmlParagraphElement]", .p => "[object HtmlParagraphElement]",
.custom => "[object CUSTOM-TODO]", .custom => "[object CUSTOM-TODO]",

12
src/browser/webapi/element/html/Anchor.zig
View File

@@ -31,6 +31,9 @@ _proto: *HtmlElement,
pub fn asElement(self: *Anchor) *Element { pub fn asElement(self: *Anchor) *Element {
return self._proto._proto; return self._proto._proto;
} }
pub fn asConstElement(self: *const Anchor) *const Element {
return self._proto._proto;
}
pub fn asNode(self: *Anchor) *Node { pub fn asNode(self: *Anchor) *Node {
return self.asElement().asNode(); return self.asElement().asNode();
} }
@@ -193,6 +196,14 @@ pub fn setType(self: *Anchor, value: []const u8, page: *Page) !void {
try self.asElement().setAttributeSafe("type", value, page); try self.asElement().setAttributeSafe("type", value, page);
} }
pub fn getName(self: *const Anchor) []const u8 {
return self.asConstElement().getAttributeSafe("name") orelse "";
}
pub fn setName(self: *Anchor, value: []const u8, page: *Page) !void {
try self.asElement().setAttributeSafe("name", value, page);
}
pub fn getText(self: *Anchor, page: *Page) ![:0]const u8 { pub fn getText(self: *Anchor, page: *Page) ![:0]const u8 {
return self.asNode().getTextContentAlloc(page.call_arena); return self.asNode().getTextContentAlloc(page.call_arena);
} }
@@ -235,6 +246,7 @@ pub const JsApi = struct {
pub const href = bridge.accessor(Anchor.getHref, Anchor.setHref, .{}); pub const href = bridge.accessor(Anchor.getHref, Anchor.setHref, .{});
pub const target = bridge.accessor(Anchor.getTarget, Anchor.setTarget, .{}); pub const target = bridge.accessor(Anchor.getTarget, Anchor.setTarget, .{});
pub const name = bridge.accessor(Anchor.getName, Anchor.setName, .{});
pub const origin = bridge.accessor(Anchor.getOrigin, null, .{}); pub const origin = bridge.accessor(Anchor.getOrigin, null, .{});
pub const host = bridge.accessor(Anchor.getHost, Anchor.setHost, .{}); pub const host = bridge.accessor(Anchor.getHost, Anchor.setHost, .{});
pub const hostname = bridge.accessor(Anchor.getHostname, Anchor.setHostname, .{}); pub const hostname = bridge.accessor(Anchor.getHostname, Anchor.setHostname, .{});

42
src/browser/webapi/element/html/Embed.zig Normal file
View File

@@ -0,0 +1,42 @@
// Copyright (C) 2023-2025 Lightpanda (Selecy SAS)
//
// Francis Bouvier <francis@lightpanda.io>
// Pierre Tachoire <pierre@lightpanda.io>
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as
// published by the Free Software Foundation, either version 3 of the
// License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
const js = @import("../../../js/js.zig");
const Node = @import("../../Node.zig");
const Element = @import("../../Element.zig");
const HtmlElement = @import("../Html.zig");
const Embed = @This();
_proto: *HtmlElement,
pub fn asElement(self: *Embed) *Element {
return self._proto._proto;
}
pub fn asNode(self: *Embed) *Node {
return self.asElement().asNode();
}
pub const JsApi = struct {
pub const bridge = js.Bridge(Embed);
pub const Meta = struct {
pub const name = "HTMLEmbedElement";
pub const prototype_chain = bridge.prototypeChain();
pub var class_id: bridge.ClassId = undefined;
};
};

4
src/browser/webapi/element/html/Select.zig
View File

@@ -185,7 +185,7 @@ pub fn setRequired(self: *Select, required: bool, page: *Page) !void {
pub fn getOptions(self: *Select, page: *Page) !*collections.HTMLOptionsCollection { pub fn getOptions(self: *Select, page: *Page) !*collections.HTMLOptionsCollection {
// For options, we use the child_tag mode to filter only <option> elements // For options, we use the child_tag mode to filter only <option> elements
const node_live = collections.NodeLive(.child_tag).init(null, self.asNode(), .option, page); const node_live = collections.NodeLive(.child_tag).init(self.asNode(), .option, page);
const html_collection = try node_live.runtimeGenericWrap(page); const html_collection = try node_live.runtimeGenericWrap(page);
// Create and return HTMLOptionsCollection // Create and return HTMLOptionsCollection
@@ -207,7 +207,7 @@ pub fn getLength(self: *Select) u32 {
} }
pub fn getSelectedOptions(self: *Select, page: *Page) !collections.NodeLive(.selected_options) { pub fn getSelectedOptions(self: *Select, page: *Page) !collections.NodeLive(.selected_options) {
return collections.NodeLive(.selected_options).init(null, self.asNode(), {}, page); return collections.NodeLive(.selected_options).init(self.asNode(), {}, page);
} }
pub fn getForm(self: *Select, page: *Page) ?*Form { pub fn getForm(self: *Select, page: *Page) ?*Form {