brrowser 0.1.0

data/img/brrowser.svg

@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e"/>
+      <stop offset="100%" style="stop-color:#0a0a14"/>
+    </linearGradient>
+    <linearGradient id="glow" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#e2b714"/>
+      <stop offset="100%" style="stop-color:#c49000"/>
+    </linearGradient>
+  </defs>
+
+  <style>
+    @keyframes cursor-blink { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
+    @keyframes scan { 0% { transform: translateY(-60px); opacity: 0; } 20% { opacity: 0.6; } 80% { opacity: 0.6; } 100% { transform: translateY(60px); opacity: 0; } }
+    .cursor { animation: cursor-blink 1.2s step-end infinite; }
+    .scan-line { animation: scan 3s ease-in-out infinite; }
+  </style>
+
+  <!-- Background -->
+  <circle cx="128" cy="128" r="120" fill="url(#bg)" stroke="#e2b714" stroke-width="3"/>
+
+  <!-- Globe/web lines (world wide web) -->
+  <circle cx="128" cy="128" r="70" fill="none" stroke="#51afef" stroke-width="0.8" opacity="0.3"/>
+  <ellipse cx="128" cy="128" rx="35" ry="70" fill="none" stroke="#51afef" stroke-width="0.8" opacity="0.3"/>
+  <ellipse cx="128" cy="128" rx="55" ry="70" fill="none" stroke="#51afef" stroke-width="0.6" opacity="0.2"/>
+  <line x1="58" y1="128" x2="198" y2="128" stroke="#51afef" stroke-width="0.6" opacity="0.3"/>
+  <line x1="72" y1="90" x2="184" y2="90" stroke="#51afef" stroke-width="0.5" opacity="0.2"/>
+  <line x1="72" y1="166" x2="184" y2="166" stroke="#51afef" stroke-width="0.5" opacity="0.2"/>
+
+  <!-- Terminal window frame -->
+  <rect x="48" y="60" width="160" height="110" rx="6" fill="#0d0d0d" stroke="#e2b714" stroke-width="2"/>
+  <!-- Title bar -->
+  <rect x="48" y="60" width="160" height="16" rx="6" fill="#1a1a2e"/>
+  <rect x="48" y="70" width="160" height="6" fill="#1a1a2e"/>
+  <!-- Window buttons -->
+  <circle cx="60" cy="68" r="3" fill="#e55"/>
+  <circle cx="72" cy="68" r="3" fill="#e2b714"/>
+  <circle cx="84" cy="68" r="3" fill="#4c4"/>
+
+  <!-- Browser content lines -->
+  <!-- URL bar -->
+  <rect x="56" y="80" width="144" height="10" rx="2" fill="#1a1a2e"/>
+  <text x="60" y="88" font-family="monospace" font-size="6" fill="#51afef">https://</text>
+  <rect class="cursor" x="96" y="81" width="4" height="8" fill="#e2b714" opacity="0.8"/>
+
+  <!-- Heading -->
+  <rect x="56" y="96" width="80" height="6" rx="1" fill="#e2b714" opacity="0.8"/>
+
+  <!-- Text lines -->
+  <rect x="56" y="108" width="136" height="3" rx="1" fill="#aab" opacity="0.4"/>
+  <rect x="56" y="114" width="120" height="3" rx="1" fill="#aab" opacity="0.4"/>
+  <rect x="56" y="120" width="128" height="3" rx="1" fill="#aab" opacity="0.4"/>
+
+  <!-- Links (cyan) -->
+  <rect x="56" y="130" width="40" height="4" rx="1" fill="#51afef" opacity="0.7"/>
+  <rect x="102" y="130" width="50" height="4" rx="1" fill="#51afef" opacity="0.7"/>
+
+  <!-- Image placeholder -->
+  <rect x="56" y="140" width="44" height="24" rx="2" fill="#1a1a2e" stroke="#e2b714" stroke-width="0.8"/>
+  <polygon points="62,158 72,148 78,154 86,146 94,158" fill="#4c4" opacity="0.5"/>
+  <circle cx="88" cy="148" r="3" fill="#e2b714" opacity="0.5"/>
+
+  <!-- More text -->
+  <rect x="106" y="142" width="90" height="3" rx="1" fill="#aab" opacity="0.4"/>
+  <rect x="106" y="148" width="80" height="3" rx="1" fill="#aab" opacity="0.4"/>
+  <rect x="106" y="154" width="86" height="3" rx="1" fill="#aab" opacity="0.4"/>
+
+  <!-- Scan line effect -->
+  <rect class="scan-line" x="48" y="128" width="160" height="1" fill="#51afef" opacity="0.15"/>
+
+  <!-- Status bar at bottom -->
+  <rect x="48" y="164" width="160" height="6" fill="#1a1a2e"/>
+  <text x="54" y="169" font-family="monospace" font-size="4.5" fill="#888">101 links | ? help | : command</text>
+
+  <!-- brrowser text -->
+  <text x="128" y="210" font-family="monospace" font-size="20" font-weight="bold" fill="url(#glow)" text-anchor="middle" letter-spacing="2">brrowser</text>
+  <text x="128" y="226" font-family="monospace" font-size="8" fill="#51afef" text-anchor="middle" opacity="0.7">terminal web browser</text>
+</svg>

data/lib/brrowser/fetcher.rb

@@ -0,0 +1,111 @@
+require 'net/http'
+require 'uri'
+require 'openssl'
+require 'yaml'
+
+module Brrowser
+  class Fetcher
+    MAX_REDIRECTS = 10
+    TIMEOUT       = 15
+    USER_AGENT    = "brrowser/0.1 (terminal browser)"
+    COOKIE_FILE   = File.join(Dir.home, ".brrowser", "cookies.yml")
+
+    def initialize
+      @cookies = load_cookies
+    end
+
+    def fetch(url, method: :get, params: nil)
+      url = "https://#{url}" unless url.match?(%r{^https?://})
+      uri = URI.parse(url)
+      redirects = 0
+
+      loop do
+        raise "Too many redirects" if redirects >= MAX_REDIRECTS
+
+        http = Net::HTTP.new(uri.host, uri.port)
+        http.open_timeout = TIMEOUT
+        http.read_timeout = TIMEOUT
+        if uri.scheme == "https"
+          http.use_ssl = true
+          http.verify_mode = OpenSSL::SSL::VERIFY_PEER
+        end
+
+        path = uri.request_uri.empty? ? "/" : uri.request_uri
+        if method == :post && params
+          req = Net::HTTP::Post.new(path)
+          req.set_form_data(params)
+        else
+          req = Net::HTTP::Get.new(path)
+        end
+        req["User-Agent"]      = USER_AGENT
+        req["Accept"]          = "text/html,application/xhtml+xml,*/*"
+        req["Accept-Language"]  = "en-US,en;q=0.9"
+        req["Accept-Encoding"] = "identity"
+        cookie_str = cookies_for(uri)
+        req["Cookie"] = cookie_str unless cookie_str.empty?
+
+        response = http.request(req)
+        store_cookies(uri, response)
+
+        case response
+        when Net::HTTPRedirection
+          location = response["location"]
+          uri = location.start_with?("http") ? URI.parse(location) : URI.join(uri, location)
+          redirects += 1
+        when Net::HTTPSuccess
+          ct = response["content-type"] || ""
+          body = response.body
+          body = body.force_encoding("UTF-8") if ct.match?(/text|html|json|xml/)
+          return {
+            body:         body,
+            url:          uri.to_s,
+            content_type: ct,
+            status:       response.code.to_i
+          }
+        else
+          return {
+            body:         "Error #{response.code}: #{response.message}",
+            url:          uri.to_s,
+            content_type: "text/plain",
+            status:       response.code.to_i
+          }
+        end
+      end
+    rescue => e
+      {
+        body:         "Error: #{e.message}",
+        url:          url,
+        content_type: "text/plain",
+        status:       0
+      }
+    end
+
+    private
+
+    def store_cookies(uri, response)
+      Array(response.get_fields("set-cookie")).each do |raw|
+        name_val = raw.split(";").first.strip
+        name, val = name_val.split("=", 2)
+        @cookies[uri.host] ||= {}
+        @cookies[uri.host][name] = val
+      end
+      save_cookies
+    end
+
+    def cookies_for(uri)
+      return "" unless @cookies[uri.host]
+      @cookies[uri.host].map { |k, v| "#{k}=#{v}" }.join("; ")
+    end
+
+    def load_cookies
+      return {} unless File.exist?(COOKIE_FILE)
+      YAML.safe_load(File.read(COOKIE_FILE), permitted_classes: [Symbol]) rescue {}
+    end
+
+    def save_cookies
+      dir = File.dirname(COOKIE_FILE)
+      Dir.mkdir(dir) unless Dir.exist?(dir)
+      File.write(COOKIE_FILE, @cookies.to_yaml)
+    end
+  end
+end

data/lib/brrowser/renderer.rb

@@ -0,0 +1,453 @@
+require 'nokogiri'
+
+module Brrowser
+  class Renderer
+    SKIP_ELEMENTS = %w[script style noscript svg head].freeze
+    BLOCK_ELEMENTS = %w[
+      p div section article aside main header footer nav
+      h1 h2 h3 h4 h5 h6 ul ol li dl dt dd
+      blockquote pre figure figcaption address
+      table thead tbody tfoot tr
+      form fieldset details summary hr br
+    ].freeze
+
+    IMG_RESERVE = 10  # Blank lines reserved for each image
+
+    attr_reader :links, :images, :forms
+
+    def initialize(width)
+      @width    = width
+      @links    = []
+      @images   = []
+      @forms    = []
+      @output   = []
+      @line     = ""
+      @col      = 0
+      @indent   = 0
+      @pre      = false
+      @ol_count = []
+      @current_form = nil
+    end
+
+    def render(html, base_url = nil)
+      @base_url = base_url
+      @links    = []
+      @images   = []
+      @forms    = []
+      @output   = []
+      @line     = ""
+      @col      = 0
+
+      doc = Nokogiri::HTML(html)
+      title = doc.at_css("title")&.text&.strip || ""
+
+      body = doc.at_css("body") || doc
+      walk(body)
+      flush_line
+
+      { text: @output.join("\n"), links: @links, images: @images, forms: @forms, title: title }
+    end
+
+    private
+
+    def walk(node)
+      node.children.each { |child| process(child) }
+    end
+
+    def process(node)
+      if node.text?
+        handle_text(node.text)
+      elsif node.element?
+        handle_element(node)
+      end
+    end
+
+    def handle_text(text)
+      if @pre
+        text.each_line do |line|
+          @line << line.chomp.fg(186)
+          if line.end_with?("\n")
+            flush_line
+          end
+        end
+      else
+        text = text.gsub(/\s+/, " ")
+        return if text == " " && @col == 0
+        words = text.split(/( )/)
+        words.each do |word|
+          next if word.empty?
+          visible = word.gsub(/\e\[[0-9;]*m/, "")
+          if @col + visible.length > @width && @col > 0 && word != " "
+            flush_line
+          end
+          @line << apply_style(word)
+          @col += visible.length
+        end
+      end
+    end
+
+    def handle_element(node)
+      tag = node.name.downcase
+      return if SKIP_ELEMENTS.include?(tag)
+
+      case tag
+      when "br"
+        flush_line
+      when "hr"
+        ensure_blank_line
+        @line << ("─" * @width).fg(240)
+        flush_line
+        ensure_blank_line
+      when "h1"
+        ensure_blank_line
+        text = collect_text(node)
+        @line << text.b.fg(220)
+        flush_line
+        @line << ("═" * [text.gsub(/\e\[[0-9;]*m/, "").length, @width].min).fg(220)
+        flush_line
+        ensure_blank_line
+      when "h2"
+        ensure_blank_line
+        inline_walk(node, :b, 214)
+        flush_line
+        ensure_blank_line
+      when "h3"
+        ensure_blank_line
+        inline_walk(node, :b, 208)
+        flush_line
+        ensure_blank_line
+      when "h4", "h5", "h6"
+        ensure_blank_line
+        inline_walk(node, :b, 252)
+        flush_line
+        ensure_blank_line
+      when "p", "div", "section", "article", "aside", "main",
+           "header", "footer", "nav", "address", "figure", "figcaption",
+           "details", "summary"
+        ensure_blank_line
+        walk(node)
+        flush_line
+        ensure_blank_line
+      when "blockquote"
+        ensure_blank_line
+        old_indent = @indent
+        @indent += 2
+        walk(node)
+        flush_line
+        @indent = old_indent
+        ensure_blank_line
+      when "pre"
+        ensure_blank_line
+        @pre = true
+        walk(node)
+        flush_line
+        @pre = false
+        ensure_blank_line
+      when "code"
+        if @pre
+          walk(node)
+        else
+          text = collect_text(node)
+          @line << text.fg(186)
+          @col += text.length
+        end
+      when "ul"
+        ensure_blank_line
+        old_indent = @indent
+        @indent += 2
+        walk(node)
+        flush_line
+        @indent = old_indent
+      when "ol"
+        ensure_blank_line
+        old_indent = @indent
+        @indent += 2
+        @ol_count.push(0)
+        walk(node)
+        flush_line
+        @ol_count.pop
+        @indent = old_indent
+      when "li"
+        flush_line if @col > 0
+        if !@ol_count.empty?
+          @ol_count[-1] += 1
+          prefix = "#{@ol_count[-1]}. "
+        else
+          prefix = "\u2022 "
+        end
+        @line << prefix.fg(245)
+        @col += prefix.length
+        walk(node)
+        flush_line
+      when "dl"
+        ensure_blank_line
+        walk(node)
+        ensure_blank_line
+      when "dt"
+        flush_line if @col > 0
+        inline_walk(node, :b, 252)
+        flush_line
+      when "dd"
+        old_indent = @indent
+        @indent += 4
+        walk(node)
+        flush_line
+        @indent = old_indent
+      when "a"
+        href = node["href"]
+        text = collect_text(node)
+        has_img = node.at_css("img")
+        return if text.strip.empty? && !has_img
+
+        if href && !href.start_with?("#", "javascript:")
+          href = resolve_url(href)
+          link_index = @links.length
+          link_line = @output.length
+          @links << { index: link_index, href: href, text: text.strip, line: link_line }
+          if has_img
+            # Walk children so <img> elements get processed
+            @in_link = link_index
+            walk(node)
+            @in_link = nil
+          else
+            @line << text.fg(81).u
+            @col += text.length
+          end
+          label = "[#{link_index}]"
+          @line << label.fg(39)
+          @col += label.length
+        else
+          if has_img
+            walk(node)
+          else
+            @line << text.fg(81)
+            @col += text.length
+          end
+        end
+      when "strong", "b"
+        inline_walk(node, :b)
+      when "em", "i"
+        inline_walk(node, :i)
+      when "u"
+        inline_walk(node, :u)
+      when "s", "strike", "del"
+        text = collect_text(node)
+        @line << text.fg(240)
+        @col += text.length
+      when "img"
+        alt = node["alt"] || "image"
+        src = node["src"] || node["data-src"] || ""
+        src = src.strip
+        if !src.empty?
+          src = resolve_url(src)
+          flush_line if @col > 0
+          line_num = @output.length
+          @images << { src: src, alt: alt, line: line_num, height: IMG_RESERVE }
+          @output << "[image]".fg(236)
+          (IMG_RESERVE - 1).times { @output << "" }
+        end
+      when "iframe"
+        src = node["src"] || ""
+        src = resolve_url(src) unless src.empty?
+        if src.match?(%r{youtube\.com/embed/|youtube-nocookie\.com/embed/})
+          video_id = src[%r{/embed/([^?&/]+)}, 1]
+          if video_id
+            ensure_blank_line
+            # Add YouTube thumbnail as image
+            thumb_url = "https://img.youtube.com/vi/#{video_id}/hqdefault.jpg"
+            flush_line if @col > 0
+            line_num = @output.length
+            @images << { src: thumb_url, alt: "YouTube video", line: line_num, height: IMG_RESERVE }
+            @output << "[YouTube video]".fg(236)
+            (IMG_RESERVE - 1).times { @output << "" }
+            # Add link to video
+            video_url = "https://www.youtube.com/watch?v=#{video_id}"
+            link_index = @links.length
+            link_line = @output.length
+            @links << { index: link_index, href: video_url, text: "Watch on YouTube", line: link_line }
+            @line << "\u25b6 Watch on YouTube".fg(196).b + "[#{link_index}]".fg(39)
+            @col += 19 + "[#{link_index}]".length
+            flush_line
+            ensure_blank_line
+          end
+        elsif !src.empty?
+          ensure_blank_line
+          link_index = @links.length
+          link_line = @output.length
+          @links << { index: link_index, href: src, text: "Embedded content", line: link_line }
+          @line << "[Embedded: #{src[0..50]}]".fg(245) + "[#{link_index}]".fg(39)
+          @col += 63 + "[#{link_index}]".length
+          flush_line
+          ensure_blank_line
+        end
+      when "table"
+        render_table(node)
+      when "form"
+        ensure_blank_line
+        action = node["action"] || ""
+        action = resolve_url(action) unless action.empty?
+        method = (node["method"] || "get").downcase
+        @current_form = { action: action, method: method, fields: [], line: @output.length }
+        @line << "[Form]".fg(208).b
+        flush_line
+        walk(node)
+        # Check if form has password field
+        has_pw = @current_form[:fields].any? { |f| f[:type] == "password" }
+        @current_form[:has_password] = has_pw
+        @forms << @current_form
+        @current_form = nil
+        ensure_blank_line
+      when "input"
+        type = node["type"] || "text"
+        name = node["name"] || ""
+        value = node["value"] || ""
+        case type
+        when "submit", "button"
+          label = value.empty? ? "Submit" : value
+          @line << " [#{label}] ".fg(0).bg(252)
+          @col += label.length + 4
+          @current_form[:fields] << { type: "submit", name: name, value: value } if @current_form
+        when "hidden"
+          @current_form[:fields] << { type: "hidden", name: name, value: value } if @current_form
+        else
+          placeholder = node["placeholder"] || name
+          display_type = type == "password" ? "\u2022" : ""
+          label = "#{placeholder}#{display_type}"
+          field = "[#{label}: ________]".fg(252)
+          @line << field
+          @col += label.length + 14
+          @current_form[:fields] << { type: type, name: name, value: value, placeholder: placeholder } if @current_form
+        end
+      when "select"
+        name = node["name"] || "select"
+        @line << "[#{name} v]".fg(252)
+        @col += name.length + 4
+        options = node.css("option").map { |o| { value: o["value"] || o.text, text: o.text.strip } }
+        selected = node.at_css("option[selected]")
+        val = selected ? (selected["value"] || selected.text) : options.first&.dig(:value)
+        @current_form[:fields] << { type: "select", name: name, value: val.to_s, options: options } if @current_form
+      when "textarea"
+        name = node["name"] || "text"
+        @line << "[#{name}: ________]".fg(252)
+        @col += name.length + 14
+        @current_form[:fields] << { type: "textarea", name: name, value: node.text } if @current_form
+      when "label"
+        walk(node)
+      when "span"
+        walk(node)
+      else
+        walk(node)
+      end
+    end
+
+    def inline_walk(node, style = nil, color = nil)
+      text = collect_text(node)
+      styled = text
+      styled = styled.send(style) if style
+      styled = styled.fg(color) if color
+      @line << styled
+      @col += text.length
+    end
+
+    def collect_text(node)
+      node.text.gsub(/\s+/, " ").strip
+    end
+
+    def flush_line
+      return if @line.empty? && @col == 0
+      prefix = " " * @indent
+      if @pre
+        prefix += "  "
+      end
+      @output << prefix + @line
+      @line = ""
+      @col  = 0
+    end
+
+    def ensure_blank_line
+      flush_line if @col > 0
+      @output << "" unless @output.empty? || @output.last == ""
+    end
+
+    def apply_style(text)
+      text
+    end
+
+    def resolve_url(href)
+      return "https:#{href}" if href.start_with?("//")
+      return href if href.match?(%r{^https?://})
+      return href unless @base_url
+      begin
+        URI.join(@base_url, href).to_s
+      rescue
+        href
+      end
+    end
+
+    def render_table(table_node)
+      ensure_blank_line
+      rows = []
+
+      table_node.css("tr").each do |tr|
+        cells = tr.css("th, td").map { |cell| collect_text(cell) }
+        rows << cells
+      end
+
+      return if rows.empty?
+
+      max_cols = rows.map(&:length).max
+      rows.each { |r| r.fill("", r.length...max_cols) }
+
+      # For very wide tables (too many columns), use vertical layout
+      available = @width - @indent
+      if max_cols > (available / 8)
+        render_table_vertical(rows, table_node)
+        return
+      end
+
+      col_widths = Array.new(max_cols, 0)
+      rows.each do |row|
+        row.each_with_index do |cell, i|
+          col_widths[i] = [col_widths[i], cell.length].max
+        end
+      end
+
+      space = available - (max_cols - 1) * 3
+      total = col_widths.sum
+      if total > space && total > 0
+        col_widths = col_widths.map { |w| [(w.to_f / total * space).floor, 6].max }
+      end
+
+      rows.each_with_index do |row, ri|
+        parts = row.each_with_index.map do |cell, ci|
+          w = col_widths[ci] || cell.length
+          cell.length > w ? cell[0...w] : cell.ljust(w)
+        end
+        line = parts.join(" \u2502 ".fg(240))
+        line = line.b if ri == 0 && table_node.at_css("th")
+        @output << (" " * @indent) + line
+
+        if ri == 0 && table_node.at_css("th")
+          sep = col_widths.map { |w| "\u2500" * w }.join("\u2500\u253c\u2500").fg(240)
+          @output << (" " * @indent) + sep
+        end
+      end
+
+      ensure_blank_line
+    end
+
+    def render_table_vertical(rows, table_node)
+      # Render each row as a block with label: value pairs
+      headers = table_node.css("th").any? ? rows.shift : nil
+
+      rows.each do |row|
+        row.each_with_index do |cell, ci|
+          next if cell.strip.empty?
+          label = headers && headers[ci] ? headers[ci] : "Col #{ci + 1}"
+          @output << (" " * @indent) + "#{label}: ".fg(245).b + cell
+        end
+        @output << (" " * @indent) + ("\u2500" * 20).fg(240)
+      end
+    end
+  end
+end

data/lib/brrowser/tab.rb

@@ -0,0 +1,48 @@
+module Brrowser
+  class Tab
+    attr_accessor :url, :title, :content, :ix, :links, :forms, :images
+    attr_reader :back_history, :forward_history
+
+    def initialize(url = nil)
+      @url             = url
+      @title           = ""
+      @content         = ""
+      @ix              = 0
+      @links           = []
+      @forms           = []
+      @images          = []
+      @back_history    = []
+      @forward_history = []
+    end
+
+    def navigate(new_url)
+      if @url
+        @back_history.push({ url: @url, ix: @ix })
+      end
+      @forward_history.clear
+      @url = new_url
+      @ix  = 0
+    end
+
+    def go_back
+      return nil if @back_history.empty?
+      @forward_history.push({ url: @url, ix: @ix })
+      prev = @back_history.pop
+      @url = prev[:url]
+      @ix  = prev[:ix]
+      @url
+    end
+
+    def go_forward
+      return nil if @forward_history.empty?
+      @back_history.push({ url: @url, ix: @ix })
+      nxt = @forward_history.pop
+      @url = nxt[:url]
+      @ix  = nxt[:ix]
+      @url
+    end
+
+    def can_go_back?    = !@back_history.empty?
+    def can_go_forward? = !@forward_history.empty?
+  end
+end