diff --git a/src/browser/html/elements.zig b/src/browser/html/elements.zig index b5f62f8a..f84e8e0e 100644 --- a/src/browser/html/elements.zig +++ b/src/browser/html/elements.zig @@ -563,6 +563,52 @@ pub const HTMLImageElement = struct { pub const Self = parser.Image; pub const prototype = *HTMLElement; pub const subtype = .node; + pub const js_name = "Image"; + + pub fn constructor(width: ?u32, height: ?u32, state: *const SessionState) !*parser.Image { + const element = try parser.documentCreateElement(parser.documentHTMLToDocument(state.window.document), "img"); + const image: *parser.Image = @ptrCast(element); + if (width) |width_| try parser.imageSetWidth(image, width_); + if (height) |height_| try parser.imageSetHeight(image, height_); + return image; + } + + pub fn get_alt(self: *parser.Image) ![]const u8 { + return try parser.imageGetAlt(self); + } + pub fn set_alt(self: *parser.Image, alt: []const u8) !void { + try parser.imageSetAlt(self, alt); + } + pub fn get_src(self: *parser.Image) ![]const u8 { + return try parser.imageGetSrc(self); + } + pub fn set_src(self: *parser.Image, src: []const u8) !void { + try parser.imageSetSrc(self, src); + } + pub fn get_useMap(self: *parser.Image) ![]const u8 { + return try parser.imageGetUseMap(self); + } + pub fn set_useMap(self: *parser.Image, use_map: []const u8) !void { + try parser.imageSetUseMap(self, use_map); + } + pub fn get_height(self: *parser.Image) !u32 { + return try parser.imageGetHeight(self); + } + pub fn set_height(self: *parser.Image, height: u32) !void { + try parser.imageSetHeight(self, height); + } + pub fn get_width(self: *parser.Image) !u32 { + return try parser.imageGetWidth(self); + } + pub fn set_width(self: *parser.Image, width: u32) !void { + try parser.imageSetWidth(self, width); + } + pub fn get_isMap(self: *parser.Image) !bool { + return try parser.imageGetIsMap(self); + } + pub fn set_isMap(self: *parser.Image, is_map: bool) !void { + try parser.imageSetIsMap(self, is_map); + } }; pub const HTMLInputElement = struct { @@ -1059,4 +1105,31 @@ test "Browser.HTML.Element" { .{ "document.getElementById('content').click()", "undefined" }, .{ "click_count", "1" }, }, .{}); + + // Image + try runner.testCases(&.{ + // Testing constructors + .{ "(new Image).width", "0" }, + .{ "(new Image).height", "0" }, + .{ "(new Image(4)).width", "4" }, + .{ "(new Image(4, 6)).height", "6" }, + + // Testing ulong property + .{ "let fruit = new Image", null }, + .{ "fruit.width", "0" }, + .{ "fruit.width = 5", "5" }, + .{ "fruit.width", "5" }, + .{ "fruit.width = '15'", "15" }, + .{ "fruit.width", "15" }, + .{ "fruit.width = 'apple'", "apple" }, + .{ "fruit.width;", "0" }, + + // Testing string property + .{ "let lyric = new Image", null }, + .{ "lyric.src", "" }, + .{ "lyric.src = 'okay'", "okay" }, + .{ "lyric.src", "okay" }, + .{ "lyric.src = 15", "15" }, + .{ "lyric.src", "15" }, + }, .{}); } diff --git a/src/browser/netsurf.zig b/src/browser/netsurf.zig index 7a4d8056..756d8fb6 100644 --- a/src/browser/netsurf.zig +++ b/src/browser/netsurf.zig @@ -2509,3 +2509,84 @@ pub fn htmlCollectionItem(collection: *HTMLCollection, index: u32) !*Node { try DOMErr(err); return @ptrCast(node.?); } + +const ulongNegativeOne = 4294967295; + +// Image +// Image.name is deprecated +// Image.align is deprecated +// Image.border is deprecated +// Image.longDesc is deprecated +// Image.hspace is deprecated +// Image.vspace is deprecated + +pub fn imageGetAlt(image: *Image) ![]const u8 { + var s_: ?*String = null; + const err = c.dom_html_image_element_get_alt(image, &s_); + try DOMErr(err); + const s = s_ orelse return ""; + return strToData(s); +} +pub fn imageSetAlt(image: *Image, alt: []const u8) !void { + const err = c.dom_html_image_element_set_alt(image, try strFromData(alt)); + try DOMErr(err); +} + +pub fn imageGetSrc(image: *Image) ![]const u8 { + var s_: ?*String = null; + const err = c.dom_html_image_element_get_src(image, &s_); + try DOMErr(err); + const s = s_ orelse return ""; + return strToData(s); +} +pub fn imageSetSrc(image: *Image, src: []const u8) !void { + const err = c.dom_html_image_element_set_src(image, try strFromData(src)); + try DOMErr(err); +} + +pub fn imageGetUseMap(image: *Image) ![]const u8 { + var s_: ?*String = null; + const err = c.dom_html_image_element_get_use_map(image, &s_); + try DOMErr(err); + const s = s_ orelse return ""; + return strToData(s); +} +pub fn imageSetUseMap(image: *Image, use_map: []const u8) !void { + const err = c.dom_html_image_element_set_use_map(image, try strFromData(use_map)); + try DOMErr(err); +} + +pub fn imageGetHeight(image: *Image) !u32 { + var height: u32 = 0; + const err = c.dom_html_image_element_get_height(image, &height); + try DOMErr(err); + if (height == ulongNegativeOne) return 0; + return height; +} +pub fn imageSetHeight(image: *Image, height: u32) !void { + const err = c.dom_html_image_element_set_height(image, height); + try DOMErr(err); +} + +pub fn imageGetWidth(image: *Image) !u32 { + var width: u32 = 0; + const err = c.dom_html_image_element_get_width(image, &width); + try DOMErr(err); + if (width == ulongNegativeOne) return 0; + return width; +} +pub fn imageSetWidth(image: *Image, width: u32) !void { + const err = c.dom_html_image_element_set_width(image, width); + try DOMErr(err); +} + +pub fn imageGetIsMap(image: *Image) !bool { + var is_map: bool = false; + const err = c.dom_html_image_element_get_is_map(image, &is_map); + try DOMErr(err); + return is_map; +} +pub fn imageSetIsMap(image: *Image, is_map: bool) !void { + const err = c.dom_html_image_element_set_is_map(image, is_map); + try DOMErr(err); +}